@canonical/react-ds-core-form 0.9.0-experimental.9 → 0.9.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 -0
- package/dist/esm/ui/Field/Field.js +14 -6
- package/dist/esm/ui/Field/Field.js.map +1 -1
- package/dist/esm/ui/Field/common/Description/Description.js +2 -2
- package/dist/esm/ui/Field/common/Description/Description.js.map +1 -1
- package/dist/esm/ui/Field/common/Description/styles.css +1 -1
- package/dist/esm/ui/Field/common/Error/Error.js +12 -0
- package/dist/esm/ui/Field/common/Error/Error.js.map +1 -0
- package/dist/esm/ui/Field/common/Error/index.js +4 -0
- package/dist/esm/ui/Field/common/Error/index.js.map +1 -0
- package/dist/esm/ui/Field/common/Error/styles.css +5 -0
- package/dist/esm/ui/Field/common/Error/types.js +2 -0
- package/dist/esm/ui/Field/common/Error/types.js.map +1 -0
- package/dist/esm/ui/Field/common/Label/Label.js +8 -4
- package/dist/esm/ui/Field/common/Label/Label.js.map +1 -1
- package/dist/esm/ui/Field/common/Label/styles.css +2 -4
- package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js +26 -0
- package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js.map +1 -0
- package/dist/esm/ui/Field/common/Wrapper/Wrapper.js +24 -4
- package/dist/esm/ui/Field/common/Wrapper/Wrapper.js.map +1 -1
- package/dist/esm/ui/Field/common/Wrapper/hooks/index.js +2 -0
- package/dist/esm/ui/Field/common/Wrapper/hooks/index.js.map +1 -0
- package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js +42 -0
- package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js.map +1 -0
- package/dist/esm/ui/Field/common/Wrapper/index.js +2 -0
- package/dist/esm/ui/Field/common/Wrapper/index.js.map +1 -1
- package/dist/esm/ui/Field/common/Wrapper/messages.js +4 -0
- package/dist/esm/ui/Field/common/Wrapper/messages.js.map +1 -0
- package/dist/esm/ui/Field/common/Wrapper/styles.css +11 -3
- package/dist/esm/ui/Field/common/Wrapper/withConditionalDisplay.js +20 -0
- package/dist/esm/ui/Field/common/Wrapper/withConditionalDisplay.js.map +1 -0
- package/dist/esm/ui/Field/common/Wrapper/withWrapper.js +28 -1
- package/dist/esm/ui/Field/common/Wrapper/withWrapper.js.map +1 -1
- package/dist/esm/ui/Field/common/index.js +1 -0
- package/dist/esm/ui/Field/common/index.js.map +1 -1
- package/dist/esm/ui/Field/constants.js +2 -0
- package/dist/esm/ui/Field/constants.js.map +1 -0
- package/dist/esm/ui/Field/hooks/index.js +4 -0
- package/dist/esm/ui/Field/hooks/index.js.map +1 -0
- package/dist/esm/ui/Field/hooks/useFieldAriaProperties.js +37 -0
- package/dist/esm/ui/Field/hooks/useFieldAriaProperties.js.map +1 -0
- package/dist/esm/ui/Field/hooks/useFieldError.js +28 -0
- package/dist/esm/ui/Field/hooks/useFieldError.js.map +1 -0
- package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js +30 -0
- package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js +7 -4
- package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/ui/Field/inputs/Checkbox/styles.css +1 -1
- package/dist/esm/ui/Field/inputs/Combobox/Combobox.js +21 -0
- package/dist/esm/ui/Field/inputs/Combobox/Combobox.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js +82 -0
- package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js +81 -0
- package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/List.js +35 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/List.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/styles.css +7 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/List/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.js +14 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/styles.css +7 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/index.js +3 -0
- package/dist/esm/ui/Field/inputs/Combobox/common/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/constants.js +2 -0
- package/dist/esm/ui/Field/inputs/Combobox/constants.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Combobox/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/messages.js +5 -0
- package/dist/esm/ui/Field/inputs/Combobox/messages.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/styles.css +7 -0
- package/dist/esm/ui/Field/inputs/Combobox/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Combobox/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/convertItemToString.js +5 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/convertItemToString.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/convertValueToItem.js +6 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/convertValueToItem.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/filterItems.js +6 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/filterItems.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/index.js +5 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/mergeRefs.js +12 -0
- package/dist/esm/ui/Field/inputs/Combobox/utils/mergeRefs.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Hidden/Hidden.js +14 -0
- package/dist/esm/ui/Field/inputs/Hidden/Hidden.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Hidden/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Hidden/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Hidden/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Hidden/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Range/Range.js +16 -0
- package/dist/esm/ui/Field/inputs/Range/Range.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Range/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Range/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Range/styles.css +7 -0
- package/dist/esm/ui/Field/inputs/Range/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Range/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Select/Select.js +18 -0
- package/dist/esm/ui/Field/inputs/Select/Select.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Select/index.js +4 -0
- package/dist/esm/ui/Field/inputs/Select/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Select/styles.css +4 -0
- package/dist/esm/ui/Field/inputs/Select/types.js +2 -0
- package/dist/esm/ui/Field/inputs/Select/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js +28 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js.map +1 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/index.js +4 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/index.js.map +1 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/styles.css +10 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/types.js +2 -0
- package/dist/esm/ui/Field/inputs/SimpleChoices/types.js.map +1 -0
- package/dist/esm/ui/Field/inputs/Text/Text.js +8 -5
- package/dist/esm/ui/Field/inputs/Text/Text.js.map +1 -1
- package/dist/esm/ui/Field/inputs/Text/styles.css +6 -3
- package/dist/esm/ui/Field/inputs/Textarea/Textarea.js +9 -4
- package/dist/esm/ui/Field/inputs/Textarea/Textarea.js.map +1 -1
- package/dist/esm/ui/Field/inputs/Textarea/styles.css +2 -5
- package/dist/esm/ui/Field/inputs/index.js +5 -0
- package/dist/esm/ui/Field/inputs/index.js.map +1 -1
- package/dist/esm/ui/Field/types.js +1 -18
- package/dist/esm/ui/Field/types.js.map +1 -1
- package/dist/esm/ui/Form/index.js +4 -0
- package/dist/esm/ui/Form/index.js.map +1 -0
- package/dist/esm/ui/Form/types.js +2 -0
- package/dist/esm/ui/Form/types.js.map +1 -0
- package/dist/esm/ui/constants.js +12 -0
- package/dist/esm/ui/constants.js.map +1 -0
- package/dist/esm/ui/index.js +2 -27
- package/dist/esm/ui/index.js.map +1 -1
- package/dist/esm/ui/middleware/addRESTOptions.js +44 -0
- package/dist/esm/ui/middleware/addRESTOptions.js.map +1 -0
- package/dist/esm/ui/middleware/addRESTValidation.js +38 -0
- package/dist/esm/ui/middleware/addRESTValidation.js.map +1 -0
- package/dist/esm/ui/middleware/index.js +3 -0
- package/dist/esm/ui/middleware/index.js.map +1 -0
- package/dist/types/ui/Field/Field.d.ts +1 -5
- package/dist/types/ui/Field/Field.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Description/Description.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Error/Error.d.ts +10 -0
- package/dist/types/ui/Field/common/Error/Error.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Error/index.d.ts +3 -0
- package/dist/types/ui/Field/common/Error/index.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Error/types.d.ts +8 -0
- package/dist/types/ui/Field/common/Error/types.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Label/Label.d.ts +1 -1
- package/dist/types/ui/Field/common/Label/Label.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Label/types.d.ts +9 -0
- package/dist/types/ui/Field/common/Label/types.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts +13 -0
- package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts +2 -2
- package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Wrapper/hooks/index.d.ts +2 -0
- package/dist/types/ui/Field/common/Wrapper/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts +498 -0
- package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Wrapper/index.d.ts +2 -0
- package/dist/types/ui/Field/common/Wrapper/index.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Wrapper/messages.d.ts +5 -0
- package/dist/types/ui/Field/common/Wrapper/messages.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Wrapper/types.d.ts +1 -7
- package/dist/types/ui/Field/common/Wrapper/types.d.ts.map +1 -1
- package/dist/types/ui/Field/common/Wrapper/withConditionalDisplay.d.ts +6 -0
- package/dist/types/ui/Field/common/Wrapper/withConditionalDisplay.d.ts.map +1 -0
- package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts +7 -1
- package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts.map +1 -1
- package/dist/types/ui/Field/common/index.d.ts +1 -0
- package/dist/types/ui/Field/common/index.d.ts.map +1 -1
- package/dist/types/ui/Field/constants.d.ts +2 -0
- package/dist/types/ui/Field/constants.d.ts.map +1 -0
- package/dist/types/ui/Field/hooks/index.d.ts +4 -0
- package/dist/types/ui/Field/hooks/index.d.ts.map +1 -0
- package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts +27 -0
- package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts.map +1 -0
- package/dist/types/ui/Field/hooks/useFieldError.d.ts +4 -0
- package/dist/types/ui/Field/hooks/useFieldError.d.ts.map +1 -0
- package/dist/types/ui/Field/hooks/useOptionAriaProperties.d.ts +19 -0
- package/dist/types/ui/Field/hooks/useOptionAriaProperties.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts +329 -6
- package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/Checkbox/types.d.ts +4 -3
- package/dist/types/ui/Field/inputs/Checkbox/types.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts +43 -0
- package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/MultipleCombobox.d.ts +13 -0
- package/dist/types/ui/Field/inputs/Combobox/MultipleCombobox.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/SingleCombobox.d.ts +12 -0
- package/dist/types/ui/Field/inputs/Combobox/SingleCombobox.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/List.d.ts +10 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/List.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/types.d.ts +18 -0
- package/dist/types/ui/Field/inputs/Combobox/common/List/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.d.ts +10 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/types.d.ts +12 -0
- package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/common/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Combobox/common/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/constants.d.ts +2 -0
- package/dist/types/ui/Field/inputs/Combobox/constants.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Combobox/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/messages.d.ts +6 -0
- package/dist/types/ui/Field/inputs/Combobox/messages.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/types.d.ts +23 -0
- package/dist/types/ui/Field/inputs/Combobox/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/convertItemToString.d.ts +4 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/convertItemToString.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/convertValueToItem.d.ts +4 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/convertValueToItem.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/filterItems.d.ts +4 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/filterItems.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/index.d.ts +5 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/mergeRefs.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Combobox/utils/mergeRefs.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts +332 -0
- package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Hidden/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Hidden/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Hidden/types.d.ts +5 -0
- package/dist/types/ui/Field/inputs/Hidden/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Range/Range.d.ts +333 -0
- package/dist/types/ui/Field/inputs/Range/Range.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Range/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Range/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Range/types.d.ts +8 -0
- package/dist/types/ui/Field/inputs/Range/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Select/Select.d.ts +312 -0
- package/dist/types/ui/Field/inputs/Select/Select.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Select/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/Select/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Select/types.d.ts +5 -0
- package/dist/types/ui/Field/inputs/Select/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts +35 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/index.d.ts +3 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/index.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/types.d.ts +20 -0
- package/dist/types/ui/Field/inputs/SimpleChoices/types.d.ts.map +1 -0
- package/dist/types/ui/Field/inputs/Text/Text.d.ts +333 -2
- package/dist/types/ui/Field/inputs/Text/Text.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/Text/types.d.ts +10 -4
- package/dist/types/ui/Field/inputs/Text/types.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts +313 -6
- package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/Textarea/types.d.ts +4 -3
- package/dist/types/ui/Field/inputs/Textarea/types.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/index.d.ts +6 -0
- package/dist/types/ui/Field/inputs/index.d.ts.map +1 -1
- package/dist/types/ui/Field/inputs/types.d.ts +1 -8
- package/dist/types/ui/Field/inputs/types.d.ts.map +1 -1
- package/dist/types/ui/Field/types.d.ts +68 -21
- package/dist/types/ui/Field/types.d.ts.map +1 -1
- package/dist/types/ui/Form/index.d.ts +2 -0
- package/dist/types/ui/Form/index.d.ts.map +1 -0
- package/dist/types/ui/Form/types.d.ts +8 -0
- package/dist/types/ui/Form/types.d.ts.map +1 -0
- package/dist/types/ui/constants.d.ts +10 -0
- package/dist/types/ui/constants.d.ts.map +1 -0
- package/dist/types/ui/index.d.ts +2 -0
- package/dist/types/ui/index.d.ts.map +1 -1
- package/dist/types/ui/middleware/addRESTOptions.d.ts +9 -0
- package/dist/types/ui/middleware/addRESTOptions.d.ts.map +1 -0
- package/dist/types/ui/middleware/addRESTValidation.d.ts +12 -0
- package/dist/types/ui/middleware/addRESTValidation.d.ts.map +1 -0
- package/dist/types/ui/middleware/index.d.ts +3 -0
- package/dist/types/ui/middleware/index.d.ts.map +1 -0
- package/package.json +33 -25
@@ -0,0 +1,21 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import "./styles.css";
|
3
|
+
import withWrapper from "../../common/Wrapper/withWrapper.js";
|
4
|
+
import MultipleCombobox from "./MultipleCombobox.js";
|
5
|
+
import SingleCombobox from "./SingleCombobox.js";
|
6
|
+
const componentCssClassName = "ds combobox";
|
7
|
+
/**
|
8
|
+
* description of the Combobox component
|
9
|
+
* @returns {React.ReactElement} - Rendered Combobox
|
10
|
+
*/
|
11
|
+
const Combobox = ({ className, isMultiple = false, ...otherProps }) => {
|
12
|
+
const composedClassName = [componentCssClassName, className]
|
13
|
+
.filter(Boolean)
|
14
|
+
.join(" ");
|
15
|
+
if (isMultiple) {
|
16
|
+
return _jsx(MultipleCombobox, { className: composedClassName, ...otherProps });
|
17
|
+
}
|
18
|
+
return _jsx(SingleCombobox, { className: composedClassName, ...otherProps });
|
19
|
+
};
|
20
|
+
export default withWrapper(Combobox);
|
21
|
+
//# sourceMappingURL=Combobox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/Combobox.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAE5C;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,GAAG,UAAU,EACC,EAAsB,EAAE;IACtC,MAAM,iBAAiB,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC;SACzD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,KAAC,gBAAgB,IAAC,SAAS,EAAE,iBAAiB,KAAM,UAAU,GAAI,CAAC;IAC5E,CAAC;IACD,OAAO,KAAC,cAAc,IAAC,SAAS,EAAE,iBAAiB,KAAM,UAAU,GAAI,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useCombobox, useMultipleSelection } from "downshift";
|
3
|
+
import { useCallback, useEffect, useState } from "react";
|
4
|
+
import { useController } from "react-hook-form";
|
5
|
+
import { List, ResetButton } from "./common/index.js";
|
6
|
+
import { VALUE_KEY } from "./constants.js";
|
7
|
+
import { convertItemToString as defaultConvertItemToString, convertValueToItem as defaultConvertValueToItem, filterItems as defaultFilterItems, } from "./utils/index.js";
|
8
|
+
import "./styles.css";
|
9
|
+
const componentCssClassName = "ds form-combobox";
|
10
|
+
/**
|
11
|
+
* A multiple-select combobox component that allows selecting multiple items.
|
12
|
+
* Uses Downshift's useMultipleSelection and useCombobox hooks for state management.
|
13
|
+
*
|
14
|
+
* @param {ComboboxProps} props - The component props
|
15
|
+
* @returns {React.ReactElement} - Rendered MultipleCombobox component
|
16
|
+
*/
|
17
|
+
const MultipleCombobox = ({ id, className, style, registerProps, options, name, disabled = false, placeholder, valueKey = VALUE_KEY, convertItemToString = defaultConvertItemToString, convertValueToItem = defaultConvertValueToItem, filterItems = defaultFilterItems, onInputValueChangeFactory, }) => {
|
18
|
+
// State for selected items and filtered items
|
19
|
+
const [selectedItems, setSelectedItems] = useState([]);
|
20
|
+
const [items, setItems] = useState(options);
|
21
|
+
// React Hook Form integration
|
22
|
+
const { field: { onChange, value: ReactHookFormValue }, } = useController({
|
23
|
+
name,
|
24
|
+
rules: registerProps,
|
25
|
+
});
|
26
|
+
// Convert array of values to array of Option objects
|
27
|
+
const convertValuesToItems = useCallback((values) => {
|
28
|
+
return values
|
29
|
+
.map((val) => convertValueToItem(val, options, valueKey))
|
30
|
+
.filter(Boolean);
|
31
|
+
}, [convertValueToItem, options, valueKey]);
|
32
|
+
// Initialize selectedItems from ReactHookFormValue on mount or when it changes
|
33
|
+
useEffect(() => {
|
34
|
+
if (ReactHookFormValue && ReactHookFormValue.length > 0) {
|
35
|
+
const initialSelected = convertValuesToItems(ReactHookFormValue);
|
36
|
+
setSelectedItems(initialSelected);
|
37
|
+
}
|
38
|
+
}, [ReactHookFormValue, convertValuesToItems]);
|
39
|
+
// Downshift's useMultipleSelection hook for managing multiple selections
|
40
|
+
const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem, } = useMultipleSelection({
|
41
|
+
selectedItems,
|
42
|
+
onSelectedItemsChange: ({ selectedItems: newSelectedItems }) => {
|
43
|
+
if (newSelectedItems) {
|
44
|
+
setSelectedItems(newSelectedItems);
|
45
|
+
const newValue = newSelectedItems.map((item) => item[valueKey]);
|
46
|
+
onChange(newValue.length > 0 ? newValue : undefined);
|
47
|
+
}
|
48
|
+
},
|
49
|
+
});
|
50
|
+
// Default onInputValueChangeFactory: filters items locally
|
51
|
+
const defaultOnInputValueChangeFactory = useCallback(() => ({ inputValue }) => {
|
52
|
+
setItems(filterItems(options, inputValue));
|
53
|
+
}, [filterItems, options]);
|
54
|
+
// Use provided onInputValueChangeFactory or default
|
55
|
+
const onInputValueChange = onInputValueChangeFactory
|
56
|
+
? onInputValueChangeFactory(setItems)
|
57
|
+
: defaultOnInputValueChangeFactory();
|
58
|
+
// Downshift's useCombobox hook for combobox functionality
|
59
|
+
const { isOpen, getMenuProps, getInputProps, getItemProps, highlightedIndex, selectItem, inputValue, // Track input value
|
60
|
+
setInputValue, // Function to set input value
|
61
|
+
} = useCombobox({
|
62
|
+
items,
|
63
|
+
onInputValueChange,
|
64
|
+
onSelectedItemChange: ({ selectedItem }) => {
|
65
|
+
if (selectedItem &&
|
66
|
+
!selectedItems.some((item) => item[valueKey] === selectedItem[valueKey])) {
|
67
|
+
addSelectedItem(selectedItem);
|
68
|
+
setInputValue(""); // Clear input after selection
|
69
|
+
}
|
70
|
+
},
|
71
|
+
itemToString: convertItemToString,
|
72
|
+
});
|
73
|
+
// Reset function to clear selections and input
|
74
|
+
const resetSelection = useCallback(() => {
|
75
|
+
setSelectedItems([]);
|
76
|
+
setInputValue("");
|
77
|
+
onChange(undefined);
|
78
|
+
}, [onChange, setInputValue]);
|
79
|
+
return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx("div", { className: "selected-items", children: selectedItems.map((selectedItem, index) => (_jsxs("button", { ...getSelectedItemProps({ selectedItem, index }), onClick: () => removeSelectedItem(selectedItem), className: "chip", children: [convertItemToString(selectedItem), _jsx("span", { className: "remove-icon", children: "\u00D7" })] }, String(selectedItem[valueKey])))) }), _jsx("input", { ...getInputProps(getDropdownProps({ preventKeyAction: isOpen })), placeholder: placeholder, disabled: disabled }), _jsx(ResetButton, { onClick: resetSelection }), _jsx(List, { isOpen: isOpen, getMenuProps: getMenuProps, getItemProps: getItemProps, items: items, highlightedIndex: highlightedIndex, convertItemToString: convertItemToString, valueKey: valueKey, fieldValue: selectedItems.map((item) => String(item[valueKey])) })] }));
|
80
|
+
};
|
81
|
+
export default MultipleCombobox;
|
82
|
+
//# sourceMappingURL=MultipleCombobox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MultipleCombobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/MultipleCombobox.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
/* @canonical/generator-ds 0.9.0-experimental.9 */
|
3
|
+
import { useCombobox } from "downshift";
|
4
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
5
|
+
import { useController } from "react-hook-form";
|
6
|
+
import { List, ResetButton } from "./common/index.js";
|
7
|
+
import { VALUE_KEY } from "./constants.js";
|
8
|
+
import { convertItemToString as defaultConvertItemToString, convertValueToItem as defaultConvertValueToItem, filterItems as defaultFilterItems, mergeRefs, } from "./utils/index.js";
|
9
|
+
import "./styles.css";
|
10
|
+
const componentCssClassName = "ds form-combobox";
|
11
|
+
/**
|
12
|
+
* description of the SingleCombobox component
|
13
|
+
* @returns {React.ReactElement} - Rendered SingleCombobox
|
14
|
+
* DIsambiguation :
|
15
|
+
* `Option` refers to the internal type of this library for inputs where a list of objects is presented. This type is common to several inputs, `Select`, `SimpleChoices` and this `Combobox`
|
16
|
+
* `Item` represents the type of an Option casted internally to be compatible with Downshift. It also matches the downshift vocabulary
|
17
|
+
*/
|
18
|
+
const SingleCombobox = ({ id, className, style, registerProps, options, name, disabled = false, openOnReset = false, onInputValueChangeFactory, placeholder, valueKey = VALUE_KEY, convertItemToString = defaultConvertItemToString, convertValueToItem = defaultConvertValueToItem, filterItems = defaultFilterItems, }) => {
|
19
|
+
const [items, setItems] = useState(options);
|
20
|
+
const { field: { onChange, onBlur, ref: ReactHookFormRef, value: ReactHookFormValue, }, } = useController({
|
21
|
+
name,
|
22
|
+
rules: registerProps,
|
23
|
+
});
|
24
|
+
const handleSelectedItemChange = useCallback((changes) => {
|
25
|
+
onChange(changes.selectedItem?.[valueKey] || undefined);
|
26
|
+
}, [onChange, valueKey]);
|
27
|
+
/* This allows for the option logic to be controlled externally, for instance by a backend
|
28
|
+
* For simpler use cases, simply pass a custom filterItems function */
|
29
|
+
const defaultOnInputValueChangeFactory = (stateUpdater) => ({ inputValue }) => stateUpdater(filterItems(options, inputValue));
|
30
|
+
const onInputValueChange = onInputValueChangeFactory
|
31
|
+
? onInputValueChangeFactory(setItems)
|
32
|
+
: defaultOnInputValueChangeFactory(setItems);
|
33
|
+
const { isOpen,
|
34
|
+
// inputValue,
|
35
|
+
openMenu,
|
36
|
+
// setInputValue,
|
37
|
+
// getToggleButtonProps,
|
38
|
+
selectItem, selectedItem, getMenuProps, getInputProps,
|
39
|
+
// setInputValue,
|
40
|
+
highlightedIndex, getItemProps, } = useCombobox({
|
41
|
+
items,
|
42
|
+
// selectedItem :ReactHookFormValue,
|
43
|
+
onSelectedItemChange: handleSelectedItemChange,
|
44
|
+
// stateReducer :stateReducer || defaultStateReducer,
|
45
|
+
onInputValueChange,
|
46
|
+
initialSelectedItem: convertValueToItem(ReactHookFormValue, options),
|
47
|
+
itemToString: convertItemToString,
|
48
|
+
});
|
49
|
+
const inputRef = useRef(null); // Create your own ref to manage focus
|
50
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: We want to run the effect if react-hook-form value changes only
|
51
|
+
useEffect(() => {
|
52
|
+
(async () => {
|
53
|
+
if (ReactHookFormValue !== selectedItem?.[valueKey]) {
|
54
|
+
const newItem = await convertValueToItem(ReactHookFormValue, options);
|
55
|
+
selectItem(newItem);
|
56
|
+
}
|
57
|
+
})();
|
58
|
+
}, [
|
59
|
+
ReactHookFormValue,
|
60
|
+
// valueKey,
|
61
|
+
// convertValueToItem,
|
62
|
+
// options,
|
63
|
+
]);
|
64
|
+
const resetAndFocusInput = useCallback(() => {
|
65
|
+
onChange(undefined); // Consistent with handleSelectedItemChange
|
66
|
+
selectItem(null);
|
67
|
+
inputRef.current?.focus();
|
68
|
+
if (openOnReset) {
|
69
|
+
openMenu();
|
70
|
+
}
|
71
|
+
}, [selectItem, openOnReset, openMenu, onChange]);
|
72
|
+
const combinedRef = mergeRefs(inputRef, ReactHookFormRef);
|
73
|
+
return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx("input", { ...getInputProps({
|
74
|
+
disabled,
|
75
|
+
placeholder,
|
76
|
+
onBlur,
|
77
|
+
ref: combinedRef,
|
78
|
+
}) }), _jsx(ResetButton, { onClick: resetAndFocusInput }), _jsx(List, { isOpen: isOpen, getMenuProps: getMenuProps, getItemProps: getItemProps, items: items, highlightedIndex: highlightedIndex, fieldValue: ReactHookFormValue, convertItemToString: convertItemToString, valueKey: valueKey })] }));
|
79
|
+
};
|
80
|
+
export default SingleCombobox;
|
81
|
+
//# sourceMappingURL=SingleCombobox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SingleCombobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/SingleCombobox.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { createElement as _createElement } from "react";
|
3
|
+
import "./styles.css";
|
4
|
+
const componentCssClassName = "ds combobox-list";
|
5
|
+
/**
|
6
|
+
* description of the List component
|
7
|
+
* @returns {React.ReactElement} - Rendered List
|
8
|
+
*/
|
9
|
+
const List = ({ className, style, items, getMenuProps, getItemProps, highlightedIndex, convertItemToString, fieldValue, valueKey, isOpen, }) => {
|
10
|
+
return (_jsx("ul", { className: [componentCssClassName, className, isOpen && "is-open"]
|
11
|
+
.filter((e) => e)
|
12
|
+
.join(" "), style: style, ...getMenuProps(), children: items.map((item, index) => {
|
13
|
+
const keyValue = item[valueKey];
|
14
|
+
const key = keyValue !== undefined ? String(keyValue) : `item-${index}`;
|
15
|
+
let isSelected = false;
|
16
|
+
if (fieldValue !== undefined) {
|
17
|
+
if (Array.isArray(fieldValue)) {
|
18
|
+
isSelected = fieldValue.includes(String(keyValue));
|
19
|
+
}
|
20
|
+
else {
|
21
|
+
isSelected = fieldValue === String(keyValue);
|
22
|
+
}
|
23
|
+
}
|
24
|
+
return (_createElement("li", { ...getItemProps({
|
25
|
+
item: item,
|
26
|
+
index,
|
27
|
+
style: {
|
28
|
+
backgroundColor: highlightedIndex === index ? "yellow" : "white",
|
29
|
+
fontWeight: isSelected ? "bold" : "normal",
|
30
|
+
},
|
31
|
+
}), key: key }, convertItemToString(item)));
|
32
|
+
}) }));
|
33
|
+
};
|
34
|
+
export default List;
|
35
|
+
//# sourceMappingURL=List.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/List/List.tsx"],"names":[],"mappings":";;AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,GACI,EAAsB,EAAE;IAClC,OAAO,CACL,aACE,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,MAAM,IAAI,SAAS,CAAC;aAC/D,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;aAChB,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,KACR,YAAY,EAAE,YAEjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAChC,MAAM,GAAG,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC;YACxE,IAAI,UAAU,GAAG,KAAK,CAAC;YAEvB,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;oBAC9B,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACrD,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC;YACD,OAAO,CACL,0BACM,YAAY,CAAC;oBACf,IAAI,EAAE,IAAI;oBACV,KAAK;oBACL,KAAK,EAAE;wBACL,eAAe,EACb,gBAAgB,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;wBACjD,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;qBAC3C;iBACF,CAAC,EACF,GAAG,EAAE,GAAG,IAEP,mBAAmB,CAAC,IAAI,CAAC,CACvB,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/List/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/List/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import "./styles.css";
|
3
|
+
import { Button } from "@canonical/react-ds-core";
|
4
|
+
import defaultMessages from "../../messages.js";
|
5
|
+
const componentCssClassName = "ds combobox-reset-button";
|
6
|
+
/**
|
7
|
+
* description of the ResetButton component
|
8
|
+
* @returns {React.ReactElement} - Rendered ResetButton
|
9
|
+
*/
|
10
|
+
const ResetButton = ({ id, className, messages = defaultMessages, style, onClick, }) => {
|
11
|
+
return (_jsx(Button, { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": messages.reset(), type: "button", onClick: onClick, children: "x" }));
|
12
|
+
};
|
13
|
+
export default ResetButton;
|
14
|
+
//# sourceMappingURL=ResetButton.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ResetButton.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,qBAAqB,GAAG,0BAA0B,CAAC;AAEzD;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,eAAe,EAC1B,KAAK,EACL,OAAO,GACU,EAAsB,EAAE;IACzC,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAC3D,QAAQ,CAAC,KAAK,EAAE,EAC5B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,kBAGT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/ResetButton/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../src/ui/Field/inputs/Combobox/common/ResetButton/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,cAAc,wBAAwB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/messages.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,GAAG,EAAE,CAAC,iBAAiB;IAC9B,KAAK,EAAE,GAAG,EAAE,CAAC,iBAAiB;CAC/B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"convertItemToString.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/convertItemToString.ts"],"names":[],"mappings":"AAEA,SAAS,mBAAmB,CAAC,IAAmB;IAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AAChC,CAAC;AAED,eAAe,mBAAmB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"convertValueToItem.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/convertValueToItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,SAAS,kBAAkB,CACzB,KAAa,EACb,KAAe,EACf,WAAyB,SAAS;IAElC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC;AACxE,CAAC;AAED,eAAe,kBAAkB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"filterItems.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/filterItems.ts"],"names":[],"mappings":"AAEA,SAAS,WAAW,CAAC,KAAe,EAAE,UAAkB;IACtD,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,UAAU;QACX,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAC9D,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
export { default as filterItems } from "./filterItems.js";
|
2
|
+
export { default as convertValueToItem } from "./convertValueToItem.js";
|
3
|
+
export { default as convertItemToString } from "./convertItemToString.js";
|
4
|
+
export { default as mergeRefs } from "./mergeRefs.js";
|
5
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
const mergeRefs = (...refs) => (instance) => {
|
2
|
+
for (const ref of refs) {
|
3
|
+
if (typeof ref === "function") {
|
4
|
+
ref(instance);
|
5
|
+
}
|
6
|
+
else if (ref) {
|
7
|
+
ref.current = instance;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
};
|
11
|
+
export default mergeRefs;
|
12
|
+
//# sourceMappingURL=mergeRefs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"mergeRefs.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/inputs/Combobox/utils/mergeRefs.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GACb,CAAI,GAAG,IAAkC,EAAE,EAAE,CAC7C,CAAC,QAAkB,EAAE,EAAE;IACrB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACd,GAAiC,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxD,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useFormContext } from "react-hook-form";
|
3
|
+
import { InvisibleWrapper, withWrapper } from "../../common/Wrapper/index.js";
|
4
|
+
const componentCssClassName = "ds form-hidden";
|
5
|
+
/**
|
6
|
+
* Hidden input component for forms, used to store values that are submitted but not visible to the user.
|
7
|
+
* @returns {React.ReactElement} - Rendered Hidden input
|
8
|
+
*/
|
9
|
+
const Hidden = ({ id, className, style, name, registerProps, ...otherProps }) => {
|
10
|
+
const { register } = useFormContext();
|
11
|
+
return (_jsx("input", { id: id, style: style, type: "hidden", className: [componentCssClassName, className].filter(Boolean).join(" "), ...otherProps, ...register(name, registerProps) }));
|
12
|
+
};
|
13
|
+
export default withWrapper(Hidden, {}, InvisibleWrapper);
|
14
|
+
//# sourceMappingURL=Hidden.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Hidden.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/Hidden.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG9E,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,EAAE,EAAE,EAAE,gBAAgB,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Hidden/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { useFormContext } from "react-hook-form";
|
3
|
+
import "./styles.css";
|
4
|
+
import withWrapper from "../../common/Wrapper/withWrapper.js";
|
5
|
+
const componentCssClassName = "ds range";
|
6
|
+
/**
|
7
|
+
* description of the Range component
|
8
|
+
* @returns {React.ReactElement} - Rendered Range
|
9
|
+
*/
|
10
|
+
const Range = ({ id, className, style, name, registerProps, min, max, ...otherProps }) => {
|
11
|
+
const { register, watch } = useFormContext();
|
12
|
+
const value = watch(name);
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsx("input", { id: id, type: "range", className: [componentCssClassName, className].filter(Boolean).join(" "), style: style, "aria-valuemin": min, "aria-valuemax": max, min: min, max: max, ...otherProps, ...register(name, registerProps) }), _jsx("output", { htmlFor: id, className: "ds range-output", children: value })] }));
|
14
|
+
};
|
15
|
+
export default withWrapper(Range);
|
16
|
+
//# sourceMappingURL=Range.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/Range.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,EACH,GAAG,EACH,GAAG,UAAU,EACF,EAAsB,EAAE;IACnC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1B,OAAO,CACL,8BACE,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,KAAK,EAAE,KAAK,mBACG,GAAG,mBACH,GAAG,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,KACJ,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,EACF,iBAAQ,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,YAC7C,KAAK,GACC,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAa,KAAK,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/types.ts"],"names":[],"mappings":""}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { useFormContext } from "react-hook-form";
|
3
|
+
import "./styles.css";
|
4
|
+
import { mixins } from "../../../constants.js";
|
5
|
+
import withWrapper from "../../common/Wrapper/withWrapper.js";
|
6
|
+
const componentCssClassName = "ds form-select";
|
7
|
+
/**
|
8
|
+
* description of the Select component
|
9
|
+
* @returns {React.ReactElement} - Rendered Select
|
10
|
+
*/
|
11
|
+
const Select = ({ id, className, style, name, registerProps, options, ...otherProps }) => {
|
12
|
+
const { register } = useFormContext();
|
13
|
+
return (_jsx("select", { id: id, className: [mixins.FormInput, componentCssClassName, className]
|
14
|
+
.filter(Boolean)
|
15
|
+
.join(" "), style: style, ...otherProps, ...register(name, registerProps), children: options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))) }));
|
16
|
+
};
|
17
|
+
export default withWrapper(Select);
|
18
|
+
//# sourceMappingURL=Select.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/Select.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,OAAO,EACP,GAAG,UAAU,EACD,EAAsB,EAAE;IACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,iBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,qBAAqB,EAAE,SAAS,CAAC;aAC5D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,KAAK,KACR,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,YAEhC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,KAAK,CAKV,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAc,MAAM,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/types.ts"],"names":[],"mappings":""}
|