@kosmeo-ui/react 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/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/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/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/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/styles.css +142 -127
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
|
|
13
13
|
.k-richtext-label {
|
|
14
14
|
display: block;
|
|
15
|
-
font-size: var(--text-size-sm);
|
|
15
|
+
font-size: var(--k-text-size-sm);
|
|
16
16
|
font-weight: 500;
|
|
17
|
-
color: var(--text-color);
|
|
17
|
+
color: var(--k-text-color);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.k-editor-wrapper .tiptap {
|
|
21
|
-
color: var(--text-color);
|
|
21
|
+
color: var(--k-text-color);
|
|
22
22
|
min-width: 100%;
|
|
23
23
|
width: 100%;
|
|
24
24
|
box-sizing: border-box;
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
resize: both;
|
|
32
32
|
overflow-y: auto;
|
|
33
33
|
padding: 0.625rem 1rem;
|
|
34
|
-
font-size: var(--text-size-md);
|
|
35
|
-
background-color: var(--background-color-light);
|
|
34
|
+
font-size: var(--k-text-size-md);
|
|
35
|
+
background-color: var(--k-background-color-light);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.k-editor-wrapper p.is-editor-empty:first-child::before {
|
|
39
|
-
color: var(--text-color-secondary);
|
|
39
|
+
color: var(--k-text-color-secondary);
|
|
40
40
|
opacity: 0.7;
|
|
41
41
|
content: attr(data-placeholder);
|
|
42
42
|
float: left;
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
|
|
47
47
|
.k-editor-wrapper .tiptap:focus {
|
|
48
48
|
outline: none;
|
|
49
|
-
border-color: var(--border-color-active);
|
|
50
|
-
box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
|
|
49
|
+
border-color: var(--k-border-color-active);
|
|
50
|
+
box-shadow: 0 0 0 0.1875rem var(--k-border-shadow-color-active);
|
|
51
51
|
}
|
|
52
52
|
.k-editor-wrapper .tiptap p {
|
|
53
53
|
margin: 0 0 0.5rem 0;
|
|
@@ -71,26 +71,26 @@
|
|
|
71
71
|
display: flex;
|
|
72
72
|
gap: 0.25rem;
|
|
73
73
|
padding: 0.5rem;
|
|
74
|
-
background-color: var(--background-color-dark);
|
|
75
|
-
border-bottom: 0.0625rem solid var(--border-color);
|
|
74
|
+
background-color: var(--k-background-color-dark);
|
|
75
|
+
border-bottom: 0.0625rem solid var(--k-border-color);
|
|
76
76
|
border-radius: 0.375rem 0.375rem 0 0;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.k-editor-wrapper {
|
|
80
80
|
position: relative;
|
|
81
|
-
border: 0.0625rem solid var(--border-color);
|
|
81
|
+
border: 0.0625rem solid var(--k-border-color);
|
|
82
82
|
border-radius: 0.375rem;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.k-toolbar-separator {
|
|
86
|
-
border-left: 1px solid var(--border-color);
|
|
86
|
+
border-left: 1px solid var(--k-border-color);
|
|
87
87
|
height: 1.5rem;
|
|
88
88
|
margin: 0 0.5rem;
|
|
89
89
|
align-self: center;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.k-html-section {
|
|
93
|
-
background: var(--background-color-dark);
|
|
93
|
+
background: var(--k-background-color-dark);
|
|
94
94
|
padding: 1rem;
|
|
95
95
|
border-radius: 0 0 0.375rem 0.375rem;
|
|
96
96
|
overflow: auto;
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
min-width: 100%;
|
|
101
101
|
min-height: 30rem;
|
|
102
102
|
max-height: fit-content;
|
|
103
|
-
font-size: var(--text-size-md);
|
|
104
|
-
color: var(--text-color);
|
|
103
|
+
font-size: var(--k-text-size-md);
|
|
104
|
+
color: var(--k-text-color);
|
|
105
105
|
white-space: pre-wrap;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
min-height: 25rem;
|
|
111
111
|
max-height: fit-content;
|
|
112
112
|
padding: 0.5rem 0.75rem;
|
|
113
|
-
font-size: var(--text-size-sm);
|
|
113
|
+
font-size: var(--k-text-size-sm);
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.k-richtext-container-sm .k-html-section {
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
min-height: 25rem;
|
|
119
119
|
max-height: fit-content;
|
|
120
120
|
padding: 0.75rem;
|
|
121
|
-
font-size: var(--text-size-sm);
|
|
121
|
+
font-size: var(--k-text-size-sm);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
.k-richtext-container-sm .k-editor-toolbar {
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
min-height: 35rem;
|
|
136
136
|
max-height: fit-content;
|
|
137
137
|
padding: 0.75rem 1.25rem;
|
|
138
|
-
font-size: var(--text-size-lg);
|
|
138
|
+
font-size: var(--k-text-size-lg);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.k-richtext-container-lg .k-html-section {
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
min-height: 35rem;
|
|
144
144
|
max-height: fit-content;
|
|
145
145
|
padding: 1.25rem;
|
|
146
|
-
font-size: var(--text-size-lg);
|
|
146
|
+
font-size: var(--k-text-size-lg);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.k-richtext-container-lg .k-editor-toolbar {
|
|
@@ -162,23 +162,23 @@
|
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
.k-editor-wrapper-disabled .tiptap {
|
|
165
|
-
background-color: var(--background-color-light);
|
|
165
|
+
background-color: var(--k-background-color-light);
|
|
166
166
|
cursor: not-allowed;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
.k-editor-wrapper-disabled .k-editor-toolbar {
|
|
170
|
-
background-color: var(--background-color-light);
|
|
170
|
+
background-color: var(--k-background-color-light);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.k-editor-wrapper-disabled .k-html-section {
|
|
174
|
-
background-color: var(--background-color-light);
|
|
174
|
+
background-color: var(--k-background-color-light);
|
|
175
175
|
cursor: not-allowed;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
.k-richtext-char-count {
|
|
179
179
|
font-weight: 500;
|
|
180
|
-
font-size: var(--text-size-sm);
|
|
181
|
-
color: var(--text-color-secondary);
|
|
180
|
+
font-size: var(--k-text-size-sm);
|
|
181
|
+
color: var(--k-text-color-secondary);
|
|
182
182
|
margin-left: 0.5rem;
|
|
183
183
|
margin-right: 0.5rem;
|
|
184
184
|
}
|
|
@@ -2,7 +2,10 @@ import { UseQueryResult } from "@tanstack/react-query";
|
|
|
2
2
|
import { PropsWithSize } from "../../types.js";
|
|
3
3
|
import "./styles.css";
|
|
4
4
|
interface SearchListProps<T> extends PropsWithSize {
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* **_Optional_** the selected value, for a controlled SearchList (`null`
|
|
7
|
+
* for none). Leave it out and SearchList keeps track of the pick itself.
|
|
8
|
+
*/
|
|
6
9
|
value?: T | null;
|
|
7
10
|
/** The useQuery function that is used to retrieve the data from the server */
|
|
8
11
|
queryFn: (input: string, searchKey: string, max: number) => UseQueryResult<T[], Error>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/searchList/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/searchList/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,aAAa;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,8EAA8E;IAC9E,OAAO,EAAE,CACP,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,MAAM,KACR,cAAc,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAChC,yDAAyD;IACzD,QAAQ,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK;QAC5B,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;KACvB,CAAC;IACF,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,EAAG,OAAO,eAAe,CAAC,CAAC,CAAC,gCA0PhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -5,8 +5,8 @@ import useDebouncedValue from "../../../hooks/useDebouncedValue.js";
|
|
|
5
5
|
import useScrollIntoView from "../../../hooks/useScrollIntoView.js";
|
|
6
6
|
import useListKeyboard from "../../../hooks/useListKeyboard.js";
|
|
7
7
|
import useOutsideClick from "../../../hooks/useOutsideClick.js";
|
|
8
|
+
import { useEffect, useId, useState, useRef } from "react";
|
|
8
9
|
import Spinner from "../../feedback/spinner/index.js";
|
|
9
|
-
import { useEffect, useState, useRef } from "react";
|
|
10
10
|
import Portal from "../../overlays/portal/index.js";
|
|
11
11
|
import Input from "../input/index.js";
|
|
12
12
|
import "./styles.css";
|
|
@@ -14,11 +14,17 @@ const SearchList = (props) => {
|
|
|
14
14
|
const { size = "md", required = false, disabled = false, longDropDown = false, max = 30, } = props;
|
|
15
15
|
const [inputValue, setInputValue] = useState(props.value ? String(props.value[props.labelKey]) : "");
|
|
16
16
|
const [searchValue, setSearchValue] = useState("");
|
|
17
|
+
// Without a `value` prop, the pick is held here instead.
|
|
18
|
+
const isControlled = props.value !== undefined;
|
|
19
|
+
const [ownValue, setOwnValue] = useState(null);
|
|
20
|
+
const selected = isControlled ? props.value : ownValue;
|
|
17
21
|
const [isOpen, setIsOpen] = useState(false);
|
|
18
22
|
const [highlightedIndex, setHighlightedIndex] = useState(-1);
|
|
19
23
|
const dropdownRef = useRef(null);
|
|
20
24
|
const listRef = useRef(null);
|
|
21
25
|
const optionRefs = useRef([]);
|
|
26
|
+
const listboxId = `${useId()}-listbox`;
|
|
27
|
+
const optionId = (index) => `${listboxId}-option-${index}`;
|
|
22
28
|
const { anchorRef: inputWrapperRef, position: dropdownPos } = useFloatingPosition({ isOpen });
|
|
23
29
|
const query = props.queryFn(searchValue, props.searchKey, max);
|
|
24
30
|
const debouncedInput = useDebouncedValue(inputValue, 500);
|
|
@@ -36,6 +42,7 @@ const SearchList = (props) => {
|
|
|
36
42
|
}, [props.value]);
|
|
37
43
|
useEffect(() => {
|
|
38
44
|
if (inputValue.length === 0) {
|
|
45
|
+
setOwnValue(null);
|
|
39
46
|
props.onSelect(null);
|
|
40
47
|
if (!isOpen)
|
|
41
48
|
setSearchValue("");
|
|
@@ -43,7 +50,7 @@ const SearchList = (props) => {
|
|
|
43
50
|
}
|
|
44
51
|
if (inputValue.length < 3)
|
|
45
52
|
return;
|
|
46
|
-
if (
|
|
53
|
+
if (selected && inputValue === String(selected[props.labelKey])) {
|
|
47
54
|
setSearchValue("");
|
|
48
55
|
setIsOpen(false);
|
|
49
56
|
return;
|
|
@@ -55,7 +62,7 @@ const SearchList = (props) => {
|
|
|
55
62
|
setSearchValue("");
|
|
56
63
|
return;
|
|
57
64
|
}
|
|
58
|
-
if (
|
|
65
|
+
if (selected && debouncedInput === String(selected[props.labelKey])) {
|
|
59
66
|
setSearchValue("");
|
|
60
67
|
return;
|
|
61
68
|
}
|
|
@@ -65,21 +72,31 @@ const SearchList = (props) => {
|
|
|
65
72
|
useScrollIntoView(optionRefs, highlightedIndex, isOpen);
|
|
66
73
|
const handleOptionClick = (option, event) => {
|
|
67
74
|
setInputValue(String(option[props.labelKey]));
|
|
75
|
+
if (!isControlled)
|
|
76
|
+
setOwnValue(option);
|
|
68
77
|
props.onSelect(option, event);
|
|
69
78
|
setIsOpen(false);
|
|
70
79
|
setHighlightedIndex(-1);
|
|
71
80
|
};
|
|
72
|
-
const
|
|
73
|
-
|
|
74
|
-
|
|
81
|
+
const isLoading = isTyping || query.isLoading;
|
|
82
|
+
const showsInitial = searchValue === "" && inputValue.length < 3;
|
|
83
|
+
// The options on screen; the keyboard works only through these, never
|
|
84
|
+
// through stale results hidden behind the spinner.
|
|
85
|
+
const options = (isLoading
|
|
86
|
+
? undefined
|
|
87
|
+
: showsInitial
|
|
88
|
+
? props.initialOptions
|
|
89
|
+
: query.data) ?? [];
|
|
90
|
+
const showList = isOpen && !!dropdownPos;
|
|
91
|
+
const hasOptions = options.length > 0;
|
|
75
92
|
const handleKeyDown = useListKeyboard({
|
|
76
|
-
isOpen: isOpen &&
|
|
77
|
-
length:
|
|
93
|
+
isOpen: isOpen && hasOptions,
|
|
94
|
+
length: options.length,
|
|
78
95
|
highlightedIndex,
|
|
79
96
|
setHighlightedIndex,
|
|
80
97
|
onSelect: (index) => {
|
|
81
|
-
if (
|
|
82
|
-
handleOptionClick(
|
|
98
|
+
if (options[index])
|
|
99
|
+
handleOptionClick(options[index]);
|
|
83
100
|
},
|
|
84
101
|
onClose: () => setIsOpen(false),
|
|
85
102
|
});
|
|
@@ -97,9 +114,9 @@ const SearchList = (props) => {
|
|
|
97
114
|
setTimeout(() => {
|
|
98
115
|
if (isOpen)
|
|
99
116
|
return;
|
|
100
|
-
if (
|
|
101
|
-
setInputValue(String(
|
|
102
|
-
props.onSelect(
|
|
117
|
+
if (selected) {
|
|
118
|
+
setInputValue(String(selected[props.labelKey]));
|
|
119
|
+
props.onSelect(selected);
|
|
103
120
|
}
|
|
104
121
|
else {
|
|
105
122
|
setInputValue("");
|
|
@@ -107,42 +124,40 @@ const SearchList = (props) => {
|
|
|
107
124
|
}, 100);
|
|
108
125
|
};
|
|
109
126
|
optionRefs.current = [];
|
|
110
|
-
const
|
|
127
|
+
const status = isLoading ? (_jsx(Spinner, { size: "sm" })) : showsInitial ? ("Start typing to search") : ("No results found");
|
|
128
|
+
const dropdownList = showList ? (_jsx("ul", { ref: listRef, ...(hasOptions
|
|
129
|
+
? {
|
|
130
|
+
id: listboxId,
|
|
131
|
+
role: "listbox",
|
|
132
|
+
"aria-label": props.label ?? props.placeholder ?? "Type to search",
|
|
133
|
+
}
|
|
134
|
+
: { role: "presentation" }), className: `k-search-list-dropdown k-search-list-dropdown-portal ${longDropDown
|
|
111
135
|
? "k-search-list-dropdown-large"
|
|
112
136
|
: "k-search-list-dropdown-small"}`, style: {
|
|
113
137
|
position: "fixed",
|
|
114
138
|
top: dropdownPos.top,
|
|
115
139
|
left: dropdownPos.left,
|
|
116
140
|
width: dropdownPos.width,
|
|
117
|
-
}, children:
|
|
118
|
-
const rendered = props.renderOption
|
|
119
|
-
? props.renderOption(option)
|
|
120
|
-
: null;
|
|
121
|
-
return (_jsx("li", { ref: (el) => {
|
|
122
|
-
optionRefs.current[index] = el;
|
|
123
|
-
}, className: `k-search-list-option k-search-list-option-${size} ${index === highlightedIndex
|
|
124
|
-
? "k-search-list-option-highlighted"
|
|
125
|
-
: ""}`, onMouseDown: (e) => {
|
|
126
|
-
e.preventDefault();
|
|
127
|
-
handleOptionClick(option, e);
|
|
128
|
-
}, onMouseOver: () => setHighlightedIndex(index), children: rendered ? rendered.node : String(option[props.labelKey]) }, index));
|
|
129
|
-
}), _jsx("li", { className: `k-search-list-info k-search-list-info-${size}`, children: "Type to filter" })] })) : (_jsx("li", { className: `k-search-list-no-results k-search-list-no-results-${size}`, children: "Start typing to search" }))) : query.data && query.data.length > 0 ? (_jsxs(_Fragment, { children: [query.data.map((option, index) => {
|
|
141
|
+
}, children: hasOptions ? (_jsxs(_Fragment, { children: [options.map((option, index) => {
|
|
130
142
|
const rendered = props.renderOption
|
|
131
143
|
? props.renderOption(option)
|
|
132
144
|
: null;
|
|
133
145
|
return (_jsx("li", { ref: (el) => {
|
|
134
146
|
optionRefs.current[index] = el;
|
|
135
|
-
}, className: `k-search-list-option k-search-list-option-${size} ${index === highlightedIndex
|
|
147
|
+
}, id: optionId(index), role: "option", "aria-selected": index === highlightedIndex, className: `k-search-list-option k-search-list-option-${size} ${index === highlightedIndex
|
|
136
148
|
? "k-search-list-option-highlighted"
|
|
137
149
|
: ""}`, onMouseDown: (e) => {
|
|
138
150
|
e.preventDefault();
|
|
139
151
|
handleOptionClick(option, e);
|
|
140
152
|
}, onMouseOver: () => setHighlightedIndex(index), children: rendered ? rendered.node : String(option[props.labelKey]) }, index));
|
|
141
|
-
}), _jsx("li", { className: `k-search-list-info k-search-list-info-${size}`, children: "Continue typing to filter" })] })) : (_jsx("li", { className: `k-search-list-no-results k-search-list-no-results-${size}`, children:
|
|
142
|
-
return (_jsxs("div", { className: "k-search-list-container", ref: dropdownRef, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { label: props.label, required: required, disabled: disabled, value: inputValue, onChange: (e) => {
|
|
153
|
+
}), _jsx("li", { className: `k-search-list-info k-search-list-info-${size}`, "aria-hidden": "true", children: showsInitial ? "Type to filter" : "Continue typing to filter" })] })) : isLoading ? (_jsx("li", { className: "k-search-list-loading", children: status })) : (_jsx("li", { role: "status", className: `k-search-list-no-results k-search-list-no-results-${size}`, children: status })) })) : null;
|
|
154
|
+
return (_jsxs("div", { className: "k-search-list-container", ref: dropdownRef, children: [_jsx("div", { ref: inputWrapperRef, children: _jsx(Input, { id: props.id, label: props.label, required: required, disabled: disabled, value: inputValue, onChange: (e) => {
|
|
143
155
|
const newValue = e.target.value;
|
|
144
156
|
setInputValue(newValue);
|
|
145
|
-
|
|
157
|
+
setHighlightedIndex(-1);
|
|
158
|
+
}, onKeyDown: handleKeyDown, onFocus: handleInputFocus, onBlur: handleInputBlur, placeholder: props.placeholder || "Type to search", dropDown: true, isOpen: isOpen, size: size, role: "combobox", "aria-autocomplete": "list", "aria-expanded": showList, "aria-controls": showList && hasOptions ? listboxId : undefined, "aria-activedescendant": showList && hasOptions && highlightedIndex > -1
|
|
159
|
+
? optionId(highlightedIndex)
|
|
160
|
+
: undefined }) }), _jsx(Portal, { children: dropdownList })] }));
|
|
146
161
|
};
|
|
147
162
|
export default SearchList;
|
|
148
163
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/searchList/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AACxE,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/searchList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
left: 0;
|
|
10
10
|
right: 0;
|
|
11
11
|
z-index: 10000;
|
|
12
|
-
background-color: var(--background-color-light);
|
|
13
|
-
border: 0.0625rem solid var(--border-color);
|
|
12
|
+
background-color: var(--k-background-color-light);
|
|
13
|
+
border: 0.0625rem solid var(--k-border-color);
|
|
14
14
|
border-top: none;
|
|
15
15
|
border-radius: 0 0 0.25rem 0.25rem;
|
|
16
16
|
overflow-y: auto;
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
padding: 0;
|
|
20
20
|
margin: 0;
|
|
21
21
|
box-shadow:
|
|
22
|
-
0 0.25rem 0.375rem -0.0625rem var(--shadow-color),
|
|
23
|
-
0 0.125rem 0.25rem -0.125rem var(--shadow-color);
|
|
22
|
+
0 0.25rem 0.375rem -0.0625rem var(--k-shadow-color),
|
|
23
|
+
0 0.125rem 0.25rem -0.125rem var(--k-shadow-color);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.k-search-list-option {
|
|
27
27
|
cursor: pointer;
|
|
28
28
|
text-align: left;
|
|
29
|
-
color: var(--text-color);
|
|
29
|
+
color: var(--k-text-color);
|
|
30
30
|
}
|
|
31
31
|
.k-search-list-dropdown-large {
|
|
32
32
|
max-height: 30rem;
|
|
@@ -38,77 +38,77 @@
|
|
|
38
38
|
|
|
39
39
|
.k-search-list-option:hover,
|
|
40
40
|
.k-search-list-option:focus {
|
|
41
|
-
background-color: var(--background-color-dark);
|
|
41
|
+
background-color: var(--k-background-color-dark);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.k-search-list-option-highlighted {
|
|
45
|
-
background-color: var(--background-color-dark);
|
|
45
|
+
background-color: var(--k-background-color-dark);
|
|
46
46
|
cursor: pointer;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.k-search-list-option-sm {
|
|
50
|
-
font-size: var(--text-size-sm);
|
|
50
|
+
font-size: var(--k-text-size-sm);
|
|
51
51
|
padding: 0.5rem 0.75rem;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.k-search-list-option-md {
|
|
55
|
-
font-size: var(--text-size-md);
|
|
55
|
+
font-size: var(--k-text-size-md);
|
|
56
56
|
padding: 0.75rem 1rem;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.k-search-list-option-lg {
|
|
60
|
-
font-size: var(--text-size-lg);
|
|
60
|
+
font-size: var(--k-text-size-lg);
|
|
61
61
|
padding: 1rem 1.25rem;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.k-search-list-loading {
|
|
65
65
|
text-align: center;
|
|
66
|
-
color: var(--text-color-secondary);
|
|
66
|
+
color: var(--k-text-color-secondary);
|
|
67
67
|
font-style: italic;
|
|
68
68
|
padding: 0.75rem 1rem;
|
|
69
|
-
font-size: var(--text-size-sm);
|
|
69
|
+
font-size: var(--k-text-size-sm);
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.k-search-list-info {
|
|
73
73
|
text-align: center;
|
|
74
|
-
color: var(--text-color-secondary);
|
|
74
|
+
color: var(--k-text-color-secondary);
|
|
75
75
|
font-style: italic;
|
|
76
|
-
/* border-top: 0.0625rem solid var(--border-color); */
|
|
77
|
-
background-color: var(--background-color-light);
|
|
76
|
+
/* border-top: 0.0625rem solid var(--k-border-color); */
|
|
77
|
+
background-color: var(--k-background-color-light);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.k-search-list-info-sm {
|
|
81
|
-
font-size: var(--text-size-sm);
|
|
81
|
+
font-size: var(--k-text-size-sm);
|
|
82
82
|
padding: 0.5rem 0.75rem;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.k-search-list-info-md {
|
|
86
|
-
font-size: var(--text-size-md);
|
|
86
|
+
font-size: var(--k-text-size-md);
|
|
87
87
|
padding: 0.75rem 1rem;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.k-search-list-info-lg {
|
|
91
|
-
font-size: var(--text-size-lg);
|
|
91
|
+
font-size: var(--k-text-size-lg);
|
|
92
92
|
padding: 1rem 1.25rem;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.k-search-list-no-results {
|
|
96
96
|
text-align: center;
|
|
97
|
-
color: var(--text-color-secondary);
|
|
97
|
+
color: var(--k-text-color-secondary);
|
|
98
98
|
font-style: italic;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.k-search-list-no-results-sm {
|
|
102
|
-
font-size: var(--text-size-sm);
|
|
102
|
+
font-size: var(--k-text-size-sm);
|
|
103
103
|
padding: 0.75rem 1rem;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
.k-search-list-no-results-md {
|
|
107
|
-
font-size: var(--text-size-md);
|
|
107
|
+
font-size: var(--k-text-size-md);
|
|
108
108
|
padding: 1rem 1.25rem;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
.k-search-list-no-results-lg {
|
|
112
|
-
font-size: var(--text-size-lg);
|
|
112
|
+
font-size: var(--k-text-size-lg);
|
|
113
113
|
padding: 1.25rem 1.5rem;
|
|
114
114
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/searchSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,0BAA0B,CAAC;AAElC,UAAU,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa;IAClD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,mCAAmC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,sCAAsC;IACtC,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,iFAAiF;IACjF,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,EAAG,OAAO,iBAAiB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/searchSelect/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,0BAA0B,CAAC;AAElC,UAAU,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa;IAClD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,mCAAmC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,sCAAsC;IACtC,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,iFAAiF;IACjF,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,GAAI,CAAC,EAAG,OAAO,iBAAiB,CAAC,CAAC,CAAC,gCAkJpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -20,6 +20,7 @@ const SearchSelect = (props) => {
|
|
|
20
20
|
const dropdownRef = useRef(null);
|
|
21
21
|
const listRef = useRef(null);
|
|
22
22
|
const optionRefs = useRef([]);
|
|
23
|
+
const blurTimerRef = useRef(undefined);
|
|
23
24
|
const { anchorRef: inputWrapperRef, position: dropdownPos } = useFloatingPosition({ isOpen });
|
|
24
25
|
useEffect(() => {
|
|
25
26
|
setInputValue(selectedLabel);
|
|
@@ -35,6 +36,7 @@ const SearchSelect = (props) => {
|
|
|
35
36
|
setIsOpen(false);
|
|
36
37
|
};
|
|
37
38
|
useOutsideClick([dropdownRef, listRef], restore);
|
|
39
|
+
useEffect(() => () => clearTimeout(blurTimerRef.current), []);
|
|
38
40
|
useScrollIntoView(optionRefs, highlightedIndex, isOpen);
|
|
39
41
|
const choose = (option) => {
|
|
40
42
|
props.onSelect(option);
|
|
@@ -74,8 +76,12 @@ const SearchSelect = (props) => {
|
|
|
74
76
|
setInputValue(e.target.value);
|
|
75
77
|
setFiltering(true);
|
|
76
78
|
setIsOpen(true);
|
|
77
|
-
|
|
78
|
-
|
|
79
|
+
setHighlightedIndex(-1);
|
|
80
|
+
}, onKeyDown: handleKeyDown, onFocus: () => {
|
|
81
|
+
clearTimeout(blurTimerRef.current);
|
|
82
|
+
setIsOpen(true);
|
|
83
|
+
}, onBlur: () => {
|
|
84
|
+
blurTimerRef.current = setTimeout(restore, 100);
|
|
79
85
|
}, placeholder: props.placeholder || "Select...", dropDown: true, isOpen: isOpen, size: size }) }), _jsx(Portal, { children: dropdownList })] }));
|
|
80
86
|
};
|
|
81
87
|
export default SearchSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/searchSelect/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/searchSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import FieldShell from "../../forms/fieldShell/index.js";
|
|
4
|
-
import { useLayoutEffect } from "react";
|
|
4
|
+
import { useId, useLayoutEffect } from "react";
|
|
5
5
|
import "./styles.css";
|
|
6
6
|
const Select = (props) => {
|
|
7
7
|
const { size = "md", disabled = false, required = false } = props;
|
|
8
|
-
const
|
|
8
|
+
const generatedId = useId();
|
|
9
|
+
const selectId = props.id || `select-${generatedId}`;
|
|
9
10
|
const selectClasses = ["k-select", `k-select-${size}`]
|
|
10
11
|
.filter(Boolean)
|
|
11
12
|
.join(" ");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,cAAc,CAAC;AA8BtB,MAAM,MAAM,GAAG,CAA4B,KAAqB,EAAE,EAAE;IAClE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAElE,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,IAAI,UAAU,WAAW,EAAE,CAAC;IAErD,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,YAAY,IAAI,EAAE,CAAC;SACnD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,+DAA+D;IAC/D,wEAAwE;IACxE,yEAAyE;IACzE,4BAA4B;IAC5B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC1D,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QACvC,MAAM,QAAQ,GACZ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,YAAY,CAAC,CAAC;YACnE,CAAC,KAAK,CAAC,WAAW,IAAI,YAAY,KAAK,EAAE,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,CAAC,CAAuC,EAAE,EAAE;QAC/D,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACrC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,QAAQ,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,aAAmB,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,oBAAoB,YAE9B,cAAK,SAAS,EAAC,kBAAkB,YAC/B,kBACE,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,aAAa,aAEvB,KAAK,CAAC,WAAW,IAAI,CACpB,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,YAChC,KAAK,CAAC,WAAW,GACX,CACV,EACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,iBAAoB,KAAK,EAAE,MAAM,CAAC,KAAK,YACpC,MAAM,CAAC,KAAK,IADF,KAAK,CAET,CACV,CAAC,IACK,GACL,GACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|