@drivenets/design-system 0.3.0 → 0.5.0
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/CHANGELOG.md +26 -0
- package/README.md +1 -1
- package/dist/components/ds-alert-banner/ds-alert-banner.d.cts +5 -5
- package/dist/components/ds-alert-banner/ds-alert-banner.d.cts.map +1 -1
- package/dist/components/ds-alert-banner/ds-alert-banner.d.ts +5 -5
- package/dist/components/ds-alert-banner/ds-alert-banner.d.ts.map +1 -1
- package/dist/components/ds-alert-banner/ds-alert-banner.types.d.cts.map +1 -1
- package/dist/components/ds-autocomplete/ds-autocomplete.cjs +218 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.cts +22 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.cts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.ts +22 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.ts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.js +217 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.js.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.cjs +27 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.js +27 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.js.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts +79 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.ts +80 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.ts.map +1 -0
- package/dist/components/ds-autocomplete/index.cjs +1 -0
- package/dist/components/ds-autocomplete/index.d.ts +2 -0
- package/dist/components/ds-autocomplete/index.js +1 -0
- package/dist/components/ds-avatar/ds-avatar.cjs +4 -4
- package/dist/components/ds-avatar/ds-avatar.module.js.map +1 -1
- package/dist/components/ds-avatar-group/ds-avatar-group.module.js.map +1 -1
- package/dist/components/ds-breadcrumb/ds-breadcrumb.cjs +3 -3
- package/dist/components/ds-button/ds-button.d.cts +2 -2
- package/dist/components/ds-button/ds-button.d.ts +2 -2
- package/dist/components/ds-button/ds-button.d.ts.map +1 -1
- package/dist/components/ds-card/ds-card.cjs +263 -0
- package/dist/components/ds-card/ds-card.d.cts +41 -0
- package/dist/components/ds-card/ds-card.d.cts.map +1 -0
- package/dist/components/ds-card/ds-card.d.ts +41 -0
- package/dist/components/ds-card/ds-card.d.ts.map +1 -0
- package/dist/components/ds-card/ds-card.js +262 -0
- package/dist/components/ds-card/ds-card.js.map +1 -0
- package/dist/components/ds-card/ds-card.module.cjs +11 -0
- package/dist/components/ds-card/ds-card.module.js +11 -0
- package/dist/components/ds-card/ds-card.module.js.map +1 -0
- package/dist/components/ds-card/ds-card.types.cjs +10 -0
- package/dist/components/ds-card/ds-card.types.d.cts +65 -0
- package/dist/components/ds-card/ds-card.types.d.cts.map +1 -0
- package/dist/components/ds-card/ds-card.types.d.ts +65 -0
- package/dist/components/ds-card/ds-card.types.d.ts.map +1 -0
- package/dist/components/ds-card/ds-card.types.js +10 -0
- package/dist/components/ds-card/ds-card.types.js.map +1 -0
- package/dist/components/ds-card/index.cjs +2 -0
- package/dist/components/ds-card/index.d.ts +2 -0
- package/dist/components/ds-card/index.js +2 -0
- package/dist/components/ds-checkbox/ds-checkbox.cjs +4 -4
- package/dist/components/ds-chip-group/ds-chip-group.cjs +5 -5
- package/dist/components/ds-confirmation/ds-confirmation.cjs +20 -221
- package/dist/components/ds-confirmation/ds-confirmation.d.cts +22 -27
- package/dist/components/ds-confirmation/ds-confirmation.d.cts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.d.ts +22 -27
- package/dist/components/ds-confirmation/ds-confirmation.d.ts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.js +21 -221
- package/dist/components/ds-confirmation/ds-confirmation.js.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.cts +2 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.cts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.ts +2 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.ts.map +1 -1
- package/dist/components/ds-date-input/ds-date-input.cjs +37 -37
- package/dist/components/ds-date-input/ds-date-input.d.cts +2 -2
- package/dist/components/ds-date-input/ds-date-input.d.ts +2 -2
- package/dist/components/ds-date-input/ds-date-input.utils.cjs +4 -4
- package/dist/components/ds-dialog/ds-dialog.cjs +11 -11
- package/dist/components/ds-drawer/ds-drawer.cjs +9 -9
- package/dist/components/ds-drawer/ds-drawer.d.cts +9 -9
- package/dist/components/ds-drawer/ds-drawer.d.cts.map +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.cjs +19 -19
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs +20 -20
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js +20 -20
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map +1 -1
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts +2 -2
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts +2 -2
- package/dist/components/ds-file-upload/components/file-upload/file-upload.cjs +5 -5
- package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.cjs +4 -4
- package/dist/components/ds-form-control/ds-form-control.d.cts +8 -8
- package/dist/components/ds-form-control/ds-form-control.d.ts +8 -8
- package/dist/components/ds-icon/custom-icons/index.cjs +113 -0
- package/dist/components/ds-icon/custom-icons/index.d.cts +62 -0
- package/dist/components/ds-icon/custom-icons/index.d.cts.map +1 -0
- package/dist/components/ds-icon/custom-icons/index.d.ts +62 -0
- package/dist/components/ds-icon/custom-icons/index.d.ts.map +1 -0
- package/dist/components/ds-icon/custom-icons/index.js +113 -0
- package/dist/components/ds-icon/custom-icons/index.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-alarm-settings.cjs +73 -0
- package/dist/components/ds-icon/custom-icons/special-alarm-settings.js +73 -0
- package/dist/components/ds-icon/custom-icons/special-alarm-settings.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-autoboot-profiles.cjs +49 -0
- package/dist/components/ds-icon/custom-icons/special-autoboot-profiles.js +49 -0
- package/dist/components/ds-icon/custom-icons/special-autoboot-profiles.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-automation.cjs +49 -0
- package/dist/components/ds-icon/custom-icons/special-automation.js +49 -0
- package/dist/components/ds-icon/custom-icons/special-automation.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-book.cjs +71 -0
- package/dist/components/ds-icon/custom-icons/special-book.js +71 -0
- package/dist/components/ds-icon/custom-icons/special-book.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-cached-active.cjs +50 -0
- package/dist/components/ds-icon/custom-icons/special-cached-active.js +50 -0
- package/dist/components/ds-icon/custom-icons/special-cached-active.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-cluster-ne.cjs +101 -0
- package/dist/components/ds-icon/custom-icons/special-cluster-ne.js +101 -0
- package/dist/components/ds-icon/custom-icons/special-cluster-ne.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-compare.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-compare.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-compare.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-config-template.cjs +58 -0
- package/dist/components/ds-icon/custom-icons/special-config-template.js +58 -0
- package/dist/components/ds-icon/custom-icons/special-config-template.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-conflicted-nes.cjs +40 -0
- package/dist/components/ds-icon/custom-icons/special-conflicted-nes.js +40 -0
- package/dist/components/ds-icon/custom-icons/special-conflicted-nes.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-device.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-device.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-device.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-discovered-ne.cjs +39 -0
- package/dist/components/ds-icon/custom-icons/special-discovered-ne.js +39 -0
- package/dist/components/ds-icon/custom-icons/special-discovered-ne.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-fiber-circuit.cjs +47 -0
- package/dist/components/ds-icon/custom-icons/special-fiber-circuit.js +47 -0
- package/dist/components/ds-icon/custom-icons/special-fiber-circuit.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-filter-list-active.cjs +50 -0
- package/dist/components/ds-icon/custom-icons/special-filter-list-active.js +50 -0
- package/dist/components/ds-icon/custom-icons/special-filter-list-active.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-general-details.cjs +47 -0
- package/dist/components/ds-icon/custom-icons/special-general-details.js +47 -0
- package/dist/components/ds-icon/custom-icons/special-general-details.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-gnmi.cjs +77 -0
- package/dist/components/ds-icon/custom-icons/special-gnmi.js +77 -0
- package/dist/components/ds-icon/custom-icons/special-gnmi.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-grouped-devices.cjs +58 -0
- package/dist/components/ds-icon/custom-icons/special-grouped-devices.js +58 -0
- package/dist/components/ds-icon/custom-icons/special-grouped-devices.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-hardware.cjs +47 -0
- package/dist/components/ds-icon/custom-icons/special-hardware.js +47 -0
- package/dist/components/ds-icon/custom-icons/special-hardware.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-home.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-home.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-home.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-lego.cjs +80 -0
- package/dist/components/ds-icon/custom-icons/special-lego.js +80 -0
- package/dist/components/ds-icon/custom-icons/special-lego.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-map-view.cjs +162 -0
- package/dist/components/ds-icon/custom-icons/special-map-view.js +162 -0
- package/dist/components/ds-icon/custom-icons/special-map-view.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-market.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-market.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-market.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-modules.cjs +70 -0
- package/dist/components/ds-icon/custom-icons/special-modules.js +70 -0
- package/dist/components/ds-icon/custom-icons/special-modules.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-health.cjs +47 -0
- package/dist/components/ds-icon/custom-icons/special-ne-health.js +47 -0
- package/dist/components/ds-icon/custom-icons/special-ne-health.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-360-dashboard.cjs +96 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-360-dashboard.js +96 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-360-dashboard.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-components.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-components.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-components.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-install-log.cjs +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-install-log.js +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-install-log.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-logging.cjs +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-logging.js +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-logging.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-message-support.cjs +81 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-message-support.js +81 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-message-support.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-settings.cjs +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-settings.js +49 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-settings.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-stacks.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-stacks.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-stacks.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-terminal.cjs +39 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-terminal.js +39 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-terminal.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-topology.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-topology.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-ne-nav-topology.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-netgen-s.cjs +60 -0
- package/dist/components/ds-icon/custom-icons/special-netgen-s.js +60 -0
- package/dist/components/ds-icon/custom-icons/special-netgen-s.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-netgen.cjs +60 -0
- package/dist/components/ds-icon/custom-icons/special-netgen.js +60 -0
- package/dist/components/ds-icon/custom-icons/special-netgen.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-old-base-os.cjs +93 -0
- package/dist/components/ds-icon/custom-icons/special-old-base-os.js +93 -0
- package/dist/components/ds-icon/custom-icons/special-old-base-os.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-packages.cjs +39 -0
- package/dist/components/ds-icon/custom-icons/special-packages.js +39 -0
- package/dist/components/ds-icon/custom-icons/special-packages.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-resources.cjs +70 -0
- package/dist/components/ds-icon/custom-icons/special-resources.js +70 -0
- package/dist/components/ds-icon/custom-icons/special-resources.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-scheme.cjs +64 -0
- package/dist/components/ds-icon/custom-icons/special-scheme.js +64 -0
- package/dist/components/ds-icon/custom-icons/special-scheme.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-generic.cjs +59 -0
- package/dist/components/ds-icon/custom-icons/special-site-generic.js +59 -0
- package/dist/components/ds-icon/custom-icons/special-site-generic.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-t1.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t1.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t1.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-t2.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t2.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t2.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-t3.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t3.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t3.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-t4.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t4.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-site-t4.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-site-unknown.cjs +63 -0
- package/dist/components/ds-icon/custom-icons/special-site-unknown.js +63 -0
- package/dist/components/ds-icon/custom-icons/special-site-unknown.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-software.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-software.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-software.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-stacks.cjs +39 -0
- package/dist/components/ds-icon/custom-icons/special-stacks.js +39 -0
- package/dist/components/ds-icon/custom-icons/special-stacks.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-standalone.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-standalone.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-standalone.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-upgrading.cjs +35 -0
- package/dist/components/ds-icon/custom-icons/special-upgrading.js +35 -0
- package/dist/components/ds-icon/custom-icons/special-upgrading.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-version-control.cjs +40 -0
- package/dist/components/ds-icon/custom-icons/special-version-control.js +40 -0
- package/dist/components/ds-icon/custom-icons/special-version-control.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-webhook.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-webhook.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-webhook.js.map +1 -0
- package/dist/components/ds-icon/custom-icons/special-yang-version-control.cjs +38 -0
- package/dist/components/ds-icon/custom-icons/special-yang-version-control.js +38 -0
- package/dist/components/ds-icon/custom-icons/special-yang-version-control.js.map +1 -0
- package/dist/components/ds-icon/ds-icon.cjs +14 -5
- package/dist/components/ds-icon/ds-icon.d.cts +11 -4
- package/dist/components/ds-icon/ds-icon.d.cts.map +1 -1
- package/dist/components/ds-icon/ds-icon.d.ts +11 -4
- package/dist/components/ds-icon/ds-icon.d.ts.map +1 -1
- package/dist/components/ds-icon/ds-icon.js +14 -5
- package/dist/components/ds-icon/ds-icon.js.map +1 -1
- package/dist/components/ds-icon/ds-icon.module.cjs +7 -7
- package/dist/components/ds-icon/ds-icon.module.js +7 -7
- package/dist/components/ds-icon/ds-icon.module.js.map +1 -1
- package/dist/components/ds-icon/ds-icon.types.d.cts +8 -6
- package/dist/components/ds-icon/ds-icon.types.d.cts.map +1 -1
- package/dist/components/ds-icon/ds-icon.types.d.ts +8 -6
- package/dist/components/ds-icon/ds-icon.types.d.ts.map +1 -1
- package/dist/components/ds-icon/ds-icon.types.js.map +1 -1
- package/dist/components/ds-icon/index.cjs +1 -0
- package/dist/components/ds-icon/index.d.ts +2 -1
- package/dist/components/ds-icon/index.js +1 -0
- package/dist/components/ds-loader/ds-loader.d.cts +2 -2
- package/dist/components/ds-loader/ds-loader.d.ts +2 -2
- package/dist/components/ds-modal/ds-modal.cjs +51 -52
- package/dist/components/ds-modal/ds-modal.d.cts +11 -10
- package/dist/components/ds-modal/ds-modal.d.cts.map +1 -1
- package/dist/components/ds-modal/ds-modal.d.ts +3 -2
- package/dist/components/ds-modal/ds-modal.d.ts.map +1 -1
- package/dist/components/ds-modal/ds-modal.js +47 -48
- package/dist/components/ds-modal/ds-modal.js.map +1 -1
- package/dist/components/ds-modal/ds-modal.module.cjs +24 -24
- package/dist/components/ds-modal/ds-modal.module.js +24 -24
- package/dist/components/ds-modal/ds-modal.module.js.map +1 -1
- package/dist/components/ds-modal/ds-modal.types.d.cts +10 -5
- package/dist/components/ds-modal/ds-modal.types.d.cts.map +1 -1
- package/dist/components/ds-modal/ds-modal.types.d.ts +10 -5
- package/dist/components/ds-modal/ds-modal.types.d.ts.map +1 -1
- package/dist/components/ds-number-input/ds-number-input.cjs +6 -6
- package/dist/components/ds-panel/ds-panel.cjs +4 -4
- package/dist/components/ds-panel/ds-panel.d.cts +2 -2
- package/dist/components/ds-panel/ds-panel.d.cts.map +1 -1
- package/dist/components/ds-panel/ds-panel.d.ts +2 -2
- package/dist/components/ds-password-input/ds-password-input.cjs +6 -6
- package/dist/components/ds-popover/ds-popover.cjs +6 -6
- package/dist/components/ds-radio-group/ds-radio-group.cjs +11 -11
- package/dist/components/ds-radio-group/ds-radio-group.types.cjs +1 -1
- package/dist/components/ds-segment-group/ds-segment-group.cjs +7 -7
- package/dist/components/ds-segment-group/ds-segment-group.types.cjs +1 -1
- package/dist/components/ds-select/ds-select.cjs +16 -16
- package/dist/components/ds-select/ds-select.d.cts +2 -2
- package/dist/components/ds-select/ds-select.d.ts +2 -2
- package/dist/components/ds-select/select-items-chips.cjs +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.cts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.ts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.cts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts.map +1 -1
- package/dist/components/ds-skeleton/ds-skeleton-text.d.cts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton-text.d.ts +2 -2
- package/dist/components/ds-skeleton/ds-skeleton.d.cts +4 -4
- package/dist/components/ds-skeleton/ds-skeleton.d.ts +4 -4
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts +2 -2
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts +2 -2
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts.map +1 -1
- package/dist/components/ds-stepper/components/ds-step-content.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-content.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.ts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.cts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.ts +2 -2
- package/dist/components/ds-stepper/hooks/use-steps.cjs +5 -5
- package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.cjs +3 -2
- package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.js +1 -0
- package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.js.map +1 -1
- package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.cts +4 -0
- package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts +4 -0
- package/dist/components/ds-table/components/ds-table-header/ds-table-header.cjs +2 -2
- package/dist/components/ds-table/components/ds-table-row/ds-table-row.cjs +4 -4
- package/dist/components/ds-table/ds-table.cjs +7 -7
- package/dist/components/ds-table/ds-table.d.cts +2 -2
- package/dist/components/ds-table/ds-table.d.ts +2 -2
- package/dist/components/ds-table/filters/hooks/index.d.ts +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.cjs +180 -185
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts +58 -25
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts.map +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts +58 -25
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts.map +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.js +180 -185
- package/dist/components/ds-table/filters/hooks/use-table-filters.js.map +1 -1
- package/dist/components/ds-table/filters/index.d.ts +1 -1
- package/dist/components/ds-table/hooks/use-drag-and-drop.cjs +10 -10
- package/dist/components/ds-table/index.d.ts +1 -1
- package/dist/components/ds-table/utils/column-styling.cjs +2 -2
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.cjs +2 -2
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.cjs +2 -2
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.js +2 -2
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.js.map +1 -1
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.cjs +3 -3
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.cjs +2 -2
- package/dist/components/ds-tabs/ds-tabs.cjs +2 -2
- package/dist/components/ds-tabs/ds-tabs.d.cts +5 -5
- package/dist/components/ds-tabs/ds-tabs.d.ts +5 -5
- package/dist/components/ds-tag/ds-tag.d.ts +2 -2
- package/dist/components/ds-tag-filter/ds-tag-filter.d.cts +2 -2
- package/dist/components/ds-tag-filter/ds-tag-filter.d.ts +2 -2
- package/dist/components/ds-toast/ds-toast-context.cjs +2 -2
- package/dist/components/ds-toast/ds-toast.cjs +6 -6
- package/dist/components/ds-toggle/ds-toggle.cjs +6 -6
- package/dist/components/ds-toggle/ds-toggle.d.cts +2 -2
- package/dist/components/ds-toggle/ds-toggle.d.ts +2 -2
- package/dist/components/ds-tooltip/ds-tooltip.cjs +7 -7
- package/dist/components/ds-typography/ds-typography.cjs +2 -2
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.cjs +5 -5
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.cts +5 -5
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.ts +5 -5
- package/dist/index.cjs +48 -37
- package/dist/index.d.cts +8 -3
- package/dist/index.d.ts +10 -3
- package/dist/index.js +8 -2
- package/dist/index.min.css +1 -1
- package/package.json +43 -40
- package/src/components/ds-autocomplete/ds-autocomplete.module.scss +257 -0
- package/src/components/ds-autocomplete/ds-autocomplete.tsx +130 -0
- package/src/components/ds-autocomplete/ds-autocomplete.types.tsx +76 -0
- package/src/components/ds-autocomplete/index.ts +2 -0
- package/src/components/ds-avatar/ds-avatar.module.scss +1 -1
- package/src/components/ds-avatar-group/ds-avatar-group.module.scss +1 -1
- package/src/components/ds-card/ds-card.module.scss +119 -0
- package/src/components/ds-card/ds-card.tsx +87 -0
- package/src/components/ds-card/ds-card.types.ts +72 -0
- package/src/components/ds-card/index.ts +9 -0
- package/src/components/ds-confirmation/ds-confirmation.tsx +11 -115
- package/src/components/ds-confirmation/ds-confirmation.types.tsx +2 -1
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss +0 -1
- package/src/components/ds-icon/custom-icons/index.ts +137 -0
- package/src/components/ds-icon/custom-icons/special-alarm-settings.tsx +30 -0
- package/src/components/ds-icon/custom-icons/special-autoboot-profiles.tsx +20 -0
- package/src/components/ds-icon/custom-icons/special-automation.tsx +20 -0
- package/src/components/ds-icon/custom-icons/special-book.tsx +25 -0
- package/src/components/ds-icon/custom-icons/special-cached-active.tsx +15 -0
- package/src/components/ds-icon/custom-icons/special-cluster-ne.tsx +38 -0
- package/src/components/ds-icon/custom-icons/special-compare.tsx +14 -0
- package/src/components/ds-icon/custom-icons/special-config-template.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-conflicted-nes.tsx +16 -0
- package/src/components/ds-icon/custom-icons/special-device.tsx +14 -0
- package/src/components/ds-icon/custom-icons/special-discovered-ne.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-fiber-circuit.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-filter-list-active.tsx +15 -0
- package/src/components/ds-icon/custom-icons/special-general-details.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-gnmi.tsx +34 -0
- package/src/components/ds-icon/custom-icons/special-grouped-devices.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-hardware.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-home.tsx +14 -0
- package/src/components/ds-icon/custom-icons/special-lego.tsx +26 -0
- package/src/components/ds-icon/custom-icons/special-map-view.tsx +81 -0
- package/src/components/ds-icon/custom-icons/special-market.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-modules.tsx +25 -0
- package/src/components/ds-icon/custom-icons/special-ne-health.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-360-dashboard.tsx +34 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-components.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-install-log.tsx +27 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-logging.tsx +20 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-message-support.tsx +31 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-settings.tsx +27 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-stacks.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-terminal.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-ne-nav-topology.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-netgen-s.tsx +24 -0
- package/src/components/ds-icon/custom-icons/special-netgen.tsx +24 -0
- package/src/components/ds-icon/custom-icons/special-old-base-os.tsx +36 -0
- package/src/components/ds-icon/custom-icons/special-packages.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-resources.tsx +25 -0
- package/src/components/ds-icon/custom-icons/special-scheme.tsx +28 -0
- package/src/components/ds-icon/custom-icons/special-site-generic.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-site-t1.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-site-t2.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-site-t3.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-site-t4.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-site-unknown.tsx +26 -0
- package/src/components/ds-icon/custom-icons/special-software.tsx +14 -0
- package/src/components/ds-icon/custom-icons/special-stacks.tsx +22 -0
- package/src/components/ds-icon/custom-icons/special-standalone.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-upgrading.tsx +18 -0
- package/src/components/ds-icon/custom-icons/special-version-control.tsx +16 -0
- package/src/components/ds-icon/custom-icons/special-webhook.tsx +14 -0
- package/src/components/ds-icon/custom-icons/special-yang-version-control.tsx +14 -0
- package/src/components/ds-icon/ds-icon.module.scss +10 -0
- package/src/components/ds-icon/ds-icon.tsx +14 -5
- package/src/components/ds-icon/ds-icon.types.ts +8 -5
- package/src/components/ds-icon/index.ts +1 -0
- package/src/components/ds-modal/ds-modal.module.scss +123 -60
- package/src/components/ds-modal/ds-modal.tsx +5 -2
- package/src/components/ds-modal/ds-modal.types.tsx +14 -5
- package/src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx +1 -0
- package/src/components/ds-table/components/ds-table-cell/ds-table-cell.types.ts +5 -0
- package/src/components/ds-table/filters/hooks/index.ts +1 -1
- package/src/components/ds-table/filters/hooks/use-table-filters.ts +117 -116
- package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss +4 -0
- package/src/index.ts +2 -0
- package/src/styles/shared/_modal.scss +0 -123
- package/dist/components/ds-confirmation/ds-confirmation.module.cjs +0 -21
- package/dist/components/ds-confirmation/ds-confirmation.module.js +0 -21
- package/dist/components/ds-confirmation/ds-confirmation.module.js.map +0 -1
- package/src/components/ds-confirmation/ds-confirmation.module.scss +0 -58
- package/src/components/ds-table/utils/story-data-generator.ts +0 -91
|
@@ -3,214 +3,209 @@ import { useState } from "react";
|
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-table/filters/hooks/use-table-filters.ts
|
|
5
5
|
/**
|
|
6
|
-
* Hook to orchestrate table filtering with adapters
|
|
7
|
-
* Manages filter state, generates chips, handles column definitions
|
|
6
|
+
* Hook to orchestrate table filtering with adapters.
|
|
7
|
+
* Manages filter state, generates chips, and handles column definitions.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
9
|
+
* **Uncontrolled mode** (default): Filters are managed internally.
|
|
10
|
+
* **Controlled mode**: Filters are managed externally via appliedFilters/onFiltersChange.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // Uncontrolled mode
|
|
14
|
+
* const { filterChips, handlers } = useTableFilters({
|
|
15
|
+
* filterAdapters: adapters,
|
|
16
|
+
* baseColumns: columns,
|
|
17
|
+
* });
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* // Controlled mode (e.g., URL-driven filtering)
|
|
21
|
+
* const { filterChips, handlers } = useTableFilters({
|
|
22
|
+
* filterAdapters: adapters,
|
|
23
|
+
* baseColumns: columns,
|
|
24
|
+
* appliedFilters: filtersFromUrl,
|
|
25
|
+
* onFiltersChange: (filters) => updateUrlAndRefetch(filters),
|
|
26
|
+
* });
|
|
12
27
|
*/
|
|
13
|
-
function useTableFilters(
|
|
14
|
-
const $ = c(
|
|
28
|
+
function useTableFilters(t0) {
|
|
29
|
+
const $ = c(30);
|
|
30
|
+
const { filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters } = t0;
|
|
15
31
|
const _filterAdapters = filterAdapters;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
initialState = {};
|
|
19
|
-
_filterAdapters.forEach((adapter) => {
|
|
20
|
-
initialState[adapter.id] = adapter.initialValue;
|
|
21
|
-
});
|
|
22
|
-
$[0] = _filterAdapters;
|
|
23
|
-
$[1] = initialState;
|
|
24
|
-
} else initialState = $[1];
|
|
25
|
-
const [filterState, setFilterState] = useState(initialState);
|
|
26
|
-
let t0;
|
|
27
|
-
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
28
|
-
t0 = [];
|
|
29
|
-
$[2] = t0;
|
|
30
|
-
} else t0 = $[2];
|
|
31
|
-
const [columnFilters, setColumnFilters] = useState(t0);
|
|
32
|
+
const isControlled = externalAppliedFilters !== void 0 && setExternalAppliedFilters !== void 0;
|
|
33
|
+
const initialFilters = _filterAdapters.reduce(_temp, {});
|
|
32
34
|
let t1;
|
|
33
|
-
if ($[
|
|
34
|
-
t1 =
|
|
35
|
-
$[
|
|
36
|
-
} else t1 = $[
|
|
37
|
-
const [
|
|
35
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
36
|
+
t1 = {};
|
|
37
|
+
$[0] = t1;
|
|
38
|
+
} else t1 = $[0];
|
|
39
|
+
const [internalAppliedFilters, setInternalAppliedFilters] = useState(t1);
|
|
38
40
|
let t2;
|
|
39
|
-
if ($[
|
|
40
|
-
t2 =
|
|
41
|
-
$[
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
const
|
|
41
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
42
|
+
t2 = {};
|
|
43
|
+
$[1] = t2;
|
|
44
|
+
} else t2 = $[1];
|
|
45
|
+
const [pendingFilters, setPendingFilters] = useState(t2);
|
|
46
|
+
const appliedFilters = isControlled ? externalAppliedFilters : internalAppliedFilters;
|
|
47
|
+
const setAppliedFilters = isControlled ? setExternalAppliedFilters : setInternalAppliedFilters;
|
|
48
|
+
const draftFilters = {
|
|
49
|
+
...initialFilters,
|
|
50
|
+
...appliedFilters,
|
|
51
|
+
...pendingFilters
|
|
52
|
+
};
|
|
45
53
|
let t3;
|
|
46
|
-
if ($[
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
label: adapter_0.label,
|
|
52
|
-
count: adapter_0.getActiveFiltersCount(getValueByAdapterId(adapter_0.id))
|
|
53
|
-
});
|
|
54
|
-
$[9] = getValueByAdapterId;
|
|
55
|
-
$[10] = t4$1;
|
|
56
|
-
} else t4$1 = $[10];
|
|
57
|
-
t3 = _filterAdapters.map(t4$1);
|
|
58
|
-
$[6] = _filterAdapters;
|
|
59
|
-
$[7] = getValueByAdapterId;
|
|
60
|
-
$[8] = t3;
|
|
61
|
-
} else t3 = $[8];
|
|
62
|
-
const filterNavItems = t3;
|
|
54
|
+
if ($[2] !== appliedFilters) {
|
|
55
|
+
t3 = Object.entries(appliedFilters);
|
|
56
|
+
$[2] = appliedFilters;
|
|
57
|
+
$[3] = t3;
|
|
58
|
+
} else t3 = $[3];
|
|
63
59
|
let t4;
|
|
64
|
-
if ($[
|
|
65
|
-
t4 =
|
|
66
|
-
const
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
});
|
|
77
|
-
$[11] = _filterAdapters;
|
|
78
|
-
$[12] = baseColumns;
|
|
79
|
-
$[13] = t4;
|
|
80
|
-
} else t4 = $[13];
|
|
81
|
-
const enhancedColumns = t4;
|
|
60
|
+
if ($[4] !== _filterAdapters || $[5] !== appliedFilters || $[6] !== t3) {
|
|
61
|
+
t4 = t3.filter((t5$1) => {
|
|
62
|
+
const [id] = t5$1;
|
|
63
|
+
const adapter_0 = _filterAdapters.find((a) => a.id === id);
|
|
64
|
+
return adapter_0 ? adapter_0.getActiveFiltersCount(appliedFilters[id]) > 0 : false;
|
|
65
|
+
}).map(_temp2);
|
|
66
|
+
$[4] = _filterAdapters;
|
|
67
|
+
$[5] = appliedFilters;
|
|
68
|
+
$[6] = t3;
|
|
69
|
+
$[7] = t4;
|
|
70
|
+
} else t4 = $[7];
|
|
71
|
+
const columnFilters = t4;
|
|
82
72
|
let t5;
|
|
83
|
-
if ($[
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
[
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
73
|
+
if ($[8] !== _filterAdapters || $[9] !== appliedFilters) {
|
|
74
|
+
let t6$1;
|
|
75
|
+
if ($[11] !== appliedFilters) {
|
|
76
|
+
t6$1 = (adapter_1) => {
|
|
77
|
+
const value_0 = appliedFilters[adapter_1.id];
|
|
78
|
+
return value_0 !== void 0 ? adapter_1.toChips(value_0) : [];
|
|
79
|
+
};
|
|
80
|
+
$[11] = appliedFilters;
|
|
81
|
+
$[12] = t6$1;
|
|
82
|
+
} else t6$1 = $[12];
|
|
83
|
+
t5 = _filterAdapters.flatMap(t6$1);
|
|
84
|
+
$[8] = _filterAdapters;
|
|
85
|
+
$[9] = appliedFilters;
|
|
86
|
+
$[10] = t5;
|
|
87
|
+
} else t5 = $[10];
|
|
88
|
+
const filterChips = t5;
|
|
89
|
+
const filterNavItems = _filterAdapters.map((adapter_2) => ({
|
|
90
|
+
id: adapter_2.id,
|
|
91
|
+
label: adapter_2.label,
|
|
92
|
+
count: adapter_2.getActiveFiltersCount(draftFilters[adapter_2.id])
|
|
93
|
+
}));
|
|
93
94
|
let t6;
|
|
94
|
-
if ($[
|
|
95
|
-
t6 = () => {
|
|
96
|
-
const
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
$[15] = _filterAdapters;
|
|
111
|
-
$[16] = getValueByAdapterId;
|
|
112
|
-
$[17] = t6;
|
|
113
|
-
} else t6 = $[17];
|
|
114
|
-
const applyFilters = t6;
|
|
95
|
+
if ($[13] !== _filterAdapters || $[14] !== baseColumns) {
|
|
96
|
+
t6 = !baseColumns ? [] : baseColumns.map((col) => {
|
|
97
|
+
const adapter_3 = _filterAdapters.find((a_0) => a_0.id === col.id);
|
|
98
|
+
if (!adapter_3) return col;
|
|
99
|
+
const cellRenderer = adapter_3.cellRenderer;
|
|
100
|
+
return {
|
|
101
|
+
...col,
|
|
102
|
+
filterFn: adapter_3.columnFilterFn,
|
|
103
|
+
...cellRenderer && { cell: (info) => cellRenderer(info.getValue()) }
|
|
104
|
+
};
|
|
105
|
+
});
|
|
106
|
+
$[13] = _filterAdapters;
|
|
107
|
+
$[14] = baseColumns;
|
|
108
|
+
$[15] = t6;
|
|
109
|
+
} else t6 = $[15];
|
|
110
|
+
const enhancedColumns = t6;
|
|
115
111
|
let t7;
|
|
116
|
-
if ($[
|
|
117
|
-
t7 = () => {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
});
|
|
122
|
-
setFilterState(resetState);
|
|
123
|
-
setColumnFilters([]);
|
|
124
|
-
setFilterChips([]);
|
|
112
|
+
if ($[16] !== setPendingFilters) {
|
|
113
|
+
t7 = (filterId, value_1) => {
|
|
114
|
+
setPendingFilters((prev) => ({
|
|
115
|
+
...prev,
|
|
116
|
+
[filterId]: value_1
|
|
117
|
+
}));
|
|
125
118
|
};
|
|
126
|
-
$[
|
|
127
|
-
$[
|
|
128
|
-
} else t7 = $[
|
|
129
|
-
const
|
|
119
|
+
$[16] = setPendingFilters;
|
|
120
|
+
$[17] = t7;
|
|
121
|
+
} else t7 = $[17];
|
|
122
|
+
const updateFilter = t7;
|
|
123
|
+
const applyFilters = () => {
|
|
124
|
+
setAppliedFilters(_filterAdapters.reduce((acc, adapter_4) => {
|
|
125
|
+
const value_2 = draftFilters[adapter_4.id];
|
|
126
|
+
if (adapter_4.getActiveFiltersCount(value_2) > 0) acc[adapter_4.id] = value_2;
|
|
127
|
+
return acc;
|
|
128
|
+
}, {}));
|
|
129
|
+
setPendingFilters({});
|
|
130
|
+
};
|
|
130
131
|
let t8;
|
|
131
|
-
if ($[
|
|
132
|
-
t8 = (
|
|
132
|
+
if ($[18] !== setAppliedFilters || $[19] !== setPendingFilters) {
|
|
133
|
+
t8 = () => {
|
|
134
|
+
setPendingFilters({});
|
|
135
|
+
setAppliedFilters({});
|
|
136
|
+
};
|
|
137
|
+
$[18] = setAppliedFilters;
|
|
138
|
+
$[19] = setPendingFilters;
|
|
139
|
+
$[20] = t8;
|
|
140
|
+
} else t8 = $[20];
|
|
141
|
+
const clearAll = t8;
|
|
142
|
+
let t9;
|
|
143
|
+
if ($[21] !== _filterAdapters || $[22] !== appliedFilters || $[23] !== setAppliedFilters) {
|
|
144
|
+
t9 = (chip) => {
|
|
133
145
|
const filterKey = typeof chip.metadata?.key === "string" ? chip.metadata.key : void 0;
|
|
134
146
|
if (!filterKey) return;
|
|
135
|
-
const
|
|
136
|
-
if (!
|
|
137
|
-
const currentValue =
|
|
138
|
-
|
|
139
|
-
const
|
|
140
|
-
|
|
141
|
-
const
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
if (chips_0.length === 0) {
|
|
146
|
-
clearAll();
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
setFilterState((prev_0) => ({
|
|
150
|
-
...prev_0,
|
|
147
|
+
const adapter_5 = _filterAdapters.find((a_1) => a_1.id === filterKey);
|
|
148
|
+
if (!adapter_5) return;
|
|
149
|
+
const currentValue = appliedFilters[filterKey];
|
|
150
|
+
if (currentValue === void 0) return;
|
|
151
|
+
const newValue = adapter_5.fromChip(chip, currentValue);
|
|
152
|
+
setAppliedFilters(adapter_5.getActiveFiltersCount(newValue) === 0 ? Object.fromEntries(Object.entries(appliedFilters).filter((t10$1) => {
|
|
153
|
+
const [key] = t10$1;
|
|
154
|
+
return key !== filterKey;
|
|
155
|
+
})) : {
|
|
156
|
+
...appliedFilters,
|
|
151
157
|
[filterKey]: newValue
|
|
152
|
-
})
|
|
153
|
-
if (adapter_4.getActiveFiltersCount(newValue) === 0) setColumnFilters((prev_1) => prev_1.filter((cf) => cf.id !== filterKey));
|
|
154
|
-
else setColumnFilters((prev_2) => prev_2.map((cf_0) => cf_0.id === filterKey ? {
|
|
155
|
-
id: filterKey,
|
|
156
|
-
value: newValue
|
|
157
|
-
} : cf_0));
|
|
158
|
-
setFilterChips(chips_0);
|
|
159
|
-
};
|
|
160
|
-
$[20] = _filterAdapters;
|
|
161
|
-
$[21] = clearAll;
|
|
162
|
-
$[22] = getValueByAdapterId;
|
|
163
|
-
$[23] = t8;
|
|
164
|
-
} else t8 = $[23];
|
|
165
|
-
const deleteChip = t8;
|
|
166
|
-
let t9;
|
|
167
|
-
if ($[24] !== _filterAdapters || $[25] !== getValueByAdapterId) {
|
|
168
|
-
t9 = (selectedFilter) => {
|
|
169
|
-
const adapter_6 = _filterAdapters.find((a_1) => a_1.id === selectedFilter.id);
|
|
170
|
-
if (!adapter_6) return null;
|
|
171
|
-
const value_2 = getValueByAdapterId(adapter_6.id);
|
|
172
|
-
const onChange = (newValue_0) => updateFilter(adapter_6.id, newValue_0);
|
|
173
|
-
return adapter_6.renderFilter(value_2, onChange);
|
|
158
|
+
});
|
|
174
159
|
};
|
|
175
|
-
$[
|
|
176
|
-
$[
|
|
177
|
-
$[
|
|
178
|
-
|
|
179
|
-
|
|
160
|
+
$[21] = _filterAdapters;
|
|
161
|
+
$[22] = appliedFilters;
|
|
162
|
+
$[23] = setAppliedFilters;
|
|
163
|
+
$[24] = t9;
|
|
164
|
+
} else t9 = $[24];
|
|
165
|
+
const deleteChip = t9;
|
|
166
|
+
const renderFilterContent = (selectedFilter) => {
|
|
167
|
+
const adapter_6 = _filterAdapters.find((a_2) => a_2.id === selectedFilter.id);
|
|
168
|
+
if (!adapter_6) return null;
|
|
169
|
+
const value_3 = draftFilters[adapter_6.id];
|
|
170
|
+
const onChange = (newValue_0) => updateFilter(adapter_6.id, newValue_0);
|
|
171
|
+
return adapter_6.renderFilter(value_3, onChange);
|
|
172
|
+
};
|
|
180
173
|
let t10;
|
|
181
|
-
if ($[
|
|
174
|
+
if ($[25] !== applyFilters || $[26] !== clearAll || $[27] !== deleteChip || $[28] !== updateFilter) {
|
|
182
175
|
t10 = {
|
|
183
176
|
updateFilter,
|
|
184
177
|
applyFilters,
|
|
185
178
|
clearAll,
|
|
186
179
|
deleteChip
|
|
187
180
|
};
|
|
188
|
-
$[
|
|
189
|
-
$[
|
|
190
|
-
$[
|
|
191
|
-
$[
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
181
|
+
$[25] = applyFilters;
|
|
182
|
+
$[26] = clearAll;
|
|
183
|
+
$[27] = deleteChip;
|
|
184
|
+
$[28] = updateFilter;
|
|
185
|
+
$[29] = t10;
|
|
186
|
+
} else t10 = $[29];
|
|
187
|
+
return {
|
|
188
|
+
filterState: draftFilters,
|
|
189
|
+
columnFilters,
|
|
190
|
+
filterChips,
|
|
191
|
+
filterNavItems,
|
|
192
|
+
enhancedColumns,
|
|
193
|
+
handlers: t10,
|
|
194
|
+
renderFilterContent
|
|
195
|
+
};
|
|
196
|
+
}
|
|
197
|
+
function _temp2(t0) {
|
|
198
|
+
const [id_0, value] = t0;
|
|
199
|
+
return {
|
|
200
|
+
id: id_0,
|
|
201
|
+
value
|
|
202
|
+
};
|
|
203
|
+
}
|
|
204
|
+
function _temp(state, adapter) {
|
|
205
|
+
return {
|
|
206
|
+
...state,
|
|
207
|
+
[adapter.id]: adapter.initialValue
|
|
208
|
+
};
|
|
214
209
|
}
|
|
215
210
|
|
|
216
211
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-table-filters.js","names":["ReactNode","useState","CellContext","ColumnDef","ChipItem","AnyAdapter","ColumnFilterState","FilterAdapter","FilterNavItem","FilterState","UseTableFiltersResult","filterState","TValue","columnFilters","filterChips","filterNavItems","enhancedColumns","TData","handlers","updateFilter","filterId","value","applyFilters","clearAll","deleteChip","chip","renderFilterContent","selectedFilter","useTableFilters","filterAdapters","baseColumns","$","_c","_filterAdapters","TCellValue","initialState","forEach","adapter","id","initialValue","setFilterState","t0","Symbol","for","setColumnFilters","t1","setFilterChips","t2","adapterId","getValueByAdapterId","t3","t4","adapter_0","label","count","getActiveFiltersCount","map","col","adapter_1","find","a","cellRenderer","filterFn","columnFilterFn","cell","info","getValue","t5","prev","t6","filters","chips","adapter_2","value_0","push","adapterChips","toChips","t7","resetState","adapter_3","reset","t8","filterKey","metadata","key","undefined","adapter_4","a_0","currentValue","newValue","fromChip","chips_0","adapter_5","value_1","adapterChips_0","length","prev_0","prev_1","filter","cf","prev_2","cf_0","t9","adapter_6","a_1","value_2","onChange","newValue_0","renderFilter","t10","t11"],"sources":["../../../../../src/components/ds-table/filters/hooks/use-table-filters.ts"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport type { CellContext, ColumnDef } from '@tanstack/react-table';\nimport type { ChipItem } from '../../../ds-chip-group';\nimport type {\n\tAnyAdapter,\n\tColumnFilterState,\n\tFilterAdapter,\n\tFilterNavItem,\n\tFilterState,\n} from '../types/filter-adapter.types';\n\nexport interface UseTableFiltersResult<TData, TValue> {\n\t/**\n\t * Current filter state\n\t */\n\tfilterState: FilterState<TValue>;\n\n\t/**\n\t * Column filters for TanStack Table\n\t */\n\tcolumnFilters: ColumnFilterState<TValue>[];\n\n\t/**\n\t * Filter chips for display\n\t */\n\tfilterChips: ChipItem[];\n\n\t/**\n\t * Filter navigation items with counts\n\t */\n\tfilterNavItems: FilterNavItem[];\n\n\t/**\n\t * Enhanced column definitions with filter functions\n\t */\n\tenhancedColumns: ColumnDef<TData>[];\n\n\t/**\n\t * Handlers\n\t */\n\thandlers: {\n\t\t/**\n\t\t * Update a specific filter's value\n\t\t */\n\t\tupdateFilter: (filterId: string, value: TValue) => void;\n\n\t\t/**\n\t\t * Apply all filters (converts to TanStack format)\n\t\t */\n\t\tapplyFilters: () => void;\n\n\t\t/**\n\t\t * Clear all filters\n\t\t */\n\t\tclearAll: () => void;\n\n\t\t/**\n\t\t * Delete a specific chip\n\t\t */\n\t\tdeleteChip: (chip: ChipItem) => void;\n\t};\n\n\t/**\n\t * Render function for filter modal content\n\t */\n\trenderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;\n}\n\n/**\n * Hook to orchestrate table filtering with adapters\n * Manages filter state, generates chips, handles column definitions\n *\n * @param filterAdapters Array of filter adapters\n * @param baseColumns Base column definitions (optional)\n * @returns Complete filter management system\n */\nexport function useTableFilters<TData, TValue, TCellValue>(\n\tfilterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[],\n\tbaseColumns?: ColumnDef<TData>[],\n): UseTableFiltersResult<TData, TValue> {\n\t// Internal variable just to avoid assignment issues of `any`.\n\tconst _filterAdapters = filterAdapters as FilterAdapter<TData, TValue, TCellValue>[];\n\n\t// Initialize filter state from adapters\n\tconst initialState: FilterState<TValue> = {};\n\t_filterAdapters.forEach((adapter) => {\n\t\tinitialState[adapter.id] = adapter.initialValue;\n\t});\n\n\tconst [filterState, setFilterState] = useState<FilterState<TValue>>(initialState);\n\tconst [columnFilters, setColumnFilters] = useState<ColumnFilterState<TValue>[]>([]);\n\tconst [filterChips, setFilterChips] = useState<ChipItem[]>([]);\n\n\tconst getValueByAdapterId = (adapterId: string) => {\n\t\t// Should be safe to cast because it's being filled in the initialState\n\t\treturn filterState[adapterId] as TValue;\n\t};\n\n\t// Generate filter nav items with counts (updates as user changes filters in modal)\n\tconst filterNavItems: FilterNavItem[] = _filterAdapters.map((adapter) => ({\n\t\tid: adapter.id,\n\t\tlabel: adapter.label,\n\t\tcount: adapter.getActiveFiltersCount(getValueByAdapterId(adapter.id)),\n\t}));\n\n\t// Enhance column definitions with filter functions and renderers\n\tconst enhancedColumns: ColumnDef<TData>[] = !baseColumns\n\t\t? []\n\t\t: baseColumns.map((col) => {\n\t\t\t\tconst adapter = _filterAdapters.find((a) => a.id === col.id);\n\n\t\t\t\tif (adapter) {\n\t\t\t\t\tconst cellRenderer = adapter.cellRenderer;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...col,\n\t\t\t\t\t\tfilterFn: adapter.columnFilterFn,\n\t\t\t\t\t\t...(cellRenderer && {\n\t\t\t\t\t\t\tcell: (info: CellContext<TData, TCellValue>) => cellRenderer(info.getValue()),\n\t\t\t\t\t\t}),\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\treturn col;\n\t\t\t});\n\n\t// Handlers\n\tconst updateFilter = (filterId: string, value: TValue) => {\n\t\tsetFilterState((prev) => ({\n\t\t\t...prev,\n\t\t\t[filterId]: value,\n\t\t}));\n\t};\n\n\tconst applyFilters = () => {\n\t\tconst filters: ColumnFilterState<TValue>[] = [];\n\t\tconst chips: ChipItem[] = [];\n\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tconst value = getValueByAdapterId(adapter.id);\n\n\t\t\tif (adapter.getActiveFiltersCount(value) > 0) {\n\t\t\t\tfilters.push({\n\t\t\t\t\tid: adapter.id,\n\t\t\t\t\tvalue,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Generate chips from current filter value\n\t\t\tconst adapterChips = adapter.toChips(value);\n\t\t\tchips.push(...adapterChips);\n\t\t});\n\n\t\tsetColumnFilters(filters);\n\t\tsetFilterChips(chips);\n\t};\n\n\tconst clearAll = () => {\n\t\tconst resetState: FilterState<TValue> = {};\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tresetState[adapter.id] = adapter.reset();\n\t\t});\n\t\tsetFilterState(resetState);\n\t\tsetColumnFilters([]);\n\t\tsetFilterChips([]);\n\t};\n\n\tconst deleteChip = (chip: ChipItem) => {\n\t\tconst filterKey = typeof chip.metadata?.key === 'string' ? chip.metadata.key : undefined;\n\t\tif (!filterKey) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst adapter = _filterAdapters.find((a) => a.id === filterKey);\n\t\tif (!adapter) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentValue = getValueByAdapterId(filterKey);\n\t\tconst newValue = adapter.fromChip(chip, currentValue);\n\n\t\t// Regenerate chips to check if this was the last one\n\t\tconst chips: ChipItem[] = [];\n\t\t_filterAdapters.forEach((adapter) => {\n\t\t\tconst value = adapter.id === filterKey ? newValue : getValueByAdapterId(adapter.id);\n\t\t\tconst adapterChips = adapter.toChips(value);\n\t\t\tchips.push(...adapterChips);\n\t\t});\n\n\t\t// If no chips left, clear all filters\n\t\tif (chips.length === 0) {\n\t\t\tclearAll();\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, update state and filters\n\t\tsetFilterState((prev) => ({\n\t\t\t...prev,\n\t\t\t[filterKey]: newValue,\n\t\t}));\n\n\t\t// Update column filters\n\t\tif (adapter.getActiveFiltersCount(newValue) === 0) {\n\t\t\tsetColumnFilters((prev) => prev.filter((cf) => cf.id !== filterKey));\n\t\t} else {\n\t\t\tsetColumnFilters((prev) =>\n\t\t\t\tprev.map((cf) => (cf.id === filterKey ? { id: filterKey, value: newValue } : cf)),\n\t\t\t);\n\t\t}\n\n\t\tsetFilterChips(chips);\n\t};\n\n\tconst renderFilterContent = (selectedFilter: FilterNavItem) => {\n\t\tconst adapter = _filterAdapters.find((a) => a.id === selectedFilter.id);\n\t\tif (!adapter) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst value = getValueByAdapterId(adapter.id);\n\t\tconst onChange = (newValue: TValue) => updateFilter(adapter.id, newValue);\n\n\t\treturn adapter.renderFilter(value, onChange);\n\t};\n\n\treturn {\n\t\tfilterState,\n\t\tcolumnFilters,\n\t\tfilterChips,\n\t\tfilterNavItems,\n\t\tenhancedColumns,\n\t\thandlers: {\n\t\t\tupdateFilter,\n\t\t\tapplyFilters,\n\t\t\tclearAll,\n\t\t\tdeleteChip,\n\t\t},\n\t\trenderFilterContent,\n\t};\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-table-filters.js","names":["ReactNode","useState","CellContext","ColumnDef","ChipItem","AnyAdapter","ColumnFilterState","FilterAdapter","FilterNavItem","FilterState","UseTableFiltersOptions","filterAdapters","TData","TValue","TCellValue","baseColumns","appliedFilters","onFiltersChange","filters","UseTableFiltersResult","filterState","columnFilters","filterChips","filterNavItems","enhancedColumns","handlers","updateFilter","filterId","value","applyFilters","clearAll","deleteChip","chip","renderFilterContent","selectedFilter","useTableFilters","t0","$","_c","externalAppliedFilters","setExternalAppliedFilters","_filterAdapters","isControlled","undefined","initialFilters","reduce","_temp","t1","Symbol","for","internalAppliedFilters","setInternalAppliedFilters","t2","pendingFilters","setPendingFilters","setAppliedFilters","draftFilters","t3","Object","entries","t4","filter","t5","id","adapter_0","find","a","adapter","getActiveFiltersCount","map","_temp2","t6","adapter_1","value_0","toChips","flatMap","adapter_2","label","count","col","adapter_3","a_0","cellRenderer","filterFn","columnFilterFn","cell","info","getValue","t7","value_1","prev","filtersToApply","acc","adapter_4","value_2","t8","t9","filterKey","metadata","key","adapter_5","a_1","currentValue","newValue","fromChip","newFilters","fromEntries","t10","adapter_6","a_2","value_3","onChange","newValue_0","renderFilter","id_0","state","initialValue"],"sources":["../../../../../src/components/ds-table/filters/hooks/use-table-filters.ts"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport type { CellContext, ColumnDef } from '@tanstack/react-table';\nimport type { ChipItem } from '../../../ds-chip-group';\nimport type {\n\tAnyAdapter,\n\tColumnFilterState,\n\tFilterAdapter,\n\tFilterNavItem,\n\tFilterState,\n} from '../types/filter-adapter.types';\n\nexport interface UseTableFiltersOptions<TData, TValue, TCellValue> {\n\t/**\n\t * Array of filter adapters that define filter behavior\n\t */\n\tfilterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[];\n\n\t/**\n\t * Base column definitions\n\t */\n\tbaseColumns?: ColumnDef<TData>[];\n\n\t/**\n\t * Controlled mode: External applied filters (source of truth).\n\t * When provided with onFiltersChange, the hook operates in controlled mode.\n\t * Keys must match adapter IDs.\n\t */\n\tappliedFilters?: FilterState<TValue>;\n\n\t/**\n\t * Controlled mode: Callback when filters change.\n\t * Called by applyFilters(), deleteChip(), clearAll().\n\t */\n\tonFiltersChange?: (filters: FilterState<TValue>) => void;\n}\n\nexport interface UseTableFiltersResult<TData, TValue> {\n\t/**\n\t * Current draft filter state (uncommitted user selections)\n\t */\n\tfilterState: FilterState<TValue>;\n\n\t/**\n\t * Column filters (derived from applied state)\n\t */\n\tcolumnFilters: ColumnFilterState<TValue>[];\n\n\t/**\n\t * Filter chips for display (derived from applied state)\n\t */\n\tfilterChips: ChipItem[];\n\n\t/**\n\t * Filter navigation items with active counts\n\t */\n\tfilterNavItems: FilterNavItem[];\n\n\t/**\n\t * Enhanced column definitions with filter functions\n\t */\n\tenhancedColumns: ColumnDef<TData>[];\n\n\t/**\n\t * Handlers for filter operations\n\t */\n\thandlers: {\n\t\t/** Update a specific filter's draft value */\n\t\tupdateFilter: (filterId: string, value: TValue) => void;\n\t\t/** Commit draft state to applied state */\n\t\tapplyFilters: () => void;\n\t\t/** Clear all filters */\n\t\tclearAll: () => void;\n\t\t/** Delete a specific filter chip */\n\t\tdeleteChip: (chip: ChipItem) => void;\n\t};\n\n\t/**\n\t * Render function for filter content\n\t */\n\trenderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;\n}\n\n/**\n * Hook to orchestrate table filtering with adapters.\n * Manages filter state, generates chips, and handles column definitions.\n *\n * **Uncontrolled mode** (default): Filters are managed internally.\n * **Controlled mode**: Filters are managed externally via appliedFilters/onFiltersChange.\n *\n * @example\n * // Uncontrolled mode\n * const { filterChips, handlers } = useTableFilters({\n * filterAdapters: adapters,\n * baseColumns: columns,\n * });\n *\n * @example\n * // Controlled mode (e.g., URL-driven filtering)\n * const { filterChips, handlers } = useTableFilters({\n * filterAdapters: adapters,\n * baseColumns: columns,\n * appliedFilters: filtersFromUrl,\n * onFiltersChange: (filters) => updateUrlAndRefetch(filters),\n * });\n */\nexport function useTableFilters<TData, TValue, TCellValue>({\n\tfilterAdapters,\n\tbaseColumns,\n\tappliedFilters: externalAppliedFilters,\n\tonFiltersChange: setExternalAppliedFilters,\n}: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue> {\n\t// Internal variable just to avoid assignment issues of `any`.\n\tconst _filterAdapters = filterAdapters as FilterAdapter<TData, TValue, TCellValue>[];\n\n\tconst isControlled = externalAppliedFilters !== undefined && setExternalAppliedFilters !== undefined;\n\n\tconst initialFilters = _filterAdapters.reduce<FilterState<TValue>>(\n\t\t(state, adapter) => ({ ...state, [adapter.id]: adapter.initialValue }),\n\t\t{},\n\t);\n\n\tconst [internalAppliedFilters, setInternalAppliedFilters] = useState<FilterState<TValue>>({});\n\tconst [pendingFilters, setPendingFilters] = useState<FilterState<TValue>>({});\n\n\tconst appliedFilters = isControlled ? externalAppliedFilters : internalAppliedFilters;\n\tconst setAppliedFilters = isControlled ? setExternalAppliedFilters : setInternalAppliedFilters;\n\n\tconst draftFilters = { ...initialFilters, ...appliedFilters, ...pendingFilters };\n\n\tconst columnFilters: ColumnFilterState<TValue>[] = Object.entries(appliedFilters)\n\t\t.filter(([id]) => {\n\t\t\tconst adapter = _filterAdapters.find((a) => a.id === id);\n\t\t\treturn adapter ? adapter.getActiveFiltersCount(appliedFilters[id] as TValue) > 0 : false;\n\t\t})\n\t\t.map(([id, value]) => ({ id, value }));\n\n\tconst filterChips = _filterAdapters.flatMap((adapter) => {\n\t\tconst value = appliedFilters[adapter.id];\n\t\treturn value !== undefined ? adapter.toChips(value) : [];\n\t});\n\n\tconst filterNavItems: FilterNavItem[] = _filterAdapters.map((adapter) => ({\n\t\tid: adapter.id,\n\t\tlabel: adapter.label,\n\t\tcount: adapter.getActiveFiltersCount(draftFilters[adapter.id] as TValue),\n\t}));\n\n\tconst enhancedColumns: ColumnDef<TData>[] = !baseColumns\n\t\t? []\n\t\t: baseColumns.map((col) => {\n\t\t\t\tconst adapter = _filterAdapters.find((a) => a.id === col.id);\n\t\t\t\tif (!adapter) {\n\t\t\t\t\treturn col;\n\t\t\t\t}\n\n\t\t\t\tconst cellRenderer = adapter.cellRenderer;\n\t\t\t\treturn {\n\t\t\t\t\t...col,\n\t\t\t\t\tfilterFn: adapter.columnFilterFn,\n\t\t\t\t\t...(cellRenderer && {\n\t\t\t\t\t\tcell: (info: CellContext<TData, TCellValue>) => cellRenderer(info.getValue()),\n\t\t\t\t\t}),\n\t\t\t\t};\n\t\t\t});\n\n\tconst updateFilter = (filterId: string, value: TValue) => {\n\t\tsetPendingFilters((prev) => ({ ...prev, [filterId]: value }));\n\t};\n\n\tconst applyFilters = () => {\n\t\tconst filtersToApply = _filterAdapters.reduce<FilterState<TValue>>((acc, adapter) => {\n\t\t\tconst value = draftFilters[adapter.id] as TValue;\n\t\t\tif (adapter.getActiveFiltersCount(value) > 0) {\n\t\t\t\tacc[adapter.id] = value;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {});\n\n\t\tsetAppliedFilters(filtersToApply);\n\t\tsetPendingFilters({});\n\t};\n\n\tconst clearAll = () => {\n\t\tsetPendingFilters({});\n\t\tsetAppliedFilters({});\n\t};\n\n\tconst deleteChip = (chip: ChipItem) => {\n\t\tconst filterKey = typeof chip.metadata?.key === 'string' ? chip.metadata.key : undefined;\n\t\tif (!filterKey) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst adapter = _filterAdapters.find((a) => a.id === filterKey);\n\t\tif (!adapter) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentValue = appliedFilters[filterKey];\n\t\tif (currentValue === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newValue = adapter.fromChip(chip, currentValue);\n\n\t\tconst newFilters =\n\t\t\tadapter.getActiveFiltersCount(newValue) === 0\n\t\t\t\t? Object.fromEntries(Object.entries(appliedFilters).filter(([key]) => key !== filterKey))\n\t\t\t\t: { ...appliedFilters, [filterKey]: newValue };\n\n\t\tsetAppliedFilters(newFilters);\n\t};\n\n\tconst renderFilterContent = (selectedFilter: FilterNavItem) => {\n\t\tconst adapter = _filterAdapters.find((a) => a.id === selectedFilter.id);\n\t\tif (!adapter) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst value = draftFilters[adapter.id] as TValue;\n\t\tconst onChange = (newValue: TValue) => updateFilter(adapter.id, newValue);\n\n\t\treturn adapter.renderFilter(value, onChange);\n\t};\n\n\treturn {\n\t\tfilterState: draftFilters,\n\t\tcolumnFilters,\n\t\tfilterChips,\n\t\tfilterNavItems,\n\t\tenhancedColumns,\n\t\thandlers: {\n\t\t\tupdateFilter,\n\t\t\tapplyFilters,\n\t\t\tclearAll,\n\t\t\tdeleteChip,\n\t\t},\n\t\trenderFilterContent,\n\t};\n}\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import "./components/checkbox-filter/index.js";
|
|
|
5
5
|
import { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter } from "./adapters/create-checkbox-filter-adapter.js";
|
|
6
6
|
import { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter } from "./adapters/create-dual-range-filter-adapter.js";
|
|
7
7
|
import "./adapters/index.js";
|
|
8
|
-
import { UseTableFiltersResult, useTableFilters } from "./hooks/use-table-filters.js";
|
|
8
|
+
import { UseTableFiltersOptions, UseTableFiltersResult, useTableFilters } from "./hooks/use-table-filters.js";
|
|
9
9
|
import "./hooks/index.js";
|
|
10
10
|
import { RangeFilterProps, RangeFilterValue } from "./components/range-filter/range-filter.js";
|
|
11
11
|
import "./components/range-filter/index.js";
|
|
@@ -3,9 +3,9 @@ let react_compiler_runtime = require("react/compiler-runtime");
|
|
|
3
3
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
4
4
|
let react = require("react");
|
|
5
5
|
react = require_rolldown_runtime.__toESM(react);
|
|
6
|
-
let
|
|
7
|
-
let
|
|
8
|
-
let
|
|
6
|
+
let _dnd_kit_sortable = require("@dnd-kit/sortable");
|
|
7
|
+
let _dnd_kit_core = require("@dnd-kit/core");
|
|
8
|
+
let _dnd_kit_modifiers = require("@dnd-kit/modifiers");
|
|
9
9
|
|
|
10
10
|
//#region src/components/ds-table/hooks/use-drag-and-drop.tsx
|
|
11
11
|
const DragWrapper = (t0) => {
|
|
@@ -13,13 +13,13 @@ const DragWrapper = (t0) => {
|
|
|
13
13
|
const { children, onDragEnd, sensors } = t0;
|
|
14
14
|
let t1;
|
|
15
15
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
16
|
-
t1 = [
|
|
16
|
+
t1 = [_dnd_kit_modifiers.restrictToVerticalAxis];
|
|
17
17
|
$[0] = t1;
|
|
18
18
|
} else t1 = $[0];
|
|
19
19
|
let t2;
|
|
20
20
|
if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
|
|
21
|
-
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
22
|
-
collisionDetection:
|
|
21
|
+
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_dnd_kit_core.DndContext, {
|
|
22
|
+
collisionDetection: _dnd_kit_core.closestCenter,
|
|
23
23
|
modifiers: t1,
|
|
24
24
|
onDragEnd,
|
|
25
25
|
sensors,
|
|
@@ -37,9 +37,9 @@ const SortableWrapper = (t0) => {
|
|
|
37
37
|
const { children, items } = t0;
|
|
38
38
|
let t1;
|
|
39
39
|
if ($[0] !== children || $[1] !== items) {
|
|
40
|
-
t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
40
|
+
t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_dnd_kit_sortable.SortableContext, {
|
|
41
41
|
items,
|
|
42
|
-
strategy:
|
|
42
|
+
strategy: _dnd_kit_sortable.verticalListSortingStrategy,
|
|
43
43
|
children
|
|
44
44
|
});
|
|
45
45
|
$[0] = children;
|
|
@@ -73,7 +73,7 @@ function useDragAndDrop(t0) {
|
|
|
73
73
|
t4 = {};
|
|
74
74
|
$[4] = t4;
|
|
75
75
|
} else t4 = $[4];
|
|
76
|
-
const sensors = (0,
|
|
76
|
+
const sensors = (0, _dnd_kit_core.useSensors)((0, _dnd_kit_core.useSensor)(_dnd_kit_core.MouseSensor, t2), (0, _dnd_kit_core.useSensor)(_dnd_kit_core.TouchSensor, t3), (0, _dnd_kit_core.useSensor)(_dnd_kit_core.KeyboardSensor, t4));
|
|
77
77
|
let t5;
|
|
78
78
|
if ($[5] !== items || $[6] !== onOrderChange) {
|
|
79
79
|
t5 = (event) => {
|
|
@@ -82,7 +82,7 @@ function useDragAndDrop(t0) {
|
|
|
82
82
|
const oldIndex = items.findIndex((row_0) => row_0.id === active.id);
|
|
83
83
|
const newIndex = items.findIndex((row_1) => row_1.id === over?.id);
|
|
84
84
|
if (oldIndex !== -1 && newIndex !== -1) {
|
|
85
|
-
const newData = (0,
|
|
85
|
+
const newData = (0, _dnd_kit_sortable.arrayMove)(items, oldIndex, newIndex);
|
|
86
86
|
onOrderChange?.(newData);
|
|
87
87
|
}
|
|
88
88
|
}
|
|
@@ -5,7 +5,7 @@ import { FilterAdapterConfig, createFilterAdapter } from "./filters/adapters/cre
|
|
|
5
5
|
import { CheckboxFilterItem, CheckboxFilterProps } from "./filters/components/checkbox-filter/checkbox-filter.js";
|
|
6
6
|
import { CheckboxFilterAdapterConfig, createCheckboxFilterAdapter } from "./filters/adapters/create-checkbox-filter-adapter.js";
|
|
7
7
|
import { DualRangeFilterAdapterConfig, DualRangeFilterValue, RangeValue, createDualRangeFilterAdapter } from "./filters/adapters/create-dual-range-filter-adapter.js";
|
|
8
|
-
import { UseTableFiltersResult, useTableFilters } from "./filters/hooks/use-table-filters.js";
|
|
8
|
+
import { UseTableFiltersOptions, UseTableFiltersResult, useTableFilters } from "./filters/hooks/use-table-filters.js";
|
|
9
9
|
import { RangeFilterProps, RangeFilterValue } from "./filters/components/range-filter/range-filter.js";
|
|
10
10
|
import "./filters/index.js";
|
|
11
11
|
import { Action, DsDataTableProps, DsTableApi, DsTableRowSize, ScrollParams } from "./ds-table.types.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
let
|
|
2
|
+
let _tanstack_react_table = require("@tanstack/react-table");
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-table/utils/column-styling.ts
|
|
5
5
|
/**
|
|
@@ -11,7 +11,7 @@ let __tanstack_react_table = require("@tanstack/react-table");
|
|
|
11
11
|
* @returns Style object or undefined if no custom styling is needed
|
|
12
12
|
*/
|
|
13
13
|
const getColumnStyle = (columnSize, virtualized, isLastColumn = false) => {
|
|
14
|
-
if (!(columnSize !==
|
|
14
|
+
if (!(columnSize !== _tanstack_react_table.defaultColumnSizing.size)) return;
|
|
15
15
|
if (virtualized) return {
|
|
16
16
|
flexBasis: `${String(columnSize)}px`,
|
|
17
17
|
flexGrow: isLastColumn ? 1 : 0
|
|
@@ -4,7 +4,7 @@ let react_compiler_runtime = require("react/compiler-runtime");
|
|
|
4
4
|
let classnames = require("classnames");
|
|
5
5
|
classnames = require_rolldown_runtime.__toESM(classnames);
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
-
let
|
|
7
|
+
let _ark_ui_react_tabs = require("@ark-ui/react/tabs");
|
|
8
8
|
|
|
9
9
|
//#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx
|
|
10
10
|
const DsTabsContent = (t0) => {
|
|
@@ -18,7 +18,7 @@ const DsTabsContent = (t0) => {
|
|
|
18
18
|
} else t1 = $[1];
|
|
19
19
|
let t2;
|
|
20
20
|
if ($[2] !== children || $[3] !== style || $[4] !== t1 || $[5] !== value) {
|
|
21
|
-
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
21
|
+
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tabs.Tabs.Content, {
|
|
22
22
|
value,
|
|
23
23
|
className: t1,
|
|
24
24
|
style,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
//#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss
|
|
3
3
|
var ds_tabs_content_module_default = {
|
|
4
|
-
"tabContent": "
|
|
5
|
-
"fadeIn": "
|
|
4
|
+
"tabContent": "_tabContent_qtp6q_1",
|
|
5
|
+
"fadeIn": "_fadeIn_qtp6q_1"
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
//#endregion
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
//#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss
|
|
2
2
|
var ds_tabs_content_module_default = {
|
|
3
|
-
"tabContent": "
|
|
4
|
-
"fadeIn": "
|
|
3
|
+
"tabContent": "_tabContent_qtp6q_1",
|
|
4
|
+
"fadeIn": "_fadeIn_qtp6q_1"
|
|
5
5
|
};
|
|
6
6
|
|
|
7
7
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ds-tabs-content.module.js","names":[],"sources":["../../../../../src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss"],"sourcesContent":["$animation-duration: 0.2s;\n$animation-translate: -4px;\n\n.tabContent {\n\tpadding: var(--spacing-standard) 0;\n\tanimation: fadeIn $animation-duration ease-in;\n}\n\n@keyframes fadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY($animation-translate);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ds-tabs-content.module.js","names":[],"sources":["../../../../../src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss"],"sourcesContent":["$animation-duration: 0.2s;\n$animation-translate: -4px;\n\n.tabContent {\n\tpadding: var(--spacing-standard) 0;\n\tanimation: fadeIn $animation-duration ease-in;\n\n\t&[data-state='closed'] {\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes fadeIn {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY($animation-translate);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n"],"mappings":""}
|
|
@@ -5,7 +5,7 @@ let react_compiler_runtime = require("react/compiler-runtime");
|
|
|
5
5
|
let classnames = require("classnames");
|
|
6
6
|
classnames = require_rolldown_runtime.__toESM(classnames);
|
|
7
7
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
let
|
|
8
|
+
let _ark_ui_react_tabs = require("@ark-ui/react/tabs");
|
|
9
9
|
|
|
10
10
|
//#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx
|
|
11
11
|
const DsTabsList = (t0) => {
|
|
@@ -19,12 +19,12 @@ const DsTabsList = (t0) => {
|
|
|
19
19
|
} else t1 = $[1];
|
|
20
20
|
let t2;
|
|
21
21
|
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
22
|
-
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
22
|
+
t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_tabs.Tabs.Indicator, { className: require_ds_tabs_indicator_module.default.indicator });
|
|
23
23
|
$[2] = t2;
|
|
24
24
|
} else t2 = $[2];
|
|
25
25
|
let t3;
|
|
26
26
|
if ($[3] !== children || $[4] !== style || $[5] !== t1) {
|
|
27
|
-
t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(
|
|
27
|
+
t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_tabs.Tabs.List, {
|
|
28
28
|
className: t1,
|
|
29
29
|
style,
|
|
30
30
|
children: [children, t2]
|