@eturnity/eturnity_reusable_components 9.34.5 → 9.34.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.34.5",
+  "version": "9.34.7",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/add_to_database.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.501 7.99414C11.777 7.99414 12.0008 8.21818 12.001 8.49414V10.9951H14.501C14.7771 10.9951 15.001 11.219 15.001 11.4951C15.001 11.7713 14.7771 11.9951 14.501 11.9951H12.001V14.4951C12.001 14.7713 11.7771 14.9951 11.501 14.9951C11.2248 14.9951 11.001 14.7713 11.001 14.4951V11.9951H8.5C8.22401 11.9949 8 11.7711 8 11.4951C8 11.2191 8.22401 10.9953 8.5 10.9951H11.001V8.49414C11.0012 8.21818 11.225 7.99414 11.501 7.99414ZM7.90039 1.5C9.43019 1.50004 10.8364 1.70587 11.877 2.05273C12.3945 2.22529 12.8497 2.44239 13.1855 2.70703C13.5156 2.96723 13.7997 3.33271 13.7998 3.7998V9.99512H13.001V8.49316C13.0007 8.22135 12.9266 7.96709 12.7998 7.74707V5.14746C12.5298 5.30006 12.2172 5.43344 11.877 5.54688C10.8364 5.89374 9.43019 6.09957 7.90039 6.09961C6.37054 6.09961 4.96448 5.89372 3.92383 5.54688C3.58334 5.43338 3.2702 5.30017 3 5.14746V8C3 8.03181 3.01842 8.13999 3.23242 8.30957C3.44143 8.47518 3.7753 8.64589 4.2334 8.79883C5.14452 9.103 6.43877 9.2998 7.90039 9.2998C8.65535 9.29979 9.3652 9.24506 10.001 9.15234V9.99512H8.49902C8.16322 9.99541 7.85361 10.107 7.60352 10.2939C6.18175 10.2694 4.8886 10.0724 3.91699 9.74805C3.57907 9.63523 3.26834 9.50236 3 9.35059V12.2002C3.00008 12.2322 3.01885 12.3405 3.23242 12.5098C3.44144 12.6754 3.77534 12.8461 4.2334 12.999C5.14452 13.3032 6.43877 13.5 7.90039 13.5C8.65533 13.5 9.36519 13.4453 10.001 13.3525V14.3633C9.34864 14.451 8.63986 14.5 7.90039 14.5C6.36222 14.5 4.95583 14.295 3.91699 13.9482C3.40014 13.7757 2.94607 13.5582 2.61133 13.293C2.28171 13.0317 2.00008 12.6662 2 12.2002V3.7998C2.00008 3.3325 2.28504 2.96725 2.61523 2.70703C2.95111 2.44234 3.40613 2.2253 3.92383 2.05273C4.96446 1.70591 6.3706 1.5 7.90039 1.5ZM13.4922 12.9951C13.4015 13.1054 13.2986 13.2057 13.1885 13.293C13.1297 13.3396 13.0668 13.3841 13.001 13.4277V12.9951H13.4922ZM7.90039 2.5C6.44801 2.5 5.153 2.69737 4.23926 3.00195C3.78005 3.15507 3.44395 3.32626 3.2334 3.49219C3.01792 3.6621 3.00008 3.76988 3 3.7998C3 3.82946 3.01718 3.93798 3.2334 4.1084C3.44397 4.27435 3.77996 4.4455 4.23926 4.59863C5.153 4.90321 6.44801 5.09961 7.90039 5.09961C9.35261 5.09957 10.6469 4.90319 11.5605 4.59863C12.0199 4.4455 12.3558 4.27435 12.5664 4.1084C12.7827 3.93796 12.7998 3.82947 12.7998 3.7998C12.7997 3.76988 12.782 3.66216 12.5664 3.49219C12.3558 3.32624 12.0198 3.15508 11.5605 3.00195C10.6469 2.6974 9.35262 2.50004 7.90039 2.5Z" fill="#263238"/>
+</svg>

package/src/components/buttons/buttonIcon/buttonIcon.spec.js

@@ -67,6 +67,23 @@ describe('ButtonIcon.vue', () => {
     expect(icon.props('name')).toBe('settings')
   })
 
+  it('renders the icon at 14px when no icon size is given', () => {
+    const icon = wrapper.findComponent({ name: 'Icon' })
+    expect(icon.props('size')).toBe('14px')
+  })
+
+  it('renders the icon at the given icon size', async () => {
+    await wrapper.setProps({ iconSize: '24px' })
+    const icon = wrapper.findComponent({ name: 'Icon' })
+    expect(icon.props('size')).toBe('24px')
+  })
+
+  it('keeps the caret at its own size when the icon size changes', async () => {
+    await wrapper.setProps({ iconSize: '24px', showCaret: true })
+    const caret = wrapper.findComponent('[data-test-id="button-icon-caret"]')
+    expect(caret.props('size')).toBe('8px')
+  })
+
   it('applies disabled state correctly', async () => {
     await wrapper.setProps({ isDisabled: true })
     const buttonWrapper = wrapper.find('[data-test-id="button-icon-wrapper"]')

package/src/components/buttons/buttonIcon/index.vue

@@ -34,7 +34,7 @@
           :fill-type="fillType"
           :hovered-color="getIconColor"
           :name="iconName"
-          size="14px"
+          :size="iconSize"
         />
       </IconContainer>
       <ButtonContainer
@@ -473,6 +473,11 @@
         default: null,
         type: String,
       },
+      iconSize: {
+        required: false,
+        default: '14px',
+        type: String,
+      },
       fontSize: {
         required: false,
         default: '14px',

package/src/components/filter/filterSettings.vue

@@ -1,33 +1,5 @@
 <template>
   <ContainerWrapper @click="$emit('on-container-click')">
-    <PageSizeContainer v-if="pageSizeOptions && pageSizeOptions.length">
-      <SelectComponent
-        align-items="vertical"
-        :data-id="componentName + '_page_size_select'"
-        :data-qa-id="componentName + '_page_size_select'"
-        font-size="13px"
-        :is-searchable="false"
-        :label="$gettext('Shown')"
-        select-height="36px"
-        select-width="100%"
-        @click.stop
-        @input-change="$emit('on-page-size-change', $event)"
-      >
-        <template #selector>
-          <OptionTitle> {{ pageSize }} {{ pageSizeUnit }} </OptionTitle>
-        </template>
-        <template #dropdown>
-          <Option
-            v-for="(item, idx) in pageSizeOptions"
-            :key="idx + '_page_size'"
-            :data-id="`${componentName}_page_size_option_${idx + 1}`"
-            :value="item"
-          >
-            {{ item }} {{ pageSizeUnit }}
-          </Option>
-        </template>
-      </SelectComponent>
-    </PageSizeContainer>
     <UpperContainer v-if="filterViews && filterViews.length">
       <ViewContainer v-if="showActiveFilter" :max-width="activeView.length">
         <SelectComponent
@@ -592,13 +564,6 @@
     padding: 10px 14px;
   `
 
-  /** First row of the panel; separated from the view/filter controls below. */
-  const PageSizeContainer = styled.div`
-    padding: 10px 14px;
-    border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
-    max-width: 300px;
-  `
-
   const ResetButton = styled.div`
     display: inline-flex;
     gap: 16px;
@@ -613,7 +578,6 @@
     name: 'FilterSettings',
     components: {
       ContainerWrapper,
-      PageSizeContainer,
       ColumnWrapper,
       ColumnTitle,
       ColumnContainer,
@@ -678,28 +642,6 @@
         type: String,
         required: false,
       },
-      /** Current page size; shown on the selector. */
-      pageSize: {
-        type: [Number, String],
-        required: false,
-        default: null,
-      },
-      /**
-       * Selectable page sizes. Empty (the default) hides the control, so hosts
-       * that do not paginate are unaffected. Include the host's current value —
-       * otherwise the selector shows a size the user cannot pick again.
-       */
-      pageSizeOptions: {
-        type: Array,
-        required: false,
-        default: () => [],
-      },
-      /** Already-translated noun for the counted rows, e.g. "components". */
-      pageSizeUnit: {
-        type: String,
-        required: false,
-        default: '',
-      },
     },
     data() {
       return {

package/src/components/filter/index.vue

@@ -17,9 +17,6 @@
       :filter-data="filterData"
       :filter-views="filterViews"
       :has-active-view="hasActiveView"
-      :page-size="pageSize"
-      :page-size-options="pageSizeOptions"
-      :page-size-unit="pageSizeUnit"
       :settings-translations="settingsTranslations"
       :show-active-filter="showActiveFilter"
       @on-apply-current-view="onApplyCurrentView()"
@@ -27,7 +24,6 @@
       @on-container-click="onContainerClick()"
       @on-drag-change="$emit('on-drag-change', $event)"
       @on-filter-change="onFilterChange($event)"
-      @on-page-size-change="$emit('on-page-size-change', $event)"
       @on-prevent-close="onPreventClose($event)"
       @on-reset-filters="onResetFilters()"
       @on-save-new-view="$emit('on-save-new-view')"
@@ -60,24 +56,6 @@
       dropdownText: {
         required: false,
       },
-      /** Current page size; shown on the selector. */
-      pageSize: {
-        type: [Number, String],
-        required: false,
-        default: null,
-      },
-      /** Selectable page sizes. Empty (the default) hides the control. */
-      pageSizeOptions: {
-        type: Array,
-        required: false,
-        default: () => [],
-      },
-      /** Already-translated noun for the counted rows, e.g. "components". */
-      pageSizeUnit: {
-        type: String,
-        required: false,
-        default: '',
-      },
       filterViews: {
         required: true,
       },

package/src/components/filterComponent/viewSettings.vue

@@ -191,9 +191,6 @@
   const ColumnListContainer = styled.div`
     display: grid;
     gap: 8px;
-    max-height: 50vh;
-    overflow-y: auto;
-    padding-right: 4px;
 
     .ghost {
       opacity: 0.5;