@koobiq/react-components 0.11.1 → 0.13.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.
Files changed (168) hide show
  1. package/dist/components/Button/Button.js +1 -1
  2. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  3. package/dist/components/Collections/Column.d.ts +1 -1
  4. package/dist/components/Container/Container.js +13 -4
  5. package/dist/components/Container/types.d.ts +18 -3
  6. package/dist/components/Container/types.js +3 -1
  7. package/dist/components/DateInput/DateInput.js +36 -32
  8. package/dist/components/DateInput/DateInput.module.css.js +4 -1
  9. package/dist/components/DateInput/types.d.ts +10 -12
  10. package/dist/components/DateInput/types.js +5 -5
  11. package/dist/components/DatePicker/DatePicker.js +18 -2
  12. package/dist/components/DatePicker/types.d.ts +2 -2
  13. package/dist/components/Dialog/Dialog.js +2 -2
  14. package/dist/components/Dialog/components/DialogCloseButton.d.ts +2 -2
  15. package/dist/components/Form/Form.d.ts +9 -13
  16. package/dist/components/Form/Form.js +29 -32
  17. package/dist/components/Form/Form.module.css.js +19 -7
  18. package/dist/components/Form/FormContext.d.ts +5 -3
  19. package/dist/components/Form/components/FormActions/FormActions.d.ts +7 -0
  20. package/dist/components/Form/components/FormActions/FormActions.js +9 -0
  21. package/dist/components/Form/components/FormActions/index.d.ts +1 -0
  22. package/dist/components/Form/components/FormCaption/FormCaption.d.ts +16 -0
  23. package/dist/components/Form/components/FormCaption/FormCaption.js +17 -0
  24. package/dist/components/Form/components/FormCaption/index.d.ts +1 -0
  25. package/dist/components/Form/components/FormGroup/FormGroup.d.ts +7 -0
  26. package/dist/components/Form/components/FormGroup/FormGroup.js +9 -0
  27. package/dist/components/Form/components/FormGroup/index.d.ts +1 -0
  28. package/dist/components/Form/components/index.d.ts +3 -0
  29. package/dist/components/Form/types.d.ts +7 -3
  30. package/dist/components/Form/utils.js +12 -12
  31. package/dist/components/FormField/FormField.d.ts +22 -0
  32. package/dist/components/FormField/FormField.js +55 -0
  33. package/dist/components/FormField/FormField.module.css.js +17 -0
  34. package/dist/components/FormField/FormFieldAddon/FormFieldAddon.d.ts +10 -0
  35. package/dist/components/{FieldComponents/FieldAddon/FieldAddon.js → FormField/FormFieldAddon/FormFieldAddon.js} +9 -14
  36. package/dist/components/FormField/FormFieldAddon/FormFieldAddon.module.css.js +20 -0
  37. package/dist/components/FormField/FormFieldAddon/index.d.ts +1 -0
  38. package/dist/components/{FieldComponents/FieldCaption/FieldCaption.d.ts → FormField/FormFieldCaption/FormFieldCaption.d.ts} +3 -3
  39. package/dist/components/{FieldComponents/FieldCaption/FieldCaption.js → FormField/FormFieldCaption/FormFieldCaption.js} +4 -4
  40. package/dist/components/{FieldComponents/FieldError/FieldError.module.css.js → FormField/FormFieldCaption/FormFieldCaption.module.css.js} +1 -1
  41. package/dist/components/FormField/FormFieldCaption/index.d.ts +1 -0
  42. package/dist/components/FormField/FormFieldControlGroup/FormFieldControlGroup.d.ts +2 -0
  43. package/dist/components/{FieldComponents/FieldContentGroup/FieldContentGroup.js → FormField/FormFieldControlGroup/FormFieldControlGroup.js} +11 -29
  44. package/dist/components/FormField/FormFieldControlGroup/FormFieldControlGroup.module.css.js +23 -0
  45. package/dist/components/FormField/FormFieldControlGroup/FormFieldControlGroupContext.d.ts +10 -0
  46. package/dist/components/FormField/FormFieldControlGroup/FormFieldControlGroupContext.js +7 -0
  47. package/dist/components/FormField/FormFieldControlGroup/index.d.ts +3 -0
  48. package/dist/components/FormField/FormFieldControlGroup/types.d.ts +30 -0
  49. package/dist/components/FormField/FormFieldControlGroup/types.js +7 -0
  50. package/dist/components/FormField/FormFieldError/FormFieldError.d.ts +8 -0
  51. package/dist/components/FormField/FormFieldError/FormFieldError.js +17 -0
  52. package/dist/components/{FieldComponents/FieldCaption/FieldCaption.module.css.js → FormField/FormFieldError/FormFieldError.module.css.js} +1 -1
  53. package/dist/components/FormField/FormFieldError/index.d.ts +1 -0
  54. package/dist/components/FormField/FormFieldInput/FormFieldInput.d.ts +8 -0
  55. package/dist/components/FormField/FormFieldInput/FormFieldInput.js +12 -0
  56. package/dist/components/{FieldComponents/Field/Field.module.css.js → FormField/FormFieldInput/FormFieldInput.module.css.js} +1 -1
  57. package/dist/components/FormField/FormFieldInput/index.d.ts +1 -0
  58. package/dist/components/FormField/FormFieldInputDate/FormFieldInputDate.d.ts +8 -0
  59. package/dist/components/FormField/FormFieldInputDate/FormFieldInputDate.js +9 -0
  60. package/dist/components/FormField/FormFieldInputDate/FormFieldInputDate.module.css.js +8 -0
  61. package/dist/components/FormField/FormFieldInputDate/index.d.ts +1 -0
  62. package/dist/components/FormField/FormFieldLabel/FormFieldLabel.d.ts +4 -0
  63. package/dist/components/{FormControlLabel/FormControlLabel.js → FormField/FormFieldLabel/FormFieldLabel.js} +5 -4
  64. package/dist/components/FormField/FormFieldLabel/FormFieldLabel.module.css.js +14 -0
  65. package/dist/components/FormField/FormFieldLabel/index.d.ts +2 -0
  66. package/dist/components/{FormControlLabel → FormField/FormFieldLabel}/types.d.ts +1 -1
  67. package/dist/components/FormField/FormFieldSelect/FormFieldSelect.d.ts +4 -0
  68. package/dist/components/FormField/FormFieldSelect/FormFieldSelect.js +33 -0
  69. package/dist/components/FormField/FormFieldSelect/FormFieldSelect.module.css.js +20 -0
  70. package/dist/components/FormField/FormFieldSelect/index.d.ts +2 -0
  71. package/dist/components/FormField/FormFieldSelect/types.d.ts +7 -0
  72. package/dist/components/FormField/index.d.ts +9 -0
  73. package/dist/components/FormField/types.d.ts +19 -0
  74. package/dist/components/FormField/types.js +6 -0
  75. package/dist/components/Input/Input.d.ts +8 -10
  76. package/dist/components/Input/Input.js +22 -23
  77. package/dist/components/Input/Input.module.css.js +5 -1
  78. package/dist/components/Input/types.d.ts +10 -12
  79. package/dist/components/Input/types.js +5 -5
  80. package/dist/components/InputNumber/InputNumber.d.ts +8 -10
  81. package/dist/components/InputNumber/InputNumber.js +22 -22
  82. package/dist/components/InputNumber/InputNumber.module.css.js +8 -0
  83. package/dist/components/InputNumber/components/InputNumberCounterControls.js +2 -2
  84. package/dist/components/InputNumber/types.d.ts +10 -12
  85. package/dist/components/InputNumber/types.js +5 -5
  86. package/dist/components/List/components/ListSection/ListSection.js +1 -1
  87. package/dist/components/RadioGroup/RadioGroup.js +14 -13
  88. package/dist/components/RadioGroup/RadioGroup.module.css.js +4 -1
  89. package/dist/components/RadioGroup/components/Radio/Radio.d.ts +1 -1
  90. package/dist/components/RadioGroup/types.d.ts +7 -9
  91. package/dist/components/RadioGroup/types.js +3 -3
  92. package/dist/components/SearchInput/SearchInput.d.ts +8 -10
  93. package/dist/components/SearchInput/SearchInput.js +39 -30
  94. package/dist/components/SearchInput/SearchInput.module.css.js +4 -1
  95. package/dist/components/SearchInput/types.d.ts +10 -12
  96. package/dist/components/SearchInput/types.js +5 -5
  97. package/dist/components/Select/Select.js +36 -27
  98. package/dist/components/Select/Select.module.css.js +4 -4
  99. package/dist/components/Select/components/TagGroup/TagGroupMultiline.js +2 -2
  100. package/dist/components/Select/components/TagGroup/TagGroupResponsive.js +2 -2
  101. package/dist/components/Select/types.d.ts +8 -10
  102. package/dist/components/Select/types.js +3 -3
  103. package/dist/components/Table/Table.js +7 -5
  104. package/dist/components/Table/components/TableColumnHeader/TableColumnHeader.d.ts +3 -1
  105. package/dist/components/Table/components/TableColumnHeader/TableColumnHeader.js +21 -3
  106. package/dist/components/Table/components/TableColumnHeader/TableColumnHeader.module.css.js +13 -1
  107. package/dist/components/Table/components/TableRowGroup/TableRowGroup.d.ts +3 -1
  108. package/dist/components/Table/components/TableRowGroup/TableRowGroup.js +7 -2
  109. package/dist/components/Table/types.d.ts +11 -2
  110. package/dist/components/Textarea/Textarea.d.ts +5 -5
  111. package/dist/components/Textarea/Textarea.js +6 -4
  112. package/dist/components/Textarea/Textarea.module.css.js +8 -2
  113. package/dist/components/Textarea/components/TextareaContextConsumer/TextareaContextConsumer.d.ts +1 -1
  114. package/dist/components/Textarea/components/TextareaContextConsumer/TextareaContextConsumer.js +24 -20
  115. package/dist/components/Textarea/types.d.ts +8 -10
  116. package/dist/components/Textarea/types.js +5 -5
  117. package/dist/components/TimePicker/TimePicker.js +37 -31
  118. package/dist/components/TimePicker/TimePicker.module.css.js +4 -1
  119. package/dist/components/TimePicker/types.d.ts +9 -11
  120. package/dist/components/TimePicker/types.js +3 -3
  121. package/dist/components/Toggle/Toggle.d.ts +1 -1
  122. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  123. package/dist/components/index.d.ts +3 -4
  124. package/dist/index.js +30 -13
  125. package/dist/style.css +469 -386
  126. package/dist/types.d.ts +0 -1
  127. package/package.json +5 -5
  128. package/dist/components/FieldComponents/Field/Field.d.ts +0 -4
  129. package/dist/components/FieldComponents/Field/Field.js +0 -10
  130. package/dist/components/FieldComponents/Field/index.d.ts +0 -2
  131. package/dist/components/FieldComponents/Field/types.d.ts +0 -4
  132. package/dist/components/FieldComponents/FieldAddon/FieldAddon.d.ts +0 -11
  133. package/dist/components/FieldComponents/FieldAddon/FieldAddon.module.css.js +0 -20
  134. package/dist/components/FieldComponents/FieldAddon/index.d.ts +0 -1
  135. package/dist/components/FieldComponents/FieldCaption/index.d.ts +0 -1
  136. package/dist/components/FieldComponents/FieldContentGroup/FieldContentGroup.d.ts +0 -2
  137. package/dist/components/FieldComponents/FieldContentGroup/FieldContentGroup.module.css.js +0 -29
  138. package/dist/components/FieldComponents/FieldContentGroup/FieldContentGroupContext.d.ts +0 -10
  139. package/dist/components/FieldComponents/FieldContentGroup/FieldContentGroupContext.js +0 -7
  140. package/dist/components/FieldComponents/FieldContentGroup/index.d.ts +0 -3
  141. package/dist/components/FieldComponents/FieldContentGroup/types.d.ts +0 -29
  142. package/dist/components/FieldComponents/FieldContentGroup/types.js +0 -4
  143. package/dist/components/FieldComponents/FieldError/FieldError.d.ts +0 -8
  144. package/dist/components/FieldComponents/FieldError/FieldError.js +0 -19
  145. package/dist/components/FieldComponents/FieldError/index.d.ts +0 -1
  146. package/dist/components/FieldComponents/FieldInput/FieldInput.d.ts +0 -12
  147. package/dist/components/FieldComponents/FieldInput/FieldInput.js +0 -34
  148. package/dist/components/FieldComponents/FieldInput/FieldInput.module.css.js +0 -20
  149. package/dist/components/FieldComponents/FieldInput/index.d.ts +0 -1
  150. package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.d.ts +0 -12
  151. package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.js +0 -32
  152. package/dist/components/FieldComponents/FieldInputDate/FieldInputDate.module.css.js +0 -20
  153. package/dist/components/FieldComponents/FieldInputDate/index.d.ts +0 -1
  154. package/dist/components/FieldComponents/FieldSelect/FieldSelect.d.ts +0 -4
  155. package/dist/components/FieldComponents/FieldSelect/FieldSelect.js +0 -45
  156. package/dist/components/FieldComponents/FieldSelect/FieldSelect.module.css.js +0 -26
  157. package/dist/components/FieldComponents/FieldSelect/index.d.ts +0 -2
  158. package/dist/components/FieldComponents/FieldSelect/types.d.ts +0 -11
  159. package/dist/components/FieldComponents/index.d.ts +0 -8
  160. package/dist/components/FormControl/FormControl.d.ts +0 -4
  161. package/dist/components/FormControl/FormControl.js +0 -41
  162. package/dist/components/FormControl/FormControl.module.css.js +0 -17
  163. package/dist/components/FormControl/index.d.ts +0 -2
  164. package/dist/components/FormControl/types.d.ts +0 -19
  165. package/dist/components/FormControl/types.js +0 -6
  166. package/dist/components/FormControlLabel/FormControlLabel.d.ts +0 -4
  167. package/dist/components/FormControlLabel/FormControlLabel.module.css.js +0 -14
  168. package/dist/components/FormControlLabel/index.d.ts +0 -2
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* empty css */
2
- import { useListData } from "@koobiq/react-primitives";
2
+ import { useAsyncList, useListData } from "@koobiq/react-primitives";
3
3
  import { RouterProvider, useDateFormatter, useLocale, useRouter } from "@koobiq/react-core";
4
4
  import { Provider, defaultBreakpoints } from "./components/Provider/Provider.js";
5
5
  import { BreakpointsProvider } from "./components/Provider/BreakpointsProvider.js";
@@ -7,10 +7,18 @@ import { ProviderContext, useProvider } from "./components/Provider/ProviderCont
7
7
  import { BreakpointsContext, useBreakpoints, useMatchedBreakpoints } from "./components/Provider/BreakpointsContext.js";
8
8
  import { FlexBox } from "./components/FlexBox/FlexBox.js";
9
9
  import { Container } from "./components/Container/Container.js";
10
- import { containerMarginsProp, containerPositionProp } from "./components/Container/types.js";
11
- import { FormControl } from "./components/FormControl/FormControl.js";
12
- import { formControlPropLabelAlign, formControlPropLabelPlacement } from "./components/FormControl/types.js";
13
- import { FormControlLabel } from "./components/FormControlLabel/FormControlLabel.js";
10
+ import { containerMarginsProp, containerPlacementProp, containerPositionProp } from "./components/Container/types.js";
11
+ import { FormFieldInput } from "./components/FormField/FormFieldInput/FormFieldInput.js";
12
+ import { FormFieldSelect } from "./components/FormField/FormFieldSelect/FormFieldSelect.js";
13
+ import { FormFieldCaption } from "./components/FormField/FormFieldCaption/FormFieldCaption.js";
14
+ import { FormFieldLabel } from "./components/FormField/FormFieldLabel/FormFieldLabel.js";
15
+ import { FormFieldError } from "./components/FormField/FormFieldError/FormFieldError.js";
16
+ import { FormFieldControlGroup } from "./components/FormField/FormFieldControlGroup/FormFieldControlGroup.js";
17
+ import { FormFieldControlGroupContext, useFormFieldControlGroup } from "./components/FormField/FormFieldControlGroup/FormFieldControlGroupContext.js";
18
+ import { formFieldControlGroupPropVariant } from "./components/FormField/FormFieldControlGroup/types.js";
19
+ import { FormFieldInputDate } from "./components/FormField/FormFieldInputDate/FormFieldInputDate.js";
20
+ import { FormField, FormFieldComponent } from "./components/FormField/FormField.js";
21
+ import { formFieldPropLabelAlign, formFieldPropLabelPlacement } from "./components/FormField/types.js";
14
22
  import { Alert } from "./components/Alert/Alert.js";
15
23
  import { alertPropStatus } from "./components/Alert/types.js";
16
24
  import { Button } from "./components/Button/Button.js";
@@ -82,7 +90,7 @@ import { TimePicker, TimePickerRender } from "./components/TimePicker/TimePicker
82
90
  import { timePickerPropLabelAlign, timePickerPropLabelPlacement } from "./components/TimePicker/types.js";
83
91
  import { SearchInput } from "./components/SearchInput/SearchInput.js";
84
92
  import { searchInputPropLabelAlign, searchInputPropLabelPlacement, searchInputPropVariant } from "./components/SearchInput/types.js";
85
- import { Fieldset, Form, FormComponent, Legend } from "./components/Form/Form.js";
93
+ import { Form } from "./components/Form/Form.js";
86
94
  import { FormContext, useForm } from "./components/Form/FormContext.js";
87
95
  import { formPropLabelInlineSize } from "./components/Form/types.js";
88
96
  import { flex, flexPropAlignItems, flexPropDirection, flexPropFlex, flexPropGap, flexPropJustifyContent, flexPropOrder, flexPropWrap } from "./components/layout/flex/flex.js";
@@ -104,19 +112,24 @@ export {
104
112
  DatePicker,
105
113
  DatePickerRender,
106
114
  Divider,
107
- Fieldset,
108
115
  FlexBox,
109
116
  Form,
110
- FormComponent,
111
117
  FormContext,
112
- FormControl,
113
- FormControlLabel,
118
+ FormField,
119
+ FormFieldCaption,
120
+ FormFieldComponent,
121
+ FormFieldControlGroup,
122
+ FormFieldControlGroupContext,
123
+ FormFieldError,
124
+ FormFieldInput,
125
+ FormFieldInputDate,
126
+ FormFieldLabel,
127
+ FormFieldSelect,
114
128
  Grid,
115
129
  GridItem,
116
130
  IconButton,
117
131
  Input,
118
132
  InputNumber,
119
- Legend,
120
133
  Link,
121
134
  List,
122
135
  ListInner,
@@ -165,6 +178,7 @@ export {
165
178
  checkboxPropLabelPlacement,
166
179
  checkboxPropSize,
167
180
  containerMarginsProp,
181
+ containerPlacementProp,
168
182
  containerPositionProp,
169
183
  dateInputPropLabelAlign,
170
184
  dateInputPropLabelPlacement,
@@ -179,8 +193,9 @@ export {
179
193
  flexPropJustifyContent,
180
194
  flexPropOrder,
181
195
  flexPropWrap,
182
- formControlPropLabelAlign,
183
- formControlPropLabelPlacement,
196
+ formFieldControlGroupPropVariant,
197
+ formFieldPropLabelAlign,
198
+ formFieldPropLabelPlacement,
184
199
  formPropLabelInlineSize,
185
200
  gridPropGap,
186
201
  iconButtonPropSize,
@@ -230,9 +245,11 @@ export {
230
245
  typographyPropColor,
231
246
  typographyPropDisplay,
232
247
  typographyPropVariant,
248
+ useAsyncList,
233
249
  useBreakpoints,
234
250
  useDateFormatter,
235
251
  useForm,
252
+ useFormFieldControlGroup,
236
253
  useListData,
237
254
  useLocale,
238
255
  useMatchedBreakpoints,