@kosmeo-ui/react 0.2.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/components/buttons/button/styles.css +43 -43
- package/dist/components/buttons/rowActions/index.d.ts.map +1 -1
- package/dist/components/buttons/rowActions/index.js +2 -1
- package/dist/components/buttons/rowActions/index.js.map +1 -1
- package/dist/components/data-display/addressBlock/styles.css +2 -2
- package/dist/components/data-display/colorSwatch/index.d.ts +1 -1
- package/dist/components/data-display/colorSwatch/index.d.ts.map +1 -1
- package/dist/components/data-display/colorSwatch/index.js +1 -1
- package/dist/components/data-display/colorSwatch/index.js.map +1 -1
- package/dist/components/data-display/colorSwatch/styles.css +1 -1
- package/dist/components/data-display/dataTable/index.d.ts.map +1 -1
- package/dist/components/data-display/dataTable/index.js +7 -3
- package/dist/components/data-display/dataTable/index.js.map +1 -1
- package/dist/components/data-display/dataTable/styles.css +3 -2
- package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts +8 -1
- package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts.map +1 -1
- package/dist/components/data-display/dataTable/utils/parseDataKey.js +13 -41
- package/dist/components/data-display/dataTable/utils/parseDataKey.js.map +1 -1
- package/dist/components/data-display/imagePreview/styles.css +2 -2
- package/dist/components/data-display/infiniteScroll/filters/index.d.ts +4 -0
- package/dist/components/data-display/infiniteScroll/filters/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/index.js +12 -2
- package/dist/components/data-display/infiniteScroll/filters/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/listFilter.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/listFilter.js +1 -1
- package/dist/components/data-display/infiniteScroll/filters/listFilter.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/rangeFilter.d.ts +6 -0
- package/dist/components/data-display/infiniteScroll/filters/rangeFilter.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/rangeFilter.js +55 -46
- package/dist/components/data-display/infiniteScroll/filters/rangeFilter.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/selectFilter.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/selectFilter.js +3 -5
- package/dist/components/data-display/infiniteScroll/filters/selectFilter.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/styles.css +30 -1
- package/dist/components/data-display/infiniteScroll/header/limit.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/limit.js +1 -1
- package/dist/components/data-display/infiniteScroll/header/limit.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortBy.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortBy.js +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortBy.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortDirection.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortDirection.js +1 -1
- package/dist/components/data-display/infiniteScroll/header/sortDirection.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/index.d.ts +8 -0
- package/dist/components/data-display/infiniteScroll/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/index.js +41 -23
- package/dist/components/data-display/infiniteScroll/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/styles.css +2 -2
- package/dist/components/data-display/infiniteScroll/tags/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/index.js +6 -5
- package/dist/components/data-display/infiniteScroll/tags/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js +6 -6
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.js +3 -5
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/utils/generateQueryString.d.ts +6 -0
- package/dist/components/data-display/infiniteScroll/utils/generateQueryString.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/utils/generateQueryString.js +24 -12
- package/dist/components/data-display/infiniteScroll/utils/generateQueryString.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.d.ts +11 -1
- package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.js +37 -18
- package/dist/components/data-display/infiniteScroll/utils/hasPendingChanges.js.map +1 -1
- package/dist/components/data-display/listCard/styles.css +3 -3
- package/dist/components/data-display/listRow/styles.css +2 -2
- package/dist/components/data-display/recoveryCodeGrid/styles.css +3 -3
- package/dist/components/data-display/secretDisplay/styles.css +4 -4
- package/dist/components/data-display/statCard/styles.css +12 -12
- package/dist/components/data-display/summaryRow/styles.css +4 -4
- package/dist/components/data-display/table/index.d.ts.map +1 -1
- package/dist/components/data-display/table/index.js +2 -2
- package/dist/components/data-display/table/index.js.map +1 -1
- package/dist/components/data-display/table/styles.css +10 -10
- package/dist/components/data-display/tableFilters/index.d.ts +30 -0
- package/dist/components/data-display/tableFilters/index.d.ts.map +1 -0
- package/dist/components/data-display/tableFilters/index.js +67 -0
- package/dist/components/data-display/tableFilters/index.js.map +1 -0
- package/dist/components/data-display/tagCard/index.d.ts.map +1 -1
- package/dist/components/data-display/tagCard/index.js +1 -1
- package/dist/components/data-display/tagCard/index.js.map +1 -1
- package/dist/components/data-display/tagCard/styles.css +1 -1
- package/dist/components/feedback/alert/styles.css +15 -15
- package/dist/components/feedback/badge/index.d.ts.map +1 -1
- package/dist/components/feedback/badge/index.js +14 -8
- package/dist/components/feedback/badge/index.js.map +1 -1
- package/dist/components/feedback/badge/styles.css +44 -46
- package/dist/components/feedback/emptyState/styles.css +2 -2
- package/dist/components/feedback/loadingOverlay/styles.css +1 -1
- package/dist/components/feedback/progressBar/styles.css +11 -11
- package/dist/components/feedback/spinner/styles.css +14 -11
- package/dist/components/feedback/tooltip/styles.css +9 -7
- package/dist/components/forms/detailField/styles.css +1 -1
- package/dist/components/forms/fieldShell/index.d.ts +3 -1
- package/dist/components/forms/fieldShell/index.d.ts.map +1 -1
- package/dist/components/forms/fieldShell/index.js +1 -1
- package/dist/components/forms/fieldShell/index.js.map +1 -1
- package/dist/components/forms/fieldShell/styles.css +5 -5
- package/dist/components/forms/form/styles.css +6 -6
- package/dist/components/forms/formActions/styles.css +4 -4
- package/dist/components/forms/formGrid/styles.css +32 -0
- package/dist/components/forms/infoRow/styles.css +2 -2
- package/dist/components/forms/optionsGroup/index.d.ts +3 -1
- package/dist/components/forms/optionsGroup/index.d.ts.map +1 -1
- package/dist/components/forms/optionsGroup/index.js +5 -1
- package/dist/components/forms/optionsGroup/index.js.map +1 -1
- package/dist/components/forms/optionsGroup/styles.css +1 -1
- package/dist/components/forms/requiredAsterisk/index.d.ts.map +1 -1
- package/dist/components/forms/requiredAsterisk/index.js +3 -2
- package/dist/components/forms/requiredAsterisk/index.js.map +1 -1
- package/dist/components/forms/requiredAsterisk/styles.css +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/index.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/index.js +3 -1
- package/dist/components/inputs/checkbox/index.js.map +1 -1
- package/dist/components/inputs/checkbox/styles.css +4 -4
- package/dist/components/inputs/colorPicker/index.d.ts.map +1 -1
- package/dist/components/inputs/colorPicker/index.js +3 -1
- package/dist/components/inputs/colorPicker/index.js.map +1 -1
- package/dist/components/inputs/colorPicker/styles.css +3 -3
- package/dist/components/inputs/dateInput/index.d.ts +3 -3
- package/dist/components/inputs/dateInput/index.d.ts.map +1 -1
- package/dist/components/inputs/dateInput/index.js +2 -2
- package/dist/components/inputs/dateInput/index.js.map +1 -1
- package/dist/components/inputs/dateInput/styles.css +5 -5
- package/dist/components/inputs/dateInput/utils.d.ts +0 -1
- package/dist/components/inputs/dateInput/utils.d.ts.map +1 -1
- package/dist/components/inputs/dateInput/utils.js +13 -8
- package/dist/components/inputs/dateInput/utils.js.map +1 -1
- package/dist/components/inputs/dropdown/index.js +1 -1
- package/dist/components/inputs/dropdown/index.js.map +1 -1
- package/dist/components/inputs/dropdown/styles.css +2 -2
- package/dist/components/inputs/dropdownArrowButton/styles.css +7 -5
- package/dist/components/inputs/fileDropZone/index.d.ts.map +1 -1
- package/dist/components/inputs/fileDropZone/index.js +3 -2
- package/dist/components/inputs/fileDropZone/index.js.map +1 -1
- package/dist/components/inputs/fileDropZone/styles.css +12 -12
- package/dist/components/inputs/fileUpload/index.d.ts.map +1 -1
- package/dist/components/inputs/fileUpload/index.js +11 -6
- package/dist/components/inputs/fileUpload/index.js.map +1 -1
- package/dist/components/inputs/fileUpload/styles.css +9 -9
- package/dist/components/inputs/input/index.d.ts +12 -0
- package/dist/components/inputs/input/index.d.ts.map +1 -1
- package/dist/components/inputs/input/index.js +4 -3
- package/dist/components/inputs/input/index.js.map +1 -1
- package/dist/components/inputs/input/styles.css +28 -28
- package/dist/components/inputs/languageSelect/index.d.ts.map +1 -1
- package/dist/components/inputs/languageSelect/index.js +15 -4
- package/dist/components/inputs/languageSelect/index.js.map +1 -1
- package/dist/components/inputs/multiSelect/dropDown.d.ts +7 -0
- package/dist/components/inputs/multiSelect/dropDown.d.ts.map +1 -1
- package/dist/components/inputs/multiSelect/dropDown.js +19 -12
- package/dist/components/inputs/multiSelect/dropDown.js.map +1 -1
- package/dist/components/inputs/multiSelect/index.d.ts.map +1 -1
- package/dist/components/inputs/multiSelect/index.js +49 -13
- package/dist/components/inputs/multiSelect/index.js.map +1 -1
- package/dist/components/inputs/multiSelect/styles.css +51 -43
- package/dist/components/inputs/multiSelect/utils.d.ts +7 -0
- package/dist/components/inputs/multiSelect/utils.d.ts.map +1 -0
- package/dist/components/inputs/multiSelect/utils.js +18 -0
- package/dist/components/inputs/multiSelect/utils.js.map +1 -0
- package/dist/components/inputs/phoneInput/index.d.ts.map +1 -1
- package/dist/components/inputs/phoneInput/index.js +11 -3
- package/dist/components/inputs/phoneInput/index.js.map +1 -1
- package/dist/components/inputs/phoneInput/styles.css +13 -13
- package/dist/components/inputs/radioGroup/index.d.ts.map +1 -1
- package/dist/components/inputs/radioGroup/index.js +1 -1
- package/dist/components/inputs/radioGroup/index.js.map +1 -1
- package/dist/components/inputs/richTextEditor/index.d.ts.map +1 -1
- package/dist/components/inputs/richTextEditor/index.js +21 -22
- package/dist/components/inputs/richTextEditor/index.js.map +1 -1
- package/dist/components/inputs/richTextEditor/styles.css +24 -24
- package/dist/components/inputs/searchList/index.d.ts +4 -1
- package/dist/components/inputs/searchList/index.d.ts.map +1 -1
- package/dist/components/inputs/searchList/index.js +46 -31
- package/dist/components/inputs/searchList/index.js.map +1 -1
- package/dist/components/inputs/searchList/styles.css +22 -22
- package/dist/components/inputs/searchSelect/index.d.ts.map +1 -1
- package/dist/components/inputs/searchSelect/index.js +8 -2
- package/dist/components/inputs/searchSelect/index.js.map +1 -1
- package/dist/components/inputs/select/index.js +3 -2
- package/dist/components/inputs/select/index.js.map +1 -1
- package/dist/components/inputs/select/styles.css +93 -15
- package/dist/components/inputs/switch/index.d.ts.map +1 -1
- package/dist/components/inputs/switch/index.js +3 -1
- package/dist/components/inputs/switch/index.js.map +1 -1
- package/dist/components/inputs/switch/styles.css +5 -5
- package/dist/components/inputs/textArea/index.d.ts.map +1 -1
- package/dist/components/inputs/textArea/index.js +3 -2
- package/dist/components/inputs/textArea/index.js.map +1 -1
- package/dist/components/inputs/textArea/styles.css +11 -11
- package/dist/components/inputs/typeahead/index.d.ts.map +1 -1
- package/dist/components/inputs/typeahead/index.js +21 -6
- package/dist/components/inputs/typeahead/index.js.map +1 -1
- package/dist/components/inputs/typeahead/styles.css +13 -13
- package/dist/components/layout/authPage/styles.css +6 -6
- package/dist/components/layout/borderedSection/styles.css +3 -3
- package/dist/components/layout/card/styles.css +31 -31
- package/dist/components/layout/col/styles.css +1 -1
- package/dist/components/layout/page/styles.css +25 -5
- package/dist/components/layout/sectionHeader/styles.css +3 -3
- package/dist/components/navigation/breadcrumbs/styles.css +7 -7
- package/dist/components/navigation/pagination/styles.css +15 -15
- package/dist/components/navigation/sidebar/styles.css +6 -6
- package/dist/components/navigation/stepper/styles.css +14 -14
- package/dist/components/navigation/tabButton/styles.css +59 -59
- package/dist/components/navigation/tabs/styles.css +5 -5
- package/dist/components/overlays/modal/index.d.ts +1 -1
- package/dist/components/overlays/modal/index.d.ts.map +1 -1
- package/dist/components/overlays/modal/index.js +3 -2
- package/dist/components/overlays/modal/index.js.map +1 -1
- package/dist/components/overlays/modal/styles.css +19 -19
- package/dist/hooks/useInfinite.d.ts +3 -1
- package/dist/hooks/useInfinite.d.ts.map +1 -1
- package/dist/hooks/useInfinite.js +4 -2
- package/dist/hooks/useInfinite.js.map +1 -1
- package/dist/hooks/useInfiniteArchivableCursor.d.ts +1 -1
- package/dist/hooks/useInfiniteArchivableCursor.d.ts.map +1 -1
- package/dist/hooks/useInfiniteArchivableCursor.js +11 -4
- package/dist/hooks/useInfiniteArchivableCursor.js.map +1 -1
- package/dist/hooks/useInfiniteCursor.d.ts +1 -1
- package/dist/hooks/useInfiniteCursor.d.ts.map +1 -1
- package/dist/hooks/useInfiniteCursor.js +11 -4
- package/dist/hooks/useInfiniteCursor.js.map +1 -1
- package/dist/hooks/useListKeyboard.d.ts.map +1 -1
- package/dist/hooks/useListKeyboard.js +4 -0
- package/dist/hooks/useListKeyboard.js.map +1 -1
- package/dist/styles.css +142 -127
- package/package.json +15 -4
- package/src/components/buttons/button/styles.css +43 -43
- package/src/components/buttons/rowActions/index.tsx +6 -1
- package/src/components/data-display/addressBlock/styles.css +2 -2
- package/src/components/data-display/colorSwatch/index.tsx +2 -2
- package/src/components/data-display/colorSwatch/styles.css +1 -1
- package/src/components/data-display/dataTable/index.tsx +6 -3
- package/src/components/data-display/dataTable/styles.css +3 -2
- package/src/components/data-display/dataTable/utils/parseDataKey.ts +18 -36
- package/src/components/data-display/imagePreview/styles.css +2 -2
- package/src/components/data-display/infiniteScroll/filters/index.tsx +18 -1
- package/src/components/data-display/infiniteScroll/filters/listFilter.tsx +1 -0
- package/src/components/data-display/infiniteScroll/filters/rangeFilter.tsx +77 -33
- package/src/components/data-display/infiniteScroll/filters/selectFilter.tsx +11 -17
- package/src/components/data-display/infiniteScroll/filters/styles.css +30 -1
- package/src/components/data-display/infiniteScroll/header/limit.tsx +1 -0
- package/src/components/data-display/infiniteScroll/header/sortBy.tsx +1 -0
- package/src/components/data-display/infiniteScroll/header/sortDirection.tsx +1 -0
- package/src/components/data-display/infiniteScroll/index.tsx +75 -29
- package/src/components/data-display/infiniteScroll/styles.css +2 -2
- package/src/components/data-display/infiniteScroll/tags/index.tsx +6 -5
- package/src/components/data-display/infiniteScroll/tags/listFilterTag.tsx +20 -13
- package/src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx +4 -3
- package/src/components/data-display/infiniteScroll/utils/generateQueryString.ts +28 -13
- package/src/components/data-display/infiniteScroll/utils/hasPendingChanges.ts +48 -16
- package/src/components/data-display/listCard/styles.css +3 -3
- package/src/components/data-display/listRow/styles.css +2 -2
- package/src/components/data-display/recoveryCodeGrid/styles.css +3 -3
- package/src/components/data-display/secretDisplay/styles.css +4 -4
- package/src/components/data-display/statCard/styles.css +12 -12
- package/src/components/data-display/summaryRow/styles.css +4 -4
- package/src/components/data-display/table/index.tsx +2 -2
- package/src/components/data-display/table/styles.css +10 -10
- package/src/components/data-display/tableFilters/index.tsx +147 -0
- package/src/components/data-display/tagCard/index.tsx +3 -2
- package/src/components/data-display/tagCard/styles.css +1 -1
- package/src/components/feedback/alert/styles.css +15 -15
- package/src/components/feedback/badge/index.tsx +36 -16
- package/src/components/feedback/badge/styles.css +44 -46
- package/src/components/feedback/emptyState/styles.css +2 -2
- package/src/components/feedback/loadingOverlay/styles.css +1 -1
- package/src/components/feedback/progressBar/styles.css +11 -11
- package/src/components/feedback/spinner/styles.css +14 -11
- package/src/components/feedback/tooltip/styles.css +9 -7
- package/src/components/forms/detailField/styles.css +1 -1
- package/src/components/forms/fieldShell/index.tsx +4 -1
- package/src/components/forms/fieldShell/styles.css +5 -5
- package/src/components/forms/form/styles.css +6 -6
- package/src/components/forms/formActions/styles.css +4 -4
- package/src/components/forms/formGrid/styles.css +32 -0
- package/src/components/forms/infoRow/styles.css +2 -2
- package/src/components/forms/optionsGroup/index.tsx +31 -12
- package/src/components/forms/optionsGroup/styles.css +1 -1
- package/src/components/forms/requiredAsterisk/index.tsx +5 -1
- package/src/components/forms/requiredAsterisk/styles.css +1 -1
- package/src/components/index.ts +2 -0
- package/src/components/inputs/checkbox/index.tsx +3 -2
- package/src/components/inputs/checkbox/styles.css +4 -4
- package/src/components/inputs/colorPicker/index.tsx +5 -2
- package/src/components/inputs/colorPicker/styles.css +3 -3
- package/src/components/inputs/dateInput/index.tsx +4 -5
- package/src/components/inputs/dateInput/styles.css +5 -5
- package/src/components/inputs/dateInput/utils.ts +12 -8
- package/src/components/inputs/dropdown/index.tsx +1 -1
- package/src/components/inputs/dropdown/styles.css +2 -2
- package/src/components/inputs/dropdownArrowButton/styles.css +7 -5
- package/src/components/inputs/fileDropZone/index.tsx +4 -3
- package/src/components/inputs/fileDropZone/styles.css +12 -12
- package/src/components/inputs/fileUpload/index.tsx +33 -23
- package/src/components/inputs/fileUpload/styles.css +9 -9
- package/src/components/inputs/input/index.tsx +21 -3
- package/src/components/inputs/input/styles.css +28 -28
- package/src/components/inputs/languageSelect/index.tsx +19 -4
- package/src/components/inputs/multiSelect/dropDown.tsx +83 -35
- package/src/components/inputs/multiSelect/index.tsx +87 -30
- package/src/components/inputs/multiSelect/styles.css +51 -43
- package/src/components/inputs/multiSelect/utils.ts +18 -0
- package/src/components/inputs/phoneInput/index.tsx +10 -2
- package/src/components/inputs/phoneInput/styles.css +13 -13
- package/src/components/inputs/radioGroup/index.tsx +2 -1
- package/src/components/inputs/richTextEditor/index.tsx +42 -44
- package/src/components/inputs/richTextEditor/styles.css +24 -24
- package/src/components/inputs/searchList/index.tsx +121 -109
- package/src/components/inputs/searchList/styles.css +22 -22
- package/src/components/inputs/searchSelect/index.tsx +8 -2
- package/src/components/inputs/select/index.tsx +3 -3
- package/src/components/inputs/select/styles.css +93 -15
- package/src/components/inputs/switch/index.tsx +3 -2
- package/src/components/inputs/switch/styles.css +5 -5
- package/src/components/inputs/textArea/index.tsx +3 -3
- package/src/components/inputs/textArea/styles.css +11 -11
- package/src/components/inputs/typeahead/index.tsx +84 -54
- package/src/components/inputs/typeahead/styles.css +13 -13
- package/src/components/layout/authPage/styles.css +6 -6
- package/src/components/layout/borderedSection/styles.css +3 -3
- package/src/components/layout/card/styles.css +31 -31
- package/src/components/layout/col/styles.css +1 -1
- package/src/components/layout/page/styles.css +25 -5
- package/src/components/layout/sectionHeader/styles.css +3 -3
- package/src/components/navigation/breadcrumbs/styles.css +7 -7
- package/src/components/navigation/pagination/styles.css +15 -15
- package/src/components/navigation/sidebar/styles.css +6 -6
- package/src/components/navigation/stepper/styles.css +14 -14
- package/src/components/navigation/tabButton/styles.css +59 -59
- package/src/components/navigation/tabs/styles.css +5 -5
- package/src/components/overlays/modal/index.tsx +14 -2
- package/src/components/overlays/modal/styles.css +19 -19
- package/src/hooks/useInfinite.ts +7 -3
- package/src/hooks/useInfiniteArchivableCursor.ts +11 -4
- package/src/hooks/useInfiniteCursor.ts +11 -4
- package/src/hooks/useListKeyboard.ts +4 -0
- package/src/styles.css +142 -127
|
@@ -1,26 +1,65 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
4
|
+
import { hasRangeValue } from "../utils/hasPendingChanges.js";
|
|
4
5
|
import Dropdown from "../../../inputs/dropdown/index.js";
|
|
6
|
+
import Button from "../../../buttons/button/index.js";
|
|
5
7
|
import Input from "../../../inputs/input/index.js";
|
|
6
8
|
import { DateTime } from "luxon";
|
|
7
9
|
import "./styles.css";
|
|
8
10
|
import { faCalendarDays, faFont, faHashtag, } from "@fortawesome/free-solid-svg-icons";
|
|
11
|
+
// An empty or unparseable box is no bound, never NaN or a thrown error. A DATE
|
|
12
|
+
// range sends the picked calendar day (yyyy-mm-dd): converting local midnight
|
|
13
|
+
// to UTC moved it off the day the user chose.
|
|
14
|
+
const parseRangeInput = (rangeType, raw) => {
|
|
15
|
+
if (raw === "")
|
|
16
|
+
return undefined;
|
|
17
|
+
if (rangeType === "NUMBER") {
|
|
18
|
+
const n = Number(raw);
|
|
19
|
+
return Number.isNaN(n) ? undefined : n;
|
|
20
|
+
}
|
|
21
|
+
if (rangeType === "DATE") {
|
|
22
|
+
return DateTime.fromISO(raw).isValid ? raw : undefined;
|
|
23
|
+
}
|
|
24
|
+
if (rangeType === "DATETIME") {
|
|
25
|
+
return DateTime.fromISO(raw).toUTC().toISO() ?? undefined;
|
|
26
|
+
}
|
|
27
|
+
return raw;
|
|
28
|
+
};
|
|
9
29
|
const RangeFilter = (props) => {
|
|
10
30
|
const [startValue, setStartValue] = useState(props.filter.startValue);
|
|
11
31
|
const [endValue, setEndValue] = useState(props.filter.endValue);
|
|
32
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
33
|
+
// Follow the filter when it changes from outside (a tag removed, Reset),
|
|
34
|
+
// without undoing a draft in progress.
|
|
12
35
|
useEffect(() => {
|
|
13
|
-
if (props.filter.startValue === startValue)
|
|
14
|
-
return;
|
|
15
36
|
setStartValue(props.filter.startValue);
|
|
16
|
-
|
|
17
|
-
}, [props.filter.startValue, startValue]);
|
|
37
|
+
}, [props.filter.startValue]);
|
|
18
38
|
useEffect(() => {
|
|
19
|
-
|
|
39
|
+
setEndValue(props.filter.endValue);
|
|
40
|
+
}, [props.filter.endValue]);
|
|
41
|
+
const isDirty = startValue !== props.filter.startValue ||
|
|
42
|
+
endValue !== props.filter.endValue;
|
|
43
|
+
const commit = () => {
|
|
44
|
+
props.onFilterChange({ ...props.filter, startValue, endValue });
|
|
45
|
+
setIsOpen(false);
|
|
46
|
+
};
|
|
47
|
+
const handleOpenChange = (open) => {
|
|
48
|
+
setIsOpen(open);
|
|
49
|
+
if (open || !props.applyInMenu)
|
|
20
50
|
return;
|
|
51
|
+
setStartValue(props.filter.startValue);
|
|
21
52
|
setEndValue(props.filter.endValue);
|
|
22
|
-
|
|
23
|
-
|
|
53
|
+
};
|
|
54
|
+
// Enter applies the draft here instead of reaching the filter bar.
|
|
55
|
+
const handleKeyDown = (e) => {
|
|
56
|
+
if (!props.applyInMenu || e.key !== "Enter")
|
|
57
|
+
return;
|
|
58
|
+
e.preventDefault();
|
|
59
|
+
e.stopPropagation();
|
|
60
|
+
if (isDirty)
|
|
61
|
+
commit();
|
|
62
|
+
};
|
|
24
63
|
const inputType = useMemo(() => {
|
|
25
64
|
if (props.filter.rangeType === "NUMBER") {
|
|
26
65
|
return "number";
|
|
@@ -45,7 +84,7 @@ const RangeFilter = (props) => {
|
|
|
45
84
|
return faFont;
|
|
46
85
|
}, [props.filter.rangeType]);
|
|
47
86
|
const formattedStartValue = useMemo(() => {
|
|
48
|
-
if (!startValue)
|
|
87
|
+
if (!hasRangeValue(startValue))
|
|
49
88
|
return "";
|
|
50
89
|
if (props.filter.rangeType === "DATE") {
|
|
51
90
|
return DateTime.fromISO(startValue).toFormat("yyyy-MM-dd");
|
|
@@ -57,7 +96,7 @@ const RangeFilter = (props) => {
|
|
|
57
96
|
return startValue;
|
|
58
97
|
}, [props.filter.rangeType, startValue]);
|
|
59
98
|
const formattedEndValue = useMemo(() => {
|
|
60
|
-
if (!endValue)
|
|
99
|
+
if (!hasRangeValue(endValue))
|
|
61
100
|
return "";
|
|
62
101
|
if (props.filter.rangeType === "DATE") {
|
|
63
102
|
return DateTime.fromISO(endValue).toFormat("yyyy-MM-dd");
|
|
@@ -69,25 +108,10 @@ const RangeFilter = (props) => {
|
|
|
69
108
|
return endValue;
|
|
70
109
|
}, [props.filter.rangeType, endValue]);
|
|
71
110
|
const handleStartChange = useCallback((e) => {
|
|
72
|
-
|
|
73
|
-
if (props.filter.rangeType === "NUMBER") {
|
|
74
|
-
newValue = parseInt(e.target.value);
|
|
75
|
-
}
|
|
76
|
-
else if (props.filter.rangeType === "DATE") {
|
|
77
|
-
const res = DateTime.fromISO(e.target.value).toUTC().toISO();
|
|
78
|
-
if (!res)
|
|
79
|
-
throw new Error("Invalid date");
|
|
80
|
-
newValue = res;
|
|
81
|
-
}
|
|
82
|
-
else if (props.filter.rangeType === "DATETIME") {
|
|
83
|
-
const res = DateTime.fromISO(e.target.value).toUTC().toISO();
|
|
84
|
-
if (!res)
|
|
85
|
-
throw new Error("Invalid date");
|
|
86
|
-
newValue = res;
|
|
87
|
-
}
|
|
88
|
-
else
|
|
89
|
-
newValue = e.target.value;
|
|
111
|
+
const newValue = parseRangeInput(props.filter.rangeType, e.target.value);
|
|
90
112
|
setStartValue(newValue);
|
|
113
|
+
if (props.applyInMenu)
|
|
114
|
+
return;
|
|
91
115
|
props.onFilterChange({
|
|
92
116
|
...props.filter,
|
|
93
117
|
startValue: newValue,
|
|
@@ -95,32 +119,17 @@ const RangeFilter = (props) => {
|
|
|
95
119
|
});
|
|
96
120
|
}, [props, endValue]);
|
|
97
121
|
const handleEndChange = useCallback((e) => {
|
|
98
|
-
|
|
99
|
-
if (props.filter.rangeType === "NUMBER") {
|
|
100
|
-
newValue = parseInt(e.target.value);
|
|
101
|
-
}
|
|
102
|
-
else if (props.filter.rangeType === "DATE") {
|
|
103
|
-
const res = DateTime.fromISO(e.target.value).toUTC().toISO();
|
|
104
|
-
if (!res)
|
|
105
|
-
throw new Error("Invalid date");
|
|
106
|
-
newValue = res;
|
|
107
|
-
}
|
|
108
|
-
else if (props.filter.rangeType === "DATETIME") {
|
|
109
|
-
const res = DateTime.fromISO(e.target.value).toUTC().toISO();
|
|
110
|
-
if (!res)
|
|
111
|
-
throw new Error("Invalid date");
|
|
112
|
-
newValue = res;
|
|
113
|
-
}
|
|
114
|
-
else
|
|
115
|
-
newValue = e.target.value;
|
|
122
|
+
const newValue = parseRangeInput(props.filter.rangeType, e.target.value);
|
|
116
123
|
setEndValue(newValue);
|
|
124
|
+
if (props.applyInMenu)
|
|
125
|
+
return;
|
|
117
126
|
props.onFilterChange({
|
|
118
127
|
...props.filter,
|
|
119
128
|
startValue,
|
|
120
129
|
endValue: newValue,
|
|
121
130
|
});
|
|
122
131
|
}, [props, startValue]);
|
|
123
|
-
return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, icon: iconToUse, align: "left", children: _jsxs("div", { className: "k-filter-menu", children: [_jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "Start" }), _jsx(Input, { size: "sm", type: inputType, value: formattedStartValue, onChange: handleStartChange, max: formattedEndValue })] }), _jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "End" }), _jsx(Input, { size: "sm", type: inputType, value: formattedEndValue, onChange: handleEndChange, min: formattedStartValue })] })] }) }));
|
|
132
|
+
return (_jsx(Dropdown, { size: "sm", variant: "secondary", label: props.filter.title, icon: iconToUse, align: "left", isOpen: isOpen, onOpenChange: handleOpenChange, children: _jsxs("div", { className: "k-filter-menu", onKeyDown: handleKeyDown, children: [_jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "Start" }), _jsx(Input, { size: "sm", type: inputType, value: formattedStartValue, onChange: handleStartChange, "aria-label": `${props.filter.title} start`, max: formattedEndValue })] }), _jsxs("div", { className: "k-range-filter-menu-column", children: [_jsx("p", { className: "k-range-filter-menu-label", children: "End" }), _jsx(Input, { size: "sm", type: inputType, value: formattedEndValue, onChange: handleEndChange, "aria-label": `${props.filter.title} end`, min: formattedStartValue })] }), props.applyInMenu && (_jsx("div", { className: "k-range-filter-menu-actions", children: _jsx(Button, { size: "sm", disabled: !isDirty, onClick: commit, children: "Apply" }) }))] }) }));
|
|
124
133
|
};
|
|
125
134
|
export default RangeFilter;
|
|
126
135
|
//# sourceMappingURL=rangeFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rangeFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/rangeFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,KAAK,MAAM,gCAAgC,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,GACV,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"rangeFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/rangeFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"selectFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,qBAAqB,EAErB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,+BAA+B;IACvC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,+BAA+B,gCA6E3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import IconButton from "../../../buttons/iconButton/index.js";
|
|
3
|
+
import { faSquareCheck } from "@fortawesome/free-solid-svg-icons";
|
|
5
4
|
import Dropdown from "../../../inputs/dropdown/index.js";
|
|
6
5
|
import { useEffect, useMemo, useState } from "react";
|
|
7
6
|
import Input from "../../../inputs/input/index.js";
|
|
8
7
|
import "./styles.css";
|
|
9
|
-
import { faCheckSquare, faSquareCheck, } from "@fortawesome/free-solid-svg-icons";
|
|
10
8
|
const SelectFilter = (props) => {
|
|
11
9
|
const [options, setOptions] = useState([]);
|
|
12
10
|
const [optionSearch, setOptionSearch] = useState("");
|
|
@@ -45,9 +43,9 @@ const SelectFilter = (props) => {
|
|
|
45
43
|
return true;
|
|
46
44
|
return item.name.toLowerCase().includes(optionSearch.toLowerCase());
|
|
47
45
|
});
|
|
48
|
-
return available.map((item
|
|
46
|
+
return available.map((item) => (_jsxs("label", { className: "k-select-filter-option", children: [_jsx("input", { type: "checkbox", className: "k-select-filter-option-input", checked: item.selected, onChange: () => handleSelect(item.id, !item.selected) }), item.name] }, item.id)));
|
|
49
47
|
}, [options, optionSearch]);
|
|
50
|
-
return (_jsx(Dropdown, { size: "sm", variant: "secondary", icon: faSquareCheck, align: "left", label: props.filter.title, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu k-select-filter-menu", children: [_jsx(Input, { size: "sm", placeholder: "Search", value: optionSearch, onChange: handleSearchOption }), _jsx("div", { className: "k-select-filter-menu-options", children: optionComponents })] }) }));
|
|
48
|
+
return (_jsx(Dropdown, { size: "sm", variant: "secondary", icon: faSquareCheck, align: "left", label: props.filter.title, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu k-select-filter-menu", children: [_jsx(Input, { size: "sm", placeholder: "Search", "aria-label": `Search ${props.filter.title} options`, value: optionSearch, onChange: handleSearchOption }), _jsx("div", { className: "k-select-filter-menu-options", children: optionComponents })] }) }));
|
|
51
49
|
};
|
|
52
50
|
export default SelectFilter;
|
|
53
51
|
//# sourceMappingURL=selectFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"selectFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/selectFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,8 +35,13 @@
|
|
|
35
35
|
flex-direction: column;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
+
.k-range-filter-menu-actions {
|
|
39
|
+
display: flex;
|
|
40
|
+
justify-content: flex-end;
|
|
41
|
+
}
|
|
42
|
+
|
|
38
43
|
.k-range-filter-menu-label {
|
|
39
|
-
color: var(--text-color-secondary);
|
|
44
|
+
color: var(--k-text-color-secondary);
|
|
40
45
|
margin-bottom: 0;
|
|
41
46
|
}
|
|
42
47
|
|
|
@@ -50,3 +55,27 @@
|
|
|
50
55
|
flex-direction: column;
|
|
51
56
|
overflow-y: auto;
|
|
52
57
|
}
|
|
58
|
+
|
|
59
|
+
.k-select-filter-option {
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
gap: 0.5rem;
|
|
63
|
+
padding: 0.375rem 0.5rem;
|
|
64
|
+
border-radius: 0.25rem;
|
|
65
|
+
font-size: var(--k-text-size-sm);
|
|
66
|
+
color: var(--k-text-color);
|
|
67
|
+
cursor: pointer;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.k-select-filter-option:hover,
|
|
71
|
+
.k-select-filter-option:has(:focus-visible) {
|
|
72
|
+
background-color: var(--k-background-color-hover);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.k-select-filter-option-input {
|
|
76
|
+
width: 1rem;
|
|
77
|
+
height: 1rem;
|
|
78
|
+
margin: 0;
|
|
79
|
+
accent-color: var(--k-primary-color);
|
|
80
|
+
cursor: pointer;
|
|
81
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limit.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAU;IAClB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACxE;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"limit.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAU;IAClB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACxE;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCAmD/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -28,7 +28,7 @@ const Limit = (props) => {
|
|
|
28
28
|
props.onLimitChange(newOptions);
|
|
29
29
|
setIsOpen(false);
|
|
30
30
|
};
|
|
31
|
-
return (_jsxs("div", { className: "k-limit-container", children: [_jsx("p", { children: "Results Per Page:" }), _jsx(Dropdown, { label: limitOptions.find((o) => o.selected)?.value || "None", align: "right", size: "sm", variant: "secondary", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: limitOptions.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.value, !key.selected), children: key.value }, index))) }) })] }));
|
|
31
|
+
return (_jsxs("div", { className: "k-limit-container", children: [_jsx("p", { children: "Results Per Page:" }), _jsx(Dropdown, { label: limitOptions.find((o) => o.selected)?.value || "None", "aria-label": `Results per page: ${limitOptions.find((o) => o.selected)?.value || "None"}`, align: "right", size: "sm", variant: "secondary", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: limitOptions.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.value, !key.selected), children: key.value }, index))) }) })] }));
|
|
32
32
|
};
|
|
33
33
|
export default Limit;
|
|
34
34
|
//# sourceMappingURL=limit.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"limit.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAOtB,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,KAAK,YAAY;YAAE,OAAO;QACvE,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE;QACxD,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;gBAAE,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;;gBACpD,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,4CAAwB,EACxB,KAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"limit.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/limit.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAOtB,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,KAAK,YAAY;YAAE,OAAO;QACvE,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,QAAiB,EAAE,EAAE;QACxD,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;gBAAE,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;;gBACpD,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjE,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,4CAAwB,EACxB,KAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,MAAM,gBAChD,qBAAqB,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,MAAM,EAAE,EACxF,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,cAAK,SAAS,EAAC,kCAAkC,YAC9C,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EAEb,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,YAEpD,GAAG,CAAC,KAAK,IAJL,KAAK,CAKC,CACd,CAAC,GACE,GACG,IACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortBy.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAW;IACnB,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,kBAAkB,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"sortBy.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,cAAc,CAAC;AAEtB,UAAU,WAAW;IACnB,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,kBAAkB,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCAuCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -18,7 +18,7 @@ const SortBy = (props) => {
|
|
|
18
18
|
props.handleSortByChange(newOptions);
|
|
19
19
|
setIsOpen(false);
|
|
20
20
|
};
|
|
21
|
-
return (_jsx(Dropdown, { align: "right", size: "sm", variant: "secondary", label: props.sortBy.find((key) => key.selected)?.displayName || "None", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: props.sortBy.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.dataKey, !key.selected), children: key.displayName }, index))) }) }));
|
|
21
|
+
return (_jsx(Dropdown, { align: "right", size: "sm", variant: "secondary", label: props.sortBy.find((key) => key.selected)?.displayName || "None", "aria-label": `Sort by: ${props.sortBy.find((key) => key.selected)?.displayName || "None"}`, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsx("div", { className: "k-infinite-scroll-dropdown-menu ", children: props.sortBy.map((key, index) => (_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: key.selected ? faCheckSquare : faSquare, onClick: () => handleSelect(key.dataKey, !key.selected), children: key.displayName }, index))) }) }));
|
|
22
22
|
};
|
|
23
23
|
export default SortBy;
|
|
24
24
|
//# sourceMappingURL=sortBy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortBy.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,QAAiB,EAAE,EAAE;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3C,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;gBAAE,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC;;gBACtD,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,WAAW,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"sortBy.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortBy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,QAAiB,EAAE,EAAE;QAC1D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3C,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;gBAAE,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC;;gBACtD,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,WAAW,IAAI,MAAM,gBAC1D,YAAY,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,WAAW,IAAI,MAAM,EAAE,EACzF,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxC,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,YAEtD,GAAG,CAAC,WAAW,IARX,KAAK,CASC,CACd,CAAC,GACE,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortDirection.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKjE,OAAO,cAAc,CAAC;AAEtB,UAAU,kBAAkB;IAC1B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,yBAAyB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,
|
|
1
|
+
{"version":3,"file":"sortDirection.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKjE,OAAO,cAAc,CAAC;AAEtB,UAAU,kBAAkB;IAC1B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,yBAAyB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCA2C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -13,7 +13,7 @@ const SortDirection = (props) => {
|
|
|
13
13
|
handleSortDirectionChange(direction);
|
|
14
14
|
setIsOpen(false);
|
|
15
15
|
};
|
|
16
|
-
return (_jsx(Dropdown, { variant: "secondary", align: "right", size: "sm", label: props.sortDirection === "asc" ? "Ascending" : "Descending", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-infinite-scroll-dropdown-menu ", children: [_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "asc" ? faCheckSquare : faSquare, onClick: () => handleSelect("asc"), children: "Ascending" }), _jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "desc" ? faCheckSquare : faSquare, onClick: () => handleSelect("desc"), children: "Descending" })] }) }));
|
|
16
|
+
return (_jsx(Dropdown, { variant: "secondary", align: "right", size: "sm", label: props.sortDirection === "asc" ? "Ascending" : "Descending", "aria-label": `Sort direction: ${props.sortDirection === "asc" ? "Ascending" : "Descending"}`, isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-infinite-scroll-dropdown-menu ", children: [_jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "asc" ? faCheckSquare : faSquare, onClick: () => handleSelect("asc"), children: "Ascending" }), _jsx(IconButton, { variant: "light", size: "sm", align: "left", shadow: false, icon: sortDirection === "desc" ? faCheckSquare : faSquare, onClick: () => handleSelect("desc"), children: "Descending" })] }) }));
|
|
17
17
|
};
|
|
18
18
|
export default SortDirection;
|
|
19
19
|
//# sourceMappingURL=sortDirection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortDirection.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,SAA4B,EAAE,EAAE;QACpD,yBAAyB,CAAC,SAAS,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"sortDirection.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/sortDirection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAOtB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,SAA4B,EAAE,EAAE;QACpD,yBAAyB,CAAC,SAAS,CAAC,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,gBACrD,mBAAmB,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,EAC3F,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,YAEvB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,0BAGvB,EACb,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,2BAGxB,IACT,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -50,6 +50,14 @@ interface InfiniteScrollProps<TData> {
|
|
|
50
50
|
hideSelectColumn?: boolean;
|
|
51
51
|
/** When true, hides the "Fetch Next Page" button */
|
|
52
52
|
hideNextPageButton?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* When filter, sort and page-size changes take effect. `"immediate"`
|
|
55
|
+
* (default) applies each change as it's made: searches wait for a pause in
|
|
56
|
+
* typing, and a range (two bounds in one menu) applies from the menu's own
|
|
57
|
+
* Apply button. `"manual"` collects changes until Apply is clicked. In
|
|
58
|
+
* both, Enter in a filter's text box applies at once.
|
|
59
|
+
*/
|
|
60
|
+
applyMode?: "immediate" | "manual";
|
|
53
61
|
}
|
|
54
62
|
declare const InfiniteScroll: <TData extends object>(props: InfiniteScrollProps<TData>) => import("react").JSX.Element;
|
|
55
63
|
export default InfiniteScroll;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/index.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,WAAW,EACX,kBAAkB,EAGlB,QAAQ,EACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAUf,UAAU,mBAAmB,CAAC,KAAK;IACjC,IAAI,EAAE,kBAAkB,CAAC;IACzB,2DAA2D;IAC3D,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;IACzD,yFAAyF;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/index.tsx"],"names":[],"mappings":"AAWA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,WAAW,EACX,kBAAkB,EAGlB,QAAQ,EACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAUf,UAAU,mBAAmB,CAAC,KAAK;IACjC,IAAI,EAAE,kBAAkB,CAAC;IACzB,2DAA2D;IAC3D,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iDAAiD;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;IACzD,yFAAyF;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,iGAAiG;IACjG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CACpC;AAID,QAAA,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,EAC1C,OAAO,mBAAmB,CAAC,KAAK,CAAC,gCA2UlC,CAAC;AAEF,eAAe,cAAc,CAAC;AAE9B,YAAY,EACV,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,6BAA6B,EAC7B,6BAA6B,GAC9B,MAAM,YAAY,CAAC"}
|
|
@@ -17,6 +17,7 @@ const DEFAULT_LIMIT_OPTIONS = [
|
|
|
17
17
|
{ value: 100, selected: false },
|
|
18
18
|
];
|
|
19
19
|
const SCROLL_THRESHOLD = 50;
|
|
20
|
+
const TYPING_DEBOUNCE_MS = 400;
|
|
20
21
|
const InfiniteScroll = (props) => {
|
|
21
22
|
if (props.columns && props.dataComponent) {
|
|
22
23
|
throw new Error("You cannot use both columns and dataComponent in the same infinite scroll component");
|
|
@@ -92,10 +93,18 @@ const InfiniteScroll = (props) => {
|
|
|
92
93
|
const selectedData = rows.filter((r) => selectedRows.has(r.index));
|
|
93
94
|
props.onRowSelect(selectedData);
|
|
94
95
|
}, [selectedRows, rows, props.onRowSelect]);
|
|
96
|
+
// The menu is plain data: re-apply it when its contents change, not each
|
|
97
|
+
// time it is a new object, or an inline menu or onReload re-renders forever.
|
|
98
|
+
const menuKey = JSON.stringify([
|
|
99
|
+
props.menu.filters,
|
|
100
|
+
props.menu.sort,
|
|
101
|
+
props.menu.limitOptions,
|
|
102
|
+
]);
|
|
103
|
+
const onReloadRef = useRef(props.onReload);
|
|
104
|
+
onReloadRef.current = props.onReload;
|
|
105
|
+
const menuApplied = useRef(false);
|
|
95
106
|
useEffect(() => {
|
|
96
|
-
|
|
97
|
-
return;
|
|
98
|
-
const generatedFilters = props.menu.filters.map((f, i) => {
|
|
107
|
+
const generatedFilters = (props.menu.filters ?? []).map((f, i) => {
|
|
99
108
|
return { ...f, filterId: `${f.dataKey}-${i}` };
|
|
100
109
|
});
|
|
101
110
|
setFilters(generatedFilters);
|
|
@@ -109,8 +118,11 @@ const InfiniteScroll = (props) => {
|
|
|
109
118
|
const limits = props.menu.limitOptions || DEFAULT_LIMIT_OPTIONS;
|
|
110
119
|
setLimitOptions(limits);
|
|
111
120
|
setPendingLimitOptions(limits);
|
|
112
|
-
|
|
113
|
-
|
|
121
|
+
// On mount the first query already loads the data.
|
|
122
|
+
if (menuApplied.current)
|
|
123
|
+
onReloadRef.current();
|
|
124
|
+
menuApplied.current = true;
|
|
125
|
+
}, [menuKey]);
|
|
114
126
|
useEffect(() => {
|
|
115
127
|
const queryString = generateQueryString({
|
|
116
128
|
filters,
|
|
@@ -148,7 +160,10 @@ const InfiniteScroll = (props) => {
|
|
|
148
160
|
limitOptions,
|
|
149
161
|
pendingLimitOptions,
|
|
150
162
|
]);
|
|
151
|
-
|
|
163
|
+
// Reset clears what's applied as well as what's pending, so it stays
|
|
164
|
+
// available while the table is filtered even if the pending edits are empty.
|
|
165
|
+
const hasActiveFilters = useMemo(() => pendingChangesUtil.hasActiveFilters(pendingFilters) ||
|
|
166
|
+
pendingChangesUtil.hasActiveFilters(filters), [pendingFilters, filters]);
|
|
152
167
|
const handleApply = useCallback(() => {
|
|
153
168
|
setFilters(pendingFilters);
|
|
154
169
|
setSortBy(pendingSortBy);
|
|
@@ -160,27 +175,30 @@ const InfiniteScroll = (props) => {
|
|
|
160
175
|
pendingSortDirection,
|
|
161
176
|
pendingLimitOptions,
|
|
162
177
|
]);
|
|
178
|
+
const applyMode = props.applyMode ?? "immediate";
|
|
179
|
+
// Immediate mode applies pending changes on the next tick, or once typing
|
|
180
|
+
// pauses. Each keystroke changes handleApply, which restarts the timer.
|
|
181
|
+
useEffect(() => {
|
|
182
|
+
if (applyMode !== "immediate" || !hasPendingChanges)
|
|
183
|
+
return;
|
|
184
|
+
const delay = pendingChangesUtil.hasTypedFilterChanges(filters, pendingFilters)
|
|
185
|
+
? TYPING_DEBOUNCE_MS
|
|
186
|
+
: 0;
|
|
187
|
+
const timer = setTimeout(handleApply, delay);
|
|
188
|
+
return () => clearTimeout(timer);
|
|
189
|
+
}, [applyMode, hasPendingChanges, handleApply, filters, pendingFilters]);
|
|
190
|
+
// Tags show the applied filters, and removing one applies at once. The
|
|
191
|
+
// pending copy of that filter follows; other pending edits are kept.
|
|
192
|
+
const handleTagChange = useCallback((next) => {
|
|
193
|
+
setPendingFilters((pending) => pending.map((p, i) => (next[i] !== filters[i] ? next[i] : p)));
|
|
194
|
+
setFilters(next);
|
|
195
|
+
}, [filters]);
|
|
163
196
|
const handleReset = useCallback(() => {
|
|
164
|
-
const clearedFilters =
|
|
165
|
-
if (filter.type === "SELECT") {
|
|
166
|
-
return {
|
|
167
|
-
...filter,
|
|
168
|
-
options: filter.options?.map((o) => ({ ...o, selected: false })),
|
|
169
|
-
};
|
|
170
|
-
}
|
|
171
|
-
else if (filter.type === "RANGE") {
|
|
172
|
-
return { ...filter, startValue: undefined, endValue: undefined };
|
|
173
|
-
}
|
|
174
|
-
else if (filter.type === "SEARCH") {
|
|
175
|
-
return { ...filter, value: undefined };
|
|
176
|
-
}
|
|
177
|
-
else
|
|
178
|
-
return { ...filter, list: "" };
|
|
179
|
-
});
|
|
197
|
+
const clearedFilters = pendingChangesUtil.clearFilters(pendingFilters);
|
|
180
198
|
setPendingFilters(clearedFilters);
|
|
181
199
|
setFilters(clearedFilters);
|
|
182
200
|
}, [pendingFilters]);
|
|
183
|
-
return (_jsxs("div", { ref: containerRef, className: "k-infinite-scroll-container", children: [!props.hideFilters && (_jsxs(_Fragment, { children: [_jsxs(Col, { size: "sm", children: [_jsx(Header, { title: props.menu.title, limitOptions: pendingLimitOptions, sortBy: pendingSortBy, sortDirection: pendingSortDirection, rows: rows, selectedRows: selectedRows, allSelected: allSelected, optionsDropdown: props.optionsDropdown, onDownload: props.onDownload, onAddNew: props.onAddNew, onDelete: props.onDelete, onRefetch: props.onReload, onLimitChange: setPendingLimitOptions, onSortByChange: setPendingSortBy, onSortDirectionChange: setPendingSortDirection }), _jsxs(Filters, { pendingFilters: pendingFilters, handleNewPendingFilters: setPendingFilters, children: [_jsx(Button, { size: "sm", variant: "danger", disabled: !hasActiveFilters, onClick: handleReset, children: "Reset" }), _jsx(Button, { size: "sm", disabled: !hasPendingChanges, onClick: handleApply, children: "Apply" })] }), _jsx(Tags, { filters:
|
|
201
|
+
return (_jsxs("div", { ref: containerRef, className: "k-infinite-scroll-container", children: [!props.hideFilters && (_jsxs(_Fragment, { children: [_jsxs(Col, { size: "sm", children: [_jsx(Header, { title: props.menu.title, limitOptions: pendingLimitOptions, sortBy: pendingSortBy, sortDirection: pendingSortDirection, rows: rows, selectedRows: selectedRows, allSelected: allSelected, optionsDropdown: props.optionsDropdown, onDownload: props.onDownload, onAddNew: props.onAddNew, onDelete: props.onDelete, onRefetch: props.onReload, onLimitChange: setPendingLimitOptions, onSortByChange: setPendingSortBy, onSortDirectionChange: setPendingSortDirection }), _jsxs(Filters, { pendingFilters: pendingFilters, handleNewPendingFilters: setPendingFilters, onApply: hasPendingChanges ? handleApply : undefined, rangeApplyInMenu: applyMode === "immediate", children: [_jsx(Button, { size: "sm", variant: "danger", disabled: !hasActiveFilters, onClick: handleReset, children: "Reset" }), applyMode === "manual" && (_jsx(Button, { size: "sm", disabled: !hasPendingChanges, onClick: handleApply, children: "Apply" }))] }), _jsx(Tags, { filters: filters, handleNewFilters: handleTagChange })] }), _jsx("div", { className: "k-infinite-scroll-menu-table-divider" })] })), _jsxs("div", { ref: infiniteScrollTableRef, className: "k-infinite-scroll-table-container", role: "region", "aria-label": props.menu.title, onScroll: handleScroll, children: [props.columns && (_jsx(Table, { columns: props.columns, rows: rows, selectedRows: selectedRows, allSelected: allSelected, onRowSelect: handleRowSelect, onSelectAll: handleSelectAll, onRowClick: props.onRowClick, hideSelectColumn: props.hideSelectColumn, scrollParentRef: infiniteScrollTableRef })), props.dataComponent && props.dataComponent(rows), !props.isLoading && props.data.length === 0 && (_jsx("div", { className: "k-infinite-scroll-empty-state", children: props.emptyMessage || "No results found" })), !props.hideNextPageButton && props.data.length > 0 && (_jsx("div", { className: "k-infinite-scroll-next-page-container", children: _jsx(Button, { disabled: !props.hasMore || props.isLoading, onClick: handleNextPageClick, children: props.hasMore
|
|
184
202
|
? props.isLoading
|
|
185
203
|
? "Loading..."
|
|
186
204
|
: "Fetch Next Page"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAC;AACnE,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,kBAAkB,CAAC;AACrC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,cAAc,CAAC;AAQtB,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,MAAM,qBAAqB,GAAoC;IAC7D,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC7B,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC9B,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE;CAChC,CAAC;AAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/infiniteScroll/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
.k-infinite-scroll-menu-table-divider {
|
|
19
19
|
margin: 1rem;
|
|
20
|
-
border-top: 2px solid var(--border-color);
|
|
20
|
+
border-top: 2px solid var(--k-border-color);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.k-infinite-scroll-next-page-container {
|
|
@@ -32,6 +32,6 @@
|
|
|
32
32
|
justify-content: center;
|
|
33
33
|
align-items: center;
|
|
34
34
|
padding: 3rem 1rem;
|
|
35
|
-
color: var(--text-
|
|
35
|
+
color: var(--k-text-color-secondary);
|
|
36
36
|
font-size: 1rem;
|
|
37
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAKhE,OAAO,cAAc,CAAC;AAEtB,UAAU,2BAA2B;IACnC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,2BAA2B,uCAwD/C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|