@bigbinary/neeto-atoms 1.0.31 → 1.0.33

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 (71) hide show
  1. package/dist/{Label-CryFO2yq.js → Label-DAFESZOG.js} +2 -2
  2. package/dist/{Label-CryFO2yq.js.map → Label-DAFESZOG.js.map} +1 -1
  3. package/dist/{Popover-dib6elwS.js → Popover-Dmq-xK_a.js} +4 -3
  4. package/dist/Popover-Dmq-xK_a.js.map +1 -0
  5. package/dist/{Select-TlFBcxcY.js → Select-BgSz0fve.js} +2 -4
  6. package/dist/Select-BgSz0fve.js.map +1 -0
  7. package/dist/cjs/{Label-BHFmdHwe.js → Label-B7FbeB5i.js} +2 -2
  8. package/dist/cjs/{Label-BHFmdHwe.js.map → Label-B7FbeB5i.js.map} +1 -1
  9. package/dist/cjs/{Popover-B1d4URJl.js → Popover-DRT0YYzK.js} +4 -3
  10. package/dist/cjs/Popover-DRT0YYzK.js.map +1 -0
  11. package/dist/cjs/{Select-Br1AT_wm.js → Select-nifsTqzo.js} +2 -4
  12. package/dist/cjs/Select-nifsTqzo.js.map +1 -0
  13. package/dist/cjs/components/Label.js +4 -3
  14. package/dist/cjs/components/Label.js.map +1 -1
  15. package/dist/cjs/components/Popover.js +4 -2
  16. package/dist/cjs/components/Popover.js.map +1 -1
  17. package/dist/cjs/components/Select.js +1 -1
  18. package/dist/cjs/components/index.js +3 -3
  19. package/dist/cjs/formik/Checkbox.js +3 -1
  20. package/dist/cjs/formik/Checkbox.js.map +1 -1
  21. package/dist/cjs/formik/Input.js +2 -1
  22. package/dist/cjs/formik/Input.js.map +1 -1
  23. package/dist/cjs/formik/MultiEmailInput.js +2 -1
  24. package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
  25. package/dist/cjs/formik/RadioGroup.js +3 -1
  26. package/dist/cjs/formik/RadioGroup.js.map +1 -1
  27. package/dist/cjs/formik/Select.js +1 -1
  28. package/dist/cjs/formik/Slider.js +3 -1
  29. package/dist/cjs/formik/Slider.js.map +1 -1
  30. package/dist/cjs/formik/Switch.js +3 -1
  31. package/dist/cjs/formik/Switch.js.map +1 -1
  32. package/dist/cjs/formik/Textarea.js +2 -1
  33. package/dist/cjs/formik/Textarea.js.map +1 -1
  34. package/dist/cjs/formik/TreeSelect.js +2 -1
  35. package/dist/cjs/formik/TreeSelect.js.map +1 -1
  36. package/dist/cjs/formik/index.js +1 -1
  37. package/dist/cjs/index.js +3 -3
  38. package/dist/components/Label.js +4 -3
  39. package/dist/components/Label.js.map +1 -1
  40. package/dist/components/Popover.js +4 -2
  41. package/dist/components/Popover.js.map +1 -1
  42. package/dist/components/Select.js +1 -1
  43. package/dist/components/index.js +3 -3
  44. package/dist/formik/Checkbox.d.ts +2 -0
  45. package/dist/formik/Checkbox.js +3 -1
  46. package/dist/formik/Checkbox.js.map +1 -1
  47. package/dist/formik/Input.js +2 -1
  48. package/dist/formik/Input.js.map +1 -1
  49. package/dist/formik/MultiEmailInput.js +2 -1
  50. package/dist/formik/MultiEmailInput.js.map +1 -1
  51. package/dist/formik/RadioGroup.d.ts +3 -1
  52. package/dist/formik/RadioGroup.js +3 -1
  53. package/dist/formik/RadioGroup.js.map +1 -1
  54. package/dist/formik/Select.js +1 -1
  55. package/dist/formik/Slider.d.ts +2 -0
  56. package/dist/formik/Slider.js +3 -1
  57. package/dist/formik/Slider.js.map +1 -1
  58. package/dist/formik/Switch.d.ts +3 -1
  59. package/dist/formik/Switch.js +3 -1
  60. package/dist/formik/Switch.js.map +1 -1
  61. package/dist/formik/Textarea.js +2 -1
  62. package/dist/formik/Textarea.js.map +1 -1
  63. package/dist/formik/TreeSelect.js +2 -1
  64. package/dist/formik/TreeSelect.js.map +1 -1
  65. package/dist/formik/index.js +1 -1
  66. package/dist/index.js +3 -3
  67. package/package.json +1 -1
  68. package/dist/Popover-dib6elwS.js.map +0 -1
  69. package/dist/Select-TlFBcxcY.js.map +0 -1
  70. package/dist/cjs/Popover-B1d4URJl.js.map +0 -1
  71. package/dist/cjs/Select-Br1AT_wm.js.map +0 -1
@@ -1,14 +1,16 @@
1
- export { P as Popover } from '../Popover-dib6elwS.js';
1
+ export { P as Popover } from '../Popover-Dmq-xK_a.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '../index-D7Zy7P05.js';
5
5
  import '../utils-DdHUxIdC.js';
6
+ import '../Typography-ClPJbLjP.js';
7
+ import '../index-CfriMyrd.js';
8
+ import '../index-BtkPdosV.js';
6
9
  import '../primitives/HoverCard.js';
7
10
  import '../index-DNzunGHb.js';
8
11
  import '../index-CiyxEyB0.js';
9
12
  import '../index-Cor698lu.js';
10
13
  import '../index-DOzu5J1s.js';
11
- import '../index-BtkPdosV.js';
12
14
  import '../index-C3hByjk3.js';
13
15
  import '../floating-ui.react-dom-D8_f_WWh.js';
14
16
  import 'react-dom';
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { S as Select } from '../Select-TlFBcxcY.js';
1
+ export { S as Select } from '../Select-BgSz0fve.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '../SelectFieldWrapper-BJzq9aCY.js';
@@ -13,13 +13,13 @@ export { DropdownMenu } from './DropdownMenu.js';
13
13
  export { E as Empty } from '../Empty-zyL2ZsHX.js';
14
14
  export { I as Input } from '../Input-C1gcv9o2.js';
15
15
  export { K as Kbd } from '../Kbd-EqbC0bua.js';
16
- export { L as Label } from '../Label-CryFO2yq.js';
16
+ export { L as Label } from '../Label-DAFESZOG.js';
17
17
  export { M as MultiEmailInput } from '../MultiEmailInput-SCTYovtX.js';
18
18
  export { P as Pagination } from '../Pagination-DSc9yXPy.js';
19
- export { P as Popover } from '../Popover-dib6elwS.js';
19
+ export { P as Popover } from '../Popover-Dmq-xK_a.js';
20
20
  export { P as Progress } from '../Progress-B9NlUm6e.js';
21
21
  export { R as RadioGroup } from '../RadioGroup-BNeYQAoT.js';
22
- export { S as Select } from '../Select-TlFBcxcY.js';
22
+ export { S as Select } from '../Select-BgSz0fve.js';
23
23
  export { S as Sheet } from '../Sheet-B99vGwLH.js';
24
24
  export { S as Slider } from '../Slider-BCQXhs0Q.js';
25
25
  export { S as Spinner } from '../Spinner-C8HSac-2.js';
@@ -3,6 +3,8 @@ import { CheckboxProps } from "src/components/Checkbox";
3
3
  export interface FormikCheckboxProps extends Omit<CheckboxProps, "name"> {
4
4
  /** Formik field name. */
5
5
  name: string;
6
+ /** Callback fired when the checked state changes. Also supports onChange for compatibility. */
7
+ onChange?: () => void;
6
8
  }
7
9
  declare const FormikCheckbox: React.ForwardRefExoticComponent<Omit<FormikCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
8
10
  export { FormikCheckbox };
@@ -22,12 +22,14 @@ import '../index-D7Zy7P05.js';
22
22
  import '../label-B4qDF3W1.js';
23
23
  import '../separator-BbhgePmX.js';
24
24
 
25
- const FormikCheckbox = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
25
+ const FormikCheckbox = forwardRef(({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
26
26
  const { status = {}, setStatus } = form;
27
27
  const fieldStatus = getIn(status, name);
28
28
  return (jsx(Checkbox, { ref: ref, checked: !!field.value, error: meta.touched ? meta.error || fieldStatus : "", name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
29
29
  setStatus(dissoc(name, status));
30
30
  form.setFieldValue(name, checked);
31
+ onCheckedChangeProp?.(checked);
32
+ onChangeProp?.();
31
33
  }, ...rest }));
32
34
  } })));
33
35
  FormikCheckbox.displayName = "FormikCheckbox";
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikCheckbox = forwardRef<\n React.ComponentRef<typeof Checkbox>,\n FormikCheckboxProps\n>(({ name, ...rest }, ref) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n return (\n <Checkbox\n ref={ref}\n checked={!!field.value}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n onBlur={field.onBlur}\n onCheckedChange={(checked: boolean) => {\n setStatus(dissoc(name, status));\n form.setFieldValue(name, checked);\n }}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAG/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACvBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEA,IAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n /** Formik field name. */\n name: string;\n /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n React.ComponentRef<typeof Checkbox>,\n FormikCheckboxProps\n>(\n (\n {\n name,\n onCheckedChange: onCheckedChangeProp,\n onChange: onChangeProp,\n ...rest\n },\n ref\n ) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n return (\n <Checkbox\n ref={ref}\n checked={!!field.value}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n onBlur={field.onBlur}\n onCheckedChange={(checked: boolean) => {\n setStatus(dissoc(name, status));\n form.setFieldValue(name, checked);\n onCheckedChangeProp?.(checked);\n onChangeProp?.();\n }}\n {...rest}\n />\n );\n }}\n </Field>\n )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAc,GAAG,UAAU,CAI/B,CACE,EACE,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACR,EACD,GAAG,MAEHA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,YACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEA,IAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
@@ -18,7 +18,7 @@ import '../index-CfriMyrd.js';
18
18
  import '../input-GLCCE2kT.js';
19
19
  import '../textarea-BSZwxzjQ.js';
20
20
 
21
- const FormikInput = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
21
+ const FormikInput = forwardRef(({ name, onChange: onChangeProp, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
22
22
  const { status = {}, setStatus } = form;
23
23
  const fieldStatus = getIn(status, name);
24
24
  const fieldProps = {
@@ -26,6 +26,7 @@ const FormikInput = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: n
26
26
  onChange: (e) => {
27
27
  setStatus(dissoc(name, status));
28
28
  field.onChange(e);
29
+ onChangeProp?.(e);
29
30
  },
30
31
  };
31
32
  return (jsx(Input, { ref: ref, ...fieldProps, error: meta.touched ? meta.error || fieldStatus : "", ...rest }));
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n ({ name, ...rest }, ref) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Input\n ref={ref}\n {...fieldProps}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAsC,KAAI;gBACnD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1
+ {"version":3,"file":"Input.js","sources":["../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n ({ name, onChange: onChangeProp, ...rest }, ref) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n onChangeProp?.(e);\n },\n };\n\n return (\n <Input\n ref={ref}\n {...fieldProps}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC7CA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAsC,KAAI;gBACnD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,gBAAA,YAAY,GAAG,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
@@ -14,13 +14,14 @@ import '../separator-BbhgePmX.js';
14
14
  import '../x-_o2T3n6D.js';
15
15
  import '../createLucideIcon-C8ycilSN.js';
16
16
 
17
- const FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {
17
+ const FormikMultiEmailInput = forwardRef(({ name, onChange: onChangeProp, ...otherProps }, ref) => {
18
18
  const [field, meta, { setValue, setTouched }] = useField(name);
19
19
  const { status = {}, setStatus } = useFormikContext();
20
20
  const fieldStatus = getIn(status, name);
21
21
  return (jsx(MultiEmailInput, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", value: field.value, onBlur: () => setTouched(true), onChange: value => {
22
22
  setStatus(dissoc(name, status));
23
23
  setValue(value);
24
+ onChangeProp?.(value);
24
25
  }, ...otherProps }));
25
26
  });
26
27
  FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
@@ -1 +1 @@
1
- {"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport {\n MultiEmailInput,\n MultiEmailInputProps,\n} from \"src/components/MultiEmailInput\";\n\nexport interface FormikMultiEmailInputProps extends MultiEmailInputProps {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikMultiEmailInput = forwardRef<\n HTMLInputElement,\n FormikMultiEmailInputProps\n>(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <MultiEmailInput\n ref={ref}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nexport { FormikMultiEmailInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,GAAG,UAAU,CAGtC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,eAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,QAAQ,EAAE,KAAK,IAAG;YAChB,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
1
+ {"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport {\n MultiEmailInput,\n MultiEmailInputProps,\n} from \"src/components/MultiEmailInput\";\n\nexport interface FormikMultiEmailInputProps extends MultiEmailInputProps {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikMultiEmailInput = forwardRef<\n HTMLInputElement,\n FormikMultiEmailInputProps\n>(({ name, onChange: onChangeProp, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <MultiEmailInput\n ref={ref}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n onChangeProp?.(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nexport { FormikMultiEmailInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,GAAG,UAAU,CAGtC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACzD,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,eAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,QAAQ,EAAE,KAAK,IAAG;YAChB,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
@@ -2,9 +2,11 @@ import { RadioGroupProps } from "src/components/RadioGroup";
2
2
  export interface FormikRadioGroupProps extends Omit<RadioGroupProps, "name"> {
3
3
  /** Formik field name. */
4
4
  name: string;
5
+ /** Callback fired when the value changes. Also supports onChange for compatibility. */
6
+ onChange?: (value: string) => void;
5
7
  }
6
8
  declare const FormikRadioGroup: {
7
- ({ name, ...props }: FormikRadioGroupProps): import("react/jsx-runtime").JSX.Element;
9
+ ({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...props }: FormikRadioGroupProps): import("react/jsx-runtime").JSX.Element;
8
10
  displayName: string;
9
11
  Item: import("react").ForwardRefExoticComponent<Omit<import("src/components/RadioGroup").RadioGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
10
12
  };
@@ -26,13 +26,15 @@ import '../primitives/Field.js';
26
26
  import '../index-D7Zy7P05.js';
27
27
  import '../separator-BbhgePmX.js';
28
28
 
29
- const FormikRadioGroup = ({ name, ...props }) => {
29
+ const FormikRadioGroup = ({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...props }) => {
30
30
  const [field, meta] = useField(name);
31
31
  const { setFieldValue, status = {}, setStatus, } = useFormikContext();
32
32
  const fieldStatus = getIn(status, name);
33
33
  return (jsx(RadioGroup, { error: meta.touched ? meta.error || fieldStatus : "", name: field.name, value: field.value, onValueChange: (value) => {
34
34
  setStatus(dissoc(name, status));
35
35
  setFieldValue(name, value);
36
+ onValueChangeProp?.(value);
37
+ onChangeProp?.(value);
36
38
  }, ...props }));
37
39
  };
38
40
  FormikRadioGroup.displayName = "FormikRadioGroup";
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.js","sources":["../../src/formik/RadioGroup.tsx"],"sourcesContent":["import { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { RadioGroup, RadioGroupProps } from \"src/components/RadioGroup\";\n\nexport interface FormikRadioGroupProps extends Omit<RadioGroupProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikRadioGroup = ({ name, ...props }: FormikRadioGroupProps) => {\n const [field, meta] = useField(name);\n const {\n setFieldValue,\n status = {},\n setStatus,\n } = useFormikContext<Record<string, unknown>>();\n const fieldStatus = getIn(status, name);\n\n return (\n <RadioGroup\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n value={field.value}\n onValueChange={(value: string) => {\n setStatus(dissoc(name, status));\n setFieldValue(name, value);\n }}\n {...props}\n />\n );\n};\n\nFormikRadioGroup.displayName = \"FormikRadioGroup\";\nFormikRadioGroup.Item = RadioGroup.Item;\n\nexport { FormikRadioGroup };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAyB,KAAI;IACrE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AACpC,IAAA,MAAM,EACJ,aAAa,EACb,MAAM,GAAG,EAAE,EACX,SAAS,GACV,GAAG,gBAAgB,EAA2B;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,KAAa,KAAI;YAC/B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,YAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;AAC5B,QAAA,CAAC,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;AACjD,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI;;;;"}
1
+ {"version":3,"file":"RadioGroup.js","sources":["../../src/formik/RadioGroup.tsx"],"sourcesContent":["import { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { RadioGroup, RadioGroupProps } from \"src/components/RadioGroup\";\n\nexport interface FormikRadioGroupProps extends Omit<RadioGroupProps, \"name\"> {\n /** Formik field name. */\n name: string;\n /** Callback fired when the value changes. Also supports onChange for compatibility. */\n onChange?: (value: string) => void;\n}\n\nconst FormikRadioGroup = ({\n name,\n onValueChange: onValueChangeProp,\n onChange: onChangeProp,\n ...props\n}: FormikRadioGroupProps) => {\n const [field, meta] = useField(name);\n const {\n setFieldValue,\n status = {},\n setStatus,\n } = useFormikContext<Record<string, unknown>>();\n const fieldStatus = getIn(status, name);\n\n return (\n <RadioGroup\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n value={field.value}\n onValueChange={(value: string) => {\n setStatus(dissoc(name, status));\n setFieldValue(name, value);\n onValueChangeProp?.(value);\n onChangeProp?.(value);\n }}\n {...props}\n />\n );\n};\n\nFormikRadioGroup.displayName = \"FormikRadioGroup\";\nFormikRadioGroup.Item = RadioGroup.Item;\n\nexport { FormikRadioGroup };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AACpC,IAAA,MAAM,EACJ,aAAa,EACb,MAAM,GAAG,EAAE,EACX,SAAS,GACV,GAAG,gBAAgB,EAA2B;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,KAAa,KAAI;YAC/B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,YAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1B,YAAA,iBAAiB,GAAG,KAAK,CAAC;AAC1B,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;AACjD,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI;;;;"}
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useField, useFormikContext, getIn } from 'formik';
4
4
  import { dissoc } from 'ramda';
5
- import { S as Select } from '../Select-TlFBcxcY.js';
5
+ import { S as Select } from '../Select-BgSz0fve.js';
6
6
  import '../SelectFieldWrapper-BJzq9aCY.js';
7
7
  import '../primitives/Field.js';
8
8
  import '../index-D7Zy7P05.js';
@@ -3,6 +3,8 @@ import { SliderProps } from "src/components/Slider";
3
3
  export interface FormikSliderProps extends Omit<SliderProps, "name"> {
4
4
  /** Formik field name. */
5
5
  name: string;
6
+ /** Callback fired when the value changes. Also supports onChange for compatibility. */
7
+ onChange?: (value: number[]) => void;
6
8
  }
7
9
  declare const FormikSlider: React.ForwardRefExoticComponent<Omit<FormikSliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
8
10
  export { FormikSlider };
@@ -22,13 +22,15 @@ import '../index-D7Zy7P05.js';
22
22
  import '../label-B4qDF3W1.js';
23
23
  import '../separator-BbhgePmX.js';
24
24
 
25
- const FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {
25
+ const FormikSlider = forwardRef(({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...otherProps }, ref) => {
26
26
  const [field, meta, { setValue, setTouched }] = useField(name);
27
27
  const { status = {}, setStatus } = useFormikContext();
28
28
  const fieldStatus = getIn(status, name);
29
29
  return (jsx(Slider, { ref: ref, error: meta.error || fieldStatus || "", name: field.name, value: field.value, onBlur: () => setTouched(true), onValueChange: (value) => {
30
30
  setStatus(dissoc(name, status));
31
31
  setValue(value);
32
+ onValueChangeProp?.(value);
33
+ onChangeProp?.(value);
32
34
  }, ...otherProps }));
33
35
  });
34
36
  FormikSlider.displayName = "FormikSlider";
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\nexport interface FormikSliderProps extends Omit<SliderProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikSlider = forwardRef<\n React.ComponentRef<typeof Slider>,\n FormikSliderProps\n>(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <Slider\n ref={ref}\n error={meta.error || fieldStatus || \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onValueChange={(value: number[]) => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,aAAa,EAAE,CAAC,KAAe,KAAI;YACjC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
1
+ {"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\nexport interface FormikSliderProps extends Omit<SliderProps, \"name\"> {\n /** Formik field name. */\n name: string;\n /** Callback fired when the value changes. Also supports onChange for compatibility. */\n onChange?: (value: number[]) => void;\n}\n\nconst FormikSlider = forwardRef<\n React.ComponentRef<typeof Slider>,\n FormikSliderProps\n>(\n (\n {\n name,\n onValueChange: onValueChangeProp,\n onChange: onChangeProp,\n ...otherProps\n },\n ref\n ) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <Slider\n ref={ref}\n error={meta.error || fieldStatus || \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onValueChange={(value: number[]) => {\n setStatus(dissoc(name, status));\n setValue(value);\n onValueChangeProp?.(value);\n onChangeProp?.(value);\n }}\n {...otherProps}\n />\n );\n }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAY,GAAG,UAAU,CAI7B,CACE,EACE,IAAI,EACJ,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,YAAY,EACtB,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,aAAa,EAAE,CAAC,KAAe,KAAI;YACjC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,iBAAiB,GAAG,KAAK,CAAC;AAC1B,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -2,9 +2,11 @@ import { SwitchProps } from "src/components/Switch";
2
2
  export interface FormikSwitchProps extends Omit<SwitchProps, "name"> {
3
3
  /** Formik field name. */
4
4
  name: string;
5
+ /** Callback fired when the checked state changes. Also supports onChange for compatibility. */
6
+ onChange?: () => void;
5
7
  }
6
8
  declare const FormikSwitch: {
7
- ({ name, ...rest }: FormikSwitchProps): import("react/jsx-runtime").JSX.Element;
9
+ ({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }: FormikSwitchProps): import("react/jsx-runtime").JSX.Element;
8
10
  displayName: string;
9
11
  };
10
12
  export { FormikSwitch };
@@ -17,12 +17,14 @@ import 'react-dom';
17
17
  import '../primitives/Label.js';
18
18
  import '../label-B4qDF3W1.js';
19
19
 
20
- const FormikSwitch = ({ name, ...rest }) => (jsx(Field, { name: name, children: ({ field, meta: { error }, form }) => {
20
+ const FormikSwitch = ({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }) => (jsx(Field, { name: name, children: ({ field, meta: { error }, form }) => {
21
21
  const { status = {}, setStatus } = form;
22
22
  const fieldStatus = getIn(status, name);
23
23
  return (jsx(Switch, { checked: !!field.value, error: error || fieldStatus, name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
24
24
  setStatus(dissoc(name, status));
25
25
  form.setFieldValue(name, checked);
26
+ onCheckedChangeProp?.(checked);
27
+ onChangeProp?.();
26
28
  }, ...rest }));
27
29
  } }));
28
30
  FormikSwitch.displayName = "FormikSwitch";
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../src/formik/Switch.tsx"],"sourcesContent":["import { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Switch, SwitchProps } from \"src/components/Switch\";\n\nexport interface FormikSwitchProps extends Omit<SwitchProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikSwitch = ({ name, ...rest }: FormikSwitchProps) => (\n <Field name={name}>\n {({ field, meta: { error }, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n return (\n <Switch\n checked={!!field.value}\n error={error || fieldStatus}\n name={field.name}\n onBlur={field.onBlur}\n onCheckedChange={(checked: boolean) => {\n setStatus(dissoc(name, status));\n form.setFieldValue(name, checked);\n }}\n {...rest}\n />\n );\n }}\n </Field>\n);\n\nFormikSwitch.displayName = \"FormikSwitch\";\n\nexport { FormikSwitch };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAqB,MACxDA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAc,KAAI;QAChD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,KAAK,IAAI,WAAW,EAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK;AAGV,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
1
+ {"version":3,"file":"Switch.js","sources":["../../src/formik/Switch.tsx"],"sourcesContent":["import { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Switch, SwitchProps } from \"src/components/Switch\";\n\nexport interface FormikSwitchProps extends Omit<SwitchProps, \"name\"> {\n /** Formik field name. */\n name: string;\n /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n onChange?: () => void;\n}\n\nconst FormikSwitch = ({\n name,\n onCheckedChange: onCheckedChangeProp,\n onChange: onChangeProp,\n ...rest\n}: FormikSwitchProps) => (\n <Field name={name}>\n {({ field, meta: { error }, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n return (\n <Switch\n checked={!!field.value}\n error={error || fieldStatus}\n name={field.name}\n onBlur={field.onBlur}\n onCheckedChange={(checked: boolean) => {\n setStatus(dissoc(name, status));\n form.setFieldValue(name, checked);\n onCheckedChangeProp?.(checked);\n onChangeProp?.();\n }}\n {...rest}\n />\n );\n }}\n </Field>\n);\n\nFormikSwitch.displayName = \"FormikSwitch\";\n\nexport { FormikSwitch };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACW,MAClBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAc,KAAI;QAChD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,KAAK,IAAI,WAAW,EAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK;AAGV,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -14,7 +14,7 @@ import '../separator-BbhgePmX.js';
14
14
  import '../primitives/Textarea.js';
15
15
  import '../textarea-BSZwxzjQ.js';
16
16
 
17
- const FormikTextarea = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
17
+ const FormikTextarea = forwardRef(({ name, onChange: onChangeProp, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
18
18
  const { status = {}, setStatus } = form;
19
19
  const fieldStatus = getIn(status, name);
20
20
  const fieldProps = {
@@ -22,6 +22,7 @@ const FormikTextarea = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name
22
22
  onChange: (e) => {
23
23
  setStatus(dissoc(name, status));
24
24
  field.onChange(e);
25
+ onChangeProp?.(e);
25
26
  },
26
27
  };
27
28
  return (jsx(Textarea, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", ...fieldProps, ...rest }));
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\n ({ name, ...rest }, ref) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Textarea\n ref={ref}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...fieldProps}\n {...rest}\n />\n );\n }}\n </Field>\n )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAyC,KAAI;gBACtD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1
+ {"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\n ({ name, onChange: onChangeProp, ...rest }, ref) => (\n <Field name={name}>\n {({ field, meta, form }: FieldProps) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n onChangeProp?.(e);\n },\n };\n\n return (\n <Textarea\n ref={ref}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...fieldProps}\n {...rest}\n />\n );\n }}\n </Field>\n )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC7CA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAyC,KAAI;gBACtD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,gBAAA,YAAY,GAAG,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
@@ -39,13 +39,14 @@ import '../index-CSMSzzKM.js';
39
39
  import '../redux-BKH6DnBB.js';
40
40
  import '../x-_o2T3n6D.js';
41
41
 
42
- const FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {
42
+ const FormikTreeSelect = forwardRef(({ name, onChange: onChangeProp, ...otherProps }, ref) => {
43
43
  const [field, meta, { setValue }] = useField(name);
44
44
  const { status = {}, setStatus } = useFormikContext();
45
45
  const fieldStatus = getIn(status, name);
46
46
  return (jsx(TreeSelect, { ref: ref, error: meta.error || fieldStatus || "", value: field.value, onChange: (value) => {
47
47
  setStatus(dissoc(name, status));
48
48
  setValue(value);
49
+ onChangeProp?.(value);
49
50
  }, ...otherProps }));
50
51
  });
51
52
  FormikTreeSelect.displayName = "FormikTreeSelect";
@@ -1 +1 @@
1
- {"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n ({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <TreeSelect\n ref={ref}\n error={meta.error || fieldStatus || \"\"}\n value={field.value}\n onChange={(value: string) => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
1
+ {"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n /** Formik field name. */\n name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n ({ name, onChange: onChangeProp, ...otherProps }, ref) => {\n const [field, meta, { setValue }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <TreeSelect\n ref={ref}\n error={meta.error || fieldStatus || \"\"}\n value={field.value}\n onChange={(value: string) => {\n setStatus(dissoc(name, status));\n setValue(value);\n onChangeProp?.(value);\n }}\n {...otherProps}\n />\n );\n }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
@@ -32,7 +32,7 @@ import '../input-GLCCE2kT.js';
32
32
  import '../textarea-BSZwxzjQ.js';
33
33
  import '../Textarea-C0z50h0N.js';
34
34
  import '../primitives/Textarea.js';
35
- import '../Select-TlFBcxcY.js';
35
+ import '../Select-BgSz0fve.js';
36
36
  import '../SelectFieldWrapper-BJzq9aCY.js';
37
37
  import '../primitives/Combobox.js';
38
38
  import '../check-Cpkv29p1.js';
package/dist/index.js CHANGED
@@ -21,13 +21,13 @@ export { DropdownMenu } from './components/DropdownMenu.js';
21
21
  export { E as Empty } from './Empty-zyL2ZsHX.js';
22
22
  export { I as Input } from './Input-C1gcv9o2.js';
23
23
  export { K as Kbd } from './Kbd-EqbC0bua.js';
24
- export { L as Label } from './Label-CryFO2yq.js';
24
+ export { L as Label } from './Label-DAFESZOG.js';
25
25
  export { P as Pagination } from './Pagination-DSc9yXPy.js';
26
26
  export { R as RadioGroup } from './RadioGroup-BNeYQAoT.js';
27
- export { S as Select } from './Select-TlFBcxcY.js';
27
+ export { S as Select } from './Select-BgSz0fve.js';
28
28
  export { M as MultiEmailInput } from './MultiEmailInput-SCTYovtX.js';
29
29
  export { S as Sheet } from './Sheet-B99vGwLH.js';
30
- export { P as Popover } from './Popover-dib6elwS.js';
30
+ export { P as Popover } from './Popover-Dmq-xK_a.js';
31
31
  export { P as Progress } from './Progress-B9NlUm6e.js';
32
32
  export { S as Slider } from './Slider-BCQXhs0Q.js';
33
33
  export { S as Spinner } from './Spinner-C8HSac-2.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-atoms",
3
- "version": "1.0.31",
3
+ "version": "1.0.33",
4
4
  "author": "BigBinary",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover-dib6elwS.js","sources":["../src/components/Popover/constants.ts","../src/components/Popover/Popover.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n \"top-start\": \"top\",\n \"top-end\": \"top\",\n \"bottom-start\": \"bottom\",\n \"bottom-end\": \"bottom\",\n \"left-start\": \"left\",\n \"left-end\": \"left\",\n \"right-start\": \"right\",\n \"right-end\": \"right\",\n auto: \"bottom\",\n};\n\nexport const ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n top: \"center\",\n bottom: \"center\",\n left: \"center\",\n right: \"center\",\n \"top-start\": \"start\",\n \"top-end\": \"end\",\n \"bottom-start\": \"start\",\n \"bottom-end\": \"end\",\n \"left-start\": \"start\",\n \"left-end\": \"end\",\n \"right-start\": \"start\",\n \"right-end\": \"end\",\n auto: \"center\",\n};\n","import React, {\n forwardRef,\n useCallback,\n useEffect,\n useState,\n type ReactNode,\n} from \"react\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n HoverCard,\n HoverCardContent,\n HoverCardTrigger,\n} from \"src/primitives/HoverCard\";\n\ntype PopoverPosition =\n | \"top\"\n | \"bottom\"\n | \"left\"\n | \"right\"\n | \"top-start\"\n | \"top-end\"\n | \"bottom-start\"\n | \"bottom-end\"\n | \"left-start\"\n | \"left-end\"\n | \"right-start\"\n | \"right-end\"\n | \"auto\";\n\nconst popoverVariants = cva(\"flex flex-col gap-2.5\", {\n variants: {\n variant: {\n default: \"\",\n primary: \"bg-primary text-primary-foreground ring-0 shadow-lg\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n\ntype PopoverVariant = NonNullable<\n VariantProps<typeof popoverVariants>[\"variant\"]\n>;\n\n/** Radix HoverCard.Content props we forward via ...otherProps. */\ntype HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;\n\nexport interface PopoverProps extends Omit<\n HoverCardContentProps,\n \"children\" | \"className\" | \"side\" | \"align\"\n> {\n /** Content rendered inside the popover. */\n children?: ReactNode;\n /** The trigger element that opens the popover on hover. */\n trigger?: ReactNode;\n /** Color variant of the popover. */\n variant?: PopoverVariant;\n /** Disable the popover. */\n disabled?: boolean;\n /** Placement of the popover relative to the trigger. */\n position?: PopoverPosition;\n /** Additional CSS class names for the popover content. */\n className?: string;\n /** Whether the popover is open (controlled). */\n open?: boolean;\n /** Callback when open state changes. */\n onOpenChange?: (open: boolean) => void;\n /** Auto-hide after N milliseconds. Use -1 to disable. */\n hideAfter?: number;\n /** Radix HoverCard `defaultOpen` prop. */\n defaultOpen?: boolean;\n /** Delay in ms before the popover opens on hover. */\n openDelay?: number;\n /** Delay in ms before the popover closes after hover leaves. */\n closeDelay?: number;\n}\n\nimport { SIDE_MAP, ALIGN_MAP } from \"./constants\";\n\ninterface PopoverTitleProps extends React.ComponentProps<\"div\"> {\n children?: ReactNode;\n className?: string;\n}\n\nconst Title = forwardRef<HTMLDivElement, PopoverTitleProps>(\n ({ children, className, ...otherProps }, ref) => (\n <div\n ref={ref}\n data-slot=\"popover-title\"\n className={cn(\"text-sm font-semibold\", className)}\n {...otherProps}\n >\n {children}\n </div>\n )\n);\nTitle.displayName = \"Popover.Title\";\n\nconst Popover = forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n children,\n trigger,\n variant = \"default\",\n disabled = false,\n position = \"auto\",\n className,\n open: openProp,\n onOpenChange: onOpenChangeProp,\n hideAfter = -1,\n defaultOpen,\n openDelay = 200,\n closeDelay = 200,\n // Radix HoverCardContent props forwarded\n ...contentProps\n },\n ref\n ) => {\n // Internal state for uncontrolled mode + hideAfter\n const [internalOpen, setInternalOpen] = useState(false);\n const isControlled = openProp !== undefined;\n const open = isControlled ? openProp : internalOpen;\n\n const handleOpenChange = useCallback(\n (next: boolean) => {\n if (!isControlled) setInternalOpen(next);\n onOpenChangeProp?.(next);\n },\n [isControlled, onOpenChangeProp]\n );\n\n // Auto-hide after hideAfter ms\n useEffect(() => {\n if (!open || hideAfter <= 0) return;\n const timer = setTimeout(() => handleOpenChange(false), hideAfter);\n return () => clearTimeout(timer);\n }, [open, hideAfter, handleOpenChange]);\n\n if (disabled) {\n return <>{trigger}</>;\n }\n\n const side = SIDE_MAP[position] ?? \"bottom\";\n const align = ALIGN_MAP[position] ?? \"center\";\n\n // Wrap non-element trigger in a span\n const triggerElement = React.isValidElement(trigger) ? (\n trigger\n ) : (\n <span>{trigger}</span>\n );\n\n return (\n <HoverCard\n open={open}\n onOpenChange={handleOpenChange}\n defaultOpen={defaultOpen}\n openDelay={openDelay}\n closeDelay={closeDelay}\n >\n <HoverCardTrigger asChild>{triggerElement}</HoverCardTrigger>\n <HoverCardContent\n ref={ref}\n side={side}\n align={align}\n className={cn(popoverVariants({ variant }), className)}\n {...contentProps}\n >\n {children}\n </HoverCardContent>\n </HoverCard>\n );\n }\n) as React.ForwardRefExoticComponent<\n PopoverProps & React.RefAttributes<HTMLDivElement>\n> & {\n Title: typeof Title;\n};\n\nPopover.displayName = \"Popover\";\nPopover.Title = Title;\n\nexport { Popover };\n"],"names":["_jsx","_Fragment","React","_jsxs"],"mappings":"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"}