@teach-in/react 0.3.0 → 0.4.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 (103) hide show
  1. package/dist/chunk-3YOW5DEZ.mjs +45 -0
  2. package/dist/chunk-4N3FFVKQ.mjs +14 -0
  3. package/dist/{chunk-QCLLPJMB.mjs → chunk-544SDU73.mjs} +2 -2
  4. package/dist/chunk-7BTEKEON.mjs +11 -0
  5. package/dist/{chunk-2CEZXLZR.mjs → chunk-AFVGHUW2.mjs} +1 -1
  6. package/dist/chunk-EEGPGLDC.mjs +26 -0
  7. package/dist/{chunk-GEJLG5RP.mjs → chunk-NLHQDWUK.mjs} +3 -2
  8. package/dist/chunk-PSK7I7V4.mjs +30 -0
  9. package/dist/chunk-Q2ILWL7L.mjs +1 -0
  10. package/dist/chunk-TSD6GU35.mjs +16 -0
  11. package/dist/chunk-UON5ACST.mjs +1 -0
  12. package/dist/chunk-UT5RUCAT.mjs +1 -0
  13. package/dist/{chunk-2ASQXBDD.mjs → chunk-WFNNN6WU.mjs} +1 -1
  14. package/dist/index.d.ts +1 -0
  15. package/dist/index.js +290 -234
  16. package/dist/index.mjs +148 -133
  17. package/dist/ui/data/image/image.d.ts +6 -0
  18. package/dist/ui/data/image/image.js +47 -0
  19. package/dist/ui/data/image/image.mjs +7 -0
  20. package/dist/ui/data/image/index.d.ts +1 -0
  21. package/dist/ui/data/image/index.js +49 -0
  22. package/dist/ui/data/image/index.mjs +8 -0
  23. package/dist/ui/data/index.d.ts +1 -0
  24. package/dist/ui/data/index.js +11 -0
  25. package/dist/ui/data/index.mjs +10 -5
  26. package/dist/ui/feedback/chip/chip.js +18 -1
  27. package/dist/ui/feedback/chip/chip.mjs +3 -1
  28. package/dist/ui/feedback/chip/index.js +18 -1
  29. package/dist/ui/feedback/chip/index.mjs +3 -1
  30. package/dist/ui/feedback/index.js +18 -1
  31. package/dist/ui/feedback/index.mjs +6 -4
  32. package/dist/ui/form/index.js +23 -10
  33. package/dist/ui/form/index.mjs +14 -14
  34. package/dist/ui/form/rhf/fields/autocomplete-field.mjs +10 -10
  35. package/dist/ui/form/rhf/fields/checkbox-field.mjs +10 -10
  36. package/dist/ui/form/rhf/fields/date-picker-field.mjs +10 -10
  37. package/dist/ui/form/rhf/fields/email-field.mjs +10 -10
  38. package/dist/ui/form/rhf/fields/index.js +23 -10
  39. package/dist/ui/form/rhf/fields/index.mjs +11 -11
  40. package/dist/ui/form/rhf/fields/input-field.mjs +10 -10
  41. package/dist/ui/form/rhf/fields/radio-field.mjs +10 -10
  42. package/dist/ui/form/rhf/fields/select-field.d.ts +8 -3
  43. package/dist/ui/form/rhf/fields/select-field.js +23 -10
  44. package/dist/ui/form/rhf/fields/select-field.mjs +11 -11
  45. package/dist/ui/form/rhf/fields/switch-field.mjs +10 -10
  46. package/dist/ui/form/rhf/fields/text-field.mjs +10 -10
  47. package/dist/ui/form/rhf/fields/textarea-field.mjs +10 -10
  48. package/dist/ui/form/rhf/index.js +23 -10
  49. package/dist/ui/form/rhf/index.mjs +11 -11
  50. package/dist/ui/format/index.mjs +12 -12
  51. package/dist/ui/index.js +288 -234
  52. package/dist/ui/index.mjs +145 -133
  53. package/dist/ui/inputs/index.js +21 -9
  54. package/dist/ui/inputs/index.mjs +18 -18
  55. package/dist/ui/inputs/select/index.js +21 -9
  56. package/dist/ui/inputs/select/index.mjs +1 -1
  57. package/dist/ui/inputs/select/select.d.ts +18 -5
  58. package/dist/ui/inputs/select/select.js +21 -9
  59. package/dist/ui/inputs/select/select.mjs +1 -1
  60. package/dist/ui/layout/container/container.mjs +73 -67
  61. package/dist/ui/layout/container/index.mjs +73 -67
  62. package/dist/ui/layout/index.mjs +76 -70
  63. package/dist/ui/layout/page/index.mjs +4 -2
  64. package/dist/ui/layout/page/page-loading.mjs +4 -2
  65. package/dist/ui/layout/page/section-loading.mjs +4 -2
  66. package/dist/ui/navigation/breadcrumbs/breadcrumbs.d.ts +10 -6
  67. package/dist/ui/navigation/breadcrumbs/breadcrumbs.js +4 -24
  68. package/dist/ui/navigation/breadcrumbs/breadcrumbs.mjs +1 -1
  69. package/dist/ui/navigation/breadcrumbs/index.js +4 -24
  70. package/dist/ui/navigation/breadcrumbs/index.mjs +1 -1
  71. package/dist/ui/navigation/index.js +4 -14
  72. package/dist/ui/navigation/index.mjs +9 -9
  73. package/dist/ui/overlays/index.d.ts +1 -0
  74. package/dist/ui/overlays/index.js +25 -2
  75. package/dist/ui/overlays/index.mjs +11 -6
  76. package/dist/ui/overlays/popover/index.d.ts +1 -0
  77. package/dist/ui/overlays/popover/index.js +51 -0
  78. package/dist/ui/overlays/popover/index.mjs +8 -0
  79. package/dist/ui/overlays/popover/popover.d.ts +10 -0
  80. package/dist/ui/overlays/popover/popover.js +49 -0
  81. package/dist/ui/overlays/popover/popover.mjs +7 -0
  82. package/dist/ui/provider/index.mjs +4 -2
  83. package/dist/ui/provider/ui-provider.mjs +4 -2
  84. package/dist/ui/surface/index.mjs +4 -4
  85. package/dist/ui/theme/colors/common.mjs +3 -3
  86. package/dist/ui/theme/colors/index.mjs +5 -5
  87. package/dist/ui/theme/colors/semantic.mjs +4 -4
  88. package/dist/ui/theme/colors.mjs +5 -5
  89. package/dist/ui/theme/index.mjs +6 -6
  90. package/dist/ui/theme/theme.mjs +6 -6
  91. package/dist/utils/extend-variants.d.ts +41 -0
  92. package/dist/utils/extend-variants.js +34 -0
  93. package/dist/utils/extend-variants.mjs +7 -0
  94. package/dist/utils/index.d.ts +1 -0
  95. package/dist/utils/index.js +36 -0
  96. package/dist/utils/index.mjs +8 -0
  97. package/package.json +5 -3
  98. package/dist/chunk-4KPEPEPC.mjs +0 -26
  99. package/dist/chunk-GQ3LBZ2Q.mjs +0 -33
  100. package/dist/chunk-ONQIPN3G.mjs +0 -14
  101. package/dist/{chunk-CYSW4N3T.mjs → chunk-3C4DPNCD.mjs} +0 -0
  102. package/dist/{chunk-IXPMUODA.mjs → chunk-5WDV3PDI.mjs} +6 -6
  103. /package/dist/{chunk-NMMWGIQE.mjs → chunk-DRZAPJZH.mjs} +0 -0
package/dist/ui/feedback/index.js CHANGED
@@ -60,9 +60,26 @@ Alert.displayName = "TeachInUI.Alert";
60
60
  // src/ui/feedback/chip/chip.tsx
61
61
  var import_react2 = __toESM(require("react"));
62
62
  var import_chip = require("@heroui/chip");
63
+
64
+ // src/utils/extend-variants.ts
65
+ var import_system = require("@heroui/system");
66
+ var extendVariants = (component, config) => {
67
+ return (0, import_system.extendVariants)(component, config);
68
+ };
69
+
70
+ // src/ui/feedback/chip/chip.tsx
63
71
  var import_jsx_runtime2 = require("react/jsx-runtime");
72
+ var ChipCustom = extendVariants(import_chip.Chip, {
73
+ variants: {
74
+ variant: {
75
+ bordered: { base: "border-1" },
76
+ faded: { base: "border-1" },
77
+ dot: { base: "border-1" }
78
+ }
79
+ }
80
+ });
64
81
  var Chip = import_react2.default.forwardRef(({ variant = "flat", ...props }, ref) => {
65
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_chip.Chip, { ref, variant, ...props });
82
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChipCustom, { ref, variant, ...props });
66
83
  });
67
84
  Chip.displayName = "TeachInUI.Chip";
68
85
 
package/dist/ui/feedback/index.mjs CHANGED
@@ -25,14 +25,16 @@ import "../../chunk-3BST3PYD.mjs";
25
25
  import {
26
26
  Tooltip
27
27
  } from "../../chunk-TJBXXTYS.mjs";
28
+ import "../../chunk-K3WTHFIG.mjs";
29
+ import {
30
+ Chip
31
+ } from "../../chunk-EEGPGLDC.mjs";
28
32
  import "../../chunk-V77JZXH7.mjs";
29
33
  import {
30
34
  Alert
31
35
  } from "../../chunk-TIFF5WZA.mjs";
32
- import "../../chunk-K3WTHFIG.mjs";
33
- import {
34
- Chip
35
- } from "../../chunk-ONQIPN3G.mjs";
36
+ import "../../chunk-Q2ILWL7L.mjs";
37
+ import "../../chunk-7BTEKEON.mjs";
36
38
  export {
37
39
  Alert,
38
40
  Chip,
package/dist/ui/form/index.js CHANGED
@@ -106,21 +106,33 @@ var import_react6 = __toESM(require("react"));
106
106
  var import_select = require("@heroui/select");
107
107
  var import_jsx_runtime6 = require("react/jsx-runtime");
108
108
  var Select = import_react6.default.forwardRef(
109
- ({ value, items, onChange, ...props }, ref) => {
110
- const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
109
+ ({ value, items, onChange, selectionMode, ...props }, ref) => {
110
+ const isMultiple = selectionMode === "multiple";
111
+ const selectedKeys = import_react6.default.useMemo(() => {
112
+ if (value == null) return /* @__PURE__ */ new Set();
113
+ return new Set(Array.isArray(value) ? value : [value]);
114
+ }, [value]);
115
+ const handleSelectionChange = import_react6.default.useCallback(
116
+ (keys) => {
117
+ var _a;
118
+ if (keys === "all") return;
119
+ const selected = Array.from(keys).filter((key) => typeof key === "string");
120
+ if (isMultiple) {
121
+ onChange == null ? void 0 : onChange(selected);
122
+ } else {
123
+ onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
124
+ }
125
+ },
126
+ [onChange, isMultiple]
127
+ );
111
128
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
112
129
  import_select.Select,
113
130
  {
114
131
  ref,
115
132
  items,
116
- placeholder: " ",
117
133
  selectedKeys,
118
- onSelectionChange: (keys) => {
119
- const selected = Array.from(keys)[0];
120
- if (typeof selected === "string") {
121
- onChange == null ? void 0 : onChange(selected);
122
- }
123
- },
134
+ selectionMode,
135
+ onSelectionChange: handleSelectionChange,
124
136
  ...props,
125
137
  children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
126
138
  }
@@ -243,7 +255,7 @@ TextareaField.displayName = "TeachInUI.TextareaField";
243
255
  // src/ui/form/rhf/fields/select-field.tsx
244
256
  var import_react_hook_form5 = require("react-hook-form");
245
257
  var import_jsx_runtime15 = require("react/jsx-runtime");
246
- function SelectField({ name, ...props }) {
258
+ function SelectField({ name, selectionMode, ...props }) {
247
259
  const { control } = (0, import_react_hook_form5.useFormContext)();
248
260
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
249
261
  import_react_hook_form5.Controller,
@@ -253,6 +265,7 @@ function SelectField({ name, ...props }) {
253
265
  render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
254
266
  Select,
255
267
  {
268
+ selectionMode,
256
269
  value: field.value,
257
270
  onChange: (value) => field.onChange(value),
258
271
  ...props,
package/dist/ui/form/index.mjs CHANGED
@@ -10,7 +10,7 @@ import {
10
10
  } from "../../chunk-W2A6C27Y.mjs";
11
11
  import {
12
12
  SelectField
13
- } from "../../chunk-GEJLG5RP.mjs";
13
+ } from "../../chunk-NLHQDWUK.mjs";
14
14
  import {
15
15
  SwitchField
16
16
  } from "../../chunk-EC3NSPHR.mjs";
@@ -32,33 +32,33 @@ import {
32
32
  import {
33
33
  EmailField
34
34
  } from "../../chunk-R7LDL5CU.mjs";
35
+ import {
36
+ Form
37
+ } from "../../chunk-A3AAC7PF.mjs";
35
38
  import "../../chunk-CZEO3U25.mjs";
36
- import "../../chunk-LLP2PTPK.mjs";
37
- import "../../chunk-E5QSNLSR.mjs";
38
- import "../../chunk-N3EAW6UO.mjs";
39
+ import "../../chunk-DUQFM3QS.mjs";
40
+ import "../../chunk-KTUGFQWJ.mjs";
39
41
  import "../../chunk-RRA7GWP2.mjs";
40
42
  import "../../chunk-NOXFF2KJ.mjs";
41
43
  import "../../chunk-2SNKT7I4.mjs";
42
- import "../../chunk-DUQFM3QS.mjs";
43
- import "../../chunk-KTUGFQWJ.mjs";
44
+ import "../../chunk-LLP2PTPK.mjs";
45
+ import "../../chunk-E5QSNLSR.mjs";
46
+ import "../../chunk-N3EAW6UO.mjs";
44
47
  import "../../chunk-5HK7HRTR.mjs";
45
48
  import "../../chunk-HJUZTISD.mjs";
46
- import "../../chunk-V3KKDSQP.mjs";
47
49
  import "../../chunk-V2HNFTTX.mjs";
48
50
  import "../../chunk-IAJ6G633.mjs";
51
+ import "../../chunk-V3KKDSQP.mjs";
52
+ import "../../chunk-LJIVY6GU.mjs";
53
+ import "../../chunk-ZRHEFEFS.mjs";
54
+ import "../../chunk-V2G5QHZZ.mjs";
49
55
  import "../../chunk-AQ3ISJKU.mjs";
50
- import "../../chunk-GQ3LBZ2Q.mjs";
56
+ import "../../chunk-3YOW5DEZ.mjs";
51
57
  import "../../chunk-WYJW5NNA.mjs";
52
58
  import "../../chunk-C3MURCMZ.mjs";
53
59
  import "../../chunk-UUKS7JYX.mjs";
54
60
  import "../../chunk-C4PCTOGM.mjs";
55
61
  import "../../chunk-N3QOXWJI.mjs";
56
- import "../../chunk-LJIVY6GU.mjs";
57
- import "../../chunk-ZRHEFEFS.mjs";
58
- import "../../chunk-V2G5QHZZ.mjs";
59
- import {
60
- Form
61
- } from "../../chunk-A3AAC7PF.mjs";
62
62
  export {
63
63
  AutocompleteField,
64
64
  CheckboxField,
package/dist/ui/form/rhf/fields/autocomplete-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  AutocompleteField
4
4
  } from "../../../../chunk-S3ET5HKP.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  AutocompleteField
31
31
  };
package/dist/ui/form/rhf/fields/checkbox-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  CheckboxField
4
4
  } from "../../../../chunk-MCZBJUTN.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  CheckboxField
31
31
  };
package/dist/ui/form/rhf/fields/date-picker-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  DatePickerField
4
4
  } from "../../../../chunk-7GHK5XYK.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  DatePickerField
31
31
  };
package/dist/ui/form/rhf/fields/email-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  EmailField
4
4
  } from "../../../../chunk-R7LDL5CU.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  EmailField
31
31
  };
package/dist/ui/form/rhf/fields/index.js CHANGED
@@ -105,21 +105,33 @@ var import_react6 = __toESM(require("react"));
105
105
  var import_select = require("@heroui/select");
106
106
  var import_jsx_runtime6 = require("react/jsx-runtime");
107
107
  var Select = import_react6.default.forwardRef(
108
- ({ value, items, onChange, ...props }, ref) => {
109
- const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
108
+ ({ value, items, onChange, selectionMode, ...props }, ref) => {
109
+ const isMultiple = selectionMode === "multiple";
110
+ const selectedKeys = import_react6.default.useMemo(() => {
111
+ if (value == null) return /* @__PURE__ */ new Set();
112
+ return new Set(Array.isArray(value) ? value : [value]);
113
+ }, [value]);
114
+ const handleSelectionChange = import_react6.default.useCallback(
115
+ (keys) => {
116
+ var _a;
117
+ if (keys === "all") return;
118
+ const selected = Array.from(keys).filter((key) => typeof key === "string");
119
+ if (isMultiple) {
120
+ onChange == null ? void 0 : onChange(selected);
121
+ } else {
122
+ onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
123
+ }
124
+ },
125
+ [onChange, isMultiple]
126
+ );
110
127
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
111
128
  import_select.Select,
112
129
  {
113
130
  ref,
114
131
  items,
115
- placeholder: " ",
116
132
  selectedKeys,
117
- onSelectionChange: (keys) => {
118
- const selected = Array.from(keys)[0];
119
- if (typeof selected === "string") {
120
- onChange == null ? void 0 : onChange(selected);
121
- }
122
- },
133
+ selectionMode,
134
+ onSelectionChange: handleSelectionChange,
123
135
  ...props,
124
136
  children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
125
137
  }
@@ -242,7 +254,7 @@ TextareaField.displayName = "TeachInUI.TextareaField";
242
254
  // src/ui/form/rhf/fields/select-field.tsx
243
255
  var import_react_hook_form5 = require("react-hook-form");
244
256
  var import_jsx_runtime15 = require("react/jsx-runtime");
245
- function SelectField({ name, ...props }) {
257
+ function SelectField({ name, selectionMode, ...props }) {
246
258
  const { control } = (0, import_react_hook_form5.useFormContext)();
247
259
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
248
260
  import_react_hook_form5.Controller,
@@ -252,6 +264,7 @@ function SelectField({ name, ...props }) {
252
264
  render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
253
265
  Select,
254
266
  {
267
+ selectionMode,
255
268
  value: field.value,
256
269
  onChange: (value) => field.onChange(value),
257
270
  ...props,
package/dist/ui/form/rhf/fields/index.mjs CHANGED
@@ -8,7 +8,7 @@ import {
8
8
  } from "../../../../chunk-W2A6C27Y.mjs";
9
9
  import {
10
10
  SelectField
11
- } from "../../../../chunk-GEJLG5RP.mjs";
11
+ } from "../../../../chunk-NLHQDWUK.mjs";
12
12
  import {
13
13
  SwitchField
14
14
  } from "../../../../chunk-EC3NSPHR.mjs";
@@ -31,29 +31,29 @@ import {
31
31
  EmailField
32
32
  } from "../../../../chunk-R7LDL5CU.mjs";
33
33
  import "../../../../chunk-CZEO3U25.mjs";
34
- import "../../../../chunk-LLP2PTPK.mjs";
35
- import "../../../../chunk-E5QSNLSR.mjs";
36
- import "../../../../chunk-N3EAW6UO.mjs";
34
+ import "../../../../chunk-DUQFM3QS.mjs";
35
+ import "../../../../chunk-KTUGFQWJ.mjs";
37
36
  import "../../../../chunk-RRA7GWP2.mjs";
38
37
  import "../../../../chunk-NOXFF2KJ.mjs";
39
38
  import "../../../../chunk-2SNKT7I4.mjs";
40
- import "../../../../chunk-DUQFM3QS.mjs";
41
- import "../../../../chunk-KTUGFQWJ.mjs";
39
+ import "../../../../chunk-LLP2PTPK.mjs";
40
+ import "../../../../chunk-E5QSNLSR.mjs";
41
+ import "../../../../chunk-N3EAW6UO.mjs";
42
42
  import "../../../../chunk-5HK7HRTR.mjs";
43
43
  import "../../../../chunk-HJUZTISD.mjs";
44
- import "../../../../chunk-V3KKDSQP.mjs";
45
44
  import "../../../../chunk-V2HNFTTX.mjs";
46
45
  import "../../../../chunk-IAJ6G633.mjs";
46
+ import "../../../../chunk-V3KKDSQP.mjs";
47
+ import "../../../../chunk-LJIVY6GU.mjs";
48
+ import "../../../../chunk-ZRHEFEFS.mjs";
49
+ import "../../../../chunk-V2G5QHZZ.mjs";
47
50
  import "../../../../chunk-AQ3ISJKU.mjs";
48
- import "../../../../chunk-GQ3LBZ2Q.mjs";
51
+ import "../../../../chunk-3YOW5DEZ.mjs";
49
52
  import "../../../../chunk-WYJW5NNA.mjs";
50
53
  import "../../../../chunk-C3MURCMZ.mjs";
51
54
  import "../../../../chunk-UUKS7JYX.mjs";
52
55
  import "../../../../chunk-C4PCTOGM.mjs";
53
56
  import "../../../../chunk-N3QOXWJI.mjs";
54
- import "../../../../chunk-LJIVY6GU.mjs";
55
- import "../../../../chunk-ZRHEFEFS.mjs";
56
- import "../../../../chunk-V2G5QHZZ.mjs";
57
57
  export {
58
58
  AutocompleteField,
59
59
  CheckboxField,
package/dist/ui/form/rhf/fields/input-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  InputField
4
4
  } from "../../../../chunk-JDFRAN4S.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  InputField
31
31
  };
package/dist/ui/form/rhf/fields/radio-field.mjs CHANGED
@@ -3,29 +3,29 @@ import {
3
3
  RadioField
4
4
  } from "../../../../chunk-W2A6C27Y.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  RadioField
31
31
  };
package/dist/ui/form/rhf/fields/select-field.d.ts CHANGED
@@ -1,9 +1,14 @@
1
1
  import type { SelectProps } from "../../../inputs";
2
2
  import React from "react";
3
- interface Props extends Omit<SelectProps, "name" | "errorMessage" | "isInvalid" | "value" | "onChange"> {
3
+ type BaseProps = Omit<SelectProps, "name" | "errorMessage" | "isInvalid" | "value" | "onChange">;
4
+ export type SelectFieldProps = (Omit<BaseProps, "selectionMode"> & {
4
5
  readonly name: string;
5
- }
6
- export declare function SelectField({ name, ...props }: Props): React.JSX.Element;
6
+ selectionMode?: "single";
7
+ }) | (Omit<BaseProps, "selectionMode"> & {
8
+ readonly name: string;
9
+ selectionMode: "multiple";
10
+ });
11
+ export declare function SelectField({ name, selectionMode, ...props }: SelectFieldProps): React.JSX.Element;
7
12
  export declare namespace SelectField {
8
13
  var displayName: string;
9
14
  }
package/dist/ui/form/rhf/fields/select-field.js CHANGED
@@ -41,21 +41,33 @@ var import_react = __toESM(require("react"));
41
41
  var import_select = require("@heroui/select");
42
42
  var import_jsx_runtime = require("react/jsx-runtime");
43
43
  var Select = import_react.default.forwardRef(
44
- ({ value, items, onChange, ...props }, ref) => {
45
- const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
44
+ ({ value, items, onChange, selectionMode, ...props }, ref) => {
45
+ const isMultiple = selectionMode === "multiple";
46
+ const selectedKeys = import_react.default.useMemo(() => {
47
+ if (value == null) return /* @__PURE__ */ new Set();
48
+ return new Set(Array.isArray(value) ? value : [value]);
49
+ }, [value]);
50
+ const handleSelectionChange = import_react.default.useCallback(
51
+ (keys) => {
52
+ var _a;
53
+ if (keys === "all") return;
54
+ const selected = Array.from(keys).filter((key) => typeof key === "string");
55
+ if (isMultiple) {
56
+ onChange == null ? void 0 : onChange(selected);
57
+ } else {
58
+ onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
59
+ }
60
+ },
61
+ [onChange, isMultiple]
62
+ );
46
63
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
47
64
  import_select.Select,
48
65
  {
49
66
  ref,
50
67
  items,
51
- placeholder: " ",
52
68
  selectedKeys,
53
- onSelectionChange: (keys) => {
54
- const selected = Array.from(keys)[0];
55
- if (typeof selected === "string") {
56
- onChange == null ? void 0 : onChange(selected);
57
- }
58
- },
69
+ selectionMode,
70
+ onSelectionChange: handleSelectionChange,
59
71
  ...props,
60
72
  children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
61
73
  }
@@ -66,7 +78,7 @@ Select.displayName = "TeachInUI.Select";
66
78
 
67
79
  // src/ui/form/rhf/fields/select-field.tsx
68
80
  var import_jsx_runtime2 = require("react/jsx-runtime");
69
- function SelectField({ name, ...props }) {
81
+ function SelectField({ name, selectionMode, ...props }) {
70
82
  const { control } = (0, import_react_hook_form.useFormContext)();
71
83
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
72
84
  import_react_hook_form.Controller,
@@ -76,6 +88,7 @@ function SelectField({ name, ...props }) {
76
88
  render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
77
89
  Select,
78
90
  {
91
+ selectionMode,
79
92
  value: field.value,
80
93
  onChange: (value) => field.onChange(value),
81
94
  ...props,
package/dist/ui/form/rhf/fields/select-field.mjs CHANGED
@@ -1,31 +1,31 @@
1
1
  "use client";
2
2
  import {
3
3
  SelectField
4
- } from "../../../../chunk-GEJLG5RP.mjs";
4
+ } from "../../../../chunk-NLHQDWUK.mjs";
5
5
  import "../../../../chunk-CZEO3U25.mjs";
6
- import "../../../../chunk-LLP2PTPK.mjs";
7
- import "../../../../chunk-E5QSNLSR.mjs";
8
- import "../../../../chunk-N3EAW6UO.mjs";
6
+ import "../../../../chunk-DUQFM3QS.mjs";
7
+ import "../../../../chunk-KTUGFQWJ.mjs";
9
8
  import "../../../../chunk-RRA7GWP2.mjs";
10
9
  import "../../../../chunk-NOXFF2KJ.mjs";
11
10
  import "../../../../chunk-2SNKT7I4.mjs";
12
- import "../../../../chunk-DUQFM3QS.mjs";
13
- import "../../../../chunk-KTUGFQWJ.mjs";
11
+ import "../../../../chunk-LLP2PTPK.mjs";
12
+ import "../../../../chunk-E5QSNLSR.mjs";
13
+ import "../../../../chunk-N3EAW6UO.mjs";
14
14
  import "../../../../chunk-5HK7HRTR.mjs";
15
15
  import "../../../../chunk-HJUZTISD.mjs";
16
- import "../../../../chunk-V3KKDSQP.mjs";
17
16
  import "../../../../chunk-V2HNFTTX.mjs";
18
17
  import "../../../../chunk-IAJ6G633.mjs";
18
+ import "../../../../chunk-V3KKDSQP.mjs";
19
+ import "../../../../chunk-LJIVY6GU.mjs";
20
+ import "../../../../chunk-ZRHEFEFS.mjs";
21
+ import "../../../../chunk-V2G5QHZZ.mjs";
19
22
  import "../../../../chunk-AQ3ISJKU.mjs";
20
- import "../../../../chunk-GQ3LBZ2Q.mjs";
23
+ import "../../../../chunk-3YOW5DEZ.mjs";
21
24
  import "../../../../chunk-WYJW5NNA.mjs";
22
25
  import "../../../../chunk-C3MURCMZ.mjs";
23
26
  import "../../../../chunk-UUKS7JYX.mjs";
24
27
  import "../../../../chunk-C4PCTOGM.mjs";
25
28
  import "../../../../chunk-N3QOXWJI.mjs";
26
- import "../../../../chunk-LJIVY6GU.mjs";
27
- import "../../../../chunk-ZRHEFEFS.mjs";
28
- import "../../../../chunk-V2G5QHZZ.mjs";
29
29
  export {
30
30
  SelectField
31
31
  };