@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -2
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/date-helpers-c9551119.js +150 -0
- package/dist/cjs/date-helpers-c9551119.js.map +1 -0
- package/dist/cjs/helpers-951fb33a.js +433 -0
- package/dist/cjs/helpers-951fb33a.js.map +1 -0
- package/dist/cjs/{helpers-bbe55215.js → helpers-eabe59b6.js} +147 -100
- package/dist/cjs/helpers-eabe59b6.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +31 -4
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +11 -4
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +20 -6
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +26 -17
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +86 -83
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +62 -25
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +145 -103
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +130 -0
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-card.cjs.entry.js +30 -7
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +28 -17
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +50 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +45 -21
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +14 -5
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +3 -6
- package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +21 -35
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +57 -0
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-data-table.cjs.entry.js +1079 -84
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +1123 -0
- package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-date-picker.cjs.entry.js +1129 -0
- package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-dialog.cjs.entry.js +54 -12
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +1 -1
- package/dist/cjs/ic-empty-state_2.cjs.entry.js +388 -0
- package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -4
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +18 -7
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +12 -2
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -5
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +164 -0
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-link.cjs.entry.js +34 -16
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +21 -20
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js +2740 -0
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +1 -0
- package/dist/cjs/{ic-input-component-container_3.cjs.entry.js → ic-menu.cjs.entry.js} +17 -80
- package/dist/cjs/ic-menu.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-navigation-button.cjs.entry.js +28 -7
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +32 -22
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +82 -36
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +10 -10
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +231 -116
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +40 -36
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +100 -59
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +59 -42
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +22 -30
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select-with-multi.cjs.entry.js +796 -0
- package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-side-navigation.cjs.entry.js +53 -73
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +4 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +5 -2
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +31 -9
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +7 -3
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +78 -130
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +5 -13
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +16 -14
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +13 -22
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +6 -0
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +21 -18
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +201 -0
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js +97 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +60 -82
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +253 -0
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-tree-view.cjs.entry.js +215 -0
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-typography.cjs.entry.js +51 -14
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-4cf27b16.js +48 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/arrow-dropdown.svg +3 -0
- package/dist/collection/assets/calendar.svg +3 -0
- package/dist/collection/collection-manifest.json +11 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +658 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +375 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +2 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +140 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -0
- package/dist/collection/components/ic-data-table/ic-data-table.css +286 -10
- package/dist/collection/components/ic-data-table/ic-data-table.js +1533 -123
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js +414 -0
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
- package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +1326 -43
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +460 -3
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +91 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +160 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js +11 -0
- package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js +70 -0
- package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js.map +1 -0
- package/dist/collection/components/ic-date-input/ic-date-input.css +564 -0
- package/dist/collection/components/ic-date-input/ic-date-input.js +1808 -0
- package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
- package/dist/collection/components/ic-date-input/story-data.js +28 -0
- package/dist/collection/components/ic-date-input/story-data.js.map +1 -0
- package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js +1158 -0
- package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js.map +1 -0
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +42 -0
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.css +885 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +1688 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-day-button.js +36 -0
- package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-month-picker.js +29 -0
- package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-year-picker.js +39 -0
- package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/story-data.js +179 -0
- package/dist/collection/components/ic-date-picker/story-data.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js +13 -0
- package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js +207 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js +1030 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js.map +1 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.css +701 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.js +1599 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +1 -0
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +1057 -0
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +346 -166
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js +8 -1
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +75 -12
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-select-with-multi/assets/Check.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.css +693 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.js +1649 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/story-data.js +216 -0
- package/dist/collection/components/ic-select-with-multi/story-data.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +1518 -0
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +1 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.css +186 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +620 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +117 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.css +74 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +346 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
- package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js +85 -0
- package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js.map +1 -0
- package/dist/collection/utils/constants.js +83 -0
- package/dist/collection/utils/constants.js.map +1 -0
- package/dist/collection/utils/date-helpers.js +133 -0
- package/dist/collection/utils/date-helpers.js.map +1 -0
- package/dist/collection/utils/helpers.js +473 -5
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +58 -0
- package/dist/collection/utils/types.js.map +1 -0
- package/dist/components/helpers.js +141 -98
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +403 -0
- package/dist/components/helpers2.js.map +1 -0
- package/dist/components/ic-accordion-group.js +38 -7
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +12 -4
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert2.js +21 -6
- package/dist/components/ic-alert2.js.map +1 -1
- package/dist/components/ic-back-to-top.js +34 -18
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +91 -84
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +66 -25
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +2 -2
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +104 -74
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.d.ts +11 -0
- package/dist/components/ic-card-horizontal.js +168 -0
- package/dist/components/ic-card-horizontal.js.map +1 -0
- package/dist/components/ic-card.js +34 -21
- package/dist/components/ic-card.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +33 -18
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +58 -33
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +52 -23
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +14 -5
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-entity.js +3 -6
- package/dist/components/ic-data-entity.js.map +1 -1
- package/dist/components/ic-data-row.js +21 -35
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-data-table-title-bar.d.ts +11 -0
- package/dist/components/ic-data-table-title-bar.js +136 -0
- package/dist/components/ic-data-table-title-bar.js.map +1 -0
- package/dist/components/ic-data-table.js +1119 -91
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input.d.ts +11 -0
- package/dist/components/ic-date-input.js +8 -0
- package/dist/components/ic-date-input.js.map +1 -0
- package/dist/components/ic-date-input2.js +1359 -0
- package/dist/components/ic-date-input2.js.map +1 -0
- package/dist/components/ic-date-picker.d.ts +11 -0
- package/dist/components/ic-date-picker.js +1258 -0
- package/dist/components/ic-date-picker.js.map +1 -0
- package/dist/components/ic-dialog.js +55 -12
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +1 -1
- package/dist/components/ic-empty-state.js +1 -57
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} +47 -11
- package/dist/components/ic-empty-state2.js.map +1 -0
- package/dist/components/ic-footer-link-group.js +4 -4
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +3 -3
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +18 -7
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +12 -2
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +5 -5
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +24 -8
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +7 -5
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +1 -1
- package/dist/components/ic-link2.js +35 -17
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +2 -2
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +26 -23
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu-with-multi.d.ts +11 -0
- package/dist/components/ic-menu-with-multi.js +8 -0
- package/dist/components/ic-menu-with-multi.js.map +1 -0
- package/dist/components/ic-menu2.js +14 -14
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-menu3.js +2806 -0
- package/dist/components/ic-menu3.js.map +1 -0
- package/dist/components/ic-navigation-button.js +29 -8
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +34 -24
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +84 -37
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +1 -1
- package/dist/components/ic-page-header.js +10 -10
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +244 -161
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +27 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +30 -10
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-popover-menu.js +43 -38
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +101 -59
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +63 -44
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +23 -30
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +1 -1
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select-with-multi.d.ts +11 -0
- package/dist/components/ic-select-with-multi.js +921 -0
- package/dist/components/ic-select-with-multi.js.map +1 -0
- package/dist/components/ic-select2.js +77 -30
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +56 -74
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +17 -40
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +3 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +5 -2
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +35 -9
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +9 -4
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +79 -130
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-panel.js +6 -17
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +16 -14
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +120 -72
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +13 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +6 -0
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +24 -19
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +230 -0
- package/dist/components/ic-toggle-button-group.js.map +1 -0
- package/dist/components/ic-toggle-button.js +148 -0
- package/dist/components/ic-toggle-button.js.map +1 -0
- package/dist/components/ic-tooltip2.js +52 -30
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +61 -83
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.d.ts +11 -0
- package/dist/components/ic-tree-item.js +300 -0
- package/dist/components/ic-tree-item.js.map +1 -0
- package/dist/components/ic-tree-view.d.ts +11 -0
- package/dist/components/ic-tree-view.js +252 -0
- package/dist/components/ic-tree-view.js.map +1 -0
- package/dist/components/ic-typography2.js +57 -17
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +8 -5
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0229eb46.entry.js +2 -0
- package/dist/core/p-0229eb46.entry.js.map +1 -0
- package/dist/core/p-04fe848d.entry.js +2 -0
- package/dist/core/p-04fe848d.entry.js.map +1 -0
- package/dist/core/p-05ae9a59.entry.js +2 -0
- package/dist/core/p-05ae9a59.entry.js.map +1 -0
- package/dist/core/p-074e64d0.entry.js +2 -0
- package/dist/core/p-074e64d0.entry.js.map +1 -0
- package/dist/core/p-0f1706e8.entry.js +2 -0
- package/dist/core/p-0f1706e8.entry.js.map +1 -0
- package/dist/core/p-11877d23.entry.js +2 -0
- package/dist/core/p-11877d23.entry.js.map +1 -0
- package/dist/core/p-1e450833.entry.js +2 -0
- package/dist/core/p-1e450833.entry.js.map +1 -0
- package/dist/core/{p-4409f656.entry.js → p-23408776.entry.js} +2 -2
- package/dist/core/p-23408776.entry.js.map +1 -0
- package/dist/core/p-26fa17fb.entry.js +2 -0
- package/dist/core/p-26fa17fb.entry.js.map +1 -0
- package/dist/core/p-2b15ea77.entry.js +2 -0
- package/dist/core/p-2b15ea77.entry.js.map +1 -0
- package/dist/core/p-2d44b81a.entry.js +2 -0
- package/dist/core/p-2d44b81a.entry.js.map +1 -0
- package/dist/core/p-2ea7af8b.entry.js +2 -0
- package/dist/core/p-2ea7af8b.entry.js.map +1 -0
- package/dist/core/p-33dd24eb.js +2 -0
- package/dist/core/p-33dd24eb.js.map +1 -0
- package/dist/core/p-38f329ab.entry.js +2 -0
- package/dist/core/p-38f329ab.entry.js.map +1 -0
- package/dist/core/p-3cd2056f.entry.js +2 -0
- package/dist/core/p-3cd2056f.entry.js.map +1 -0
- package/dist/core/p-3d00ad9e.entry.js +2 -0
- package/dist/core/p-3d00ad9e.entry.js.map +1 -0
- package/dist/core/p-3ebd4703.entry.js +2 -0
- package/dist/core/p-3ebd4703.entry.js.map +1 -0
- package/dist/core/p-44036532.entry.js +2 -0
- package/dist/core/p-44036532.entry.js.map +1 -0
- package/dist/core/p-44680720.entry.js +2 -0
- package/dist/core/p-44680720.entry.js.map +1 -0
- package/dist/core/{p-24945ee5.entry.js → p-452985d9.entry.js} +2 -2
- package/dist/core/p-452985d9.entry.js.map +1 -0
- package/dist/core/{p-b97dc365.entry.js → p-487fd924.entry.js} +2 -2
- package/dist/core/p-56db5123.entry.js +2 -0
- package/dist/core/p-56db5123.entry.js.map +1 -0
- package/dist/core/p-5a90eaa8.entry.js +2 -0
- package/dist/core/p-5a90eaa8.entry.js.map +1 -0
- package/dist/core/p-5dd6381a.entry.js +2 -0
- package/dist/core/p-5dd6381a.entry.js.map +1 -0
- package/dist/core/p-5f149106.entry.js +2 -0
- package/dist/core/p-5f149106.entry.js.map +1 -0
- package/dist/core/p-61848e6b.entry.js +2 -0
- package/dist/core/p-61848e6b.entry.js.map +1 -0
- package/dist/core/{p-d77960f6.entry.js → p-656378ba.entry.js} +2 -2
- package/dist/core/p-6a920114.entry.js +2 -0
- package/dist/core/p-6a920114.entry.js.map +1 -0
- package/dist/core/p-6cdf5de2.entry.js +2 -0
- package/dist/core/p-6cdf5de2.entry.js.map +1 -0
- package/dist/core/p-70ad364c.entry.js +2 -0
- package/dist/core/p-70ad364c.entry.js.map +1 -0
- package/dist/core/p-70c659ec.entry.js +2 -0
- package/dist/core/p-70c659ec.entry.js.map +1 -0
- package/dist/core/p-74b42302.entry.js +2 -0
- package/dist/core/p-74b42302.entry.js.map +1 -0
- package/dist/core/p-75bd12f8.entry.js +2 -0
- package/dist/core/p-75bd12f8.entry.js.map +1 -0
- package/dist/core/p-780294b8.entry.js +2 -0
- package/dist/core/p-780294b8.entry.js.map +1 -0
- package/dist/core/{p-baf81f30.entry.js → p-787ffd96.entry.js} +2 -2
- package/dist/core/p-787ffd96.entry.js.map +1 -0
- package/dist/core/p-7edc19be.entry.js +2 -0
- package/dist/core/p-7edc19be.entry.js.map +1 -0
- package/dist/core/p-8ab58daa.js +2 -0
- package/dist/core/p-8ab58daa.js.map +1 -0
- package/dist/core/p-8ced1495.entry.js +2 -0
- package/dist/core/p-8ced1495.entry.js.map +1 -0
- package/dist/core/{p-939baa93.entry.js → p-95545b4c.entry.js} +2 -2
- package/dist/core/p-95545b4c.entry.js.map +1 -0
- package/dist/core/p-95d057b8.entry.js +2 -0
- package/dist/core/p-95d057b8.entry.js.map +1 -0
- package/dist/core/p-987cd821.entry.js +2 -0
- package/dist/core/p-987cd821.entry.js.map +1 -0
- package/dist/core/{p-41aa0ed3.entry.js → p-9b386822.entry.js} +2 -2
- package/dist/core/p-9b386822.entry.js.map +1 -0
- package/dist/core/{p-39e20b87.entry.js → p-9bbe221f.entry.js} +2 -2
- package/dist/core/{p-39e20b87.entry.js.map → p-9bbe221f.entry.js.map} +1 -1
- package/dist/core/p-9f157649.entry.js +2 -0
- package/dist/core/p-9f157649.entry.js.map +1 -0
- package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js} +2 -2
- package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map} +1 -1
- package/dist/core/p-9f58998d.entry.js +2 -0
- package/dist/core/p-9f58998d.entry.js.map +1 -0
- package/dist/core/p-a4f28ef1.entry.js +2 -0
- package/dist/core/p-a4f28ef1.entry.js.map +1 -0
- package/dist/core/p-ac8090a5.entry.js +2 -0
- package/dist/core/p-ac8090a5.entry.js.map +1 -0
- package/dist/core/p-b1f89f44.entry.js +2 -0
- package/dist/core/p-b1f89f44.entry.js.map +1 -0
- package/dist/core/p-bc350ec5.entry.js +2 -0
- package/dist/core/p-bc350ec5.entry.js.map +1 -0
- package/dist/core/p-bd0328f3.entry.js +2 -0
- package/dist/core/p-bd0328f3.entry.js.map +1 -0
- package/dist/core/p-bf06977d.js +2 -0
- package/dist/core/p-bf06977d.js.map +1 -0
- package/dist/core/p-c0a2a040.entry.js +2 -0
- package/dist/core/p-c0a2a040.entry.js.map +1 -0
- package/dist/core/p-cc0e0b46.entry.js +2 -0
- package/dist/core/p-cc0e0b46.entry.js.map +1 -0
- package/dist/core/p-d0020f6f.entry.js +2 -0
- package/dist/core/p-d0020f6f.entry.js.map +1 -0
- package/dist/core/{p-3d618bc2.entry.js → p-d1045cd5.entry.js} +2 -2
- package/dist/core/p-d56248df.entry.js +2 -0
- package/dist/core/p-d56248df.entry.js.map +1 -0
- package/dist/core/p-d921dc2c.entry.js +2 -0
- package/dist/core/p-d921dc2c.entry.js.map +1 -0
- package/dist/core/p-da398a5d.entry.js +2 -0
- package/dist/core/p-da398a5d.entry.js.map +1 -0
- package/dist/core/{p-2e9e8e7c.entry.js → p-db5af9f7.entry.js} +2 -2
- package/dist/core/p-db5af9f7.entry.js.map +1 -0
- package/dist/core/p-dd4c83ad.entry.js +2 -0
- package/dist/core/p-dd4c83ad.entry.js.map +1 -0
- package/dist/core/p-e362b5f3.entry.js +2 -0
- package/dist/core/p-e362b5f3.entry.js.map +1 -0
- package/dist/core/p-e89c2feb.entry.js +2 -0
- package/dist/core/p-e89c2feb.entry.js.map +1 -0
- package/dist/core/p-eaeaa096.entry.js +2 -0
- package/dist/core/p-eaeaa096.entry.js.map +1 -0
- package/dist/core/{p-c2b5e7b1.entry.js → p-eb87b43b.entry.js} +2 -2
- package/dist/core/{p-c2b5e7b1.entry.js.map → p-eb87b43b.entry.js.map} +1 -1
- package/dist/core/p-f5dfcf4f.entry.js +2 -0
- package/dist/core/p-f5dfcf4f.entry.js.map +1 -0
- package/dist/core/p-f5fbfbc9.entry.js +2 -0
- package/dist/core/p-f5fbfbc9.entry.js.map +1 -0
- package/dist/core/p-fac387e8.entry.js +2 -0
- package/dist/core/p-fac387e8.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/date-helpers-0e5e32a7.js +136 -0
- package/dist/esm/date-helpers-0e5e32a7.js.map +1 -0
- package/dist/esm/helpers-948df101.js +403 -0
- package/dist/esm/helpers-948df101.js.map +1 -0
- package/dist/esm/{helpers-268c2b7f.js → helpers-cd64688a.js} +142 -99
- package/dist/esm/helpers-cd64688a.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +31 -4
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +11 -4
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +20 -6
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +26 -17
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +86 -83
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +62 -25
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +2 -2
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +145 -103
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +126 -0
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -0
- package/dist/esm/ic-card.entry.js +30 -7
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +28 -17
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +50 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +45 -21
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +14 -5
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-entity.entry.js +3 -6
- package/dist/esm/ic-data-entity.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +21 -35
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +53 -0
- package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -0
- package/dist/esm/ic-data-table.entry.js +1080 -85
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +1119 -0
- package/dist/esm/ic-date-input.entry.js.map +1 -0
- package/dist/esm/ic-date-picker.entry.js +1125 -0
- package/dist/esm/ic-date-picker.entry.js.map +1 -0
- package/dist/esm/ic-dialog.entry.js +54 -12
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-empty-state_2.entry.js +383 -0
- package/dist/esm/ic-empty-state_2.entry.js.map +1 -0
- package/dist/esm/ic-footer-link-group.entry.js +4 -4
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +3 -3
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +18 -7
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +12 -2
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +5 -5
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_4.entry.js +157 -0
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -0
- package/dist/esm/ic-link.entry.js +35 -17
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +2 -2
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +21 -20
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-menu-with-multi.entry.js +2736 -0
- package/dist/esm/ic-menu-with-multi.entry.js.map +1 -0
- package/dist/esm/{ic-input-component-container_3.entry.js → ic-menu.entry.js} +19 -80
- package/dist/esm/ic-menu.entry.js.map +1 -0
- package/dist/esm/ic-navigation-button.entry.js +29 -8
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +33 -23
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +83 -37
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +10 -10
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination_4.entry.js +232 -117
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +40 -36
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +100 -59
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +59 -42
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +22 -30
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +1 -1
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select-with-multi.entry.js +792 -0
- package/dist/esm/ic-select-with-multi.entry.js.map +1 -0
- package/dist/esm/ic-side-navigation.entry.js +53 -73
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +16 -35
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +4 -2
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +5 -2
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +31 -9
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +7 -3
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +78 -130
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +5 -13
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +16 -14
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +13 -22
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +6 -0
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +21 -18
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +197 -0
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -0
- package/dist/esm/ic-toggle-button.entry.js +93 -0
- package/dist/esm/ic-toggle-button.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +60 -82
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +249 -0
- package/dist/esm/ic-tree-item.entry.js.map +1 -0
- package/dist/esm/ic-tree-view.entry.js +211 -0
- package/dist/esm/ic-tree-view.entry.js.map +1 -0
- package/dist/esm/ic-typography.entry.js +52 -15
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-93509377.js +48 -12
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +71 -0
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +1 -0
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +218 -19
- package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
- package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +43 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +492 -2
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +36 -0
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
- package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-date-input/ic-date-input.d.ts +264 -0
- package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
- package/dist/types/components/ic-date-input/story-data.d.ts +1 -0
- package/dist/types/components/ic-date-input/test/helpers/ic-date-input.d.ts +23 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +262 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
- package/dist/types/components/ic-date-picker/ic-day-button.d.ts +16 -0
- package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +14 -0
- package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +16 -0
- package/dist/types/components/ic-date-picker/story-data.d.ts +24 -0
- package/dist/types/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +218 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +65 -23
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
- package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
- package/dist/types/components/ic-select-with-multi/ic-select.d.ts +289 -0
- package/dist/types/components/ic-select-with-multi/story-data.d.ts +32 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +101 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +51 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
- package/dist/types/components.d.ts +1711 -127
- package/dist/types/interface.d.ts +1 -0
- package/dist/types/utils/constants.d.ts +38 -0
- package/dist/types/utils/date-helpers.d.ts +22 -0
- package/dist/types/utils/helpers.d.ts +144 -2
- package/dist/types/utils/types.d.ts +126 -0
- package/hydrate/index.js +18298 -9132
- package/package.json +27 -17
- package/dist/cjs/helpers-bbe55215.js.map +0 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +0 -38
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +0 -86
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-pagination-bar.cjs.entry.js +0 -285
- package/dist/cjs/ic-pagination-bar.cjs.entry.js.map +0 -1
- package/dist/collection/components/ic-pagination/ic-pagination.types.js +0 -2
- package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +0 -1
- package/dist/core/p-0083465b.entry.js +0 -2
- package/dist/core/p-0083465b.entry.js.map +0 -1
- package/dist/core/p-03487f12.entry.js +0 -2
- package/dist/core/p-03487f12.entry.js.map +0 -1
- package/dist/core/p-03f8fa1a.entry.js +0 -2
- package/dist/core/p-03f8fa1a.entry.js.map +0 -1
- package/dist/core/p-0c18b6a0.entry.js +0 -2
- package/dist/core/p-0c18b6a0.entry.js.map +0 -1
- package/dist/core/p-1bc034aa.entry.js +0 -2
- package/dist/core/p-1bc034aa.entry.js.map +0 -1
- package/dist/core/p-20a76d1d.entry.js +0 -2
- package/dist/core/p-20a76d1d.entry.js.map +0 -1
- package/dist/core/p-24945ee5.entry.js.map +0 -1
- package/dist/core/p-2dc35696.entry.js +0 -2
- package/dist/core/p-2dc35696.entry.js.map +0 -1
- package/dist/core/p-2e9e8e7c.entry.js.map +0 -1
- package/dist/core/p-3ee25a6d.entry.js +0 -2
- package/dist/core/p-3ee25a6d.entry.js.map +0 -1
- package/dist/core/p-41aa0ed3.entry.js.map +0 -1
- package/dist/core/p-4314aa0e.entry.js +0 -2
- package/dist/core/p-4314aa0e.entry.js.map +0 -1
- package/dist/core/p-4409f656.entry.js.map +0 -1
- package/dist/core/p-47abbd06.entry.js +0 -2
- package/dist/core/p-47abbd06.entry.js.map +0 -1
- package/dist/core/p-485823b6.entry.js +0 -2
- package/dist/core/p-485823b6.entry.js.map +0 -1
- package/dist/core/p-4ee59448.entry.js +0 -2
- package/dist/core/p-4ee59448.entry.js.map +0 -1
- package/dist/core/p-5157cfab.entry.js +0 -2
- package/dist/core/p-5157cfab.entry.js.map +0 -1
- package/dist/core/p-53083575.entry.js +0 -2
- package/dist/core/p-53083575.entry.js.map +0 -1
- package/dist/core/p-55d5541f.entry.js +0 -2
- package/dist/core/p-55d5541f.entry.js.map +0 -1
- package/dist/core/p-5bb32ee6.entry.js +0 -2
- package/dist/core/p-5bb32ee6.entry.js.map +0 -1
- package/dist/core/p-67eea079.entry.js +0 -2
- package/dist/core/p-67eea079.entry.js.map +0 -1
- package/dist/core/p-6bd0e984.entry.js +0 -2
- package/dist/core/p-6bd0e984.entry.js.map +0 -1
- package/dist/core/p-75bf6162.entry.js +0 -2
- package/dist/core/p-75bf6162.entry.js.map +0 -1
- package/dist/core/p-76959313.entry.js +0 -2
- package/dist/core/p-76959313.entry.js.map +0 -1
- package/dist/core/p-7de813a3.entry.js +0 -2
- package/dist/core/p-7de813a3.entry.js.map +0 -1
- package/dist/core/p-7eae5f70.entry.js +0 -2
- package/dist/core/p-7eae5f70.entry.js.map +0 -1
- package/dist/core/p-85508347.entry.js +0 -2
- package/dist/core/p-85508347.entry.js.map +0 -1
- package/dist/core/p-8da152c4.entry.js +0 -2
- package/dist/core/p-8da152c4.entry.js.map +0 -1
- package/dist/core/p-8fd4ca0a.js +0 -2
- package/dist/core/p-8fd4ca0a.js.map +0 -1
- package/dist/core/p-939baa93.entry.js.map +0 -1
- package/dist/core/p-9777ebb1.entry.js +0 -2
- package/dist/core/p-9777ebb1.entry.js.map +0 -1
- package/dist/core/p-9c27b73e.entry.js +0 -2
- package/dist/core/p-9c27b73e.entry.js.map +0 -1
- package/dist/core/p-9fa6844f.entry.js +0 -2
- package/dist/core/p-9fa6844f.entry.js.map +0 -1
- package/dist/core/p-9fdd7d73.entry.js +0 -2
- package/dist/core/p-9fdd7d73.entry.js.map +0 -1
- package/dist/core/p-a3ab9f4c.entry.js +0 -2
- package/dist/core/p-a3ab9f4c.entry.js.map +0 -1
- package/dist/core/p-a51e5c7c.entry.js +0 -2
- package/dist/core/p-a51e5c7c.entry.js.map +0 -1
- package/dist/core/p-a7481232.entry.js +0 -2
- package/dist/core/p-a7481232.entry.js.map +0 -1
- package/dist/core/p-ab9f8a3f.entry.js +0 -2
- package/dist/core/p-ab9f8a3f.entry.js.map +0 -1
- package/dist/core/p-b2aa3d7c.entry.js +0 -2
- package/dist/core/p-b2aa3d7c.entry.js.map +0 -1
- package/dist/core/p-b5cf6d65.entry.js +0 -2
- package/dist/core/p-b5cf6d65.entry.js.map +0 -1
- package/dist/core/p-baf81f30.entry.js.map +0 -1
- package/dist/core/p-bc187bb5.entry.js +0 -2
- package/dist/core/p-bc187bb5.entry.js.map +0 -1
- package/dist/core/p-bd9cecce.entry.js +0 -2
- package/dist/core/p-bd9cecce.entry.js.map +0 -1
- package/dist/core/p-be980606.entry.js +0 -2
- package/dist/core/p-be980606.entry.js.map +0 -1
- package/dist/core/p-c1256810.entry.js +0 -2
- package/dist/core/p-c1256810.entry.js.map +0 -1
- package/dist/core/p-d76cfa5a.entry.js +0 -2
- package/dist/core/p-d76cfa5a.entry.js.map +0 -1
- package/dist/core/p-e189f1d0.entry.js +0 -2
- package/dist/core/p-e189f1d0.entry.js.map +0 -1
- package/dist/core/p-e9e145aa.entry.js +0 -2
- package/dist/core/p-e9e145aa.entry.js.map +0 -1
- package/dist/core/p-f0e9a83f.entry.js +0 -2
- package/dist/core/p-f0e9a83f.entry.js.map +0 -1
- package/dist/core/p-f23d2102.entry.js +0 -2
- package/dist/core/p-f23d2102.entry.js.map +0 -1
- package/dist/core/p-f87e8411.entry.js +0 -2
- package/dist/core/p-f87e8411.entry.js.map +0 -1
- package/dist/esm/helpers-268c2b7f.js.map +0 -1
- package/dist/esm/ic-empty-state.entry.js.map +0 -1
- package/dist/esm/ic-input-component-container_3.entry.js.map +0 -1
- package/dist/esm/ic-input-label_2.entry.js +0 -81
- package/dist/esm/ic-input-label_2.entry.js.map +0 -1
- package/dist/esm/ic-pagination-bar.entry.js +0 -281
- package/dist/esm/ic-pagination-bar.entry.js.map +0 -1
- package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +0 -6
- /package/dist/core/{p-b97dc365.entry.js.map → p-487fd924.entry.js.map} +0 -0
- /package/dist/core/{p-d77960f6.entry.js.map → p-656378ba.entry.js.map} +0 -0
- /package/dist/core/{p-3d618bc2.entry.js.map → p-d1045cd5.entry.js.map} +0 -0
@@ -5,10 +5,15 @@ import { IcPagination } from "@ukic/web-components/dist/components/ic-pagination
|
|
5
5
|
import { PaginationBar } from "../../../ic-pagination-bar/ic-pagination-bar";
|
6
6
|
import { IcPaginationItem } from "@ukic/web-components/dist/components/ic-pagination-item";
|
7
7
|
import { h } from "@stencil/core";
|
8
|
+
import { waitForTimeout } from "../../../../testspec.setup";
|
9
|
+
import { IcEmptyState } from "@ukic/web-components/dist/components/ic-empty-state";
|
10
|
+
import { DataTableTitleBar } from "../../../ic-data-table-title-bar/ic-data-table-title-bar";
|
11
|
+
import { LONG_DATA_ELEMENTS_WITH_DESCRIPTIONS } from "../../story-data";
|
8
12
|
beforeAll(() => {
|
9
13
|
jest.spyOn(console, "warn").mockImplementation(jest.fn());
|
10
14
|
});
|
11
15
|
const icDataTable = "ic-data-table";
|
16
|
+
const icLoadingIndicator = "ic-loading-indicator";
|
12
17
|
const employeeNumber = "Employee number";
|
13
18
|
const name1 = "John Smith";
|
14
19
|
const name2 = "Sally Jones";
|
@@ -16,12 +21,21 @@ const name3 = "Luke Fisher";
|
|
16
21
|
const name4 = "Jane Lock";
|
17
22
|
const name5 = "Margaret Hale";
|
18
23
|
const highlightedRowClass = "table-row-selected";
|
24
|
+
const showBackgroundClass = "show-background";
|
25
|
+
const customIcon = '<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000"><title id="error-title">Error</title><g id="close-octagon"><path id="Vector" d="M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" /></g></svg>';
|
19
26
|
const columns = [
|
20
27
|
{ key: "name", title: "Name", dataType: "string" },
|
21
28
|
{ key: "age", title: "Age", dataType: "number" },
|
22
29
|
{ key: "department", title: "Department", dataType: "string" },
|
23
30
|
{ key: "employeeNumber", title: employeeNumber, dataType: "number" },
|
24
31
|
];
|
32
|
+
const columnsWithElements = [
|
33
|
+
{ key: "name", title: "Name", dataType: "string" },
|
34
|
+
{ key: "age", title: "Age", dataType: "number" },
|
35
|
+
{ key: "department", title: "Department", dataType: "string" },
|
36
|
+
{ key: "employeeNumber", title: employeeNumber, dataType: "number" },
|
37
|
+
{ key: "actions", title: "Actions", dataType: "element" },
|
38
|
+
];
|
25
39
|
const columnsWithRowHeader = [
|
26
40
|
{ key: "header", title: employeeNumber, dataType: "number" },
|
27
41
|
{ key: "name", title: "Name", dataType: "string" },
|
@@ -49,6 +63,47 @@ const columnsWithOverrides = [
|
|
49
63
|
emphasis: "low",
|
50
64
|
},
|
51
65
|
];
|
66
|
+
const columnsWithIcons = [
|
67
|
+
{
|
68
|
+
key: "name",
|
69
|
+
title: "Name",
|
70
|
+
dataType: "string",
|
71
|
+
icon: {
|
72
|
+
icon: customIcon,
|
73
|
+
},
|
74
|
+
},
|
75
|
+
{ key: "age", title: "Age", dataType: "number" },
|
76
|
+
{ key: "department", title: "Department", dataType: "string" },
|
77
|
+
{ key: "employeeNumber", title: employeeNumber, dataType: "number" },
|
78
|
+
];
|
79
|
+
const columnsWithIconsOnAllCells = [
|
80
|
+
{
|
81
|
+
key: "name",
|
82
|
+
title: "Name",
|
83
|
+
dataType: "string",
|
84
|
+
icon: {
|
85
|
+
icon: customIcon,
|
86
|
+
onAllCells: true,
|
87
|
+
},
|
88
|
+
},
|
89
|
+
{ key: "age", title: "Age", dataType: "number" },
|
90
|
+
{ key: "department", title: "Department", dataType: "string" },
|
91
|
+
{ key: "employeeNumber", title: employeeNumber, dataType: "number" },
|
92
|
+
];
|
93
|
+
const columnsWithIconsHideOnHeader = [
|
94
|
+
{
|
95
|
+
key: "name",
|
96
|
+
title: "Name",
|
97
|
+
dataType: "string",
|
98
|
+
icon: {
|
99
|
+
icon: customIcon,
|
100
|
+
hideOnHeader: true,
|
101
|
+
},
|
102
|
+
},
|
103
|
+
{ key: "age", title: "Age", dataType: "number" },
|
104
|
+
{ key: "department", title: "Department", dataType: "string" },
|
105
|
+
{ key: "employeeNumber", title: employeeNumber, dataType: "number" },
|
106
|
+
];
|
52
107
|
const data = [
|
53
108
|
{ name: name1, age: 36, department: "Accounts", employeeNumber: 1 },
|
54
109
|
{
|
@@ -67,6 +122,44 @@ const data = [
|
|
67
122
|
{ name: name4, age: 34, department: "Engineering", employeeNumber: 5 },
|
68
123
|
{ name: name5, age: 45, department: "HR", employeeNumber: 6 },
|
69
124
|
];
|
125
|
+
const dataWithElements = [
|
126
|
+
{
|
127
|
+
name: name1,
|
128
|
+
age: 36,
|
129
|
+
department: "Accounts",
|
130
|
+
employeeNumber: 1,
|
131
|
+
actions: "",
|
132
|
+
},
|
133
|
+
{
|
134
|
+
name: name2,
|
135
|
+
age: 32,
|
136
|
+
department: "Engineering",
|
137
|
+
employeeNumber: 2,
|
138
|
+
actions: "",
|
139
|
+
},
|
140
|
+
{
|
141
|
+
name: "Tim Rayes",
|
142
|
+
age: 41,
|
143
|
+
department: "Sales",
|
144
|
+
employeeNumber: 3,
|
145
|
+
actions: "",
|
146
|
+
},
|
147
|
+
{
|
148
|
+
name: name3,
|
149
|
+
age: "23",
|
150
|
+
department: "Engineering",
|
151
|
+
employeeNumber: 4,
|
152
|
+
actions: "",
|
153
|
+
},
|
154
|
+
{
|
155
|
+
name: name4,
|
156
|
+
age: 34,
|
157
|
+
department: "Engineering",
|
158
|
+
employeeNumber: 5,
|
159
|
+
actions: "",
|
160
|
+
},
|
161
|
+
{ name: name5, age: 45, department: "HR", employeeNumber: 6, actions: "" },
|
162
|
+
];
|
70
163
|
const dataWithRowHeaders = [
|
71
164
|
{ header: { title: 1 }, name: name1, age: 36, department: "Accounts" },
|
72
165
|
{
|
@@ -270,6 +363,67 @@ const longData = [
|
|
270
363
|
employeeNumber: 20,
|
271
364
|
},
|
272
365
|
];
|
366
|
+
const dataWithIcons = [
|
367
|
+
{
|
368
|
+
name: {
|
369
|
+
data: name1,
|
370
|
+
icon: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/></svg>',
|
371
|
+
},
|
372
|
+
age: 36,
|
373
|
+
department: "Accounts",
|
374
|
+
employeeNumber: 1,
|
375
|
+
},
|
376
|
+
{
|
377
|
+
name: name2,
|
378
|
+
age: 32,
|
379
|
+
department: "Engineering",
|
380
|
+
employeeNumber: 2,
|
381
|
+
},
|
382
|
+
{ name: "Tim Rayes", age: 41, department: "Sales", employeeNumber: 3 },
|
383
|
+
{
|
384
|
+
name: name3,
|
385
|
+
age: "23",
|
386
|
+
department: "Engineering",
|
387
|
+
employeeNumber: 4,
|
388
|
+
},
|
389
|
+
{ name: name4, age: 34, department: "Engineering", employeeNumber: 5 },
|
390
|
+
{ name: name5, age: 45, department: "HR", employeeNumber: 6 },
|
391
|
+
];
|
392
|
+
const dataWithActionElement = [
|
393
|
+
{
|
394
|
+
header: { title: 1 },
|
395
|
+
name: {
|
396
|
+
data: name1,
|
397
|
+
actionElement: `<ic-button size="small" variant="icon" aria-label="you can disable tooltips on icon buttons" disable-tooltip="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" > <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path> </svg></ic-button>`,
|
398
|
+
actionOnClick: (event) => {
|
399
|
+
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
400
|
+
console.log("hello");
|
401
|
+
},
|
402
|
+
},
|
403
|
+
age: 36,
|
404
|
+
department: "Accounts",
|
405
|
+
},
|
406
|
+
{
|
407
|
+
header: { title: 2 },
|
408
|
+
name: name2,
|
409
|
+
age: 32,
|
410
|
+
department: "Engineering",
|
411
|
+
},
|
412
|
+
{ header: { title: 3 }, name: "Tim Rayes", age: 41, department: "Sales" },
|
413
|
+
{
|
414
|
+
header: { title: 4 },
|
415
|
+
name: name3,
|
416
|
+
age: "23",
|
417
|
+
department: "Engineering",
|
418
|
+
},
|
419
|
+
{
|
420
|
+
header: { title: 5 },
|
421
|
+
name: name4,
|
422
|
+
age: 34,
|
423
|
+
department: "Engineering",
|
424
|
+
},
|
425
|
+
{ header: { title: 6 }, name: name5, age: 45, department: "HR" },
|
426
|
+
];
|
273
427
|
describe(icDataTable, () => {
|
274
428
|
it("should render", async () => {
|
275
429
|
const page = await newSpecPage({
|
@@ -292,6 +446,23 @@ describe(icDataTable, () => {
|
|
292
446
|
});
|
293
447
|
expect(page.root).toMatchSnapshot();
|
294
448
|
});
|
449
|
+
it("should render with column headers hidden", async () => {
|
450
|
+
const page = await newSpecPage({
|
451
|
+
components: [DataTable],
|
452
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, "hide-column-headers": true })),
|
453
|
+
});
|
454
|
+
expect(page.root).toMatchSnapshot();
|
455
|
+
});
|
456
|
+
it("should render with column header truncation", async () => {
|
457
|
+
const page = await newSpecPage({
|
458
|
+
components: [DataTable],
|
459
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, "column-header-truncation": true })),
|
460
|
+
});
|
461
|
+
expect(page.root).toMatchSnapshot();
|
462
|
+
page.root.columnHeaderTruncation = false;
|
463
|
+
await page.waitForChanges();
|
464
|
+
expect(page.root).toMatchSnapshot();
|
465
|
+
});
|
295
466
|
it("should render sortable", async () => {
|
296
467
|
const page = await newSpecPage({
|
297
468
|
components: [DataTable],
|
@@ -306,6 +477,13 @@ describe(icDataTable, () => {
|
|
306
477
|
});
|
307
478
|
expect(page.root).toMatchSnapshot();
|
308
479
|
});
|
480
|
+
it("should render with a slotted ic-data-table-title-bar", async () => {
|
481
|
+
const page = await newSpecPage({
|
482
|
+
components: [DataTable],
|
483
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data }, h("ic-data-table-title-bar", { slot: "title-bar" }))),
|
484
|
+
});
|
485
|
+
expect(page.root).toMatchSnapshot();
|
486
|
+
});
|
309
487
|
it("should render with column overrides", async () => {
|
310
488
|
const page = await newSpecPage({
|
311
489
|
components: [DataTable],
|
@@ -327,6 +505,136 @@ describe(icDataTable, () => {
|
|
327
505
|
});
|
328
506
|
expect(page.root).toMatchSnapshot();
|
329
507
|
});
|
508
|
+
it("should correctly render a custom icon in the header when passed through the column prop", async () => {
|
509
|
+
const page = await newSpecPage({
|
510
|
+
components: [DataTable],
|
511
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columnsWithIcons, data: data })),
|
512
|
+
});
|
513
|
+
expect(page.root).toMatchSnapshot();
|
514
|
+
});
|
515
|
+
it("should not render custom icon in header when hideOnHeader is set", async () => {
|
516
|
+
const page = await newSpecPage({
|
517
|
+
components: [DataTable],
|
518
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columnsWithIconsHideOnHeader, data: data })),
|
519
|
+
});
|
520
|
+
expect(page.root).toMatchSnapshot();
|
521
|
+
});
|
522
|
+
it("should render column icon on all column cells if onAllCells is true, except ones that already have a custom icon", async () => {
|
523
|
+
const page = await newSpecPage({
|
524
|
+
components: [DataTable],
|
525
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columnsWithIconsOnAllCells, data: dataWithIcons })),
|
526
|
+
});
|
527
|
+
expect(page.root).toMatchSnapshot();
|
528
|
+
});
|
529
|
+
it("should render a slotted icon instead of an icon defined in data", async () => {
|
530
|
+
const page = await newSpecPage({
|
531
|
+
components: [DataTable],
|
532
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columns, data: dataWithIcons }, h("svg", { slot: "name-0-icon", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, h("path", { d: "M9 3 5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z" })))),
|
533
|
+
});
|
534
|
+
expect(page.root).toMatchSnapshot();
|
535
|
+
});
|
536
|
+
it("should render the empty state when data is null", async () => {
|
537
|
+
const page = await newSpecPage({
|
538
|
+
components: [DataTable],
|
539
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns })),
|
540
|
+
});
|
541
|
+
expect(page.root).toMatchSnapshot();
|
542
|
+
});
|
543
|
+
it("should render the empty state when no data is passed through", async () => {
|
544
|
+
const page = await newSpecPage({
|
545
|
+
components: [DataTable],
|
546
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: [] })),
|
547
|
+
});
|
548
|
+
expect(page.root).toMatchSnapshot();
|
549
|
+
});
|
550
|
+
it("should be able to slot a custom empty state into the data table", async () => {
|
551
|
+
const page = await newSpecPage({
|
552
|
+
components: [IcButton, DataTable, IcEmptyState],
|
553
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: [] }, h("ic-empty-state", { slot: "empty-state", aligned: "left", heading: "Test heading", body: "test body" }, h("ic-button", { slot: "actions" }, "Button")))),
|
554
|
+
});
|
555
|
+
expect(page.root).toMatchSnapshot();
|
556
|
+
});
|
557
|
+
it("should render the loading state when the `loading` prop is passed through", async () => {
|
558
|
+
const page = await newSpecPage({
|
559
|
+
components: [DataTable],
|
560
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, loading: true })),
|
561
|
+
});
|
562
|
+
expect(page.root).toMatchSnapshot();
|
563
|
+
});
|
564
|
+
it("should render the updating state when the `updating` prop is passed through", async () => {
|
565
|
+
const page = await newSpecPage({
|
566
|
+
components: [DataTable],
|
567
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, updating: true })),
|
568
|
+
});
|
569
|
+
expect(page.root).toMatchSnapshot();
|
570
|
+
});
|
571
|
+
it("should pass through the loadingOptions to the loading indicator", async () => {
|
572
|
+
const page = await newSpecPage({
|
573
|
+
components: [DataTable],
|
574
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, loadingOptions: {
|
575
|
+
appearance: "light",
|
576
|
+
}, loading: true })),
|
577
|
+
});
|
578
|
+
expect(page.root).toMatchSnapshot();
|
579
|
+
});
|
580
|
+
it("should pass through the updatingOptions to the linear loading indicator", async () => {
|
581
|
+
const page = await newSpecPage({
|
582
|
+
components: [DataTable],
|
583
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, updatingOptions: {
|
584
|
+
progress: 30,
|
585
|
+
}, updating: true })),
|
586
|
+
});
|
587
|
+
expect(page.root).toMatchSnapshot();
|
588
|
+
});
|
589
|
+
it("should apply a background to the loading indicator if data is supplied to the table", async () => {
|
590
|
+
const page = await newSpecPage({
|
591
|
+
components: [DataTable],
|
592
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columns, data: data, loading: true })),
|
593
|
+
});
|
594
|
+
expect(page.rootInstance.loadingOptions.showBackground).toBeTruthy();
|
595
|
+
const loadingIndicator = page.root.shadowRoot.querySelector(icLoadingIndicator);
|
596
|
+
expect(loadingIndicator).toHaveClass(showBackgroundClass);
|
597
|
+
});
|
598
|
+
it("should not apply a background to the loading indicator if no data is supplied to the table, and apply one when data is provided later", async () => {
|
599
|
+
const page = await newSpecPage({
|
600
|
+
components: [DataTable],
|
601
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columns, loading: true })),
|
602
|
+
});
|
603
|
+
expect(page.rootInstance.loadingOptions.showBackground).toBeFalsy();
|
604
|
+
let loadingIndicator = page.root.shadowRoot.querySelector(icLoadingIndicator);
|
605
|
+
expect(loadingIndicator).not.toHaveClass(showBackgroundClass);
|
606
|
+
page.root.data = data;
|
607
|
+
await page.waitForChanges();
|
608
|
+
expect(page.rootInstance.loadingOptions.showBackground).toBeTruthy();
|
609
|
+
loadingIndicator = page.root.shadowRoot.querySelector(icLoadingIndicator);
|
610
|
+
expect(loadingIndicator).toHaveClass(showBackgroundClass);
|
611
|
+
//delay to allow for 1 sec setTimeout in loading indicator, otherwise next test fails
|
612
|
+
await waitForTimeout(1100);
|
613
|
+
});
|
614
|
+
it("when loading is `true`, setting data should cancel the loading after 1 second from initial loading", async () => {
|
615
|
+
const page = await newSpecPage({
|
616
|
+
components: [DataTable],
|
617
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, loading: true })),
|
618
|
+
});
|
619
|
+
expect(page.root).toMatchSnapshot();
|
620
|
+
await waitForTimeout(1100);
|
621
|
+
page.root.data = data;
|
622
|
+
await page.waitForChanges();
|
623
|
+
expect(page.root).toMatchSnapshot();
|
624
|
+
});
|
625
|
+
it("when loading is `true`, if data is set before 1 second of loading it will wait 1 second before rendering the data", async () => {
|
626
|
+
const page = await newSpecPage({
|
627
|
+
components: [DataTable],
|
628
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, loading: true })),
|
629
|
+
});
|
630
|
+
expect(page.root).toMatchSnapshot();
|
631
|
+
page.root.data = data;
|
632
|
+
await page.waitForChanges();
|
633
|
+
expect(page.root).toMatchSnapshot();
|
634
|
+
await waitForTimeout(1500);
|
635
|
+
await page.waitForChanges();
|
636
|
+
expect(page.root).toMatchSnapshot();
|
637
|
+
});
|
330
638
|
it("should return correct alignment from getCellAlignment", async () => {
|
331
639
|
const page = await newSpecPage({
|
332
640
|
components: [DataTable],
|
@@ -388,13 +696,13 @@ describe(icDataTable, () => {
|
|
388
696
|
it("should change number of items per page when select dropdown is changed", async () => {
|
389
697
|
const page = await newSpecPage({
|
390
698
|
components: [DataTable, PaginationBar],
|
391
|
-
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: longData, "show-pagination": true,
|
392
|
-
|
699
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: longData, "show-pagination": true, paginationBarOptions: {
|
700
|
+
itemsPerPageOptions: [
|
393
701
|
{ label: "10", value: "10" },
|
394
702
|
{ label: "25", value: "25" },
|
395
703
|
{ label: "50", value: "50" },
|
396
704
|
],
|
397
|
-
|
705
|
+
rangeLabelType: "data",
|
398
706
|
} })),
|
399
707
|
});
|
400
708
|
await page.waitForChanges();
|
@@ -440,6 +748,32 @@ describe(icDataTable, () => {
|
|
440
748
|
await page.waitForChanges();
|
441
749
|
expect(page.root).toMatchSnapshot();
|
442
750
|
});
|
751
|
+
it("should change the density of the element when it receives the icTableDensityUpdate event", async () => {
|
752
|
+
const page = await newSpecPage({
|
753
|
+
components: [DataTable],
|
754
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columns, data: data }, h("ic-data-table-title-bar", { slot: "title-bar" }))),
|
755
|
+
});
|
756
|
+
expect(page.rootInstance.density).toBe("default");
|
757
|
+
let icDensityUpdateEvent = new CustomEvent("icTableDensityUpdate", {
|
758
|
+
detail: { value: "dense" },
|
759
|
+
});
|
760
|
+
page.root.dispatchEvent(icDensityUpdateEvent);
|
761
|
+
await page.waitForChanges();
|
762
|
+
expect(page.rootInstance.density).toBe("dense");
|
763
|
+
icDensityUpdateEvent = new CustomEvent("icTableDensityUpdate", {
|
764
|
+
detail: { value: "spacious" },
|
765
|
+
});
|
766
|
+
page.root.dispatchEvent(icDensityUpdateEvent);
|
767
|
+
await page.waitForChanges();
|
768
|
+
expect(page.rootInstance.density).toBe("spacious");
|
769
|
+
});
|
770
|
+
it("should pass the caption down to any slotted ic-data-table-title-bar", async () => {
|
771
|
+
const page = await newSpecPage({
|
772
|
+
components: [DataTable, DataTableTitleBar],
|
773
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columns, data: data }, h("ic-data-table-title-bar", { slot: "title-bar" }))),
|
774
|
+
});
|
775
|
+
expect(page.root).toMatchSnapshot();
|
776
|
+
});
|
443
777
|
it("should highlight the correct row when clicked", async () => {
|
444
778
|
const page = await newSpecPage({
|
445
779
|
components: [IcButton, DataTable],
|
@@ -462,5 +796,128 @@ describe(icDataTable, () => {
|
|
462
796
|
expect(rows[1]).not.toHaveClass(highlightedRowClass);
|
463
797
|
expect(rows[2]).not.toHaveClass(highlightedRowClass);
|
464
798
|
});
|
799
|
+
it("should apply a specified row height to all rows when globalRowHeight is set", async () => {
|
800
|
+
const page = await newSpecPage({
|
801
|
+
components: [DataTable],
|
802
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, globalRowHeight: 80 })),
|
803
|
+
});
|
804
|
+
expect(page.root).toMatchSnapshot();
|
805
|
+
});
|
806
|
+
it("should apply a specified row height to specific rows when variableRowHeight is set, and any not included should use the default globalRowHeight", async () => {
|
807
|
+
const page = await newSpecPage({
|
808
|
+
components: [DataTable],
|
809
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data,
|
810
|
+
// eslint-disable-next-line react/jsx-no-bind
|
811
|
+
variableRowHeight: ({ index }) => (index % 2 === 0 ? 200 : null) })),
|
812
|
+
});
|
813
|
+
expect(page.root).toMatchSnapshot();
|
814
|
+
});
|
815
|
+
it("should reset all rows to the default height when resetRowHeights is called", async () => {
|
816
|
+
const page = await newSpecPage({
|
817
|
+
components: [DataTable],
|
818
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, globalRowHeight: 80,
|
819
|
+
// eslint-disable-next-line react/jsx-no-bind
|
820
|
+
variableRowHeight: ({ index }) => (index % 2 === 0 ? 200 : null) })),
|
821
|
+
});
|
822
|
+
expect(page.root).toMatchSnapshot();
|
823
|
+
await page.root.resetRowHeights(40);
|
824
|
+
await page.waitForChanges();
|
825
|
+
expect(page.root).toMatchSnapshot();
|
826
|
+
});
|
827
|
+
it("should emit icRowHeightChange when globalRowHeight or variableRowHeight is changed", async () => {
|
828
|
+
const page = await newSpecPage({
|
829
|
+
components: [DataTable],
|
830
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, globalRowHeight: 80,
|
831
|
+
// eslint-disable-next-line react/jsx-no-bind
|
832
|
+
variableRowHeight: ({ index }) => (index % 2 === 0 ? 200 : null) })),
|
833
|
+
});
|
834
|
+
const eventSpy = jest.fn();
|
835
|
+
page.root.addEventListener("icRowHeightChange", eventSpy);
|
836
|
+
const dataTable = page.root;
|
837
|
+
dataTable.globalRowHeight = 50;
|
838
|
+
await page.waitForChanges();
|
839
|
+
expect(eventSpy).toHaveBeenCalledTimes(1);
|
840
|
+
dataTable.variableRowHeight = ({ index }) => (index % 2 === 0 ? 100 : null);
|
841
|
+
await page.waitForChanges();
|
842
|
+
expect(eventSpy).toHaveBeenCalledTimes(2);
|
843
|
+
});
|
844
|
+
it("should emit icSortChange when column sort button is clicked", async () => {
|
845
|
+
const page = await newSpecPage({
|
846
|
+
components: [DataTable],
|
847
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, sortable: true })),
|
848
|
+
});
|
849
|
+
const eventSpy = jest.fn();
|
850
|
+
page.root.addEventListener("icSortChange", eventSpy);
|
851
|
+
const dataTable = document.querySelector(icDataTable);
|
852
|
+
const sortButton = Array.from(dataTable.shadowRoot.querySelectorAll(".sort-button"));
|
853
|
+
sortButton[0].click();
|
854
|
+
await page.waitForChanges();
|
855
|
+
expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
|
856
|
+
detail: { columnName: "name", sorted: "ascending" },
|
857
|
+
}));
|
858
|
+
});
|
859
|
+
it("should apply the correct density scaler to rowHeights when not using the default density", async () => {
|
860
|
+
const page = await newSpecPage({
|
861
|
+
components: [DataTable],
|
862
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, globalRowHeight: 80, density: "dense" })),
|
863
|
+
});
|
864
|
+
expect(page.root).toMatchSnapshot();
|
865
|
+
page.root.density = "spacious";
|
866
|
+
await page.waitForChanges();
|
867
|
+
expect(page.root).toMatchSnapshot();
|
868
|
+
});
|
869
|
+
it("should not override the height of rows if `globalRowHeight` is set to auto", async () => {
|
870
|
+
const page = await newSpecPage({
|
871
|
+
components: [DataTable],
|
872
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data, globalRowHeight: "auto" })),
|
873
|
+
});
|
874
|
+
expect(page.root).toMatchSnapshot();
|
875
|
+
});
|
876
|
+
it("should not override the height of certain rows if `variableRowHeight` returns auto", async () => {
|
877
|
+
const page = await newSpecPage({
|
878
|
+
components: [DataTable],
|
879
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: data,
|
880
|
+
// eslint-disable-next-line react/jsx-no-bind
|
881
|
+
variableRowHeight: ({ index }) => (index % 2 === 0 ? "auto" : null) })),
|
882
|
+
});
|
883
|
+
expect(page.root).toMatchSnapshot();
|
884
|
+
});
|
885
|
+
it("should slot a custom element into a cell", async () => {
|
886
|
+
const page = await newSpecPage({
|
887
|
+
components: [DataTable],
|
888
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columnsWithElements, data: dataWithElements }, dataWithElements.map((_, index) => (h("ic-button", { key: index, slot: `actions-${index}` }, "Delete"))))),
|
889
|
+
});
|
890
|
+
expect(page.root).toMatchSnapshot();
|
891
|
+
});
|
892
|
+
it("should render an action element if present in the data set", async () => {
|
893
|
+
const page = await newSpecPage({
|
894
|
+
components: [DataTable],
|
895
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: dataWithActionElement })),
|
896
|
+
});
|
897
|
+
expect(page.root).toMatchSnapshot();
|
898
|
+
});
|
899
|
+
it("should add description text or sub-icon to cells of table", async () => {
|
900
|
+
const page = await newSpecPage({
|
901
|
+
components: [DataTable],
|
902
|
+
template: () => (h("ic-data-table", { caption: "Table", columns: columnsWithElements, data: LONG_DATA_ELEMENTS_WITH_DESCRIPTIONS })),
|
903
|
+
});
|
904
|
+
expect(page.root).toMatchSnapshot();
|
905
|
+
});
|
906
|
+
it("should render the loading indicator with an overlay above the table", async () => {
|
907
|
+
const page = await newSpecPage({
|
908
|
+
components: [DataTable],
|
909
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: [data[0]], loading: true, loadingOptions: {
|
910
|
+
overlay: true,
|
911
|
+
} })),
|
912
|
+
});
|
913
|
+
expect(page.root).toMatchSnapshot();
|
914
|
+
});
|
915
|
+
it("should render updating in assertive aria-live div", async () => {
|
916
|
+
const page = await newSpecPage({
|
917
|
+
components: [DataTable],
|
918
|
+
template: () => (h("ic-data-table", { caption: "test table", columns: columns, data: [data[0]], updating: true })),
|
919
|
+
});
|
920
|
+
expect(page.root).toMatchSnapshot();
|
921
|
+
});
|
465
922
|
});
|
466
923
|
//# sourceMappingURL=ic-data-table.spec.js.map
|