@qualcomm-ui/qds-core 1.0.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/LICENSE.txt +31 -0
- package/README.md +22 -0
- package/dist/accordion/accordion.api.d.ts +4 -0
- package/dist/accordion/accordion.api.d.ts.map +1 -0
- package/dist/accordion/accordion.classes.d.ts +12 -0
- package/dist/accordion/accordion.classes.d.ts.map +1 -0
- package/dist/accordion/accordion.types.d.ts +17 -0
- package/dist/accordion/accordion.types.d.ts.map +1 -0
- package/dist/accordion/index.cjs +2 -0
- package/dist/accordion/index.cjs.map +7 -0
- package/dist/accordion/index.d.ts +4 -0
- package/dist/accordion/index.d.ts.map +1 -0
- package/dist/accordion/index.js +2 -0
- package/dist/accordion/index.js.map +7 -0
- package/dist/accordion/qds-accordion.css +1 -0
- package/dist/action-group/action-group.classes.d.ts +4 -0
- package/dist/action-group/action-group.classes.d.ts.map +1 -0
- package/dist/action-group/index.cjs +2 -0
- package/dist/action-group/index.cjs.map +7 -0
- package/dist/action-group/index.d.ts +2 -0
- package/dist/action-group/index.d.ts.map +1 -0
- package/dist/action-group/index.js +2 -0
- package/dist/action-group/index.js.map +7 -0
- package/dist/action-group/qds-action-group.css +1 -0
- package/dist/animations/index.cjs +2 -0
- package/dist/animations/index.cjs.map +7 -0
- package/dist/animations/index.d.ts +2 -0
- package/dist/animations/index.d.ts.map +1 -0
- package/dist/animations/index.js +1 -0
- package/dist/animations/index.js.map +7 -0
- package/dist/animations/qds-animations.css +1 -0
- package/dist/avatar/avatar.api.d.ts +4 -0
- package/dist/avatar/avatar.api.d.ts.map +1 -0
- package/dist/avatar/avatar.classes.d.ts +7 -0
- package/dist/avatar/avatar.classes.d.ts.map +1 -0
- package/dist/avatar/avatar.types.d.ts +46 -0
- package/dist/avatar/avatar.types.d.ts.map +1 -0
- package/dist/avatar/index.cjs +2 -0
- package/dist/avatar/index.cjs.map +7 -0
- package/dist/avatar/index.d.ts +4 -0
- package/dist/avatar/index.d.ts.map +1 -0
- package/dist/avatar/index.js +2 -0
- package/dist/avatar/index.js.map +7 -0
- package/dist/avatar/qds-avatar.css +1 -0
- package/dist/breadcrumbs/breadcrumbs.api.d.ts +5 -0
- package/dist/breadcrumbs/breadcrumbs.api.d.ts.map +1 -0
- package/dist/breadcrumbs/breadcrumbs.classes.d.ts +9 -0
- package/dist/breadcrumbs/breadcrumbs.classes.d.ts.map +1 -0
- package/dist/breadcrumbs/breadcrumbs.types.d.ts +62 -0
- package/dist/breadcrumbs/breadcrumbs.types.d.ts.map +1 -0
- package/dist/breadcrumbs/index.cjs +2 -0
- package/dist/breadcrumbs/index.cjs.map +7 -0
- package/dist/breadcrumbs/index.d.ts +4 -0
- package/dist/breadcrumbs/index.d.ts.map +1 -0
- package/dist/breadcrumbs/index.js +2 -0
- package/dist/breadcrumbs/index.js.map +7 -0
- package/dist/breadcrumbs/qds-breadcrumbs.css +1 -0
- package/dist/button/button-group.api.d.ts +5 -0
- package/dist/button/button-group.api.d.ts.map +1 -0
- package/dist/button/button-group.types.d.ts +66 -0
- package/dist/button/button-group.types.d.ts.map +1 -0
- package/dist/button/button.api.d.ts +5 -0
- package/dist/button/button.api.d.ts.map +1 -0
- package/dist/button/button.classes.d.ts +6 -0
- package/dist/button/button.classes.d.ts.map +1 -0
- package/dist/button/button.types.d.ts +79 -0
- package/dist/button/button.types.d.ts.map +1 -0
- package/dist/button/icon-button.api.d.ts +5 -0
- package/dist/button/icon-button.api.d.ts.map +1 -0
- package/dist/button/icon-button.types.d.ts +28 -0
- package/dist/button/icon-button.types.d.ts.map +1 -0
- package/dist/button/index.cjs +2 -0
- package/dist/button/index.cjs.map +7 -0
- package/dist/button/index.d.ts +8 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/button/index.js +2 -0
- package/dist/button/index.js.map +7 -0
- package/dist/button/qds-button.css +25 -0
- package/dist/checkbox/checkbox.api.d.ts +5 -0
- package/dist/checkbox/checkbox.api.d.ts.map +1 -0
- package/dist/checkbox/checkbox.classes.d.ts +9 -0
- package/dist/checkbox/checkbox.classes.d.ts.map +1 -0
- package/dist/checkbox/checkbox.types.d.ts +45 -0
- package/dist/checkbox/checkbox.types.d.ts.map +1 -0
- package/dist/checkbox/index.cjs +2 -0
- package/dist/checkbox/index.cjs.map +7 -0
- package/dist/checkbox/index.d.ts +4 -0
- package/dist/checkbox/index.d.ts.map +1 -0
- package/dist/checkbox/index.js +2 -0
- package/dist/checkbox/index.js.map +7 -0
- package/dist/checkbox/qds-checkbox.css +1 -0
- package/dist/checkmark/checkmark.api.d.ts +5 -0
- package/dist/checkmark/checkmark.api.d.ts.map +1 -0
- package/dist/checkmark/checkmark.classes.d.ts +5 -0
- package/dist/checkmark/checkmark.classes.d.ts.map +1 -0
- package/dist/checkmark/checkmark.types.d.ts +39 -0
- package/dist/checkmark/checkmark.types.d.ts.map +1 -0
- package/dist/checkmark/index.cjs +2 -0
- package/dist/checkmark/index.cjs.map +7 -0
- package/dist/checkmark/index.d.ts +4 -0
- package/dist/checkmark/index.d.ts.map +1 -0
- package/dist/checkmark/index.js +2 -0
- package/dist/checkmark/index.js.map +7 -0
- package/dist/checkmark/qds-checkmark.css +1 -0
- package/dist/collapsible/collapsible.classes.d.ts +4 -0
- package/dist/collapsible/collapsible.classes.d.ts.map +1 -0
- package/dist/collapsible/collapsible.types.d.ts +7 -0
- package/dist/collapsible/collapsible.types.d.ts.map +1 -0
- package/dist/collapsible/index.cjs +2 -0
- package/dist/collapsible/index.cjs.map +7 -0
- package/dist/collapsible/index.d.ts +3 -0
- package/dist/collapsible/index.d.ts.map +1 -0
- package/dist/collapsible/index.js +2 -0
- package/dist/collapsible/index.js.map +7 -0
- package/dist/collapsible/qds-collapsible.css +1 -0
- package/dist/components.min.css +45 -0
- package/dist/dialog/dialog.api.d.ts +5 -0
- package/dist/dialog/dialog.api.d.ts.map +1 -0
- package/dist/dialog/dialog.classes.d.ts +11 -0
- package/dist/dialog/dialog.classes.d.ts.map +1 -0
- package/dist/dialog/dialog.types.d.ts +89 -0
- package/dist/dialog/dialog.types.d.ts.map +1 -0
- package/dist/dialog/index.cjs +2 -0
- package/dist/dialog/index.cjs.map +7 -0
- package/dist/dialog/index.d.ts +4 -0
- package/dist/dialog/index.d.ts.map +1 -0
- package/dist/dialog/index.js +2 -0
- package/dist/dialog/index.js.map +7 -0
- package/dist/dialog/qds-dialog.css +1 -0
- package/dist/divider/divider.api.d.ts +4 -0
- package/dist/divider/divider.api.d.ts.map +1 -0
- package/dist/divider/divider.classes.d.ts +4 -0
- package/dist/divider/divider.classes.d.ts.map +1 -0
- package/dist/divider/divider.types.d.ts +27 -0
- package/dist/divider/divider.types.d.ts.map +1 -0
- package/dist/divider/index.cjs +2 -0
- package/dist/divider/index.cjs.map +7 -0
- package/dist/divider/index.d.ts +4 -0
- package/dist/divider/index.d.ts.map +1 -0
- package/dist/divider/index.js +2 -0
- package/dist/divider/index.js.map +7 -0
- package/dist/divider/qds-divider.css +1 -0
- package/dist/dragonwing-dark.min.css +1 -0
- package/dist/dragonwing-light.min.css +1 -0
- package/dist/drawer/drawer.api.d.ts +5 -0
- package/dist/drawer/drawer.api.d.ts.map +1 -0
- package/dist/drawer/drawer.classes.d.ts +5 -0
- package/dist/drawer/drawer.classes.d.ts.map +1 -0
- package/dist/drawer/drawer.types.d.ts +36 -0
- package/dist/drawer/drawer.types.d.ts.map +1 -0
- package/dist/drawer/index.cjs +2 -0
- package/dist/drawer/index.cjs.map +7 -0
- package/dist/drawer/index.d.ts +4 -0
- package/dist/drawer/index.d.ts.map +1 -0
- package/dist/drawer/index.js +2 -0
- package/dist/drawer/index.js.map +7 -0
- package/dist/drawer/qds-drawer.css +1 -0
- package/dist/global-styles/index.cjs +2 -0
- package/dist/global-styles/index.cjs.map +7 -0
- package/dist/global-styles/index.d.ts +2 -0
- package/dist/global-styles/index.d.ts.map +1 -0
- package/dist/global-styles/index.js +1 -0
- package/dist/global-styles/index.js.map +7 -0
- package/dist/global-styles/qds-global-styles.css +1 -0
- package/dist/globals/index.d.ts +2 -0
- package/dist/globals/index.d.ts.map +1 -0
- package/dist/header-bar/header-bar.api.d.ts +4 -0
- package/dist/header-bar/header-bar.api.d.ts.map +1 -0
- package/dist/header-bar/header-bar.classes.d.ts +13 -0
- package/dist/header-bar/header-bar.classes.d.ts.map +1 -0
- package/dist/header-bar/header-bar.types.d.ts +64 -0
- package/dist/header-bar/header-bar.types.d.ts.map +1 -0
- package/dist/header-bar/index.cjs +2 -0
- package/dist/header-bar/index.cjs.map +7 -0
- package/dist/header-bar/index.d.ts +4 -0
- package/dist/header-bar/index.d.ts.map +1 -0
- package/dist/header-bar/index.js +2 -0
- package/dist/header-bar/index.js.map +7 -0
- package/dist/header-bar/qds-header-bar.css +1 -0
- package/dist/icon/icon.api.d.ts +5 -0
- package/dist/icon/icon.api.d.ts.map +1 -0
- package/dist/icon/icon.classes.d.ts +4 -0
- package/dist/icon/icon.classes.d.ts.map +1 -0
- package/dist/icon/icon.types.d.ts +20 -0
- package/dist/icon/icon.types.d.ts.map +1 -0
- package/dist/icon/index.cjs +2 -0
- package/dist/icon/index.cjs.map +7 -0
- package/dist/icon/index.d.ts +4 -0
- package/dist/icon/index.d.ts.map +1 -0
- package/dist/icon/index.js +2 -0
- package/dist/icon/index.js.map +7 -0
- package/dist/icon/qds-icon.css +1 -0
- package/dist/inline-icon-button/index.cjs +2 -0
- package/dist/inline-icon-button/index.cjs.map +7 -0
- package/dist/inline-icon-button/index.d.ts +4 -0
- package/dist/inline-icon-button/index.d.ts.map +1 -0
- package/dist/inline-icon-button/index.js +2 -0
- package/dist/inline-icon-button/index.js.map +7 -0
- package/dist/inline-icon-button/inline-icon-button.api.d.ts +5 -0
- package/dist/inline-icon-button/inline-icon-button.api.d.ts.map +1 -0
- package/dist/inline-icon-button/inline-icon-button.classes.d.ts +5 -0
- package/dist/inline-icon-button/inline-icon-button.classes.d.ts.map +1 -0
- package/dist/inline-icon-button/inline-icon-button.types.d.ts +55 -0
- package/dist/inline-icon-button/inline-icon-button.types.d.ts.map +1 -0
- package/dist/inline-icon-button/qds-inline-icon-button.css +9 -0
- package/dist/inline-notification/index.cjs +2 -0
- package/dist/inline-notification/index.cjs.map +7 -0
- package/dist/inline-notification/index.d.ts +4 -0
- package/dist/inline-notification/index.d.ts.map +1 -0
- package/dist/inline-notification/index.js +2 -0
- package/dist/inline-notification/index.js.map +7 -0
- package/dist/inline-notification/inline-notification.api.d.ts +5 -0
- package/dist/inline-notification/inline-notification.api.d.ts.map +1 -0
- package/dist/inline-notification/inline-notification.classes.d.ts +9 -0
- package/dist/inline-notification/inline-notification.classes.d.ts.map +1 -0
- package/dist/inline-notification/inline-notification.types.d.ts +53 -0
- package/dist/inline-notification/inline-notification.types.d.ts.map +1 -0
- package/dist/inline-notification/qds-inline-notification.css +1 -0
- package/dist/input/index.cjs +2 -0
- package/dist/input/index.cjs.map +7 -0
- package/dist/input/index.d.ts +4 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/index.js +2 -0
- package/dist/input/index.js.map +7 -0
- package/dist/input/input.api.d.ts +4 -0
- package/dist/input/input.api.d.ts.map +1 -0
- package/dist/input/input.classes.d.ts +13 -0
- package/dist/input/input.classes.d.ts.map +1 -0
- package/dist/input/input.types.d.ts +84 -0
- package/dist/input/input.types.d.ts.map +1 -0
- package/dist/input/qds-input.css +1 -0
- package/dist/link/index.cjs +2 -0
- package/dist/link/index.cjs.map +7 -0
- package/dist/link/index.d.ts +4 -0
- package/dist/link/index.d.ts.map +1 -0
- package/dist/link/index.js +2 -0
- package/dist/link/index.js.map +7 -0
- package/dist/link/link.api.d.ts +4 -0
- package/dist/link/link.api.d.ts.map +1 -0
- package/dist/link/link.classes.d.ts +5 -0
- package/dist/link/link.classes.d.ts.map +1 -0
- package/dist/link/link.types.d.ts +57 -0
- package/dist/link/link.types.d.ts.map +1 -0
- package/dist/link/qds-link.css +1 -0
- package/dist/menu/index.cjs +2 -0
- package/dist/menu/index.cjs.map +7 -0
- package/dist/menu/index.d.ts +5 -0
- package/dist/menu/index.d.ts.map +1 -0
- package/dist/menu/index.js +2 -0
- package/dist/menu/index.js.map +7 -0
- package/dist/menu/menu-item.classes.d.ts +13 -0
- package/dist/menu/menu-item.classes.d.ts.map +1 -0
- package/dist/menu/menu.api.d.ts +4 -0
- package/dist/menu/menu.api.d.ts.map +1 -0
- package/dist/menu/menu.classes.d.ts +6 -0
- package/dist/menu/menu.classes.d.ts.map +1 -0
- package/dist/menu/menu.types.d.ts +91 -0
- package/dist/menu/menu.types.d.ts.map +1 -0
- package/dist/menu/qds-menu.css +1 -0
- package/dist/number-input/index.cjs +2 -0
- package/dist/number-input/index.cjs.map +7 -0
- package/dist/number-input/index.d.ts +4 -0
- package/dist/number-input/index.d.ts.map +1 -0
- package/dist/number-input/index.js +2 -0
- package/dist/number-input/index.js.map +7 -0
- package/dist/number-input/number-input.api.d.ts +5 -0
- package/dist/number-input/number-input.api.d.ts.map +1 -0
- package/dist/number-input/number-input.classes.d.ts +8 -0
- package/dist/number-input/number-input.classes.d.ts.map +1 -0
- package/dist/number-input/number-input.types.d.ts +48 -0
- package/dist/number-input/number-input.types.d.ts.map +1 -0
- package/dist/number-input/qds-number-input.css +1 -0
- package/dist/pagination/index.cjs +2 -0
- package/dist/pagination/index.cjs.map +7 -0
- package/dist/pagination/index.d.ts +4 -0
- package/dist/pagination/index.d.ts.map +1 -0
- package/dist/pagination/index.js +2 -0
- package/dist/pagination/index.js.map +7 -0
- package/dist/pagination/pagination.api.d.ts +4 -0
- package/dist/pagination/pagination.api.d.ts.map +1 -0
- package/dist/pagination/pagination.classes.d.ts +8 -0
- package/dist/pagination/pagination.classes.d.ts.map +1 -0
- package/dist/pagination/pagination.types.d.ts +40 -0
- package/dist/pagination/pagination.types.d.ts.map +1 -0
- package/dist/pagination/qds-pagination.css +1 -0
- package/dist/password-input/index.cjs +2 -0
- package/dist/password-input/index.cjs.map +7 -0
- package/dist/password-input/index.d.ts +3 -0
- package/dist/password-input/index.d.ts.map +1 -0
- package/dist/password-input/index.js +2 -0
- package/dist/password-input/index.js.map +7 -0
- package/dist/password-input/password-input.classes.d.ts +4 -0
- package/dist/password-input/password-input.classes.d.ts.map +1 -0
- package/dist/password-input/password-input.types.d.ts +5 -0
- package/dist/password-input/password-input.types.d.ts.map +1 -0
- package/dist/popover/index.cjs +2 -0
- package/dist/popover/index.cjs.map +7 -0
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/index.js +2 -0
- package/dist/popover/index.js.map +7 -0
- package/dist/popover/popover.classes.d.ts +11 -0
- package/dist/popover/popover.classes.d.ts.map +1 -0
- package/dist/popover/qds-popover.css +1 -0
- package/dist/progress/index.cjs +2 -0
- package/dist/progress/index.cjs.map +7 -0
- package/dist/progress/index.d.ts +4 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/progress/index.js +2 -0
- package/dist/progress/index.js.map +7 -0
- package/dist/progress/progress.api.d.ts +4 -0
- package/dist/progress/progress.api.d.ts.map +1 -0
- package/dist/progress/progress.classes.d.ts +10 -0
- package/dist/progress/progress.classes.d.ts.map +1 -0
- package/dist/progress/progress.types.d.ts +67 -0
- package/dist/progress/progress.types.d.ts.map +1 -0
- package/dist/progress/qds-progress.css +1 -0
- package/dist/progress-ring/index.cjs +2 -0
- package/dist/progress-ring/index.cjs.map +7 -0
- package/dist/progress-ring/index.d.ts +4 -0
- package/dist/progress-ring/index.d.ts.map +1 -0
- package/dist/progress-ring/index.js +2 -0
- package/dist/progress-ring/index.js.map +7 -0
- package/dist/progress-ring/progress-ring.api.d.ts +4 -0
- package/dist/progress-ring/progress-ring.api.d.ts.map +1 -0
- package/dist/progress-ring/progress-ring.classes.d.ts +11 -0
- package/dist/progress-ring/progress-ring.classes.d.ts.map +1 -0
- package/dist/progress-ring/progress-ring.types.d.ts +74 -0
- package/dist/progress-ring/progress-ring.types.d.ts.map +1 -0
- package/dist/progress-ring/qds-progress-ring.css +1 -0
- package/dist/qualcomm-dark.min.css +1 -0
- package/dist/qualcomm-light.min.css +1 -0
- package/dist/radio/index.cjs +2 -0
- package/dist/radio/index.cjs.map +7 -0
- package/dist/radio/index.d.ts +4 -0
- package/dist/radio/index.d.ts.map +1 -0
- package/dist/radio/index.js +2 -0
- package/dist/radio/index.js.map +7 -0
- package/dist/radio/qds-radio.css +1 -0
- package/dist/radio/radio.api.d.ts +5 -0
- package/dist/radio/radio.api.d.ts.map +1 -0
- package/dist/radio/radio.classes.d.ts +10 -0
- package/dist/radio/radio.classes.d.ts.map +1 -0
- package/dist/radio/radio.types.d.ts +53 -0
- package/dist/radio/radio.types.d.ts.map +1 -0
- package/dist/segmented-control/index.cjs +2 -0
- package/dist/segmented-control/index.cjs.map +7 -0
- package/dist/segmented-control/index.d.ts +4 -0
- package/dist/segmented-control/index.d.ts.map +1 -0
- package/dist/segmented-control/index.js +2 -0
- package/dist/segmented-control/index.js.map +7 -0
- package/dist/segmented-control/qds-segmented-control.css +1 -0
- package/dist/segmented-control/segmented-control.api.d.ts +5 -0
- package/dist/segmented-control/segmented-control.api.d.ts.map +1 -0
- package/dist/segmented-control/segmented-control.classes.d.ts +7 -0
- package/dist/segmented-control/segmented-control.classes.d.ts.map +1 -0
- package/dist/segmented-control/segmented-control.types.d.ts +53 -0
- package/dist/segmented-control/segmented-control.types.d.ts.map +1 -0
- package/dist/select/index.cjs +2 -0
- package/dist/select/index.cjs.map +7 -0
- package/dist/select/index.d.ts +4 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/select/index.js +2 -0
- package/dist/select/index.js.map +7 -0
- package/dist/select/qds-select.css +1 -0
- package/dist/select/select.api.d.ts +4 -0
- package/dist/select/select.api.d.ts.map +1 -0
- package/dist/select/select.classes.d.ts +18 -0
- package/dist/select/select.classes.d.ts.map +1 -0
- package/dist/select/select.types.d.ts +76 -0
- package/dist/select/select.types.d.ts.map +1 -0
- package/dist/shared/index.cjs +2 -0
- package/dist/shared/index.cjs.map +7 -0
- package/dist/shared/index.d.ts +2 -0
- package/dist/shared/index.d.ts.map +1 -0
- package/dist/shared/index.js +1 -0
- package/dist/shared/index.js.map +7 -0
- package/dist/shared/qds-z-index.css +1 -0
- package/dist/side-nav/index.cjs +2 -0
- package/dist/side-nav/index.cjs.map +7 -0
- package/dist/side-nav/index.d.ts +4 -0
- package/dist/side-nav/index.d.ts.map +1 -0
- package/dist/side-nav/index.js +2 -0
- package/dist/side-nav/index.js.map +7 -0
- package/dist/side-nav/qds-side-nav.css +1 -0
- package/dist/side-nav/side-nav.api.d.ts +4 -0
- package/dist/side-nav/side-nav.api.d.ts.map +1 -0
- package/dist/side-nav/side-nav.classes.d.ts +22 -0
- package/dist/side-nav/side-nav.classes.d.ts.map +1 -0
- package/dist/side-nav/side-nav.types.d.ts +96 -0
- package/dist/side-nav/side-nav.types.d.ts.map +1 -0
- package/dist/slider/index.cjs +2 -0
- package/dist/slider/index.cjs.map +7 -0
- package/dist/slider/index.d.ts +4 -0
- package/dist/slider/index.d.ts.map +1 -0
- package/dist/slider/index.js +2 -0
- package/dist/slider/index.js.map +7 -0
- package/dist/slider/qds-slider.css +13 -0
- package/dist/slider/slider.api.d.ts +4 -0
- package/dist/slider/slider.api.d.ts.map +1 -0
- package/dist/slider/slider.classes.d.ts +16 -0
- package/dist/slider/slider.classes.d.ts.map +1 -0
- package/dist/slider/slider.types.d.ts +72 -0
- package/dist/slider/slider.types.d.ts.map +1 -0
- package/dist/snapdragon-dark.min.css +1 -0
- package/dist/snapdragon-light.min.css +1 -0
- package/dist/switch/index.cjs +2 -0
- package/dist/switch/index.cjs.map +7 -0
- package/dist/switch/index.d.ts +4 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/switch/index.js +2 -0
- package/dist/switch/index.js.map +7 -0
- package/dist/switch/qds-switch.css +1 -0
- package/dist/switch/switch.api.d.ts +4 -0
- package/dist/switch/switch.api.d.ts.map +1 -0
- package/dist/switch/switch.classes.d.ts +8 -0
- package/dist/switch/switch.classes.d.ts.map +1 -0
- package/dist/switch/switch.types.d.ts +45 -0
- package/dist/switch/switch.types.d.ts.map +1 -0
- package/dist/table/index.cjs +2 -0
- package/dist/table/index.cjs.map +7 -0
- package/dist/table/index.d.ts +4 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/index.js +2 -0
- package/dist/table/index.js.map +7 -0
- package/dist/table/qds-table.css +1 -0
- package/dist/table/table.api.d.ts +4 -0
- package/dist/table/table.api.d.ts.map +1 -0
- package/dist/table/table.classes.d.ts +27 -0
- package/dist/table/table.classes.d.ts.map +1 -0
- package/dist/table/table.types.d.ts +235 -0
- package/dist/table/table.types.d.ts.map +1 -0
- package/dist/tabs/index.cjs +2 -0
- package/dist/tabs/index.cjs.map +7 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.js.map +7 -0
- package/dist/tabs/qds-tabs.css +1 -0
- package/dist/tabs/tabs.api.d.ts +5 -0
- package/dist/tabs/tabs.api.d.ts.map +1 -0
- package/dist/tabs/tabs.classes.d.ts +13 -0
- package/dist/tabs/tabs.classes.d.ts.map +1 -0
- package/dist/tabs/tabs.types.d.ts +99 -0
- package/dist/tabs/tabs.types.d.ts.map +1 -0
- package/dist/tag/index.cjs +2 -0
- package/dist/tag/index.cjs.map +7 -0
- package/dist/tag/index.d.ts +4 -0
- package/dist/tag/index.d.ts.map +1 -0
- package/dist/tag/index.js +2 -0
- package/dist/tag/index.js.map +7 -0
- package/dist/tag/qds-tag.css +1 -0
- package/dist/tag/tag.api.d.ts +6 -0
- package/dist/tag/tag.api.d.ts.map +1 -0
- package/dist/tag/tag.classes.d.ts +6 -0
- package/dist/tag/tag.classes.d.ts.map +1 -0
- package/dist/tag/tag.types.d.ts +71 -0
- package/dist/tag/tag.types.d.ts.map +1 -0
- package/dist/text-area/index.cjs +2 -0
- package/dist/text-area/index.cjs.map +7 -0
- package/dist/text-area/index.d.ts +2 -0
- package/dist/text-area/index.d.ts.map +1 -0
- package/dist/text-area/index.js +1 -0
- package/dist/text-area/index.js.map +7 -0
- package/dist/toast/index.cjs +2 -0
- package/dist/toast/index.cjs.map +7 -0
- package/dist/toast/index.d.ts +3 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/index.js +2 -0
- package/dist/toast/index.js.map +7 -0
- package/dist/toast/qds-toast.css +1 -0
- package/dist/toast/toast.api.d.ts +5 -0
- package/dist/toast/toast.api.d.ts.map +1 -0
- package/dist/toast/toast.classes.d.ts +9 -0
- package/dist/toast/toast.classes.d.ts.map +1 -0
- package/dist/toast/toast.types.d.ts +35 -0
- package/dist/toast/toast.types.d.ts.map +1 -0
- package/dist/tooltip/index.cjs +2 -0
- package/dist/tooltip/index.cjs.map +7 -0
- package/dist/tooltip/index.d.ts +3 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.js.map +7 -0
- package/dist/tooltip/qds-tooltip.css +1 -0
- package/dist/tooltip/tooltip.classes.d.ts +7 -0
- package/dist/tooltip/tooltip.classes.d.ts.map +1 -0
- package/dist/tooltip/tooltip.types.d.ts +16 -0
- package/dist/tooltip/tooltip.types.d.ts.map +1 -0
- package/dist/tree/index.cjs +2 -0
- package/dist/tree/index.cjs.map +7 -0
- package/dist/tree/index.d.ts +4 -0
- package/dist/tree/index.d.ts.map +1 -0
- package/dist/tree/index.js +2 -0
- package/dist/tree/index.js.map +7 -0
- package/dist/tree/qds-tree.css +1 -0
- package/dist/tree/tree.api.d.ts +5 -0
- package/dist/tree/tree.api.d.ts.map +1 -0
- package/dist/tree/tree.classes.d.ts +13 -0
- package/dist/tree/tree.classes.d.ts.map +1 -0
- package/dist/tree/tree.types.d.ts +66 -0
- package/dist/tree/tree.types.d.ts.map +1 -0
- package/dist/tsbuildinfo +1 -0
- package/package.json +46 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/table/index.ts", "../../src/table/table.api.ts", "../../src/table/table.classes.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./table.api\"\nexport * from \"./table.classes\"\nexport type * from \"./table.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tableClasses} from \"./table.classes\"\nimport type {\n QdsTableActionBarBindings,\n QdsTableApi,\n QdsTableApiProps,\n QdsTableBodyBindings,\n QdsTableCellActionBindings,\n QdsTableCellBindings,\n QdsTableCellProps,\n QdsTableColumnDragPreviewBindings,\n QdsTableColumnDropIndicatorBindings,\n QdsTableColumnDropIndicatorProps,\n QdsTableColumnFilterActionBindings,\n QdsTableColumnFilterProps,\n QdsTableColumnHeaderActionBindings,\n QdsTableColumnResizerBindings,\n QdsTableColumnResizerProps,\n QdsTableColumnSortActionBindings,\n QdsTableColumnSortActionProps,\n QdsTableDragHandleBindings,\n QdsTableFooterBindings,\n QdsTableHeaderBindings,\n QdsTableHeaderCellBindings,\n QdsTableHeaderCellProps,\n QdsTablePaginationBindings,\n QdsTableRootBindings,\n QdsTableRowBindings,\n QdsTableRowDragPreviewBindings,\n QdsTableRowDropIndicatorBindings,\n QdsTableRowDropIndicatorProps,\n QdsTableRowExpandButtonBindings,\n QdsTableRowExpandButtonProps,\n QdsTableRowProps,\n QdsTableScrollContainerBindings,\n QdsTableTableBindings,\n QdsTableTitleBarBindings,\n} from \"./table.types\"\n\nexport function createQdsTableApi(normalize: PropNormalizer): QdsTableApi {\n return {\n getActionBarBindings(): QdsTableActionBarBindings {\n return normalize.element({className: tableClasses.actionBar})\n },\n getBodyBindings(): QdsTableBodyBindings {\n return normalize.element({className: tableClasses.body})\n },\n getCellActionBindings(): QdsTableCellActionBindings {\n return normalize.element({className: tableClasses.cellAction})\n },\n getCellBindings(props: QdsTableCellProps): QdsTableCellBindings {\n return normalize.element({\n className: tableClasses.cell,\n \"data-aggregated\": booleanDataAttr(props.cell?.getIsAggregated?.()),\n \"data-grouped\": booleanDataAttr(props.cell?.getIsGrouped?.()),\n })\n },\n getColumnDragPreviewBindings(): QdsTableColumnDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getColumnDropIndicatorBindings(\n props: QdsTableColumnDropIndicatorProps,\n ): QdsTableColumnDropIndicatorBindings {\n const index = props.columnIndex ?? -1\n const sourceIndex = props.sourceColumnIndex ?? -1\n\n return normalize.element({\n className: tableClasses.columnDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n index > -1 && sourceIndex > -1 && index > sourceIndex\n ? \"right\"\n : \"left\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === index),\n })\n },\n getColumnFilterActionBindings(\n props: QdsTableColumnFilterProps,\n ): QdsTableColumnFilterActionBindings {\n return normalize.button({\n className: tableClasses.columnFilterAction,\n \"data-filter-active\": booleanDataAttr(\n props.header.column.getIsFiltered(),\n ),\n })\n },\n getColumnHeaderActionBindings(): QdsTableColumnHeaderActionBindings {\n return normalize.button({className: tableClasses.columnHeaderAction})\n },\n getColumnResizerBindings(\n props: QdsTableColumnResizerProps,\n ): QdsTableColumnResizerBindings {\n const header = props.header\n const isResizing = header.column.getIsResizing()\n return normalize.button({\n className: tableClasses.columnResizer,\n \"data-resizing\": booleanDataAttr(isResizing),\n onDoubleClick: () => header.column.resetSize(),\n onMouseDown: (event) => header.getResizeHandler()(event),\n onTouchStart: (event) => header.getResizeHandler()(event),\n })\n },\n getColumnSortActionBindings(\n props: QdsTableColumnSortActionProps,\n ): QdsTableColumnSortActionBindings {\n const sortDirection = props.header.column.getIsSorted()\n const nextOrder = props.header.column.getNextSortingOrder()\n // TODO: validate with regression test\n return normalize.element({\n \"aria-label\":\n nextOrder === \"asc\"\n ? \"Sort ascending\"\n : nextOrder === \"desc\"\n ? \"Sort descending\"\n : \"Remove sort\",\n className: tableClasses.columnSortAction,\n \"data-sort-direction\": sortDirection || undefined,\n onClick: (event) => {\n if (!event.defaultPrevented) {\n return props.header.column.getToggleSortingHandler()?.(event)\n }\n },\n })\n },\n getDragHandleBindings(): QdsTableDragHandleBindings {\n return normalize.element({className: tableClasses.dragHandle})\n },\n getFooterBindings(): QdsTableFooterBindings {\n return normalize.element({className: tableClasses.footer})\n },\n getHeaderBindings(): QdsTableHeaderBindings {\n return normalize.element({className: tableClasses.header})\n },\n getHeaderCellBindings(\n props: QdsTableHeaderCellProps,\n ): QdsTableHeaderCellBindings {\n return normalize.element({\n className: tableClasses.headerCell,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-resizing\": booleanDataAttr(props.isResizing),\n })\n },\n getPaginationBindings(): QdsTablePaginationBindings {\n return normalize.element({className: tableClasses.pagination})\n },\n getRootBindings(props: QdsTableApiProps): QdsTableRootBindings {\n const size = props.size || \"md\"\n return normalize.element({\n className: tableClasses.root,\n \"data-show-column-divider\": booleanDataAttr(props.showColumnDivider),\n \"data-size\": size,\n })\n },\n getRowBindings(props: QdsTableRowProps): QdsTableRowBindings {\n return normalize.element({\n className: tableClasses.row,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-selected\": booleanDataAttr(props.isSelected),\n })\n },\n getRowDragPreviewBindings(): QdsTableRowDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getRowDropIndicatorBindings(\n props: QdsTableRowDropIndicatorProps,\n ): QdsTableRowDropIndicatorBindings {\n const rowIndex = props.rowIndex ?? -1\n const sourceIndex = props.sourceIndex ?? -1\n\n return normalize.element({\n className: tableClasses.rowDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n rowIndex > -1 && sourceIndex > -1 && rowIndex > sourceIndex\n ? \"down\"\n : \"up\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === rowIndex),\n })\n },\n getRowExpandButtonBindings(\n props: QdsTableRowExpandButtonProps,\n ): QdsTableRowExpandButtonBindings {\n return normalize.button({\n \"aria-label\": props.row.getIsExpanded() ? \"Collapse row\" : \"Expand row\",\n className: tableClasses.rowExpandButton,\n \"data-expanded\": booleanDataAttr(props.row.getIsExpanded()),\n disabled: !props.row.getCanExpand(),\n onClick: props.row.getToggleExpandedHandler(),\n })\n },\n getScrollContainerBindings(): QdsTableScrollContainerBindings {\n return normalize.element({className: tableClasses.scrollContainer})\n },\n getTableBindings(): QdsTableTableBindings {\n return normalize.element({className: tableClasses.table})\n },\n getTitleBarBindings(): QdsTableTitleBarBindings {\n return normalize.element({className: tableClasses.titleBar})\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tableClasses = {\n actionBar: \"qui-table__action-bar\",\n body: \"qui-table__body\",\n cell: \"qui-table__cell\",\n cellAction: \"qui-table__cell-action\",\n columnDropIndicator: \"qui-table__column-drop-indicator\",\n columnFilterAction: \"qui-table__column-filter-action\",\n columnHeaderAction: \"qui-table__column-header-action\",\n columnResizer: \"qui-table__column-resizer\",\n columnResizerOverlay: \"qui-table__column-resizer-overlay\",\n columnSortAction: \"qui-table__column-sort-action\",\n dragHandle: \"qui-table__drag-handle\",\n dragPreview: \"qui-table__drag-preview\",\n footer: \"qui-table__footer\",\n header: \"qui-table__header\",\n headerCell: \"qui-table__header-cell\",\n pagination: \"qui-table__pagination\",\n root: \"qui-table__root\",\n row: \"qui-table__row\",\n rowDropIndicator: \"qui-table__row-drop-indicator\",\n rowExpandButton: \"qui-table__row-expand-button\",\n rowSelectionIndicator: \"qui-table__row-selection-indicator\",\n scrollContainer: \"qui-table__scroll-container\",\n table: \"qui-table__table\",\n titleBar: \"qui-table__title-bar\",\n} as const\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["table_exports", "__export", "createQdsTableApi", "tableClasses", "__toCommonJS", "import_attributes", "tableClasses", "createQdsTableApi", "normalize", "tableClasses", "props", "index", "sourceIndex", "header", "isResizing", "event", "sortDirection", "nextOrder", "size", "rowIndex"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,mBAAmB,eAAe,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{booleanDataAttr as t}from"@qualcomm-ui/utils/attributes";var n={actionBar:"qui-table__action-bar",body:"qui-table__body",cell:"qui-table__cell",cellAction:"qui-table__cell-action",columnDropIndicator:"qui-table__column-drop-indicator",columnFilterAction:"qui-table__column-filter-action",columnHeaderAction:"qui-table__column-header-action",columnResizer:"qui-table__column-resizer",columnResizerOverlay:"qui-table__column-resizer-overlay",columnSortAction:"qui-table__column-sort-action",dragHandle:"qui-table__drag-handle",dragPreview:"qui-table__drag-preview",footer:"qui-table__footer",header:"qui-table__header",headerCell:"qui-table__header-cell",pagination:"qui-table__pagination",root:"qui-table__root",row:"qui-table__row",rowDropIndicator:"qui-table__row-drop-indicator",rowExpandButton:"qui-table__row-expand-button",rowSelectionIndicator:"qui-table__row-selection-indicator",scrollContainer:"qui-table__scroll-container",table:"qui-table__table",titleBar:"qui-table__title-bar"};function g(a){return{getActionBarBindings(){return a.element({className:n.actionBar})},getBodyBindings(){return a.element({className:n.body})},getCellActionBindings(){return a.element({className:n.cellAction})},getCellBindings(e){return a.element({className:n.cell,"data-aggregated":t(e.cell?.getIsAggregated?.()),"data-grouped":t(e.cell?.getIsGrouped?.())})},getColumnDragPreviewBindings(){return a.element({className:n.dragPreview})},getColumnDropIndicatorBindings(e){let i=e.columnIndex??-1,l=e.sourceColumnIndex??-1;return a.element({className:n.columnDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"right":"left","data-is-over-source":t(l===i)})},getColumnFilterActionBindings(e){return a.button({className:n.columnFilterAction,"data-filter-active":t(e.header.column.getIsFiltered())})},getColumnHeaderActionBindings(){return a.button({className:n.columnHeaderAction})},getColumnResizerBindings(e){let i=e.header,l=i.column.getIsResizing();return a.button({className:n.columnResizer,"data-resizing":t(l),onDoubleClick:()=>i.column.resetSize(),onMouseDown:d=>i.getResizeHandler()(d),onTouchStart:d=>i.getResizeHandler()(d)})},getColumnSortActionBindings(e){let i=e.header.column.getIsSorted(),l=e.header.column.getNextSortingOrder();return a.element({"aria-label":l==="asc"?"Sort ascending":l==="desc"?"Sort descending":"Remove sort",className:n.columnSortAction,"data-sort-direction":i||void 0,onClick:d=>{if(!d.defaultPrevented)return e.header.column.getToggleSortingHandler()?.(d)}})},getDragHandleBindings(){return a.element({className:n.dragHandle})},getFooterBindings(){return a.element({className:n.footer})},getHeaderBindings(){return a.element({className:n.header})},getHeaderCellBindings(e){return a.element({className:n.headerCell,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-resizing":t(e.isResizing)})},getPaginationBindings(){return a.element({className:n.pagination})},getRootBindings(e){let i=e.size||"md";return a.element({className:n.root,"data-show-column-divider":t(e.showColumnDivider),"data-size":i})},getRowBindings(e){return a.element({className:n.row,"data-dragging":t(e.isDragging),"data-dragging-over":t(e.isDraggingOver),"data-selected":t(e.isSelected)})},getRowDragPreviewBindings(){return a.element({className:n.dragPreview})},getRowDropIndicatorBindings(e){let i=e.rowIndex??-1,l=e.sourceIndex??-1;return a.element({className:n.rowDropIndicator,"data-closest-edge":e.closestEdge,"data-drag-direction":i>-1&&l>-1&&i>l?"down":"up","data-is-over-source":t(l===i)})},getRowExpandButtonBindings(e){return a.button({"aria-label":e.row.getIsExpanded()?"Collapse row":"Expand row",className:n.rowExpandButton,"data-expanded":t(e.row.getIsExpanded()),disabled:!e.row.getCanExpand(),onClick:e.row.getToggleExpandedHandler()})},getScrollContainerBindings(){return a.element({className:n.scrollContainer})},getTableBindings(){return a.element({className:n.table})},getTitleBarBindings(){return a.element({className:n.titleBar})}}}export{g as createQdsTableApi,n as tableClasses};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/table/table.api.ts", "../../src/table/table.classes.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tableClasses} from \"./table.classes\"\nimport type {\n QdsTableActionBarBindings,\n QdsTableApi,\n QdsTableApiProps,\n QdsTableBodyBindings,\n QdsTableCellActionBindings,\n QdsTableCellBindings,\n QdsTableCellProps,\n QdsTableColumnDragPreviewBindings,\n QdsTableColumnDropIndicatorBindings,\n QdsTableColumnDropIndicatorProps,\n QdsTableColumnFilterActionBindings,\n QdsTableColumnFilterProps,\n QdsTableColumnHeaderActionBindings,\n QdsTableColumnResizerBindings,\n QdsTableColumnResizerProps,\n QdsTableColumnSortActionBindings,\n QdsTableColumnSortActionProps,\n QdsTableDragHandleBindings,\n QdsTableFooterBindings,\n QdsTableHeaderBindings,\n QdsTableHeaderCellBindings,\n QdsTableHeaderCellProps,\n QdsTablePaginationBindings,\n QdsTableRootBindings,\n QdsTableRowBindings,\n QdsTableRowDragPreviewBindings,\n QdsTableRowDropIndicatorBindings,\n QdsTableRowDropIndicatorProps,\n QdsTableRowExpandButtonBindings,\n QdsTableRowExpandButtonProps,\n QdsTableRowProps,\n QdsTableScrollContainerBindings,\n QdsTableTableBindings,\n QdsTableTitleBarBindings,\n} from \"./table.types\"\n\nexport function createQdsTableApi(normalize: PropNormalizer): QdsTableApi {\n return {\n getActionBarBindings(): QdsTableActionBarBindings {\n return normalize.element({className: tableClasses.actionBar})\n },\n getBodyBindings(): QdsTableBodyBindings {\n return normalize.element({className: tableClasses.body})\n },\n getCellActionBindings(): QdsTableCellActionBindings {\n return normalize.element({className: tableClasses.cellAction})\n },\n getCellBindings(props: QdsTableCellProps): QdsTableCellBindings {\n return normalize.element({\n className: tableClasses.cell,\n \"data-aggregated\": booleanDataAttr(props.cell?.getIsAggregated?.()),\n \"data-grouped\": booleanDataAttr(props.cell?.getIsGrouped?.()),\n })\n },\n getColumnDragPreviewBindings(): QdsTableColumnDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getColumnDropIndicatorBindings(\n props: QdsTableColumnDropIndicatorProps,\n ): QdsTableColumnDropIndicatorBindings {\n const index = props.columnIndex ?? -1\n const sourceIndex = props.sourceColumnIndex ?? -1\n\n return normalize.element({\n className: tableClasses.columnDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n index > -1 && sourceIndex > -1 && index > sourceIndex\n ? \"right\"\n : \"left\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === index),\n })\n },\n getColumnFilterActionBindings(\n props: QdsTableColumnFilterProps,\n ): QdsTableColumnFilterActionBindings {\n return normalize.button({\n className: tableClasses.columnFilterAction,\n \"data-filter-active\": booleanDataAttr(\n props.header.column.getIsFiltered(),\n ),\n })\n },\n getColumnHeaderActionBindings(): QdsTableColumnHeaderActionBindings {\n return normalize.button({className: tableClasses.columnHeaderAction})\n },\n getColumnResizerBindings(\n props: QdsTableColumnResizerProps,\n ): QdsTableColumnResizerBindings {\n const header = props.header\n const isResizing = header.column.getIsResizing()\n return normalize.button({\n className: tableClasses.columnResizer,\n \"data-resizing\": booleanDataAttr(isResizing),\n onDoubleClick: () => header.column.resetSize(),\n onMouseDown: (event) => header.getResizeHandler()(event),\n onTouchStart: (event) => header.getResizeHandler()(event),\n })\n },\n getColumnSortActionBindings(\n props: QdsTableColumnSortActionProps,\n ): QdsTableColumnSortActionBindings {\n const sortDirection = props.header.column.getIsSorted()\n const nextOrder = props.header.column.getNextSortingOrder()\n // TODO: validate with regression test\n return normalize.element({\n \"aria-label\":\n nextOrder === \"asc\"\n ? \"Sort ascending\"\n : nextOrder === \"desc\"\n ? \"Sort descending\"\n : \"Remove sort\",\n className: tableClasses.columnSortAction,\n \"data-sort-direction\": sortDirection || undefined,\n onClick: (event) => {\n if (!event.defaultPrevented) {\n return props.header.column.getToggleSortingHandler()?.(event)\n }\n },\n })\n },\n getDragHandleBindings(): QdsTableDragHandleBindings {\n return normalize.element({className: tableClasses.dragHandle})\n },\n getFooterBindings(): QdsTableFooterBindings {\n return normalize.element({className: tableClasses.footer})\n },\n getHeaderBindings(): QdsTableHeaderBindings {\n return normalize.element({className: tableClasses.header})\n },\n getHeaderCellBindings(\n props: QdsTableHeaderCellProps,\n ): QdsTableHeaderCellBindings {\n return normalize.element({\n className: tableClasses.headerCell,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-resizing\": booleanDataAttr(props.isResizing),\n })\n },\n getPaginationBindings(): QdsTablePaginationBindings {\n return normalize.element({className: tableClasses.pagination})\n },\n getRootBindings(props: QdsTableApiProps): QdsTableRootBindings {\n const size = props.size || \"md\"\n return normalize.element({\n className: tableClasses.root,\n \"data-show-column-divider\": booleanDataAttr(props.showColumnDivider),\n \"data-size\": size,\n })\n },\n getRowBindings(props: QdsTableRowProps): QdsTableRowBindings {\n return normalize.element({\n className: tableClasses.row,\n \"data-dragging\": booleanDataAttr(props.isDragging),\n \"data-dragging-over\": booleanDataAttr(props.isDraggingOver),\n \"data-selected\": booleanDataAttr(props.isSelected),\n })\n },\n getRowDragPreviewBindings(): QdsTableRowDragPreviewBindings {\n return normalize.element({className: tableClasses.dragPreview})\n },\n getRowDropIndicatorBindings(\n props: QdsTableRowDropIndicatorProps,\n ): QdsTableRowDropIndicatorBindings {\n const rowIndex = props.rowIndex ?? -1\n const sourceIndex = props.sourceIndex ?? -1\n\n return normalize.element({\n className: tableClasses.rowDropIndicator,\n \"data-closest-edge\": props.closestEdge,\n \"data-drag-direction\":\n rowIndex > -1 && sourceIndex > -1 && rowIndex > sourceIndex\n ? \"down\"\n : \"up\",\n \"data-is-over-source\": booleanDataAttr(sourceIndex === rowIndex),\n })\n },\n getRowExpandButtonBindings(\n props: QdsTableRowExpandButtonProps,\n ): QdsTableRowExpandButtonBindings {\n return normalize.button({\n \"aria-label\": props.row.getIsExpanded() ? \"Collapse row\" : \"Expand row\",\n className: tableClasses.rowExpandButton,\n \"data-expanded\": booleanDataAttr(props.row.getIsExpanded()),\n disabled: !props.row.getCanExpand(),\n onClick: props.row.getToggleExpandedHandler(),\n })\n },\n getScrollContainerBindings(): QdsTableScrollContainerBindings {\n return normalize.element({className: tableClasses.scrollContainer})\n },\n getTableBindings(): QdsTableTableBindings {\n return normalize.element({className: tableClasses.table})\n },\n getTitleBarBindings(): QdsTableTitleBarBindings {\n return normalize.element({className: tableClasses.titleBar})\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tableClasses = {\n actionBar: \"qui-table__action-bar\",\n body: \"qui-table__body\",\n cell: \"qui-table__cell\",\n cellAction: \"qui-table__cell-action\",\n columnDropIndicator: \"qui-table__column-drop-indicator\",\n columnFilterAction: \"qui-table__column-filter-action\",\n columnHeaderAction: \"qui-table__column-header-action\",\n columnResizer: \"qui-table__column-resizer\",\n columnResizerOverlay: \"qui-table__column-resizer-overlay\",\n columnSortAction: \"qui-table__column-sort-action\",\n dragHandle: \"qui-table__drag-handle\",\n dragPreview: \"qui-table__drag-preview\",\n footer: \"qui-table__footer\",\n header: \"qui-table__header\",\n headerCell: \"qui-table__header-cell\",\n pagination: \"qui-table__pagination\",\n root: \"qui-table__root\",\n row: \"qui-table__row\",\n rowDropIndicator: \"qui-table__row-drop-indicator\",\n rowExpandButton: \"qui-table__row-expand-button\",\n rowSelectionIndicator: \"qui-table__row-selection-indicator\",\n scrollContainer: \"qui-table__scroll-container\",\n table: \"qui-table__table\",\n titleBar: \"qui-table__title-bar\",\n} as const\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["booleanDataAttr", "tableClasses", "createQdsTableApi", "normalize", "tableClasses", "props", "booleanDataAttr", "index", "sourceIndex", "header", "isResizing", "event", "sortDirection", "nextOrder", "size", "rowIndex"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.api.d.ts","sourceRoot":"","sources":["../../src/table/table.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,WAAW,EAiCZ,MAAM,eAAe,CAAA;AAEtB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,cAAc,GAAG,WAAW,CAmKxE"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const tableClasses: {
|
|
2
|
+
readonly actionBar: "qui-table__action-bar";
|
|
3
|
+
readonly body: "qui-table__body";
|
|
4
|
+
readonly cell: "qui-table__cell";
|
|
5
|
+
readonly cellAction: "qui-table__cell-action";
|
|
6
|
+
readonly columnDropIndicator: "qui-table__column-drop-indicator";
|
|
7
|
+
readonly columnFilterAction: "qui-table__column-filter-action";
|
|
8
|
+
readonly columnHeaderAction: "qui-table__column-header-action";
|
|
9
|
+
readonly columnResizer: "qui-table__column-resizer";
|
|
10
|
+
readonly columnResizerOverlay: "qui-table__column-resizer-overlay";
|
|
11
|
+
readonly columnSortAction: "qui-table__column-sort-action";
|
|
12
|
+
readonly dragHandle: "qui-table__drag-handle";
|
|
13
|
+
readonly dragPreview: "qui-table__drag-preview";
|
|
14
|
+
readonly footer: "qui-table__footer";
|
|
15
|
+
readonly header: "qui-table__header";
|
|
16
|
+
readonly headerCell: "qui-table__header-cell";
|
|
17
|
+
readonly pagination: "qui-table__pagination";
|
|
18
|
+
readonly root: "qui-table__root";
|
|
19
|
+
readonly row: "qui-table__row";
|
|
20
|
+
readonly rowDropIndicator: "qui-table__row-drop-indicator";
|
|
21
|
+
readonly rowExpandButton: "qui-table__row-expand-button";
|
|
22
|
+
readonly rowSelectionIndicator: "qui-table__row-selection-indicator";
|
|
23
|
+
readonly scrollContainer: "qui-table__scroll-container";
|
|
24
|
+
readonly table: "qui-table__table";
|
|
25
|
+
readonly titleBar: "qui-table__title-bar";
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=table.classes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.classes.d.ts","sourceRoot":"","sources":["../../src/table/table.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAyBf,CAAA"}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
import type { Cell, Header, Row, SortDirection } from "@qualcomm-ui/core/table";
|
|
2
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
3
|
+
import type { JSX } from "@qualcomm-ui/utils/machine";
|
|
4
|
+
import type { tableClasses } from "./table.classes";
|
|
5
|
+
export type QdsTableSize = "sm" | "md" | "lg";
|
|
6
|
+
export type QdsTableSortDirection = "asc" | "desc" | "none";
|
|
7
|
+
export interface QdsTableApiProps {
|
|
8
|
+
/**
|
|
9
|
+
* If `true`, the table will render a vertical divider between columns.
|
|
10
|
+
*/
|
|
11
|
+
showColumnDivider?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Governs the size and padding of table elements and text.
|
|
14
|
+
*
|
|
15
|
+
* @default 'md'
|
|
16
|
+
*/
|
|
17
|
+
size?: QdsTableSize;
|
|
18
|
+
}
|
|
19
|
+
export interface QdsTableCellProps {
|
|
20
|
+
/**
|
|
21
|
+
* The data model for this cell.
|
|
22
|
+
*/
|
|
23
|
+
cell?: Cell<any>;
|
|
24
|
+
}
|
|
25
|
+
export interface QdsTableHeaderCellProps {
|
|
26
|
+
/**
|
|
27
|
+
* The order of this column header in the table.
|
|
28
|
+
*/
|
|
29
|
+
columnIndex?: number | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* If `true`, the column header is currently being dragged.
|
|
32
|
+
*/
|
|
33
|
+
isDragging?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* If `true`, another column header is being dragged over this header.
|
|
36
|
+
*/
|
|
37
|
+
isDraggingOver?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* If `true`, the header is currently being resized.
|
|
40
|
+
*/
|
|
41
|
+
isResizing?: boolean;
|
|
42
|
+
}
|
|
43
|
+
export interface QdsTableRowProps {
|
|
44
|
+
/**
|
|
45
|
+
* If `true`, the row is currently being dragged.
|
|
46
|
+
*/
|
|
47
|
+
isDragging?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* If `true`, another row is being dragged over this row.
|
|
50
|
+
*/
|
|
51
|
+
isDraggingOver?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* If `true`, the row is currently selected.
|
|
54
|
+
*
|
|
55
|
+
* @remarks
|
|
56
|
+
*
|
|
57
|
+
* This will not enable selection on the row. Its impact is merely
|
|
58
|
+
* presentational. To enable row selection, you will need to pass in the
|
|
59
|
+
* corresponding options to the table component. Refer to the
|
|
60
|
+
* {@link https://react-table.qui.qualcomm.com/features/row-selection row selection}
|
|
61
|
+
* documentation for an example.
|
|
62
|
+
*/
|
|
63
|
+
isSelected?: boolean;
|
|
64
|
+
}
|
|
65
|
+
export interface QdsTableRowDropIndicatorProps {
|
|
66
|
+
/**
|
|
67
|
+
* The closest edge of the row that the indicator is being dragged over.
|
|
68
|
+
*/
|
|
69
|
+
closestEdge?: "top" | "bottom" | "left" | "right" | undefined;
|
|
70
|
+
/**
|
|
71
|
+
* The index of the row that the indicator belongs to.
|
|
72
|
+
*/
|
|
73
|
+
rowIndex?: number | undefined;
|
|
74
|
+
/**
|
|
75
|
+
* The index of the row being dragged.
|
|
76
|
+
*/
|
|
77
|
+
sourceIndex?: number | undefined;
|
|
78
|
+
}
|
|
79
|
+
export interface QdsTableColumnDropIndicatorProps {
|
|
80
|
+
/**
|
|
81
|
+
* The closest edge of the column that the indicator is being dragged over.
|
|
82
|
+
*/
|
|
83
|
+
closestEdge?: "top" | "bottom" | "left" | "right" | undefined;
|
|
84
|
+
/**
|
|
85
|
+
* The index of the column that the indicator belongs to.
|
|
86
|
+
*/
|
|
87
|
+
columnIndex?: number | undefined;
|
|
88
|
+
/**
|
|
89
|
+
* The index of the column being dragged.
|
|
90
|
+
*/
|
|
91
|
+
sourceColumnIndex?: number | undefined;
|
|
92
|
+
}
|
|
93
|
+
export interface QdsTableColumnSortActionProps {
|
|
94
|
+
/**
|
|
95
|
+
* The column header associated with the sort action.
|
|
96
|
+
*/
|
|
97
|
+
header: Header<any>;
|
|
98
|
+
}
|
|
99
|
+
export interface QdsTableColumnFilterProps {
|
|
100
|
+
/**
|
|
101
|
+
* The column header associated with the filter.
|
|
102
|
+
*/
|
|
103
|
+
header: Header<any>;
|
|
104
|
+
}
|
|
105
|
+
type TableClasses = typeof tableClasses;
|
|
106
|
+
export interface QdsTableRootBindings {
|
|
107
|
+
className: TableClasses["root"];
|
|
108
|
+
"data-show-column-divider": BooleanDataAttr;
|
|
109
|
+
"data-size": QdsTableSize;
|
|
110
|
+
}
|
|
111
|
+
export interface QdsTableTableBindings {
|
|
112
|
+
className: TableClasses["table"];
|
|
113
|
+
}
|
|
114
|
+
export interface QdsTableHeaderBindings {
|
|
115
|
+
className: TableClasses["header"];
|
|
116
|
+
}
|
|
117
|
+
export interface QdsTableRowBindings {
|
|
118
|
+
className: TableClasses["row"];
|
|
119
|
+
"data-dragging": BooleanDataAttr;
|
|
120
|
+
"data-dragging-over": BooleanDataAttr;
|
|
121
|
+
"data-selected": BooleanDataAttr;
|
|
122
|
+
}
|
|
123
|
+
export interface QdsTableHeaderCellBindings {
|
|
124
|
+
className: TableClasses["headerCell"];
|
|
125
|
+
"data-dragging": BooleanDataAttr;
|
|
126
|
+
"data-dragging-over": BooleanDataAttr;
|
|
127
|
+
"data-resizing": BooleanDataAttr;
|
|
128
|
+
}
|
|
129
|
+
export interface QdsTableCellBindings {
|
|
130
|
+
className: TableClasses["cell"];
|
|
131
|
+
"data-aggregated": BooleanDataAttr;
|
|
132
|
+
"data-grouped": BooleanDataAttr;
|
|
133
|
+
}
|
|
134
|
+
export interface QdsTableBodyBindings {
|
|
135
|
+
className: TableClasses["body"];
|
|
136
|
+
}
|
|
137
|
+
export interface QdsTableFooterBindings {
|
|
138
|
+
className: TableClasses["footer"];
|
|
139
|
+
}
|
|
140
|
+
export interface QdsTableScrollContainerBindings {
|
|
141
|
+
className: TableClasses["scrollContainer"];
|
|
142
|
+
}
|
|
143
|
+
export interface QdsTableActionBarBindings {
|
|
144
|
+
className: TableClasses["actionBar"];
|
|
145
|
+
}
|
|
146
|
+
export interface QdsTableTitleBarBindings {
|
|
147
|
+
className: TableClasses["titleBar"];
|
|
148
|
+
}
|
|
149
|
+
export interface QdsTableColumnHeaderActionBindings {
|
|
150
|
+
className: TableClasses["columnHeaderAction"];
|
|
151
|
+
}
|
|
152
|
+
export interface QdsTableColumnSortActionBindings {
|
|
153
|
+
"aria-label": "Sort descending" | "Sort ascending" | "Remove sort";
|
|
154
|
+
className: TableClasses["columnSortAction"];
|
|
155
|
+
"data-sort-direction": SortDirection | undefined;
|
|
156
|
+
onClick: JSX.MouseEventHandler;
|
|
157
|
+
}
|
|
158
|
+
export interface QdsTableColumnFilterActionBindings {
|
|
159
|
+
className: TableClasses["columnFilterAction"];
|
|
160
|
+
"data-filter-active": BooleanDataAttr;
|
|
161
|
+
}
|
|
162
|
+
export interface QdsTableRowDragPreviewBindings {
|
|
163
|
+
className: TableClasses["dragPreview"];
|
|
164
|
+
}
|
|
165
|
+
export interface QdsTableRowDropIndicatorBindings {
|
|
166
|
+
className: TableClasses["rowDropIndicator"];
|
|
167
|
+
"data-closest-edge": "top" | "bottom" | "left" | "right" | undefined;
|
|
168
|
+
"data-drag-direction": "down" | "up";
|
|
169
|
+
"data-is-over-source": BooleanDataAttr;
|
|
170
|
+
}
|
|
171
|
+
export interface QdsTableColumnDropIndicatorBindings {
|
|
172
|
+
className: TableClasses["columnDropIndicator"];
|
|
173
|
+
"data-closest-edge": "top" | "bottom" | "left" | "right" | undefined;
|
|
174
|
+
"data-drag-direction": "left" | "right";
|
|
175
|
+
"data-is-over-source": BooleanDataAttr;
|
|
176
|
+
}
|
|
177
|
+
export interface QdsTableColumnDragPreviewBindings {
|
|
178
|
+
className: TableClasses["dragPreview"];
|
|
179
|
+
}
|
|
180
|
+
export interface QdsTableDragHandleBindings {
|
|
181
|
+
className: TableClasses["dragHandle"];
|
|
182
|
+
}
|
|
183
|
+
export interface QdsTablePaginationBindings {
|
|
184
|
+
className: TableClasses["pagination"];
|
|
185
|
+
}
|
|
186
|
+
export interface QdsTableColumnResizerBindings {
|
|
187
|
+
className: TableClasses["columnResizer"];
|
|
188
|
+
"data-resizing": BooleanDataAttr;
|
|
189
|
+
onDoubleClick: JSX.MouseEventHandler<any>;
|
|
190
|
+
onMouseDown: JSX.MouseEventHandler<any>;
|
|
191
|
+
onTouchStart: JSX.TouchEventHandler<any>;
|
|
192
|
+
}
|
|
193
|
+
export interface QdsTableColumnResizerProps {
|
|
194
|
+
header: Header<any>;
|
|
195
|
+
}
|
|
196
|
+
export interface QdsTableCellActionBindings {
|
|
197
|
+
className: TableClasses["cellAction"];
|
|
198
|
+
}
|
|
199
|
+
export interface QdsTableRowExpandButtonBindings {
|
|
200
|
+
"aria-label": "Expand row" | "Collapse row";
|
|
201
|
+
className: TableClasses["rowExpandButton"];
|
|
202
|
+
"data-expanded": BooleanDataAttr;
|
|
203
|
+
disabled: boolean | undefined;
|
|
204
|
+
onClick: JSX.MouseEventHandler;
|
|
205
|
+
}
|
|
206
|
+
export interface QdsTableRowExpandButtonProps {
|
|
207
|
+
row: Row<any>;
|
|
208
|
+
}
|
|
209
|
+
export interface QdsTableApi {
|
|
210
|
+
getActionBarBindings(): QdsTableActionBarBindings;
|
|
211
|
+
getBodyBindings(): QdsTableBodyBindings;
|
|
212
|
+
getCellActionBindings(): QdsTableCellActionBindings;
|
|
213
|
+
getCellBindings(props: QdsTableCellProps): QdsTableCellBindings;
|
|
214
|
+
getColumnDragPreviewBindings(): QdsTableColumnDragPreviewBindings;
|
|
215
|
+
getColumnDropIndicatorBindings(props: QdsTableColumnDropIndicatorProps): QdsTableColumnDropIndicatorBindings;
|
|
216
|
+
getColumnFilterActionBindings(props: QdsTableColumnFilterProps): QdsTableColumnFilterActionBindings;
|
|
217
|
+
getColumnHeaderActionBindings(): QdsTableColumnHeaderActionBindings;
|
|
218
|
+
getColumnResizerBindings(props: QdsTableColumnResizerProps): QdsTableColumnResizerBindings;
|
|
219
|
+
getColumnSortActionBindings(props: QdsTableColumnSortActionProps): QdsTableColumnSortActionBindings;
|
|
220
|
+
getDragHandleBindings(): QdsTableDragHandleBindings;
|
|
221
|
+
getFooterBindings(): QdsTableFooterBindings;
|
|
222
|
+
getHeaderBindings(): QdsTableHeaderBindings;
|
|
223
|
+
getHeaderCellBindings(props: QdsTableHeaderCellProps): QdsTableHeaderCellBindings;
|
|
224
|
+
getPaginationBindings(): QdsTablePaginationBindings;
|
|
225
|
+
getRootBindings(props: QdsTableApiProps): QdsTableRootBindings;
|
|
226
|
+
getRowBindings(props: QdsTableRowProps): QdsTableRowBindings;
|
|
227
|
+
getRowDragPreviewBindings(): QdsTableRowDragPreviewBindings;
|
|
228
|
+
getRowDropIndicatorBindings(props: QdsTableRowDropIndicatorProps): QdsTableRowDropIndicatorBindings;
|
|
229
|
+
getRowExpandButtonBindings(props: QdsTableRowExpandButtonProps): QdsTableRowExpandButtonBindings;
|
|
230
|
+
getScrollContainerBindings(): QdsTableScrollContainerBindings;
|
|
231
|
+
getTableBindings(): QdsTableTableBindings;
|
|
232
|
+
getTitleBarBindings(): QdsTableTitleBarBindings;
|
|
233
|
+
}
|
|
234
|
+
export {};
|
|
235
|
+
//# sourceMappingURL=table.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../src/table/table.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAC,MAAM,yBAAyB,CAAA;AAC7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAClE,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,4BAA4B,CAAA;AAEnD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAEhC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC;AAED,MAAM,WAAW,gCAAgC;IAC/C;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IAC7D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACvC;AAED,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;CACpB;AAED,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;CACpB;AAED,KAAK,YAAY,GAAG,OAAO,YAAY,CAAA;AAEvC,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,0BAA0B,EAAE,eAAe,CAAA;IAC3C,WAAW,EAAE,YAAY,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAC9B,eAAe,EAAE,eAAe,CAAA;IAChC,oBAAoB,EAAE,eAAe,CAAA;IACrC,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IACrC,eAAe,EAAE,eAAe,CAAA;IAChC,oBAAoB,EAAE,eAAe,CAAA;IACrC,eAAe,EAAE,eAAe,CAAA;CACjC;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,iBAAiB,EAAE,eAAe,CAAA;IAClC,cAAc,EAAE,eAAe,CAAA;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;CAC9C;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,aAAa,CAAA;IAClE,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAA;IAC3C,qBAAqB,EAAE,aAAa,GAAG,SAAS,CAAA;IAChD,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAA;CAC/B;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAA;IAC7C,oBAAoB,EAAE,eAAe,CAAA;CACtC;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,gCAAgC;IAC/C,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAA;IAC3C,mBAAmB,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACpE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,qBAAqB,EAAE,eAAe,CAAA;CACvC;AAED,MAAM,WAAW,mCAAmC;IAClD,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAA;IAC9C,mBAAmB,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACpE,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,qBAAqB,EAAE,eAAe,CAAA;CACvC;AAED,MAAM,WAAW,iCAAiC;IAChD,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC,CAAA;IACxC,eAAe,EAAE,eAAe,CAAA;IAChC,aAAa,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACzC,WAAW,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACvC,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAA;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,+BAA+B;IAC9C,YAAY,EAAE,YAAY,GAAG,cAAc,CAAA;IAC3C,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;IAC1C,eAAe,EAAE,eAAe,CAAA;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAA;CAC/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,oBAAoB,IAAI,yBAAyB,CAAA;IACjD,eAAe,IAAI,oBAAoB,CAAA;IACvC,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,eAAe,CAAC,KAAK,EAAE,iBAAiB,GAAG,oBAAoB,CAAA;IAC/D,4BAA4B,IAAI,iCAAiC,CAAA;IACjE,8BAA8B,CAC5B,KAAK,EAAE,gCAAgC,GACtC,mCAAmC,CAAA;IACtC,6BAA6B,CAC3B,KAAK,EAAE,yBAAyB,GAC/B,kCAAkC,CAAA;IACrC,6BAA6B,IAAI,kCAAkC,CAAA;IACnE,wBAAwB,CACtB,KAAK,EAAE,0BAA0B,GAChC,6BAA6B,CAAA;IAChC,2BAA2B,CACzB,KAAK,EAAE,6BAA6B,GACnC,gCAAgC,CAAA;IACnC,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,iBAAiB,IAAI,sBAAsB,CAAA;IAC3C,iBAAiB,IAAI,sBAAsB,CAAA;IAC3C,qBAAqB,CACnB,KAAK,EAAE,uBAAuB,GAC7B,0BAA0B,CAAA;IAC7B,qBAAqB,IAAI,0BAA0B,CAAA;IACnD,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,oBAAoB,CAAA;IAC9D,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAA;IAC5D,yBAAyB,IAAI,8BAA8B,CAAA;IAC3D,2BAA2B,CACzB,KAAK,EAAE,6BAA6B,GACnC,gCAAgC,CAAA;IACnC,0BAA0B,CACxB,KAAK,EAAE,4BAA4B,GAClC,+BAA+B,CAAA;IAClC,0BAA0B,IAAI,+BAA+B,CAAA;IAC7D,gBAAgB,IAAI,qBAAqB,CAAA;IACzC,mBAAmB,IAAI,wBAAwB,CAAA;CAChD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var T=(a,t)=>{for(var s in t)o(a,s,{get:t[s],enumerable:!0})},u=(a,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of g(t))!m.call(a,i)&&i!==s&&o(a,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return a};var B=a=>u(o({},"__esModule",{value:!0}),a);var p={};T(p,{createQdsTabsApi:()=>l,tabClasses:()=>e,tabsClasses:()=>d});module.exports=B(p);var r=require("@qualcomm-ui/utils/attributes"),b=require("@qualcomm-ui/utils/guard");var d={indicator:"qui-tabs__indicator",list:"qui-tabs__list",panel:"qui-tabs__panel",root:"qui-tabs__root"},e={button:"qui-tab__button",dismissButton:"qui-tab__dismiss-button",icon:"qui-tab__icon",root:"qui-tab__root"};function l(a,t){let s=a.size||"md",n=a.variant||"line";return{size:s,variant:n,getIndicatorBindings(){return t.element({className:d.indicator,"data-animate":(0,r.booleanDataAttr)((0,b.defined)(a.animateIndicator)?a.animateIndicator:!0),"data-size":s,"data-variant":n,hidden:n==="contained"})},getListBindings(){return t.element({className:d.list,"data-size":s,"data-variant":n})},getPanelBindings(){return t.element({className:d.panel})},getRootBindings(){return t.element({className:d.root,"data-size":s})},getTabBindings(){return t.element({className:e.root,"data-size":s,"data-variant":n})},getTabButtonBindings(){return t.button({className:e.button,"data-size":s,"data-variant":n})},getTabDismissButtonBindings(){return t.button({className:e.dismissButton,"data-size":s})},getTabEndIconBindings(){let i=a.iconVariant||"ghost";return t.element({className:e.icon,"data-icon-variant":i,"data-placement":"end","data-size":s,"data-variant":n})},getTabStartIconBindings(){let i=a.iconVariant||"ghost";return t.element({className:e.icon,"data-icon-variant":i,"data-placement":"start","data-size":s,"data-variant":n})}}}
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tabs/index.ts", "../../src/tabs/tabs.api.ts", "../../src/tabs/tabs.classes.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./tabs.api\"\nexport * from \"./tabs.classes\"\nexport type * from \"./tabs.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport {defined, type Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tabClasses, tabsClasses} from \"./tabs.classes\"\nimport type {\n QdsTabsApi,\n QdsTabsApiProps,\n QdsTabsIndicatorBindings,\n QdsTabsListBindings,\n QdsTabsPanelBindings,\n QdsTabsRootBindings,\n QdsTabsTabBindings,\n QdsTabsTabButtonBindings,\n QdsTabsTabDismissButtonBindings,\n QdsTabsTabEndIconBindings,\n QdsTabsTabStartIconBindings,\n} from \"./tabs.types\"\n\nexport function createQdsTabsApi(\n props: Explicit<QdsTabsApiProps>,\n normalize: PropNormalizer,\n): QdsTabsApi {\n const size = props.size || \"md\"\n const variant = props.variant || \"line\"\n\n return {\n size,\n variant,\n\n // group: bindings\n getIndicatorBindings(): QdsTabsIndicatorBindings {\n return normalize.element({\n className: tabsClasses.indicator,\n \"data-animate\": booleanDataAttr(\n defined(props.animateIndicator) ? props.animateIndicator : true,\n ),\n \"data-size\": size,\n \"data-variant\": variant,\n hidden: variant === \"contained\",\n })\n },\n getListBindings(): QdsTabsListBindings {\n return normalize.element({\n className: tabsClasses.list,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getPanelBindings(): QdsTabsPanelBindings {\n return normalize.element({\n className: tabsClasses.panel,\n })\n },\n getRootBindings(): QdsTabsRootBindings {\n return normalize.element({\n className: tabsClasses.root,\n \"data-size\": size,\n })\n },\n getTabBindings(): QdsTabsTabBindings {\n return normalize.element({\n className: tabClasses.root,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabButtonBindings(): QdsTabsTabButtonBindings {\n return normalize.button({\n className: tabClasses.button,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabDismissButtonBindings(): QdsTabsTabDismissButtonBindings {\n return normalize.button({\n className: tabClasses.dismissButton,\n \"data-size\": size,\n })\n },\n getTabEndIconBindings(): QdsTabsTabEndIconBindings {\n const iconVariant = props.iconVariant || \"ghost\"\n return normalize.element({\n className: tabClasses.icon,\n \"data-icon-variant\": iconVariant,\n \"data-placement\": \"end\",\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabStartIconBindings(): QdsTabsTabStartIconBindings {\n const iconVariant = props.iconVariant || \"ghost\"\n return normalize.element({\n className: tabClasses.icon,\n \"data-icon-variant\": iconVariant,\n \"data-placement\": \"start\",\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tabsClasses = {\n indicator: \"qui-tabs__indicator\",\n list: \"qui-tabs__list\",\n panel: \"qui-tabs__panel\",\n root: \"qui-tabs__root\",\n} as const\n\nexport const tabClasses = {\n button: \"qui-tab__button\",\n dismissButton: \"qui-tab__dismiss-button\",\n icon: \"qui-tab__icon\",\n root: \"qui-tab__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,eAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAA8B,yCAC9BC,EAAqC,oCCD9B,IAAMC,EAAc,CACzB,UAAW,sBACX,KAAM,iBACN,MAAO,kBACP,KAAM,gBACR,EAEaC,EAAa,CACxB,OAAQ,kBACR,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDOO,SAASC,EACdC,EACAC,EACY,CACZ,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAUH,EAAM,SAAW,OAEjC,MAAO,CACL,KAAAE,EACA,QAAAC,EAGA,sBAAiD,CAC/C,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,UACvB,kBAAgB,sBACd,WAAQJ,EAAM,gBAAgB,EAAIA,EAAM,iBAAmB,EAC7D,EACA,YAAaE,EACb,eAAgBC,EAChB,OAAQA,IAAY,WACtB,CAAC,CACH,EACA,iBAAuC,CACrC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACvB,YAAaF,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,kBAAyC,CACvC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACzB,CAAC,CACH,EACA,iBAAuC,CACrC,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACvB,YAAaF,CACf,CAAC,CACH,EACA,gBAAqC,CACnC,OAAOD,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAaH,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,sBAAiD,CAC/C,OAAOF,EAAU,OAAO,CACtB,UAAWI,EAAW,OACtB,YAAaH,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,6BAA+D,CAC7D,OAAOF,EAAU,OAAO,CACtB,UAAWI,EAAW,cACtB,YAAaH,CACf,CAAC,CACH,EACA,uBAAmD,CACjD,IAAMI,EAAcN,EAAM,aAAe,QACzC,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,oBAAqBC,EACrB,iBAAkB,MAClB,YAAaJ,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,yBAAuD,CACrD,IAAMG,EAAcN,EAAM,aAAe,QACzC,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,oBAAqBC,EACrB,iBAAkB,QAClB,YAAaJ,EACb,eAAgBC,CAClB,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["tabs_exports", "__export", "createQdsTabsApi", "tabClasses", "tabsClasses", "__toCommonJS", "import_attributes", "import_guard", "tabsClasses", "tabClasses", "createQdsTabsApi", "props", "normalize", "size", "variant", "tabsClasses", "tabClasses", "iconVariant"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,mBAAmB,cAAc,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{booleanDataAttr as o}from"@qualcomm-ui/utils/attributes";import{defined as r}from"@qualcomm-ui/utils/guard";var e={indicator:"qui-tabs__indicator",list:"qui-tabs__list",panel:"qui-tabs__panel",root:"qui-tabs__root"},i={button:"qui-tab__button",dismissButton:"qui-tab__dismiss-button",icon:"qui-tab__icon",root:"qui-tab__root"};function T(n,t){let a=n.size||"md",s=n.variant||"line";return{size:a,variant:s,getIndicatorBindings(){return t.element({className:e.indicator,"data-animate":o(r(n.animateIndicator)?n.animateIndicator:!0),"data-size":a,"data-variant":s,hidden:s==="contained"})},getListBindings(){return t.element({className:e.list,"data-size":a,"data-variant":s})},getPanelBindings(){return t.element({className:e.panel})},getRootBindings(){return t.element({className:e.root,"data-size":a})},getTabBindings(){return t.element({className:i.root,"data-size":a,"data-variant":s})},getTabButtonBindings(){return t.button({className:i.button,"data-size":a,"data-variant":s})},getTabDismissButtonBindings(){return t.button({className:i.dismissButton,"data-size":a})},getTabEndIconBindings(){let d=n.iconVariant||"ghost";return t.element({className:i.icon,"data-icon-variant":d,"data-placement":"end","data-size":a,"data-variant":s})},getTabStartIconBindings(){let d=n.iconVariant||"ghost";return t.element({className:i.icon,"data-icon-variant":d,"data-placement":"start","data-size":a,"data-variant":s})}}}export{T as createQdsTabsApi,i as tabClasses,e as tabsClasses};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tabs/tabs.api.ts", "../../src/tabs/tabs.classes.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport {defined, type Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tabClasses, tabsClasses} from \"./tabs.classes\"\nimport type {\n QdsTabsApi,\n QdsTabsApiProps,\n QdsTabsIndicatorBindings,\n QdsTabsListBindings,\n QdsTabsPanelBindings,\n QdsTabsRootBindings,\n QdsTabsTabBindings,\n QdsTabsTabButtonBindings,\n QdsTabsTabDismissButtonBindings,\n QdsTabsTabEndIconBindings,\n QdsTabsTabStartIconBindings,\n} from \"./tabs.types\"\n\nexport function createQdsTabsApi(\n props: Explicit<QdsTabsApiProps>,\n normalize: PropNormalizer,\n): QdsTabsApi {\n const size = props.size || \"md\"\n const variant = props.variant || \"line\"\n\n return {\n size,\n variant,\n\n // group: bindings\n getIndicatorBindings(): QdsTabsIndicatorBindings {\n return normalize.element({\n className: tabsClasses.indicator,\n \"data-animate\": booleanDataAttr(\n defined(props.animateIndicator) ? props.animateIndicator : true,\n ),\n \"data-size\": size,\n \"data-variant\": variant,\n hidden: variant === \"contained\",\n })\n },\n getListBindings(): QdsTabsListBindings {\n return normalize.element({\n className: tabsClasses.list,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getPanelBindings(): QdsTabsPanelBindings {\n return normalize.element({\n className: tabsClasses.panel,\n })\n },\n getRootBindings(): QdsTabsRootBindings {\n return normalize.element({\n className: tabsClasses.root,\n \"data-size\": size,\n })\n },\n getTabBindings(): QdsTabsTabBindings {\n return normalize.element({\n className: tabClasses.root,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabButtonBindings(): QdsTabsTabButtonBindings {\n return normalize.button({\n className: tabClasses.button,\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabDismissButtonBindings(): QdsTabsTabDismissButtonBindings {\n return normalize.button({\n className: tabClasses.dismissButton,\n \"data-size\": size,\n })\n },\n getTabEndIconBindings(): QdsTabsTabEndIconBindings {\n const iconVariant = props.iconVariant || \"ghost\"\n return normalize.element({\n className: tabClasses.icon,\n \"data-icon-variant\": iconVariant,\n \"data-placement\": \"end\",\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n getTabStartIconBindings(): QdsTabsTabStartIconBindings {\n const iconVariant = props.iconVariant || \"ghost\"\n return normalize.element({\n className: tabClasses.icon,\n \"data-icon-variant\": iconVariant,\n \"data-placement\": \"start\",\n \"data-size\": size,\n \"data-variant\": variant,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tabsClasses = {\n indicator: \"qui-tabs__indicator\",\n list: \"qui-tabs__list\",\n panel: \"qui-tabs__panel\",\n root: \"qui-tabs__root\",\n} as const\n\nexport const tabClasses = {\n button: \"qui-tab__button\",\n dismissButton: \"qui-tab__dismiss-button\",\n icon: \"qui-tab__icon\",\n root: \"qui-tab__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCAC9B,OAAQ,WAAAC,MAA6B,2BCD9B,IAAMC,EAAc,CACzB,UAAW,sBACX,KAAM,iBACN,MAAO,kBACP,KAAM,gBACR,EAEaC,EAAa,CACxB,OAAQ,kBACR,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDOO,SAASC,EACdC,EACAC,EACY,CACZ,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAUH,EAAM,SAAW,OAEjC,MAAO,CACL,KAAAE,EACA,QAAAC,EAGA,sBAAiD,CAC/C,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,UACvB,eAAgBC,EACdC,EAAQN,EAAM,gBAAgB,EAAIA,EAAM,iBAAmB,EAC7D,EACA,YAAaE,EACb,eAAgBC,EAChB,OAAQA,IAAY,WACtB,CAAC,CACH,EACA,iBAAuC,CACrC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACvB,YAAaF,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,kBAAyC,CACvC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACzB,CAAC,CACH,EACA,iBAAuC,CACrC,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAY,KACvB,YAAaF,CACf,CAAC,CACH,EACA,gBAAqC,CACnC,OAAOD,EAAU,QAAQ,CACvB,UAAWM,EAAW,KACtB,YAAaL,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,sBAAiD,CAC/C,OAAOF,EAAU,OAAO,CACtB,UAAWM,EAAW,OACtB,YAAaL,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,6BAA+D,CAC7D,OAAOF,EAAU,OAAO,CACtB,UAAWM,EAAW,cACtB,YAAaL,CACf,CAAC,CACH,EACA,uBAAmD,CACjD,IAAMM,EAAcR,EAAM,aAAe,QACzC,OAAOC,EAAU,QAAQ,CACvB,UAAWM,EAAW,KACtB,oBAAqBC,EACrB,iBAAkB,MAClB,YAAaN,EACb,eAAgBC,CAClB,CAAC,CACH,EACA,yBAAuD,CACrD,IAAMK,EAAcR,EAAM,aAAe,QACzC,OAAOC,EAAU,QAAQ,CACvB,UAAWM,EAAW,KACtB,oBAAqBC,EACrB,iBAAkB,QAClB,YAAaN,EACb,eAAgBC,CAClB,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["booleanDataAttr", "defined", "tabsClasses", "tabClasses", "createQdsTabsApi", "props", "normalize", "size", "variant", "tabsClasses", "booleanDataAttr", "defined", "tabClasses", "iconVariant"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);outline:none;padding-bottom:var(--tab-spacing-y);padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type Explicit } from "@qualcomm-ui/utils/guard";
|
|
2
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
3
|
+
import type { QdsTabsApi, QdsTabsApiProps } from "./tabs.types";
|
|
4
|
+
export declare function createQdsTabsApi(props: Explicit<QdsTabsApiProps>, normalize: PropNormalizer): QdsTabsApi;
|
|
5
|
+
//# sourceMappingURL=tabs.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.api.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.api.ts"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EAUhB,MAAM,cAAc,CAAA;AAErB,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,EAChC,SAAS,EAAE,cAAc,GACxB,UAAU,CA+EZ"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const tabsClasses: {
|
|
2
|
+
readonly indicator: "qui-tabs__indicator";
|
|
3
|
+
readonly list: "qui-tabs__list";
|
|
4
|
+
readonly panel: "qui-tabs__panel";
|
|
5
|
+
readonly root: "qui-tabs__root";
|
|
6
|
+
};
|
|
7
|
+
export declare const tabClasses: {
|
|
8
|
+
readonly button: "qui-tab__button";
|
|
9
|
+
readonly dismissButton: "qui-tab__dismiss-button";
|
|
10
|
+
readonly icon: "qui-tab__icon";
|
|
11
|
+
readonly root: "qui-tab__root";
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=tabs.classes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.classes.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;CAKd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;CAKb,CAAA"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { tabClasses, tabsClasses } from "./tabs.classes";
|
|
3
|
+
export type QdsTabsSize = "sm" | "md" | "lg" | "xl";
|
|
4
|
+
export type QdsTabsVariant = "line" | "contained";
|
|
5
|
+
export type QdsTabsIconVariant = "ghost" | "filled";
|
|
6
|
+
export interface QdsTabsApiProps {
|
|
7
|
+
/**
|
|
8
|
+
* If true, the indicator's position change will animate when the active tab
|
|
9
|
+
* changes. Only applies to the `line` variant.
|
|
10
|
+
*
|
|
11
|
+
* @default true
|
|
12
|
+
*/
|
|
13
|
+
animateIndicator?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* The visual style of tab icons.
|
|
16
|
+
* @option `'ghost'`: The icon is rendered with a transparent background.
|
|
17
|
+
* @option `'filled'`: The icon is rendered with a solid background.
|
|
18
|
+
* @default 'ghost'
|
|
19
|
+
*/
|
|
20
|
+
iconVariant?: QdsTabsIconVariant;
|
|
21
|
+
/**
|
|
22
|
+
* Governs the size of the tab text, icons, spacing, and padding. Note that `lg`
|
|
23
|
+
* and `xl` are not supported by the contained {@link variant}.
|
|
24
|
+
*
|
|
25
|
+
* @default 'md'
|
|
26
|
+
*/
|
|
27
|
+
size?: QdsTabsSize;
|
|
28
|
+
/**
|
|
29
|
+
* Governs the appearance of the tab.
|
|
30
|
+
* @option `'line'`: active tab items have a line underneath them.
|
|
31
|
+
* @option `'contained'`: active tab items have a box-like appearance.
|
|
32
|
+
*/
|
|
33
|
+
variant?: QdsTabsVariant;
|
|
34
|
+
}
|
|
35
|
+
type TabsClasses = typeof tabsClasses;
|
|
36
|
+
type TabClasses = typeof tabClasses;
|
|
37
|
+
export interface QdsTabsRootBindings {
|
|
38
|
+
className: TabsClasses["root"];
|
|
39
|
+
"data-size": QdsTabsSize;
|
|
40
|
+
}
|
|
41
|
+
export interface QdsTabsTabBindings {
|
|
42
|
+
className: TabClasses["root"];
|
|
43
|
+
"data-size": QdsTabsSize;
|
|
44
|
+
"data-variant": QdsTabsVariant;
|
|
45
|
+
}
|
|
46
|
+
export interface QdsTabsTabButtonBindings {
|
|
47
|
+
className: TabClasses["button"];
|
|
48
|
+
"data-size": QdsTabsSize;
|
|
49
|
+
"data-variant": QdsTabsVariant;
|
|
50
|
+
}
|
|
51
|
+
export interface QdsTabsIndicatorBindings {
|
|
52
|
+
className: TabsClasses["indicator"];
|
|
53
|
+
"data-animate": BooleanDataAttr;
|
|
54
|
+
"data-size": QdsTabsSize;
|
|
55
|
+
"data-variant": QdsTabsVariant;
|
|
56
|
+
/** Hidden for `contained` variant. */
|
|
57
|
+
hidden: boolean;
|
|
58
|
+
}
|
|
59
|
+
export interface QdsTabsPanelBindings {
|
|
60
|
+
className: TabsClasses["panel"];
|
|
61
|
+
}
|
|
62
|
+
export interface QdsTabsListBindings {
|
|
63
|
+
className: TabsClasses["list"];
|
|
64
|
+
"data-size": QdsTabsSize;
|
|
65
|
+
"data-variant": QdsTabsVariant;
|
|
66
|
+
}
|
|
67
|
+
export interface QdsTabsTabStartIconBindings {
|
|
68
|
+
className: TabClasses["icon"];
|
|
69
|
+
"data-icon-variant": QdsTabsIconVariant;
|
|
70
|
+
"data-placement": "start";
|
|
71
|
+
"data-size": QdsTabsSize;
|
|
72
|
+
"data-variant": QdsTabsVariant;
|
|
73
|
+
}
|
|
74
|
+
export interface QdsTabsTabEndIconBindings {
|
|
75
|
+
className: TabClasses["icon"];
|
|
76
|
+
"data-icon-variant": QdsTabsIconVariant;
|
|
77
|
+
"data-placement": "end";
|
|
78
|
+
"data-size": QdsTabsSize;
|
|
79
|
+
"data-variant": QdsTabsVariant;
|
|
80
|
+
}
|
|
81
|
+
export interface QdsTabsTabDismissButtonBindings {
|
|
82
|
+
className: TabClasses["dismissButton"];
|
|
83
|
+
"data-size": QdsTabsSize;
|
|
84
|
+
}
|
|
85
|
+
export interface QdsTabsApi {
|
|
86
|
+
size: QdsTabsSize;
|
|
87
|
+
variant: QdsTabsVariant;
|
|
88
|
+
getIndicatorBindings(): QdsTabsIndicatorBindings;
|
|
89
|
+
getListBindings(): QdsTabsListBindings;
|
|
90
|
+
getPanelBindings(): QdsTabsPanelBindings;
|
|
91
|
+
getRootBindings(): QdsTabsRootBindings;
|
|
92
|
+
getTabBindings(): QdsTabsTabBindings;
|
|
93
|
+
getTabButtonBindings(): QdsTabsTabButtonBindings;
|
|
94
|
+
getTabDismissButtonBindings(): QdsTabsTabDismissButtonBindings;
|
|
95
|
+
getTabEndIconBindings(): QdsTabsTabEndIconBindings;
|
|
96
|
+
getTabStartIconBindings(): QdsTabsTabStartIconBindings;
|
|
97
|
+
}
|
|
98
|
+
export {};
|
|
99
|
+
//# sourceMappingURL=tabs.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)n(t,s,{get:a[s],enumerable:!0})},u=(t,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of g(a))!c.call(t,d)&&d!==s&&n(t,d,{get:()=>a[d],enumerable:!(o=r(a,d))||o.enumerable});return t};var l=t=>u(n({},"__esModule",{value:!0}),t);var p={};m(p,{createQdsTagApi:()=>B,tagClasses:()=>i});module.exports=l(p);var e=require("@qualcomm-ui/utils/attributes");var i={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function B(t,a){let s=t.size||"md";return{getDismissButtonBindings(){return a.button({className:i.dismissButton,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-size":s,disabled:t.disabled})},getEndIconBindings(){return a.element({className:i.icon,"data-part":"end-icon","data-scope":"tag","data-size":s})},getRootBindings(){return a.button({className:i.root,"data-disabled":(0,e.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":(0,e.booleanDataAttr)(t.selected),"data-size":s,"data-variant":t.variant,disabled:t.disabled})},getStartIconBindings(){return a.element({className:i.icon,"data-part":"start-icon","data-scope":"tag","data-size":s})}}}
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|