@canonical/react-ds-core-form 0.9.0-experimental.11 → 0.9.0-experimental.13

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.
Files changed (232) hide show
  1. package/dist/esm/ui/Field/Field.js +11 -1
  2. package/dist/esm/ui/Field/Field.js.map +1 -1
  3. package/dist/esm/ui/Field/common/Label/Label.js +3 -3
  4. package/dist/esm/ui/Field/common/Label/Label.js.map +1 -1
  5. package/dist/esm/ui/Field/common/Label/styles.css +2 -4
  6. package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js +26 -0
  7. package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js.map +1 -0
  8. package/dist/esm/ui/Field/common/Wrapper/Wrapper.js +10 -2
  9. package/dist/esm/ui/Field/common/Wrapper/Wrapper.js.map +1 -1
  10. package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js +2 -1
  11. package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js.map +1 -1
  12. package/dist/esm/ui/Field/common/Wrapper/index.js +2 -0
  13. package/dist/esm/ui/Field/common/Wrapper/index.js.map +1 -1
  14. package/dist/esm/ui/Field/common/Wrapper/styles.css +10 -2
  15. package/dist/esm/ui/Field/common/Wrapper/withWrapper.js +10 -6
  16. package/dist/esm/ui/Field/common/Wrapper/withWrapper.js.map +1 -1
  17. package/dist/esm/ui/Field/hooks/index.js +1 -0
  18. package/dist/esm/ui/Field/hooks/index.js.map +1 -1
  19. package/dist/esm/ui/Field/hooks/useFieldAriaProperties.js +27 -21
  20. package/dist/esm/ui/Field/hooks/useFieldAriaProperties.js.map +1 -1
  21. package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js +30 -0
  22. package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js.map +1 -0
  23. package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js +3 -2
  24. package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js.map +1 -1
  25. package/dist/esm/ui/Field/inputs/Combobox/Combobox.js +21 -0
  26. package/dist/esm/ui/Field/inputs/Combobox/Combobox.js.map +1 -0
  27. package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js +82 -0
  28. package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js.map +1 -0
  29. package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js +81 -0
  30. package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js.map +1 -0
  31. package/dist/esm/ui/Field/inputs/Combobox/common/List/List.js +35 -0
  32. package/dist/esm/ui/Field/inputs/Combobox/common/List/List.js.map +1 -0
  33. package/dist/esm/ui/Field/inputs/Combobox/common/List/index.js +4 -0
  34. package/dist/esm/ui/Field/inputs/Combobox/common/List/index.js.map +1 -0
  35. package/dist/esm/ui/Field/inputs/Combobox/common/List/styles.css +7 -0
  36. package/dist/esm/ui/Field/inputs/Combobox/common/List/types.js +2 -0
  37. package/dist/esm/ui/Field/inputs/Combobox/common/List/types.js.map +1 -0
  38. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.js +15 -0
  39. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.js.map +1 -0
  40. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/index.js +4 -0
  41. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/index.js.map +1 -0
  42. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/styles.css +7 -0
  43. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/types.js +2 -0
  44. package/dist/esm/ui/Field/inputs/Combobox/common/ResetButton/types.js.map +1 -0
  45. package/dist/esm/ui/Field/inputs/Combobox/common/index.js +3 -0
  46. package/dist/esm/ui/Field/inputs/Combobox/common/index.js.map +1 -0
  47. package/dist/esm/ui/Field/inputs/Combobox/constants.js +2 -0
  48. package/dist/esm/ui/Field/inputs/Combobox/constants.js.map +1 -0
  49. package/dist/esm/ui/Field/inputs/Combobox/index.js +4 -0
  50. package/dist/esm/ui/Field/inputs/Combobox/index.js.map +1 -0
  51. package/dist/esm/ui/Field/inputs/Combobox/messages.js +5 -0
  52. package/dist/esm/ui/Field/inputs/Combobox/messages.js.map +1 -0
  53. package/dist/esm/ui/Field/inputs/Combobox/styles.css +7 -0
  54. package/dist/esm/ui/Field/inputs/Combobox/types.js +2 -0
  55. package/dist/esm/ui/Field/inputs/Combobox/types.js.map +1 -0
  56. package/dist/esm/ui/Field/inputs/Combobox/utils/convertItemToString.js +5 -0
  57. package/dist/esm/ui/Field/inputs/Combobox/utils/convertItemToString.js.map +1 -0
  58. package/dist/esm/ui/Field/inputs/Combobox/utils/convertValueToItem.js +6 -0
  59. package/dist/esm/ui/Field/inputs/Combobox/utils/convertValueToItem.js.map +1 -0
  60. package/dist/esm/ui/Field/inputs/Combobox/utils/filterItems.js +6 -0
  61. package/dist/esm/ui/Field/inputs/Combobox/utils/filterItems.js.map +1 -0
  62. package/dist/esm/ui/Field/inputs/Combobox/utils/index.js +5 -0
  63. package/dist/esm/ui/Field/inputs/Combobox/utils/index.js.map +1 -0
  64. package/dist/esm/ui/Field/inputs/Combobox/utils/mergeRefs.js +12 -0
  65. package/dist/esm/ui/Field/inputs/Combobox/utils/mergeRefs.js.map +1 -0
  66. package/dist/esm/ui/Field/inputs/Hidden/Hidden.js +14 -0
  67. package/dist/esm/ui/Field/inputs/Hidden/Hidden.js.map +1 -0
  68. package/dist/esm/ui/Field/inputs/Hidden/index.js +4 -0
  69. package/dist/esm/ui/Field/inputs/Hidden/index.js.map +1 -0
  70. package/dist/esm/ui/Field/inputs/Hidden/types.js +2 -0
  71. package/dist/esm/ui/Field/inputs/Hidden/types.js.map +1 -0
  72. package/dist/esm/ui/Field/inputs/Range/Range.js +16 -0
  73. package/dist/esm/ui/Field/inputs/Range/Range.js.map +1 -0
  74. package/dist/esm/ui/Field/inputs/Range/index.js +4 -0
  75. package/dist/esm/ui/Field/inputs/Range/index.js.map +1 -0
  76. package/dist/esm/ui/Field/inputs/Range/styles.css +7 -0
  77. package/dist/esm/ui/Field/inputs/Range/types.js +2 -0
  78. package/dist/esm/ui/Field/inputs/Range/types.js.map +1 -0
  79. package/dist/esm/ui/Field/inputs/Select/Select.js +15 -0
  80. package/dist/esm/ui/Field/inputs/Select/Select.js.map +1 -0
  81. package/dist/esm/ui/Field/inputs/Select/index.js +4 -0
  82. package/dist/esm/ui/Field/inputs/Select/index.js.map +1 -0
  83. package/dist/esm/ui/Field/inputs/Select/styles.css +7 -0
  84. package/dist/esm/ui/Field/inputs/Select/types.js +2 -0
  85. package/dist/esm/ui/Field/inputs/Select/types.js.map +1 -0
  86. package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js +28 -0
  87. package/dist/esm/ui/Field/inputs/SimpleChoices/SimpleChoices.js.map +1 -0
  88. package/dist/esm/ui/Field/inputs/SimpleChoices/index.js +4 -0
  89. package/dist/esm/ui/Field/inputs/SimpleChoices/index.js.map +1 -0
  90. package/dist/esm/ui/Field/inputs/SimpleChoices/styles.css +7 -0
  91. package/dist/esm/ui/Field/inputs/SimpleChoices/types.js +2 -0
  92. package/dist/esm/ui/Field/inputs/SimpleChoices/types.js.map +1 -0
  93. package/dist/esm/ui/Field/inputs/Text/Text.js +3 -2
  94. package/dist/esm/ui/Field/inputs/Text/Text.js.map +1 -1
  95. package/dist/esm/ui/Field/inputs/Textarea/Textarea.js +3 -2
  96. package/dist/esm/ui/Field/inputs/Textarea/Textarea.js.map +1 -1
  97. package/dist/esm/ui/Field/inputs/index.js +5 -0
  98. package/dist/esm/ui/Field/inputs/index.js.map +1 -1
  99. package/dist/esm/ui/Form/index.js +4 -0
  100. package/dist/esm/ui/Form/index.js.map +1 -0
  101. package/dist/esm/ui/Form/types.js +2 -0
  102. package/dist/esm/ui/Form/types.js.map +1 -0
  103. package/dist/esm/ui/index.js +2 -27
  104. package/dist/esm/ui/index.js.map +1 -1
  105. package/dist/esm/ui/middleware/addConditionalDisplay.js +19 -0
  106. package/dist/esm/ui/middleware/addConditionalDisplay.js.map +1 -0
  107. package/dist/esm/ui/middleware/addRESTOptions.js +44 -0
  108. package/dist/esm/ui/middleware/addRESTOptions.js.map +1 -0
  109. package/dist/esm/ui/middleware/addRESTValidation.js +38 -0
  110. package/dist/esm/ui/middleware/addRESTValidation.js.map +1 -0
  111. package/dist/esm/ui/middleware/index.js +4 -0
  112. package/dist/esm/ui/middleware/index.js.map +1 -0
  113. package/dist/types/ui/Field/Field.d.ts.map +1 -1
  114. package/dist/types/ui/Field/common/Description/Description.d.ts.map +1 -1
  115. package/dist/types/ui/Field/common/Error/Error.d.ts.map +1 -1
  116. package/dist/types/ui/Field/common/Label/Label.d.ts +1 -1
  117. package/dist/types/ui/Field/common/Label/Label.d.ts.map +1 -1
  118. package/dist/types/ui/Field/common/Label/types.d.ts +1 -1
  119. package/dist/types/ui/Field/common/Label/types.d.ts.map +1 -1
  120. package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts +13 -0
  121. package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts.map +1 -0
  122. package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts +2 -2
  123. package/dist/types/ui/Field/common/Wrapper/Wrapper.d.ts.map +1 -1
  124. package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts +2 -1
  125. package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts.map +1 -1
  126. package/dist/types/ui/Field/common/Wrapper/index.d.ts +2 -0
  127. package/dist/types/ui/Field/common/Wrapper/index.d.ts.map +1 -1
  128. package/dist/types/ui/Field/common/Wrapper/types.d.ts +0 -17
  129. package/dist/types/ui/Field/common/Wrapper/types.d.ts.map +1 -1
  130. package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts +3 -5
  131. package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts.map +1 -1
  132. package/dist/types/ui/Field/hooks/index.d.ts +1 -0
  133. package/dist/types/ui/Field/hooks/index.d.ts.map +1 -1
  134. package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts +2 -1
  135. package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts.map +1 -1
  136. package/dist/types/ui/Field/hooks/useOptionAriaProperties.d.ts +19 -0
  137. package/dist/types/ui/Field/hooks/useOptionAriaProperties.d.ts.map +1 -0
  138. package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts +320 -1
  139. package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts.map +1 -1
  140. package/dist/types/ui/Field/inputs/Checkbox/types.d.ts +4 -3
  141. package/dist/types/ui/Field/inputs/Checkbox/types.d.ts.map +1 -1
  142. package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts +36 -0
  143. package/dist/types/ui/Field/inputs/Combobox/Combobox.d.ts.map +1 -0
  144. package/dist/types/ui/Field/inputs/Combobox/MultipleCombobox.d.ts +13 -0
  145. package/dist/types/ui/Field/inputs/Combobox/MultipleCombobox.d.ts.map +1 -0
  146. package/dist/types/ui/Field/inputs/Combobox/SingleCombobox.d.ts +12 -0
  147. package/dist/types/ui/Field/inputs/Combobox/SingleCombobox.d.ts.map +1 -0
  148. package/dist/types/ui/Field/inputs/Combobox/common/List/List.d.ts +10 -0
  149. package/dist/types/ui/Field/inputs/Combobox/common/List/List.d.ts.map +1 -0
  150. package/dist/types/ui/Field/inputs/Combobox/common/List/index.d.ts +3 -0
  151. package/dist/types/ui/Field/inputs/Combobox/common/List/index.d.ts.map +1 -0
  152. package/dist/types/ui/Field/inputs/Combobox/common/List/types.d.ts +18 -0
  153. package/dist/types/ui/Field/inputs/Combobox/common/List/types.d.ts.map +1 -0
  154. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.d.ts +10 -0
  155. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/ResetButton.d.ts.map +1 -0
  156. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/index.d.ts +3 -0
  157. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/index.d.ts.map +1 -0
  158. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/types.d.ts +12 -0
  159. package/dist/types/ui/Field/inputs/Combobox/common/ResetButton/types.d.ts.map +1 -0
  160. package/dist/types/ui/Field/inputs/Combobox/common/index.d.ts +3 -0
  161. package/dist/types/ui/Field/inputs/Combobox/common/index.d.ts.map +1 -0
  162. package/dist/types/ui/Field/inputs/Combobox/constants.d.ts +2 -0
  163. package/dist/types/ui/Field/inputs/Combobox/constants.d.ts.map +1 -0
  164. package/dist/types/ui/Field/inputs/Combobox/index.d.ts +3 -0
  165. package/dist/types/ui/Field/inputs/Combobox/index.d.ts.map +1 -0
  166. package/dist/types/ui/Field/inputs/Combobox/messages.d.ts +6 -0
  167. package/dist/types/ui/Field/inputs/Combobox/messages.d.ts.map +1 -0
  168. package/dist/types/ui/Field/inputs/Combobox/types.d.ts +23 -0
  169. package/dist/types/ui/Field/inputs/Combobox/types.d.ts.map +1 -0
  170. package/dist/types/ui/Field/inputs/Combobox/utils/convertItemToString.d.ts +4 -0
  171. package/dist/types/ui/Field/inputs/Combobox/utils/convertItemToString.d.ts.map +1 -0
  172. package/dist/types/ui/Field/inputs/Combobox/utils/convertValueToItem.d.ts +4 -0
  173. package/dist/types/ui/Field/inputs/Combobox/utils/convertValueToItem.d.ts.map +1 -0
  174. package/dist/types/ui/Field/inputs/Combobox/utils/filterItems.d.ts +4 -0
  175. package/dist/types/ui/Field/inputs/Combobox/utils/filterItems.d.ts.map +1 -0
  176. package/dist/types/ui/Field/inputs/Combobox/utils/index.d.ts +5 -0
  177. package/dist/types/ui/Field/inputs/Combobox/utils/index.d.ts.map +1 -0
  178. package/dist/types/ui/Field/inputs/Combobox/utils/mergeRefs.d.ts +3 -0
  179. package/dist/types/ui/Field/inputs/Combobox/utils/mergeRefs.d.ts.map +1 -0
  180. package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts +323 -0
  181. package/dist/types/ui/Field/inputs/Hidden/Hidden.d.ts.map +1 -0
  182. package/dist/types/ui/Field/inputs/Hidden/index.d.ts +3 -0
  183. package/dist/types/ui/Field/inputs/Hidden/index.d.ts.map +1 -0
  184. package/dist/types/ui/Field/inputs/Hidden/types.d.ts +5 -0
  185. package/dist/types/ui/Field/inputs/Hidden/types.d.ts.map +1 -0
  186. package/dist/types/ui/Field/inputs/Range/Range.d.ts +324 -0
  187. package/dist/types/ui/Field/inputs/Range/Range.d.ts.map +1 -0
  188. package/dist/types/ui/Field/inputs/Range/index.d.ts +3 -0
  189. package/dist/types/ui/Field/inputs/Range/index.d.ts.map +1 -0
  190. package/dist/types/ui/Field/inputs/Range/types.d.ts +8 -0
  191. package/dist/types/ui/Field/inputs/Range/types.d.ts.map +1 -0
  192. package/dist/types/ui/Field/inputs/Select/Select.d.ts +303 -0
  193. package/dist/types/ui/Field/inputs/Select/Select.d.ts.map +1 -0
  194. package/dist/types/ui/Field/inputs/Select/index.d.ts +3 -0
  195. package/dist/types/ui/Field/inputs/Select/index.d.ts.map +1 -0
  196. package/dist/types/ui/Field/inputs/Select/types.d.ts +5 -0
  197. package/dist/types/ui/Field/inputs/Select/types.d.ts.map +1 -0
  198. package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts +28 -0
  199. package/dist/types/ui/Field/inputs/SimpleChoices/SimpleChoices.d.ts.map +1 -0
  200. package/dist/types/ui/Field/inputs/SimpleChoices/index.d.ts +3 -0
  201. package/dist/types/ui/Field/inputs/SimpleChoices/index.d.ts.map +1 -0
  202. package/dist/types/ui/Field/inputs/SimpleChoices/types.d.ts +20 -0
  203. package/dist/types/ui/Field/inputs/SimpleChoices/types.d.ts.map +1 -0
  204. package/dist/types/ui/Field/inputs/Text/Text.d.ts +327 -1
  205. package/dist/types/ui/Field/inputs/Text/Text.d.ts.map +1 -1
  206. package/dist/types/ui/Field/inputs/Text/types.d.ts +8 -4
  207. package/dist/types/ui/Field/inputs/Text/types.d.ts.map +1 -1
  208. package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts +304 -1
  209. package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts.map +1 -1
  210. package/dist/types/ui/Field/inputs/Textarea/types.d.ts +4 -3
  211. package/dist/types/ui/Field/inputs/Textarea/types.d.ts.map +1 -1
  212. package/dist/types/ui/Field/inputs/index.d.ts +5 -0
  213. package/dist/types/ui/Field/inputs/index.d.ts.map +1 -1
  214. package/dist/types/ui/Field/inputs/types.d.ts +1 -12
  215. package/dist/types/ui/Field/inputs/types.d.ts.map +1 -1
  216. package/dist/types/ui/Field/types.d.ts +59 -28
  217. package/dist/types/ui/Field/types.d.ts.map +1 -1
  218. package/dist/types/ui/Form/index.d.ts +2 -0
  219. package/dist/types/ui/Form/index.d.ts.map +1 -0
  220. package/dist/types/ui/Form/types.d.ts +8 -0
  221. package/dist/types/ui/Form/types.d.ts.map +1 -0
  222. package/dist/types/ui/index.d.ts +2 -0
  223. package/dist/types/ui/index.d.ts.map +1 -1
  224. package/dist/types/ui/middleware/addConditionalDisplay.d.ts +4 -0
  225. package/dist/types/ui/middleware/addConditionalDisplay.d.ts.map +1 -0
  226. package/dist/types/ui/middleware/addRESTOptions.d.ts +9 -0
  227. package/dist/types/ui/middleware/addRESTOptions.d.ts.map +1 -0
  228. package/dist/types/ui/middleware/addRESTValidation.d.ts +12 -0
  229. package/dist/types/ui/middleware/addRESTValidation.d.ts.map +1 -0
  230. package/dist/types/ui/middleware/index.d.ts +4 -0
  231. package/dist/types/ui/middleware/index.d.ts.map +1 -0
  232. package/package.json +9 -7
@@ -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,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as List } from "./List.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ .ds.combobox-list {
4
+ &:not(.is-open) {
5
+ display: none;
6
+ }
7
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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,15 @@
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, { label: "x" //TODO replace with semantic children
12
+ , id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": messages.reset(), type: "button", onClick: onClick }));
13
+ };
14
+ export default ResetButton;
15
+ //# 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,KAAK,EAAC,GAAG,CAAC,qCAAqC;UAC/C,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,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as ResetButton } from "./ResetButton.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ /*
4
+ .ds.combobox-reset-button {
5
+
6
+ }
7
+ */
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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,3 @@
1
+ export * from "./List/index.js";
2
+ export * from "./ResetButton/index.js";
3
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export const VALUE_KEY = "value";
2
+ //# sourceMappingURL=constants.js.map
@@ -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,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as Combobox } from "./Combobox.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,5 @@
1
+ export default {
2
+ reset: () => "Clear selection",
3
+ empty: () => "Empty selection",
4
+ };
5
+ //# sourceMappingURL=messages.js.map
@@ -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,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ /*
4
+ .ds.form-combobox {
5
+
6
+ }
7
+ */
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,5 @@
1
+ function convertItemToString(item) {
2
+ return item ? item.label : "";
3
+ }
4
+ export default convertItemToString;
5
+ //# sourceMappingURL=convertItemToString.js.map
@@ -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,6 @@
1
+ import { VALUE_KEY } from "../constants.js";
2
+ function convertValueToItem(value, items, valueKey = VALUE_KEY) {
3
+ return items.find((item) => item[valueKey] === value) || null;
4
+ }
5
+ export default convertValueToItem;
6
+ //# sourceMappingURL=convertValueToItem.js.map
@@ -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,6 @@
1
+ function filterItems(items, inputValue) {
2
+ return items.filter((item) => !inputValue ||
3
+ item.label.toLowerCase().includes(inputValue.toLowerCase()));
4
+ }
5
+ export default filterItems;
6
+ //# sourceMappingURL=filterItems.js.map
@@ -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,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as Hidden } from "./Hidden.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as Range } from "./Range.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ /*
4
+ .ds.range {
5
+
6
+ }
7
+ */
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Range/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } 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 select";
6
+ /**
7
+ * description of the Select component
8
+ * @returns {React.ReactElement} - Rendered Select
9
+ */
10
+ const Select = ({ id, className, style, name, registerProps, options, ...otherProps }) => {
11
+ const { register } = useFormContext();
12
+ return (_jsx("select", { id: id, className: [componentCssClassName, className].filter(Boolean).join(" "), style: style, ...otherProps, ...register(name, registerProps), children: options.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))) }));
13
+ };
14
+ export default withWrapper(Select);
15
+ //# 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,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,WAAW,CAAC;AAE1C;;;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,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,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,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as Select } from "./Select.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ /*
4
+ .ds.select {
5
+
6
+ }
7
+ */
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Select/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useFormContext } from "react-hook-form";
3
+ import withWrapper from "../../common/Wrapper/withWrapper.js";
4
+ import { useOptionAriaProperties } from "../../hooks/index.js";
5
+ import "./styles.css";
6
+ const componentCssClassName = "ds simple-choices";
7
+ const optionClassName = "option";
8
+ const Option = ({ name, type, value, label, register, registerProps, disabled, }) => {
9
+ const ariaProps = useOptionAriaProperties(name, value);
10
+ return (_jsxs("div", { className: [optionClassName, "grid", disabled && "disabled"]
11
+ .filter(Boolean)
12
+ .join(" "), children: [_jsx("input", { value: value, disabled: disabled || false, type: type, ...register(name, registerProps), ...ariaProps.input }), _jsx("label", { ...ariaProps.label, children: label })] }, value));
13
+ };
14
+ /**
15
+ * description of the SimpleChoices component
16
+ * @returns {React.ReactElement} - Rendered SimpleChoices
17
+ */
18
+ const SimpleChoices = ({ id, className, style, name, isMultiple = false, disabled = false, options, registerProps, }) => {
19
+ const { register } = useFormContext();
20
+ const type = isMultiple ? "checkbox" : "radio";
21
+ return (
22
+ // Open for discussion, shall we use a fieldset or a div?
23
+ _jsx("fieldset", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: options.map((option) => (_jsx(Option, { name: name, type: type, register: register, registerProps: registerProps, value: option.value, label: option.label, disabled: disabled || Boolean(option.disabled) }, option.value))) }));
24
+ };
25
+ export default withWrapper(
26
+ // We mock the label to be a legend, as the "true" label is rendered by the individual options
27
+ SimpleChoices, { mockLabel: true });
28
+ //# sourceMappingURL=SimpleChoices.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleChoices.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/SimpleChoices.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAClD,MAAM,eAAe,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,GACI,EAAsB,EAAE;IACpC,MAAM,SAAS,GAAG,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO,CACL,eACE,SAAS,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,CAAC;aACzD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAGZ,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,IAAI,EAAE,IAAI,KACN,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,KAC7B,SAAS,CAAC,KAAK,GACnB,EAEF,mBAAW,SAAS,CAAC,KAAK,YAAG,KAAK,GAAS,KAVtC,KAAK,CAWN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,aAAa,GACM,EAAsB,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEtC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/C,OAAO;IACL,yDAAyD;IACzD,mBACE,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,YAEtE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAPzC,MAAM,CAAC,KAAK,CAQjB,CACH,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW;AACxB,8FAA8F;AAC9F,aAAa,EACb,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAC"}
@@ -0,0 +1,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ export { default as SimpleChoices } from "./SimpleChoices.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,cAAc,YAAY,CAAC"}
@@ -0,0 +1,7 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+
3
+ /*
4
+ .ds.simple-choices {
5
+
6
+ }
7
+ */
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/SimpleChoices/types.ts"],"names":[],"mappings":""}
@@ -7,9 +7,10 @@ const componentCssClassName = "ds form-text";
7
7
  * description of the Text component
8
8
  * @returns {React.ReactElement} - Rendered Text
9
9
  */
10
- const Text = ({ id, className, style, inputType = "text", name, registerProps, }) => {
10
+ const Text = ({ id, className, style, inputType = "text", name, registerProps, ...otherProps // Should only be native input props
11
+ }) => {
11
12
  const { register } = useFormContext();
12
- return (_jsx("input", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), type: inputType, ...register(name, registerProps) }));
13
+ return (_jsx("input", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), type: inputType, ...otherProps, ...register(name, registerProps) }));
13
14
  };
14
15
  export default withWrapper(Text);
15
16
  //# sourceMappingURL=Text.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,aAAa,GACH,EAAsB,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,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,EACvE,IAAI,EAAE,SAAS,KACX,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,IAAI,CAAC,CAAC"}
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACxC,EAAsB,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,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,EACvE,IAAI,EAAE,SAAS,KACX,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAIF,eAAe,WAAW,CAAY,IAAI,CAAC,CAAC"}
@@ -7,9 +7,10 @@ const componentCssClassName = "ds form-textarea";
7
7
  * description of the Textarea component
8
8
  * @returns {React.ReactElement} - Rendered Textarea
9
9
  */
10
- const Textarea = ({ id, className, style, name, registerProps, }) => {
10
+ const Textarea = ({ id, className, style, name, registerProps, ...otherProps // Should only be native input props
11
+ }) => {
11
12
  const { register } = useFormContext();
12
- return (_jsx("textarea", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ...register(name, registerProps) }));
13
+ return (_jsx("textarea", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ...otherProps, ...register(name, registerProps) }));
13
14
  };
14
15
  export default withWrapper(Textarea);
15
16
  //# sourceMappingURL=Textarea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.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,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,GACC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,mBACE,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,KACnE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.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,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACpC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,mBACE,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,KACnE,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}
@@ -1,4 +1,9 @@
1
1
  export * from "./Textarea/index.js";
2
2
  export * from "./Text/index.js";
3
3
  export * from "./Checkbox/index.js";
4
+ export * from "./Range/index.js";
5
+ export * from "./Select/index.js";
6
+ export * from "./SimpleChoices/index.js";
7
+ export * from "./Combobox/index.js";
8
+ export * from "./Hidden/index.js";
4
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAIpC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,4 @@
1
+ /* @canonical/generator-ds 0.9.0-experimental.9 */
2
+ // export { default as Form } from "./Form.js";
3
+ export * from "./types.js";
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/Form/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,+CAA+C;AAC/C,cAAc,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Form/types.ts"],"names":[],"mappings":""}
@@ -1,29 +1,4 @@
1
1
  export * from "./Field/index.js";
2
- /*
3
-
4
- /common/Label
5
- /common/Description
6
- (/common/ErrorMessage)
7
-
8
-
9
- /inputs/Input|Text > Wrapper around html
10
- /inputs/Textarea
11
- /inputs/Checkbox
12
- /inputs/Select
13
-
14
- /middleware/addRestValidation
15
- /middleware/addEditable
16
- /middleware/addConditionalDisplay
17
-
18
- /wrapper/Wrapper.js
19
- /wrapper/withWrapper.js so that "export default withWrapper(Input)" works
20
-
21
- /field/Field (!!!! This is the core of the API. We should be able to do fieldMap.map((field) => <Field {...field} />) and have it work)
22
- Field switched between Input, Textarea, Checkbox, Select based on type
23
-
24
-
25
- "Fieldsets"
26
- /inputs/SimpleChoices (list of radio buttons or checkboxes if multiple=true)
27
-
28
- */
2
+ export * from "./Form/index.js";
3
+ export * from "./middleware/index.js";
29
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AAEjC;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BE"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { createElement } from "react";
2
+ import { useFormContext } from "react-hook-form";
3
+ function addConditionalDisplay(dependencies,
4
+ // biome-ignore lint/suspicious/noExplicitAny: TODO
5
+ conditionFunction) {
6
+ return (WrappedComponent) => {
7
+ return function ExtendedComponent(props) {
8
+ const { watch } = useFormContext();
9
+ const depsValues = watch(dependencies);
10
+ const shouldDisplay = conditionFunction(depsValues);
11
+ if (shouldDisplay) {
12
+ return createElement(WrappedComponent, props);
13
+ }
14
+ return null;
15
+ };
16
+ };
17
+ }
18
+ export default addConditionalDisplay;
19
+ //# sourceMappingURL=addConditionalDisplay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"addConditionalDisplay.js","sourceRoot":"","sources":["../../../../src/ui/middleware/addConditionalDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,SAAS,qBAAqB,CAC5B,YAAsB;AACtB,mDAAmD;AACnD,iBAAiD;IAGjD,OAAO,CAAC,gBAAgB,EAAE,EAAE;QAC1B,OAAO,SAAS,iBAAiB,CAAC,KAAK;YACrC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;YACnC,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;YACvC,MAAM,aAAa,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;YAEpD,IAAI,aAAa,EAAE,CAAC;gBAClB,OAAO,aAAa,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YAChD,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}