Merge pull request #300 from webitel/fix/filter-panel-icons

fix: tableActionIcons props added to create possibility to pass only …
webitel · Sep 17, 2024 · c2ec79a · c2ec79a
2 parents 19fe70e + d688734
commit c2ec79a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.10.9",
+  "version": "24.10.10",
   "private": false,
   "scripts": {
     "dev": "vite",

diff --git a/src/components/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue b/src/components/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue
@@ -8,7 +8,7 @@
     </div>
     <div class="actions-wrap">
       <wt-table-actions
-        :icons="['filter-reset', 'settings']"
+        :icons="tableActionIcons"
         @input="tableActionsHandler"
       />
     </div>
@@ -18,6 +18,12 @@
 <script>
 export default {
   name: 'FiltersPanelWrapper',
+  props: {
+    tableActionIcons: {
+      type: Array,
+      default: () => ['filter-reset', 'settings'],
+    },
+  },
   data: () => ({
     isOpened: false,
     filtersCount: 0,
@@ -45,7 +51,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$actions-width: calc(2 * (var(--icon-md-size) + var(--table-actions-icon-gap)));
+$actions-width: calc((var(--icon-md-size) + var(--table-actions-icon-gap)));
 
 .filters-panel-wrapper {
   display: flex;