@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.
- package/dist/{Label-CryFO2yq.js → Label-DAFESZOG.js} +2 -2
- package/dist/{Label-CryFO2yq.js.map → Label-DAFESZOG.js.map} +1 -1
- package/dist/{Popover-dib6elwS.js → Popover-Dmq-xK_a.js} +4 -3
- package/dist/Popover-Dmq-xK_a.js.map +1 -0
- package/dist/{Select-TlFBcxcY.js → Select-BgSz0fve.js} +2 -4
- package/dist/Select-BgSz0fve.js.map +1 -0
- package/dist/cjs/{Label-BHFmdHwe.js → Label-B7FbeB5i.js} +2 -2
- package/dist/cjs/{Label-BHFmdHwe.js.map → Label-B7FbeB5i.js.map} +1 -1
- package/dist/cjs/{Popover-B1d4URJl.js → Popover-DRT0YYzK.js} +4 -3
- package/dist/cjs/Popover-DRT0YYzK.js.map +1 -0
- package/dist/cjs/{Select-Br1AT_wm.js → Select-nifsTqzo.js} +2 -4
- package/dist/cjs/Select-nifsTqzo.js.map +1 -0
- package/dist/cjs/components/Label.js +4 -3
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Popover.js +4 -2
- package/dist/cjs/components/Popover.js.map +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/index.js +3 -3
- package/dist/cjs/formik/Checkbox.js +3 -1
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Input.js +2 -1
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +2 -1
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/RadioGroup.js +3 -1
- package/dist/cjs/formik/RadioGroup.js.map +1 -1
- package/dist/cjs/formik/Select.js +1 -1
- package/dist/cjs/formik/Slider.js +3 -1
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +3 -1
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +2 -1
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +2 -1
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/components/Label.js +4 -3
- package/dist/components/Label.js.map +1 -1
- package/dist/components/Popover.js +4 -2
- package/dist/components/Popover.js.map +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/index.js +3 -3
- package/dist/formik/Checkbox.d.ts +2 -0
- package/dist/formik/Checkbox.js +3 -1
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Input.js +2 -1
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +2 -1
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/RadioGroup.d.ts +3 -1
- package/dist/formik/RadioGroup.js +3 -1
- package/dist/formik/RadioGroup.js.map +1 -1
- package/dist/formik/Select.js +1 -1
- package/dist/formik/Slider.d.ts +2 -0
- package/dist/formik/Slider.js +3 -1
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.d.ts +3 -1
- package/dist/formik/Switch.js +3 -1
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +2 -1
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +2 -1
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +1 -1
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/dist/Popover-dib6elwS.js.map +0 -1
- package/dist/Select-TlFBcxcY.js.map +0 -1
- package/dist/cjs/Popover-B1d4URJl.js.map +0 -1
- package/dist/cjs/Select-Br1AT_wm.js.map +0 -1
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
export { P as Popover } from '../Popover-
|
|
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":";;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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 };
|
package/dist/formik/Checkbox.js
CHANGED
|
@@ -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>(({
|
|
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;;;;"}
|
package/dist/formik/Input.js
CHANGED
|
@@ -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 }));
|
package/dist/formik/Input.js.map
CHANGED
|
@@ -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,
|
|
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;
|
|
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 = ({
|
|
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;;;;"}
|
package/dist/formik/Select.js
CHANGED
|
@@ -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-
|
|
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';
|
package/dist/formik/Slider.d.ts
CHANGED
|
@@ -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 };
|
package/dist/formik/Slider.js
CHANGED
|
@@ -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>(({
|
|
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;;;;"}
|
package/dist/formik/Switch.d.ts
CHANGED
|
@@ -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 };
|
package/dist/formik/Switch.js
CHANGED
|
@@ -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 = ({
|
|
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;;;;"}
|
package/dist/formik/Textarea.js
CHANGED
|
@@ -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,
|
|
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;
|
|
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;;;;"}
|
package/dist/formik/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 +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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"}
|