@ck-ui/component-library 0.2.0 → 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/dist/DropdownFooter-CYkg2g5d.js +89 -0
- package/dist/Grow-D08Iq1uH.js +794 -0
- package/dist/IconSlot-CFKmSU2_.js +33 -0
- package/dist/OptionList-DN1xZbnV.js +951 -0
- package/dist/Select-Cw96VEHD.js +6411 -0
- package/dist/_commonjsHelpers-C6fGbg64.js +6 -0
- package/dist/assets/DateRangePicker-BKND6jiD.css +1 -0
- package/dist/assets/DropdownFooter-DjdPf69A.css +1 -0
- package/dist/assets/IconSlot-CLpdZgmb.css +1 -0
- package/dist/assets/ReactToastify-tlSLHgLC.css +1 -0
- package/dist/assets/{ToastContent-DpF5zCks.css → ToastContent-PGkBxPUW.css} +1 -1
- package/dist/assets/index-B81zpOpq.css +1 -0
- package/dist/assets/index-BLz-9Nuk.css +1 -0
- package/dist/assets/index-BkNXS5fR.css +1 -0
- package/dist/assets/index-BmQOtMhS.css +1 -0
- package/dist/assets/index-BoQKDmZt.css +1 -0
- package/dist/assets/index-Cdmws__2.css +1 -0
- package/dist/assets/index-CiQd_iRw.css +1 -0
- package/dist/assets/index-CtR-jzNi.css +1 -0
- package/dist/assets/index-DNhNBxL9.css +1 -0
- package/dist/assets/index-DvlnFLG-.css +1 -0
- package/dist/assets/index-PKpDB4Cl.css +1 -0
- package/dist/assets/index-YHUWVH17.css +1 -0
- package/dist/assets/index-_Kh8p9R0.css +1 -0
- package/dist/assets/index-i-aBFBOq.css +1 -0
- package/dist/assets/index-nXJu3Pq0.css +1 -0
- package/dist/assets/index-rrYSS2rl.css +1 -0
- package/dist/assets/{main-3OqLSdPm.css → main-Dv8QUU_o.css} +1 -1
- package/dist/assets/styles-BTZL03H2.css +1 -0
- package/dist/assets/styles-Be-tqCP9.css +1 -0
- package/dist/assets/styles-Bqfs9eXV.css +1 -0
- package/dist/assets/styles-CYxKrBqL.css +1 -0
- package/dist/assets/styles-CZCmGNUn.css +1 -0
- package/dist/assets/{styles-C5uYY4fL.css → styles-Chhklrps.css} +1 -1
- package/dist/assets/styles-D8sahtFb.css +1 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -1
- package/dist/components/Breadcrumb/index.js +53 -47
- package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
- package/dist/components/CKButton/_helper/IconSlot.js +1 -1
- package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
- package/dist/components/CKButton/_types/button.types.d.ts +2 -0
- package/dist/components/CKButton/_types/button.types.d.ts.map +1 -1
- package/dist/components/CKButton/index.d.ts.map +1 -1
- package/dist/components/CKButton/index.js +32 -30
- package/dist/components/CKCheckbox/_types/type.d.ts +4 -0
- package/dist/components/CKCheckbox/_types/type.d.ts.map +1 -1
- package/dist/components/CKCheckbox/index.d.ts +1 -1
- package/dist/components/CKCheckbox/index.d.ts.map +1 -1
- package/dist/components/CKCheckbox/index.js +40 -24
- package/dist/components/CKTag/_types/type.d.ts +1 -1
- package/dist/components/CKTag/_types/type.d.ts.map +1 -1
- package/dist/components/CKTag/index.d.ts +1 -1
- package/dist/components/CKTag/index.d.ts.map +1 -1
- package/dist/components/CKTag/index.js +33 -24
- package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts +38 -0
- package/dist/components/CostComparatorTable/_helpers/CostCell.d.ts.map +1 -0
- package/dist/components/CostComparatorTable/_helpers/CostCell.js +54 -0
- package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.d.ts +14 -0
- package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.d.ts.map +1 -0
- package/dist/components/CostComparatorTable/_helpers/HeaderCheckbox.js +19 -0
- package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts +90 -0
- package/dist/components/CostComparatorTable/_types/costComparatorTable.types.d.ts.map +1 -0
- package/dist/components/CostComparatorTable/_types/costComparatorTable.types.js +1 -0
- package/dist/components/CostComparatorTable/_utils/costComparator.utils.d.ts +22 -0
- package/dist/components/CostComparatorTable/_utils/costComparator.utils.d.ts.map +1 -0
- package/dist/components/CostComparatorTable/_utils/costComparator.utils.js +50 -0
- package/dist/components/CostComparatorTable/index.d.ts +23 -0
- package/dist/components/CostComparatorTable/index.d.ts.map +1 -0
- package/dist/components/CostComparatorTable/index.js +185 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +5 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +6061 -0
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +51 -0
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.js +1 -0
- package/dist/components/DateRangePicker/helper/util.d.ts +26 -0
- package/dist/components/DateRangePicker/helper/util.d.ts.map +1 -0
- package/dist/components/DateRangePicker/helper/util.js +54 -0
- package/dist/components/DeviationTag/index.d.ts.map +1 -1
- package/dist/components/DeviationTag/index.js +42 -29
- package/dist/components/EmptyState/index.js +7 -7
- package/dist/components/FusionChart/_config/builders.d.ts +10 -0
- package/dist/components/FusionChart/_config/builders.d.ts.map +1 -0
- package/dist/components/FusionChart/_config/builders.js +573 -0
- package/dist/components/FusionChart/_config/events.d.ts +7 -0
- package/dist/components/FusionChart/_config/events.d.ts.map +1 -0
- package/dist/components/FusionChart/_config/events.js +40 -0
- package/dist/components/FusionChart/_config/helpers.d.ts +288 -0
- package/dist/components/FusionChart/_config/helpers.d.ts.map +1 -0
- package/dist/components/FusionChart/_config/helpers.js +452 -0
- package/dist/components/FusionChart/_constant/chartTestData.d.ts +33 -0
- package/dist/components/FusionChart/_constant/chartTestData.d.ts.map +1 -0
- package/dist/components/FusionChart/_constant/chartTestData.js +460 -0
- package/dist/components/FusionChart/_constant/constants.d.ts +16 -0
- package/dist/components/FusionChart/_constant/constants.d.ts.map +1 -0
- package/dist/components/FusionChart/_constant/constants.js +18 -0
- package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts +17 -0
- package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map +1 -0
- package/dist/components/FusionChart/_helpers/doughnutHelper.js +70 -0
- package/dist/components/FusionChart/_helpers/multiAxisHelper.d.ts +8 -0
- package/dist/components/FusionChart/_helpers/multiAxisHelper.d.ts.map +1 -0
- package/dist/components/FusionChart/_helpers/multiAxisHelper.js +21 -0
- package/dist/components/FusionChart/_helpers/multiLineHelper.d.ts +8 -0
- package/dist/components/FusionChart/_helpers/multiLineHelper.d.ts.map +1 -0
- package/dist/components/FusionChart/_helpers/multiLineHelper.js +23 -0
- package/dist/components/FusionChart/_types/fusionChart.types.d.ts +128 -0
- package/dist/components/FusionChart/_types/fusionChart.types.d.ts.map +1 -0
- package/dist/components/FusionChart/_types/fusionChart.types.js +1 -0
- package/dist/components/FusionChart/_utils/chartHelpers.d.ts +45 -0
- package/dist/components/FusionChart/_utils/chartHelpers.d.ts.map +1 -0
- package/dist/components/FusionChart/_utils/chartHelpers.js +25 -0
- package/dist/components/FusionChart/index.d.ts +7 -0
- package/dist/components/FusionChart/index.d.ts.map +1 -0
- package/dist/components/FusionChart/index.js +1059 -0
- package/dist/components/GroupedMultiSelect/_helpers/DropdownFooter.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/DropdownFooter.js +20 -11
- package/dist/components/GroupedMultiSelect/_helpers/MenuItem.d.ts +4 -0
- package/dist/components/GroupedMultiSelect/_helpers/MenuItem.d.ts.map +1 -0
- package/dist/components/GroupedMultiSelect/_helpers/MenuItem.js +28 -0
- package/dist/components/GroupedMultiSelect/_helpers/MenuList.d.ts +2 -9
- package/dist/components/GroupedMultiSelect/_helpers/MenuList.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/MenuList.js +5 -14
- package/dist/components/GroupedMultiSelect/_helpers/OptionRow.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/OptionRow.js +21 -14
- package/dist/components/GroupedMultiSelect/_helpers/OptionsList.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/OptionsList.js +46 -26
- package/dist/components/GroupedMultiSelect/_helpers/SearchResult.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/SearchResult.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/SearchResult.js +20 -12
- package/dist/components/GroupedMultiSelect/_helpers/TagContent.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/TagContent.js +33 -30
- package/dist/components/GroupedMultiSelect/_helpers/TriggerButton.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_helpers/TriggerButton.js +41 -32
- package/dist/components/GroupedMultiSelect/_types/type.d.ts +23 -16
- package/dist/components/GroupedMultiSelect/_types/type.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.d.ts +7 -0
- package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.d.ts.map +1 -0
- package/dist/components/GroupedMultiSelect/_utils/computeApplyDisabled.js +8 -0
- package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_utils/filterSeachedGroups.js +2 -2
- package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_utils/getDefaultSelected.js +1 -1
- package/dist/components/GroupedMultiSelect/_utils/getResponsePayload.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/_utils/getResponsePayload.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/_utils/selectAllOptions.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/_utils/selectAllOptions.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/index.d.ts +1 -1
- package/dist/components/GroupedMultiSelect/index.d.ts.map +1 -1
- package/dist/components/GroupedMultiSelect/index.js +122 -112
- package/dist/components/GroupedSingleSelect/_helpers/DropdownFooter.d.ts.map +1 -1
- package/dist/components/GroupedSingleSelect/_helpers/DropdownFooter.js +28 -19
- package/dist/components/GroupedSingleSelect/_helpers/OptionRow.d.ts.map +1 -1
- package/dist/components/GroupedSingleSelect/_helpers/OptionRow.js +22 -12
- package/dist/components/GroupedSingleSelect/_helpers/OptionsList.d.ts.map +1 -1
- package/dist/components/GroupedSingleSelect/_helpers/OptionsList.js +35 -24
- package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.d.ts.map +1 -1
- package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.js +42 -24
- package/dist/components/GroupedSingleSelect/index.d.ts.map +1 -1
- package/dist/components/GroupedSingleSelect/index.js +61 -51
- package/dist/components/Loader/_types/loader.types.d.ts +10 -0
- package/dist/components/Loader/_types/loader.types.d.ts.map +1 -0
- package/dist/components/Loader/_types/loader.types.js +1 -0
- package/dist/components/Loader/index.d.ts +6 -0
- package/dist/components/Loader/index.d.ts.map +1 -0
- package/dist/components/Loader/index.js +37 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts +27 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts.map +1 -0
- package/dist/components/MAVDropdown/_types/mavDropdown.types.js +1 -0
- package/dist/components/MAVDropdown/index.d.ts +6 -0
- package/dist/components/MAVDropdown/index.d.ts.map +1 -0
- package/dist/components/MAVDropdown/index.js +162 -0
- package/dist/components/MenuOptions/_types/menuOptions.types.d.ts +1 -7
- package/dist/components/MenuOptions/_types/menuOptions.types.d.ts.map +1 -1
- package/dist/components/MenuOptions/_utils/computeMenuPosition.js +1 -1
- package/dist/components/MenuOptions/_utils/computeSubmenuPosition.js +1 -1
- package/dist/components/MenuOptions/index.d.ts +1 -1
- package/dist/components/MenuOptions/index.d.ts.map +1 -1
- package/dist/components/MenuOptions/index.js +41 -35
- package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js +43 -43
- package/dist/components/MultiSelect/SimpleMultiSelect.d.ts +22 -0
- package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map +1 -0
- package/dist/components/MultiSelect/SimpleMultiSelect.js +221 -0
- package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/DropdownFooter.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/DropdownFooter.js +72 -0
- package/dist/components/MultiSelect/_helpers/OptionRow.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/OptionRow.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/OptionRow.js +40 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenu.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenu.js +7 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +30 -0
- package/dist/components/MultiSelect/_helpers/SearchResult.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/SearchResult.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/SearchResult.js +33 -0
- package/dist/components/MultiSelect/_helpers/TagContent.d.ts +5 -0
- package/dist/components/MultiSelect/_helpers/TagContent.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/TagContent.js +48 -0
- package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts +4 -0
- package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map +1 -0
- package/dist/components/MultiSelect/_helpers/TriggerButton.js +82 -0
- package/dist/components/MultiSelect/_types/type.d.ts +106 -0
- package/dist/components/MultiSelect/_types/type.d.ts.map +1 -0
- package/dist/components/MultiSelect/_types/type.js +1 -0
- package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts +9 -0
- package/dist/components/MultiSelect/_utils/computeApplyDisabled.d.ts.map +1 -0
- package/dist/components/MultiSelect/_utils/computeApplyDisabled.js +9 -0
- package/dist/components/MultiSelect/_utils/filterOptions.d.ts +6 -0
- package/dist/components/MultiSelect/_utils/filterOptions.d.ts.map +1 -0
- package/dist/components/MultiSelect/_utils/filterOptions.js +7 -0
- package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts +6 -0
- package/dist/components/MultiSelect/_utils/getInitialSelected.d.ts.map +1 -0
- package/dist/components/MultiSelect/_utils/getInitialSelected.js +6 -0
- package/dist/components/MultiSelect/index.d.ts +4 -0
- package/dist/components/MultiSelect/index.d.ts.map +1 -0
- package/dist/components/MultiSelect/index.js +234 -0
- package/dist/components/Pagination/_types/pagination.types.d.ts +21 -0
- package/dist/components/Pagination/_types/pagination.types.d.ts.map +1 -0
- package/dist/components/Pagination/_types/pagination.types.js +1 -0
- package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts +5 -0
- package/dist/components/Pagination/_utils/computePageSizeOptions.d.ts.map +1 -0
- package/dist/components/Pagination/_utils/computePageSizeOptions.js +10 -0
- package/dist/components/Pagination/_utils/generatePageNumbers.d.ts +4 -0
- package/dist/components/Pagination/_utils/generatePageNumbers.d.ts.map +1 -0
- package/dist/components/Pagination/_utils/generatePageNumbers.js +18 -0
- package/dist/components/Pagination/index.d.ts +6 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Pagination/index.js +164 -0
- package/dist/components/Popover/_types/popover.types.d.ts +13 -0
- package/dist/components/Popover/_types/popover.types.d.ts.map +1 -0
- package/dist/components/Popover/_types/popover.types.js +1 -0
- package/dist/components/Popover/index.d.ts +4 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Popover/index.js +91 -0
- package/dist/components/PopupAndDialogBox/components/DialogContent.js +1 -1
- package/dist/components/PopupAndDialogBox/components/DialogFooter.js +1 -1
- package/dist/components/PopupAndDialogBox/components/DialogHeader.js +1 -1
- package/dist/components/PopupAndDialogBox/index.js +1 -1
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts +28 -0
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/_types/profileDropdown.types.js +13 -0
- package/dist/components/ProfileDropdown/constants.d.ts +3 -0
- package/dist/components/ProfileDropdown/constants.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/constants.js +8 -0
- package/dist/components/ProfileDropdown/index.d.ts +6 -0
- package/dist/components/ProfileDropdown/index.d.ts.map +1 -0
- package/dist/components/ProfileDropdown/index.js +154 -0
- package/dist/components/ProgressBar/_types/progressBar.types.d.ts +34 -0
- package/dist/components/ProgressBar/_types/progressBar.types.d.ts.map +1 -0
- package/dist/components/ProgressBar/_types/progressBar.types.js +1 -0
- package/dist/components/ProgressBar/index.d.ts +3 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/index.js +48 -0
- package/dist/components/RadioButton/index.js +24 -24
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts +15 -0
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map +1 -0
- package/dist/components/RadioGroup/_types/radioGroup.types.js +1 -0
- package/dist/components/RadioGroup/index.d.ts +3 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/RadioGroup/index.js +44 -0
- package/dist/components/Search/index.d.ts.map +1 -1
- package/dist/components/Search/index.js +72 -62
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts +2 -1
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +15 -4
- package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts +2 -2
- package/dist/components/SingleSelectDropdown/_types/singleSelectDropdown.types.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/index.d.ts +1 -1
- package/dist/components/SingleSelectDropdown/index.d.ts.map +1 -1
- package/dist/components/SingleSelectDropdown/index.js +81 -70
- package/dist/components/Switch/index.js +3 -3
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts +5 -0
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -0
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +84 -0
- package/dist/components/Table/_helpers/ColumnManager/index.d.ts +4 -0
- package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -0
- package/dist/components/Table/_helpers/ColumnManager/index.js +2456 -0
- package/dist/components/Table/_helpers/ExpandableRow/index.d.ts +16 -0
- package/dist/components/Table/_helpers/ExpandableRow/index.d.ts.map +1 -0
- package/dist/components/Table/_helpers/ExpandableRow/index.js +54 -0
- package/dist/components/Table/_helpers/FilterColumnToolbar.d.ts +14 -0
- package/dist/components/Table/_helpers/FilterColumnToolbar.d.ts.map +1 -0
- package/dist/components/Table/_helpers/FilterColumnToolbar.js +121 -0
- package/dist/components/Table/_helpers/GroupedHeader/index.d.ts +24 -0
- package/dist/components/Table/_helpers/GroupedHeader/index.d.ts.map +1 -0
- package/dist/components/Table/_helpers/GroupedHeader/index.js +193 -0
- package/dist/components/Table/_helpers/SelectionCell/index.d.ts +19 -0
- package/dist/components/Table/_helpers/SelectionCell/index.d.ts.map +1 -0
- package/dist/components/Table/_helpers/SelectionCell/index.js +50 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionList.d.ts +3 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionList.d.ts.map +1 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionList.js +11 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionListItems.d.ts +3 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionListItems.d.ts.map +1 -0
- package/dist/components/Table/_helpers/TableFilterModal/OptionListItems.js +75 -0
- package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.d.ts +3 -0
- package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.d.ts.map +1 -0
- package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +1544 -0
- package/dist/components/Table/_helpers/TableFilterModal/index.d.ts +4 -0
- package/dist/components/Table/_helpers/TableFilterModal/index.d.ts.map +1 -0
- package/dist/components/Table/_helpers/TableFilterModal/index.js +115 -0
- package/dist/components/Table/_helpers/TableRows.d.ts +3 -0
- package/dist/components/Table/_helpers/TableRows.d.ts.map +1 -0
- package/dist/components/Table/_helpers/TableRows.js +408 -0
- package/dist/components/Table/_hooks/useExpansion.d.ts +20 -0
- package/dist/components/Table/_hooks/useExpansion.d.ts.map +1 -0
- package/dist/components/Table/_hooks/useExpansion.js +46 -0
- package/dist/components/Table/_hooks/useFilterColumnState.d.ts +17 -0
- package/dist/components/Table/_hooks/useFilterColumnState.d.ts.map +1 -0
- package/dist/components/Table/_hooks/useFilterColumnState.js +94 -0
- package/dist/components/Table/_hooks/useSelection.d.ts +12 -0
- package/dist/components/Table/_hooks/useSelection.d.ts.map +1 -0
- package/dist/components/Table/_hooks/useSelection.js +45 -0
- package/dist/components/Table/_types/table.types.d.ts +286 -0
- package/dist/components/Table/_types/table.types.d.ts.map +1 -0
- package/dist/components/Table/_types/table.types.js +1 -0
- package/dist/components/Table/_utils/formatCellValue.d.ts +13 -0
- package/dist/components/Table/_utils/formatCellValue.d.ts.map +1 -0
- package/dist/components/Table/_utils/formatCellValue.js +17 -0
- package/dist/components/Table/_utils/table.utils.d.ts +10 -0
- package/dist/components/Table/_utils/table.utils.d.ts.map +1 -0
- package/dist/components/Table/_utils/table.utils.js +87 -0
- package/dist/components/Table/constants.d.ts +6 -0
- package/dist/components/Table/constants.d.ts.map +1 -0
- package/dist/components/Table/constants.js +13 -0
- package/dist/components/Table/index.d.ts +4 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/Table/index.js +543 -0
- package/dist/components/TextField/index.js +685 -6956
- package/dist/components/Toast/_helper/ToastContent.js +25 -25
- package/dist/components/Toast/_helper/ToastProvider.js +9 -9
- package/dist/components/Toast/_hooks/useToast.js +1 -1
- package/dist/components/Tooltip/index.js +699 -781
- package/dist/components/Typography/_types/typography.types.d.ts +28 -0
- package/dist/components/Typography/_types/typography.types.d.ts.map +1 -0
- package/dist/components/Typography/_types/typography.types.js +1 -0
- package/dist/components/Typography/index.d.ts +3 -0
- package/dist/components/Typography/index.d.ts.map +1 -0
- package/dist/components/Typography/index.js +45 -0
- package/dist/contains-kLLEGdNH.js +41 -0
- package/dist/index-C8cPPHJD.js +1196 -0
- package/dist/index-f7TB87Mf.js +1846 -0
- package/dist/isFocusVisible-BzX3wEi7.js +12 -0
- package/dist/main.d.ts +17 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +128 -96
- package/dist/reset-icon-YxMt3Ozp.js +5 -0
- package/dist/search-B_cup-NN.js +5 -0
- package/dist/styles.module-BXby6f8d.js +16 -0
- package/dist/styles.module-BZaUJMlf.js +14 -0
- package/dist/styles.module-Dojg5FTS.js +41 -0
- package/dist/styles.module-ZyeVE7KZ.js +39 -0
- package/dist/table-filter-C0zetUfo.js +6 -0
- package/dist/useSlot-ylt7_lTY.js +4698 -0
- package/package.json +17 -3
- package/dist/DropdownFooter-De6BYlLK.js +0 -77
- package/dist/Grow-Bsrwqfek.js +0 -5468
- package/dist/IconSlot-CbpGCbaA.js +0 -32
- package/dist/assets/DropdownFooter-C7Cml53c.css +0 -1
- package/dist/assets/IconSlot-Ct_SZh2X.css +0 -1
- package/dist/assets/ReactToastify-GNLSjkBZ.css +0 -1
- package/dist/assets/index-0R9p-l95.css +0 -1
- package/dist/assets/index-BbJZjGLb.css +0 -1
- package/dist/assets/index-Bu-eyi44.css +0 -1
- package/dist/assets/index-DAtOlGx5.css +0 -1
- package/dist/assets/index-Dudb2XKF.css +0 -1
- package/dist/assets/index-fvceox3b.css +0 -1
- package/dist/assets/index-w7AdSPwF.css +0 -1
- package/dist/assets/styles-CGTFG68B.css +0 -1
- package/dist/index-BR6M9zUI.js +0 -382
- package/dist/styles.module-BpAF4ufQ.js +0 -38
- package/dist/styles.module-yNDMDNO-.js +0 -14
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TableFilterModalProps } from '../../_types/table.types';
|
|
2
|
+
declare function TableFilterModal({ filters, draftColumnFilters, setDraftColumnFilters, handleApplyFilters, setModalOpen, virtualization, isFilterChanged, }: TableFilterModalProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TableFilterModal;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EAItB,MAAM,0BAA0B,CAAC;AAClC,OAAO,eAAe,CAAC;AAEvB,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,cAAqB,EACrB,eAAe,GAChB,EAAE,qBAAqB,2CAiIvB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsxs as i, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { useState as y, useEffect as O } from "react";
|
|
3
|
+
import { Button as m } from "../../../Button/index.js";
|
|
4
|
+
import { Typography as b } from "../../../Typography/index.js";
|
|
5
|
+
import { S } from "../../../../reset-icon-YxMt3Ozp.js";
|
|
6
|
+
import V from "./RangeSelector.js";
|
|
7
|
+
import { O as C } from "../../../../OptionList-DN1xZbnV.js";
|
|
8
|
+
import '../../../../assets/styles-D8sahtFb.css';/* empty css */
|
|
9
|
+
function $({
|
|
10
|
+
filters: r,
|
|
11
|
+
draftColumnFilters: o,
|
|
12
|
+
setDraftColumnFilters: d,
|
|
13
|
+
handleApplyFilters: v,
|
|
14
|
+
setModalOpen: f,
|
|
15
|
+
virtualization: g = !0,
|
|
16
|
+
isFilterChanged: x
|
|
17
|
+
}) {
|
|
18
|
+
const [t, p] = y(null), [u, h] = y("");
|
|
19
|
+
O(() => {
|
|
20
|
+
if (!r || Object.keys(r).length === 0) return;
|
|
21
|
+
const e = Object.keys(r)[0], n = r[e];
|
|
22
|
+
p({ key: e, ...n });
|
|
23
|
+
}, [r]);
|
|
24
|
+
const k = (e) => {
|
|
25
|
+
const n = r[e];
|
|
26
|
+
p({ key: e, ...n });
|
|
27
|
+
}, s = t ? o.find((e) => e.id === t.accessorKey)?.value : null, N = t?.type === "checkbox" ? s?.values ?? s : void 0, j = t?.type === "checkbox" ? s?.exclude ?? !1 : !1, w = t?.type === "range" ? s : void 0;
|
|
28
|
+
return /* @__PURE__ */ i("div", { className: "ckds-filter-modal-wrapper", children: [
|
|
29
|
+
/* @__PURE__ */ i("div", { className: "ckds-heading-container", children: [
|
|
30
|
+
/* @__PURE__ */ c(b, { variant: "body-lg", weight: "semibold", children: "Table Filters" }),
|
|
31
|
+
/* @__PURE__ */ c(
|
|
32
|
+
m,
|
|
33
|
+
{
|
|
34
|
+
onClick: () => {
|
|
35
|
+
d([]), h("");
|
|
36
|
+
},
|
|
37
|
+
variant: "tertiary",
|
|
38
|
+
disabled: o.length === 0,
|
|
39
|
+
Icon: /* @__PURE__ */ c(S, {}),
|
|
40
|
+
iconPosition: "left",
|
|
41
|
+
children: "Reset Filters"
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
] }),
|
|
45
|
+
/* @__PURE__ */ i("div", { className: "ckds-main-container", children: [
|
|
46
|
+
/* @__PURE__ */ c("div", { className: "ckds-tab-wrapper ckds-custom-scrollbar", children: r && Object.keys(r).map((e) => /* @__PURE__ */ c(
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
className: `ckds-filter-tab-item ${t?.key === e ? "ckds-filter-tab-active" : ""}`,
|
|
50
|
+
onClick: () => k(e),
|
|
51
|
+
role: "button",
|
|
52
|
+
tabIndex: 0,
|
|
53
|
+
onKeyDown: (n) => {
|
|
54
|
+
(n.key === "Enter" || n.key === " ") && k(e);
|
|
55
|
+
},
|
|
56
|
+
children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
|
|
57
|
+
/* @__PURE__ */ c(b, { variant: "body-sm", className: "text-inherit", weight: t?.key === e ? "medium" : "regular", children: e }),
|
|
58
|
+
(() => {
|
|
59
|
+
const n = o.find((F) => F.id === r[e].accessorKey);
|
|
60
|
+
if (!n) return null;
|
|
61
|
+
const a = n.value;
|
|
62
|
+
let l = 0;
|
|
63
|
+
return Array.isArray(a) ? l = a.length : a && typeof a == "object" && "values" in a ? l = a.values?.length ?? 0 : a && (l = 1), l > 0 ? /* @__PURE__ */ c("span", { className: "ckds-filter-tab-badge", children: l }) : null;
|
|
64
|
+
})()
|
|
65
|
+
] })
|
|
66
|
+
},
|
|
67
|
+
e
|
|
68
|
+
)) }),
|
|
69
|
+
/* @__PURE__ */ i("div", { className: "ckds-filter-details-container", children: [
|
|
70
|
+
t?.type === "range" && /* @__PURE__ */ c(
|
|
71
|
+
V,
|
|
72
|
+
{
|
|
73
|
+
selectedFilter: t,
|
|
74
|
+
currentVal: w,
|
|
75
|
+
setDraftColumnFilters: d,
|
|
76
|
+
error: u,
|
|
77
|
+
setError: h
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
t?.type === "checkbox" && /* @__PURE__ */ c(
|
|
81
|
+
C,
|
|
82
|
+
{
|
|
83
|
+
selectedFilter: t,
|
|
84
|
+
currentVal: N,
|
|
85
|
+
exclude: j,
|
|
86
|
+
setDraftColumnFilters: d,
|
|
87
|
+
virtualization: g
|
|
88
|
+
}
|
|
89
|
+
)
|
|
90
|
+
] })
|
|
91
|
+
] }),
|
|
92
|
+
/* @__PURE__ */ i("div", { className: "ckds-filter-modal-footer", children: [
|
|
93
|
+
/* @__PURE__ */ c(
|
|
94
|
+
m,
|
|
95
|
+
{
|
|
96
|
+
onClick: () => f({ open: !1, type: "filter", activeOption: "" }),
|
|
97
|
+
variant: "secondary",
|
|
98
|
+
children: "Cancel"
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ c(
|
|
102
|
+
m,
|
|
103
|
+
{
|
|
104
|
+
onClick: v,
|
|
105
|
+
variant: "primary",
|
|
106
|
+
disabled: !x || !!u,
|
|
107
|
+
children: "Apply"
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
] })
|
|
111
|
+
] });
|
|
112
|
+
}
|
|
113
|
+
export {
|
|
114
|
+
$ as default
|
|
115
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TableRowsProps } from '../_types/table.types';
|
|
2
|
+
export default function TableRows<TData>({ rows, virtualization, rowVirtualizer, handleMeasure, getEstimatedSize, columnSizing, tableConfig, table, selectionState, selectionConfig, onToggleRowSelection, expandableConfig, expandedIds, onToggleExpand, depth, }: TableRowsProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=TableRows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableRows.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_helpers/TableRows.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAiE,MAAM,uBAAuB,CAAC;AAgG3H,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,EACvC,IAAI,EACJ,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,KAAK,EACL,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,KAAS,GACV,EAAE,cAAc,CAAC,KAAK,CAAC,2CAoHvB"}
|
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
import { jsx as t, Fragment as V, jsxs as I } from "react/jsx-runtime";
|
|
2
|
+
import { f as z } from "../../../index-f7TB87Mf.js";
|
|
3
|
+
import { useRef as q, useState as K, useCallback as Q } from "react";
|
|
4
|
+
import { columnLayoutStyle as O, pinnedStyle as T } from "../_utils/table.utils.js";
|
|
5
|
+
import { ROW_MIN_HEIGHT as W } from "../constants.js";
|
|
6
|
+
import { SelectionCell as j } from "./SelectionCell/index.js";
|
|
7
|
+
import { ExpandableRowToggle as G } from "./ExpandableRow/index.js";
|
|
8
|
+
import { Tooltip as U } from "../../Tooltip/index.js";
|
|
9
|
+
import { mergeClasses as B } from "../../../utils/mergeClasses.js";
|
|
10
|
+
const _ = [
|
|
11
|
+
"var(--ckcl-primary-50, #F8FBFF)",
|
|
12
|
+
// depth 1
|
|
13
|
+
"var(--ckcl-primary-80, #F1F6FF)",
|
|
14
|
+
// depth 2
|
|
15
|
+
"var(--ckcl-primary-100, #D9E6FB)"
|
|
16
|
+
// depth 3+
|
|
17
|
+
];
|
|
18
|
+
function X(r) {
|
|
19
|
+
if (r < 1) return;
|
|
20
|
+
const e = Math.min(r - 1, _.length - 1);
|
|
21
|
+
return _[e];
|
|
22
|
+
}
|
|
23
|
+
function E(r, e, m) {
|
|
24
|
+
const l = X(r);
|
|
25
|
+
return l || (e && m % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)");
|
|
26
|
+
}
|
|
27
|
+
function H(r) {
|
|
28
|
+
const e = r?.align;
|
|
29
|
+
if (e === "right") return "flex-end";
|
|
30
|
+
if (e === "center") return "center";
|
|
31
|
+
}
|
|
32
|
+
function R(r) {
|
|
33
|
+
const e = r?.align;
|
|
34
|
+
if (e === "right") return "right";
|
|
35
|
+
if (e === "center") return "center";
|
|
36
|
+
}
|
|
37
|
+
function M({
|
|
38
|
+
title: r,
|
|
39
|
+
wrapText: e,
|
|
40
|
+
children: m
|
|
41
|
+
}) {
|
|
42
|
+
const l = q(null), [y, g] = K(!1), d = Q(() => {
|
|
43
|
+
l.current && g(l.current.scrollWidth > l.current.offsetWidth);
|
|
44
|
+
}, []), o = /* @__PURE__ */ t(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
ref: l,
|
|
48
|
+
onMouseEnter: e ? void 0 : d,
|
|
49
|
+
className: `${e ? "whitespace-normal wrap-break-word" : "whitespace-nowrap overflow-hidden text-ellipsis"} w-full`,
|
|
50
|
+
children: m
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
return e || !y ? o : /* @__PURE__ */ t(U, { title: r, placement: "top", arrow: !0, children: o });
|
|
54
|
+
}
|
|
55
|
+
function ae({
|
|
56
|
+
rows: r,
|
|
57
|
+
virtualization: e,
|
|
58
|
+
rowVirtualizer: m,
|
|
59
|
+
handleMeasure: l,
|
|
60
|
+
getEstimatedSize: y,
|
|
61
|
+
columnSizing: g,
|
|
62
|
+
tableConfig: d,
|
|
63
|
+
table: o,
|
|
64
|
+
selectionState: i,
|
|
65
|
+
selectionConfig: h,
|
|
66
|
+
onToggleRowSelection: k,
|
|
67
|
+
expandableConfig: a,
|
|
68
|
+
expandedIds: b,
|
|
69
|
+
onToggleExpand: p,
|
|
70
|
+
depth: D = 0
|
|
71
|
+
}) {
|
|
72
|
+
const f = (h?.enabled ?? !1) && !a?.enabled, u = f ? 40 : 0, F = a?.enabled ?? !1, v = a?.indentSize ?? 20, C = a?.childrenKey ?? "children";
|
|
73
|
+
return e ? /* @__PURE__ */ t(V, { children: m.getVirtualItems().map((n) => {
|
|
74
|
+
const s = r[n.index], w = s.id, x = f && i?.selectedIds.has(w);
|
|
75
|
+
return /* @__PURE__ */ I(
|
|
76
|
+
"tr",
|
|
77
|
+
{
|
|
78
|
+
ref: (c) => l(n.index, c),
|
|
79
|
+
"data-index": n.index,
|
|
80
|
+
className: B("ckds-dragable-tr flex absolute top-0 left-0 w-full"),
|
|
81
|
+
style: {
|
|
82
|
+
transform: `translateY(${n.start}px)`,
|
|
83
|
+
minHeight: y(n.index),
|
|
84
|
+
borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)"
|
|
85
|
+
},
|
|
86
|
+
children: [
|
|
87
|
+
f && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: W, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ t(j, { checked: !!x, onChange: () => k?.(w) }) }),
|
|
88
|
+
s.getVisibleCells().map((c, $) => {
|
|
89
|
+
const N = s.original?.status?.toLowerCase?.() === "inactive", L = $ === 0;
|
|
90
|
+
return /* @__PURE__ */ t(
|
|
91
|
+
"td",
|
|
92
|
+
{
|
|
93
|
+
className: "ckds-dragable-td flex items-center",
|
|
94
|
+
style: {
|
|
95
|
+
...T(c.column, o, u),
|
|
96
|
+
minHeight: `${y(n.index)}px`,
|
|
97
|
+
...O(c.column, o.getVisibleLeafColumns(), g),
|
|
98
|
+
justifyContent: H(c.column.columnDef),
|
|
99
|
+
textAlign: R(c.column.columnDef),
|
|
100
|
+
// Explicit color — avoids DaisyUI text-base-* token dependency
|
|
101
|
+
color: N ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
|
|
102
|
+
backgroundColor: E(D, d.stripedRows, n.index)
|
|
103
|
+
},
|
|
104
|
+
children: /* @__PURE__ */ t(M, { title: String(c.getValue() ?? ""), wrapText: d.wrapText, children: /* @__PURE__ */ t(
|
|
105
|
+
J,
|
|
106
|
+
{
|
|
107
|
+
isFirstDataCol: L,
|
|
108
|
+
hasExpansion: F,
|
|
109
|
+
row: s,
|
|
110
|
+
childrenKey: C,
|
|
111
|
+
expandedIds: b,
|
|
112
|
+
onToggleExpand: p,
|
|
113
|
+
depth: D,
|
|
114
|
+
indentSize: v,
|
|
115
|
+
expandableConfig: a,
|
|
116
|
+
children: z(c.column.columnDef.cell ?? c.column.columnDef.header, c.getContext())
|
|
117
|
+
}
|
|
118
|
+
) })
|
|
119
|
+
},
|
|
120
|
+
c.id
|
|
121
|
+
);
|
|
122
|
+
})
|
|
123
|
+
]
|
|
124
|
+
},
|
|
125
|
+
s.id
|
|
126
|
+
);
|
|
127
|
+
}) }) : /* @__PURE__ */ t(V, { children: r.map((n, s) => {
|
|
128
|
+
const w = n.original, x = w?.status?.toLowerCase?.() === "inactive", c = n.id, $ = f && i?.selectedIds.has(c), A = F && b?.has(c), N = F ? w[C] : void 0, L = Array.isArray(N) && N.length > 0;
|
|
129
|
+
return /* @__PURE__ */ t(
|
|
130
|
+
Z,
|
|
131
|
+
{
|
|
132
|
+
row: n,
|
|
133
|
+
rowIndex: s,
|
|
134
|
+
isInactive: x,
|
|
135
|
+
isSelected: !!$,
|
|
136
|
+
isExpanded: !!A,
|
|
137
|
+
hasChildren: L,
|
|
138
|
+
nestedChildren: N,
|
|
139
|
+
columnSizing: g,
|
|
140
|
+
tableConfig: d,
|
|
141
|
+
table: o,
|
|
142
|
+
hasSelection: f,
|
|
143
|
+
selectionState: i,
|
|
144
|
+
onToggleRowSelection: k,
|
|
145
|
+
expandedIds: b,
|
|
146
|
+
onToggleExpand: p,
|
|
147
|
+
expandableConfig: a,
|
|
148
|
+
depth: D,
|
|
149
|
+
indentSize: v,
|
|
150
|
+
childrenKey: C
|
|
151
|
+
},
|
|
152
|
+
n.id
|
|
153
|
+
);
|
|
154
|
+
}) });
|
|
155
|
+
}
|
|
156
|
+
function J({
|
|
157
|
+
isFirstDataCol: r,
|
|
158
|
+
hasExpansion: e,
|
|
159
|
+
row: m,
|
|
160
|
+
childrenKey: l,
|
|
161
|
+
expandedIds: y,
|
|
162
|
+
onToggleExpand: g,
|
|
163
|
+
depth: d,
|
|
164
|
+
indentSize: o,
|
|
165
|
+
expandableConfig: i,
|
|
166
|
+
children: h
|
|
167
|
+
}) {
|
|
168
|
+
if (!r || !e) return /* @__PURE__ */ t(V, { children: h });
|
|
169
|
+
const a = m.original[l], b = Array.isArray(a) && a.length > 0 || !!i?.renderExpandedContent, p = y?.has(m.id) ?? !1;
|
|
170
|
+
return /* @__PURE__ */ t(
|
|
171
|
+
G,
|
|
172
|
+
{
|
|
173
|
+
isExpanded: p,
|
|
174
|
+
hasChildren: b,
|
|
175
|
+
depth: d,
|
|
176
|
+
indentSize: o,
|
|
177
|
+
onToggle: () => g?.(m.id),
|
|
178
|
+
children: h
|
|
179
|
+
}
|
|
180
|
+
);
|
|
181
|
+
}
|
|
182
|
+
function Z({
|
|
183
|
+
row: r,
|
|
184
|
+
rowIndex: e,
|
|
185
|
+
isInactive: m,
|
|
186
|
+
isSelected: l,
|
|
187
|
+
isExpanded: y,
|
|
188
|
+
hasChildren: g,
|
|
189
|
+
nestedChildren: d,
|
|
190
|
+
columnSizing: o,
|
|
191
|
+
tableConfig: i,
|
|
192
|
+
table: h,
|
|
193
|
+
hasSelection: k,
|
|
194
|
+
selectionState: a,
|
|
195
|
+
onToggleRowSelection: b,
|
|
196
|
+
expandedIds: p,
|
|
197
|
+
onToggleExpand: D,
|
|
198
|
+
expandableConfig: f,
|
|
199
|
+
depth: u,
|
|
200
|
+
indentSize: F,
|
|
201
|
+
childrenKey: v
|
|
202
|
+
}) {
|
|
203
|
+
const C = f?.enabled ?? !1, n = k ? 40 : 0;
|
|
204
|
+
return /* @__PURE__ */ I(V, { children: [
|
|
205
|
+
/* @__PURE__ */ I("tr", { className: B("ckds-dragable-tr flex w-full"), "data-depth": u, style: { position: "relative", zIndex: 0, borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)" }, children: [
|
|
206
|
+
k && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: W, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: E(u, i.stripedRows, e) }, children: /* @__PURE__ */ t(j, { checked: l, onChange: () => b?.(r.id) }) }),
|
|
207
|
+
r.getVisibleCells().map((s, w) => {
|
|
208
|
+
const x = w === 0, c = E(u, i.stripedRows, e);
|
|
209
|
+
return /* @__PURE__ */ t(
|
|
210
|
+
"td",
|
|
211
|
+
{
|
|
212
|
+
className: "ckds-dragable-td flex items-center",
|
|
213
|
+
style: {
|
|
214
|
+
...T(s.column, h, n),
|
|
215
|
+
...i.wrapText ? { minHeight: `${W}px` } : { height: `${W}px` },
|
|
216
|
+
...O(s.column, h.getVisibleLeafColumns(), o),
|
|
217
|
+
justifyContent: H(s.column.columnDef),
|
|
218
|
+
textAlign: R(s.column.columnDef),
|
|
219
|
+
// Explicit color — avoids DaisyUI text-base-* token dependency
|
|
220
|
+
color: m ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
|
|
221
|
+
backgroundColor: c
|
|
222
|
+
},
|
|
223
|
+
children: /* @__PURE__ */ t(M, { title: String(s.getValue() ?? ""), wrapText: i.wrapText, children: /* @__PURE__ */ t(
|
|
224
|
+
J,
|
|
225
|
+
{
|
|
226
|
+
isFirstDataCol: x,
|
|
227
|
+
hasExpansion: C,
|
|
228
|
+
row: r,
|
|
229
|
+
childrenKey: v,
|
|
230
|
+
expandedIds: p,
|
|
231
|
+
onToggleExpand: D,
|
|
232
|
+
depth: u,
|
|
233
|
+
indentSize: F,
|
|
234
|
+
expandableConfig: f,
|
|
235
|
+
children: z(s.column.columnDef.cell ?? s.column.columnDef.header, s.getContext())
|
|
236
|
+
}
|
|
237
|
+
) })
|
|
238
|
+
},
|
|
239
|
+
s.id
|
|
240
|
+
);
|
|
241
|
+
})
|
|
242
|
+
] }),
|
|
243
|
+
y && f?.renderExpandedContent && /* @__PURE__ */ I("tr", { className: "ckds-dragable-tr flex w-full", "data-depth": u, children: [
|
|
244
|
+
k && /* @__PURE__ */ t("td", { className: "ckds-dragable-td", style: { width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", backgroundColor: E(u, i.stripedRows, e) } }),
|
|
245
|
+
/* @__PURE__ */ t(
|
|
246
|
+
"td",
|
|
247
|
+
{
|
|
248
|
+
className: "ckds-dragable-td",
|
|
249
|
+
colSpan: h.getVisibleLeafColumns().length,
|
|
250
|
+
style: { flex: "1 1 auto", padding: 0, backgroundColor: E(u, i.stripedRows, e) },
|
|
251
|
+
children: f.renderExpandedContent(r.original, u)
|
|
252
|
+
}
|
|
253
|
+
)
|
|
254
|
+
] }),
|
|
255
|
+
y && g && d && !f?.renderExpandedContent && /* @__PURE__ */ t(
|
|
256
|
+
P,
|
|
257
|
+
{
|
|
258
|
+
nestedChildren: d,
|
|
259
|
+
parentId: r.id,
|
|
260
|
+
depth: u + 1,
|
|
261
|
+
columnSizing: o,
|
|
262
|
+
tableConfig: i,
|
|
263
|
+
table: h,
|
|
264
|
+
hasSelection: k,
|
|
265
|
+
selectionState: a,
|
|
266
|
+
onToggleRowSelection: b,
|
|
267
|
+
expandedIds: p,
|
|
268
|
+
onToggleExpand: D,
|
|
269
|
+
expandableConfig: f,
|
|
270
|
+
indentSize: F,
|
|
271
|
+
childrenKey: v
|
|
272
|
+
}
|
|
273
|
+
)
|
|
274
|
+
] });
|
|
275
|
+
}
|
|
276
|
+
function P({
|
|
277
|
+
nestedChildren: r,
|
|
278
|
+
parentId: e,
|
|
279
|
+
depth: m,
|
|
280
|
+
columnSizing: l,
|
|
281
|
+
tableConfig: y,
|
|
282
|
+
table: g,
|
|
283
|
+
hasSelection: d,
|
|
284
|
+
selectionState: o,
|
|
285
|
+
onToggleRowSelection: i,
|
|
286
|
+
expandedIds: h,
|
|
287
|
+
onToggleExpand: k,
|
|
288
|
+
expandableConfig: a,
|
|
289
|
+
indentSize: b,
|
|
290
|
+
childrenKey: p
|
|
291
|
+
}) {
|
|
292
|
+
const D = g.getVisibleLeafColumns(), f = a?.enabled ?? !1;
|
|
293
|
+
return /* @__PURE__ */ t(V, { children: r.map((u, F) => {
|
|
294
|
+
const v = u, C = `${e}.${F}`, n = v[p], s = Array.isArray(n) && n.length > 0, w = h?.has(C) ?? !1, x = d && (o?.selectedIds.has(C) ?? !1), c = v?.status?.toLowerCase?.() === "inactive";
|
|
295
|
+
return /* @__PURE__ */ t(
|
|
296
|
+
S,
|
|
297
|
+
{
|
|
298
|
+
childRecord: v,
|
|
299
|
+
childRowId: C,
|
|
300
|
+
childIndex: F,
|
|
301
|
+
childIsInactive: c,
|
|
302
|
+
childIsSelected: x,
|
|
303
|
+
childIsExpanded: w,
|
|
304
|
+
childHasChildren: s,
|
|
305
|
+
childChildren: n,
|
|
306
|
+
depth: m,
|
|
307
|
+
columnSizing: l,
|
|
308
|
+
tableConfig: y,
|
|
309
|
+
table: g,
|
|
310
|
+
visibleCols: D,
|
|
311
|
+
hasSelection: d,
|
|
312
|
+
hasExpansion: f,
|
|
313
|
+
selectionState: o,
|
|
314
|
+
onToggleRowSelection: i,
|
|
315
|
+
expandedIds: h,
|
|
316
|
+
onToggleExpand: k,
|
|
317
|
+
expandableConfig: a,
|
|
318
|
+
indentSize: b,
|
|
319
|
+
childrenKey: p
|
|
320
|
+
},
|
|
321
|
+
C
|
|
322
|
+
);
|
|
323
|
+
}) });
|
|
324
|
+
}
|
|
325
|
+
function S({
|
|
326
|
+
childRecord: r,
|
|
327
|
+
childRowId: e,
|
|
328
|
+
childIndex: m,
|
|
329
|
+
childIsInactive: l,
|
|
330
|
+
childIsSelected: y,
|
|
331
|
+
childIsExpanded: g,
|
|
332
|
+
childHasChildren: d,
|
|
333
|
+
childChildren: o,
|
|
334
|
+
depth: i,
|
|
335
|
+
columnSizing: h,
|
|
336
|
+
tableConfig: k,
|
|
337
|
+
table: a,
|
|
338
|
+
visibleCols: b,
|
|
339
|
+
hasSelection: p,
|
|
340
|
+
hasExpansion: D,
|
|
341
|
+
selectionState: f,
|
|
342
|
+
onToggleRowSelection: u,
|
|
343
|
+
expandedIds: F,
|
|
344
|
+
onToggleExpand: v,
|
|
345
|
+
expandableConfig: C,
|
|
346
|
+
indentSize: n,
|
|
347
|
+
childrenKey: s
|
|
348
|
+
}) {
|
|
349
|
+
const w = p ? 40 : 0;
|
|
350
|
+
return /* @__PURE__ */ I(V, { children: [
|
|
351
|
+
/* @__PURE__ */ I("tr", { className: B("ckds-dragable-tr flex w-full"), "data-depth": i, style: { position: "relative", zIndex: 0, borderBottom: "1px solid var(--ckcl-black-50, #F4F4F4)" }, children: [
|
|
352
|
+
p && /* @__PURE__ */ t("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: W, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ t(j, { checked: y, onChange: () => u?.(e) }) }),
|
|
353
|
+
b.map((x, c) => {
|
|
354
|
+
const $ = c === 0, A = r[x.id], N = A != null ? String(A) : "", L = E(i, k.stripedRows, m), Y = $ && D ? /* @__PURE__ */ t(
|
|
355
|
+
G,
|
|
356
|
+
{
|
|
357
|
+
isExpanded: g,
|
|
358
|
+
hasChildren: d,
|
|
359
|
+
depth: i,
|
|
360
|
+
indentSize: n,
|
|
361
|
+
onToggle: () => v?.(e),
|
|
362
|
+
children: N
|
|
363
|
+
}
|
|
364
|
+
) : N;
|
|
365
|
+
return /* @__PURE__ */ t(
|
|
366
|
+
"td",
|
|
367
|
+
{
|
|
368
|
+
className: "ckds-dragable-td flex items-center",
|
|
369
|
+
style: {
|
|
370
|
+
...T(x, a, w),
|
|
371
|
+
...k.wrapText ? { minHeight: `${W}px` } : { height: `${W}px` },
|
|
372
|
+
...O(x, b, h),
|
|
373
|
+
backgroundColor: L,
|
|
374
|
+
// Explicit color — avoids DaisyUI text-base-* token dependency
|
|
375
|
+
color: l ? "var(--ckcl-black-400, #737373)" : "var(--ckcl-black-500, #2b2b2b)",
|
|
376
|
+
justifyContent: H(x.columnDef),
|
|
377
|
+
textAlign: R(x.columnDef)
|
|
378
|
+
},
|
|
379
|
+
children: /* @__PURE__ */ t(M, { title: N, wrapText: k.wrapText, children: Y })
|
|
380
|
+
},
|
|
381
|
+
`${e}-${x.id}`
|
|
382
|
+
);
|
|
383
|
+
})
|
|
384
|
+
] }),
|
|
385
|
+
g && d && o && /* @__PURE__ */ t(
|
|
386
|
+
P,
|
|
387
|
+
{
|
|
388
|
+
nestedChildren: o,
|
|
389
|
+
parentId: e,
|
|
390
|
+
depth: i + 1,
|
|
391
|
+
columnSizing: h,
|
|
392
|
+
tableConfig: k,
|
|
393
|
+
table: a,
|
|
394
|
+
hasSelection: p,
|
|
395
|
+
selectionState: f,
|
|
396
|
+
onToggleRowSelection: u,
|
|
397
|
+
expandedIds: F,
|
|
398
|
+
onToggleExpand: v,
|
|
399
|
+
expandableConfig: C,
|
|
400
|
+
indentSize: n,
|
|
401
|
+
childrenKey: s
|
|
402
|
+
}
|
|
403
|
+
)
|
|
404
|
+
] });
|
|
405
|
+
}
|
|
406
|
+
export {
|
|
407
|
+
ae as default
|
|
408
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ExpandableConfig } from '../_types/table.types';
|
|
2
|
+
/**
|
|
3
|
+
* Hook to manage row expansion state for nested/expandable rows.
|
|
4
|
+
* Supports controlled (expandedIds prop) and uncontrolled modes.
|
|
5
|
+
*/
|
|
6
|
+
export declare function useExpansion<TData>(config?: ExpandableConfig<TData>): {
|
|
7
|
+
expandedIds: Set<string>;
|
|
8
|
+
toggleExpand: (rowId: string) => void;
|
|
9
|
+
expandAll: (allRowIds: string[]) => void;
|
|
10
|
+
collapseAll: () => void;
|
|
11
|
+
isExpanded: (rowId: string) => boolean;
|
|
12
|
+
flattenData: ((items: TData[], depth: number, parentId: string) => {
|
|
13
|
+
row: TData;
|
|
14
|
+
depth: number;
|
|
15
|
+
rowId: string;
|
|
16
|
+
hasChildren: boolean;
|
|
17
|
+
isExpanded: boolean;
|
|
18
|
+
}[]) | null;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=useExpansion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useExpansion.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_hooks/useExpansion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;;0BAUxD,MAAM;2BAoBF,MAAM,EAAE;;wBAuBZ,MAAM,KAAG,OAAO;0BAWf,KAAK,EAAE,SACP,MAAM,YACH,MAAM,KACf;QAAE,GAAG,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,EAAE;EA+B/F"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { useState as A, useCallback as a, useMemo as m } from "react";
|
|
2
|
+
function k(e) {
|
|
3
|
+
const [C, d] = A(() => e?.expandedIds ? e.expandedIds : /* @__PURE__ */ new Set()), s = e?.expandedIds ?? C, S = a(
|
|
4
|
+
(n) => {
|
|
5
|
+
if (!e?.enabled) return;
|
|
6
|
+
const t = new Set(s);
|
|
7
|
+
t.has(n) ? t.delete(n) : t.add(n), e.onExpandChange ? e.onExpandChange(t) : d(t);
|
|
8
|
+
},
|
|
9
|
+
[e, s]
|
|
10
|
+
), b = a(
|
|
11
|
+
(n) => {
|
|
12
|
+
if (!e?.enabled) return;
|
|
13
|
+
const t = new Set(n);
|
|
14
|
+
e.onExpandChange ? e.onExpandChange(t) : d(t);
|
|
15
|
+
},
|
|
16
|
+
[e]
|
|
17
|
+
), i = a(() => {
|
|
18
|
+
if (!e?.enabled) return;
|
|
19
|
+
const n = /* @__PURE__ */ new Set();
|
|
20
|
+
e.onExpandChange ? e.onExpandChange(n) : d(n);
|
|
21
|
+
}, [e]), w = a(
|
|
22
|
+
(n) => s.has(n),
|
|
23
|
+
[s]
|
|
24
|
+
), I = m(() => {
|
|
25
|
+
if (!e?.enabled) return null;
|
|
26
|
+
const n = e.childrenKey ?? "children", t = (y, x, o) => {
|
|
27
|
+
const r = [];
|
|
28
|
+
return y.forEach((h, u) => {
|
|
29
|
+
const l = o ? `${o}.${u}` : String(u), p = h[n], E = Array.isArray(p) && p.length > 0, c = s.has(l);
|
|
30
|
+
r.push({ row: h, depth: x, rowId: l, hasChildren: E, isExpanded: c }), E && c && r.push(...t(p, x + 1, l));
|
|
31
|
+
}), r;
|
|
32
|
+
};
|
|
33
|
+
return t;
|
|
34
|
+
}, [e, s]);
|
|
35
|
+
return {
|
|
36
|
+
expandedIds: s,
|
|
37
|
+
toggleExpand: S,
|
|
38
|
+
expandAll: b,
|
|
39
|
+
collapseAll: i,
|
|
40
|
+
isExpanded: w,
|
|
41
|
+
flattenData: I
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
k as useExpansion
|
|
46
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { TableColumnDef, TableConfig, ColumnFilterValue, DynamicFilter, ColumnManagerConfig } from '../_types/table.types';
|
|
2
|
+
export interface UseFilterColumnStateOptions<TData> {
|
|
3
|
+
columns: TableColumnDef<TData>[];
|
|
4
|
+
data: TData[];
|
|
5
|
+
columnManagerConfig?: Partial<ColumnManagerConfig>;
|
|
6
|
+
persistKey?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface UseFilterColumnStateReturn<TData> {
|
|
9
|
+
dynamicFilters: Record<string, DynamicFilter>;
|
|
10
|
+
columnFilters: ColumnFilterValue[];
|
|
11
|
+
setColumnFilters: React.Dispatch<React.SetStateAction<ColumnFilterValue[]>>;
|
|
12
|
+
tableConfig: TableConfig<TData>;
|
|
13
|
+
setTableConfig: React.Dispatch<React.SetStateAction<TableConfig<TData>>>;
|
|
14
|
+
filteredData: TData[];
|
|
15
|
+
}
|
|
16
|
+
export declare function useFilterColumnState<TData extends Record<string, unknown> = Record<string, unknown>>({ columns, data, columnManagerConfig, persistKey, }: UseFilterColumnStateOptions<TData>): UseFilterColumnStateReturn<TData>;
|
|
17
|
+
//# sourceMappingURL=useFilterColumnState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFilterColumnState.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_hooks/useFilterColumnState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EAGpB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,2BAA2B,CAAC,KAAK;IAChD,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC9C,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;IAC5E,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACzE,YAAY,EAAE,KAAK,EAAE,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACpG,OAAO,EACP,IAAI,EACJ,mBAAwB,EACxB,UAAU,GACX,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAqHxE"}
|