@bigbinary/neeto-atoms 1.0.20 → 1.0.22

package/dist/cjs/components/DataTable.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataTable = require('../DataTable-CWs96k8n.js');
+var DataTable = require('../DataTable-BOeCq0s4.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Table.js');

package/dist/cjs/components/index.js

@@ -8,7 +8,7 @@ var Button = require('../Button-Bt_AElge.js');
 var Callout = require('../Callout-CS2U6pM7.js');
 var Checkbox = require('../Checkbox-DOlS2oCD.js');
 var ColorPicker = require('../ColorPicker-Uxgn8U0h.js');
-var DataTable = require('../DataTable-CWs96k8n.js');
+var DataTable = require('../DataTable-BOeCq0s4.js');
 var DatePicker = require('../DatePicker-CA113xZV.js');
 var Dialog = require('../Dialog-dYYmRaZU.js');
 var components_DropdownMenu = require('./DropdownMenu.js');

package/dist/cjs/formik/Select.js

@@ -33,7 +33,7 @@ require('react-i18next');
 require('../loader-circle-Bw7zP2Gn.js');
 
 const FormikSelect = React.forwardRef((props, ref) => {
-    const { name, onOpenChange, onChange: _, ...otherProps } = props;
+    const { name, onOpenChange, onChange: onChangeProp, ...otherProps } = props;
     const [field, meta, { setValue, setTouched }] = formik.useField(name);
     const { status = {}, setStatus } = formik.useFormikContext();
     const fieldStatus = formik.getIn(status, name);
@@ -45,12 +45,13 @@ const FormikSelect = React.forwardRef((props, ref) => {
         value: field.value,
         onOpenChange: (open) => {
             if (!open)
-                setTouched(true);
+                setTouched(true, false);
             onOpenChange?.(open);
         },
         onChange: (value) => {
             setStatus(ramda.dissoc(name, status));
             setValue(value);
+            onChangeProp?.(value);
         },
     };
     return jsxRuntime.jsx(Select.Select, { ...selectProps });

package/dist/cjs/formik/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n  /** Formik field name. */\n  name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n  (props, ref) => {\n    const { name, onOpenChange, onChange: _, ...otherProps } = props;\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    const selectProps = {\n      ...otherProps,\n      ref,\n      error: meta.touched ? meta.error || fieldStatus : \"\",\n      name: field.name,\n      value: field.value,\n      onOpenChange: (open: boolean) => {\n        if (!open) setTouched(true);\n        onOpenChange?.(open);\n      },\n      onChange: (value: unknown) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      },\n    };\n\n    return <Select {...(selectProps as SelectProps)} />;\n  }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["forwardRef","useField","useFormikContext","getIn","dissoc","_jsx","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAChE,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;gBAAE,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC;KACF;AAED,IAAA,OAAOC,cAAA,CAACC,aAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n  /** Formik field name. */\n  name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n  (props, ref) => {\n    const { name, onOpenChange, onChange: onChangeProp, ...otherProps } = props;\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    const selectProps = {\n      ...otherProps,\n      ref,\n      error: meta.touched ? meta.error || fieldStatus : \"\",\n      name: field.name,\n      value: field.value,\n      onOpenChange: (open: boolean) => {\n        if (!open) setTouched(true, false);\n        onOpenChange?.(open);\n      },\n      onChange: (value: unknown) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n        (onChangeProp as ((v: unknown) => void) | undefined)?.(value);\n      },\n    };\n\n    return <Select {...(selectProps as SelectProps)} />;\n  }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["forwardRef","useField","useFormikContext","getIn","dissoc","_jsx","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAC3E,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;AAAE,gBAAA,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;AAClC,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACd,YAAA,YAAmD,GAAG,KAAK,CAAC;QAC/D,CAAC;KACF;AAED,IAAA,OAAOC,cAAA,CAACC,aAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/index.js

@@ -40,7 +40,7 @@ var Tabs = require('./Tabs-D2247rd7.js');
 var Textarea = require('./Textarea-BfdlAJ59.js');
 var Tooltip = require('./Tooltip-criVUtIg.js');
 var Typography = require('./Typography-DaZ0HTha.js');
-var DataTable = require('./DataTable-CWs96k8n.js');
+var DataTable = require('./DataTable-BOeCq0s4.js');
 var Tree = require('./Tree-BPd0DuLh.js');
 var TreeSelect = require('./TreeSelect-BoffO6qD.js');
 var useMobile = require('./use-mobile-B-UYxtqX.js');

package/dist/components/DataTable.js

@@ -1,4 +1,4 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DWR9gX9d.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-CfcHsQuw.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';

package/dist/components/index.js

@@ -6,7 +6,7 @@ export { B as Button } from '../Button-Q7MPG6ph.js';
 export { C as Callout } from '../Callout-B0w4GQtx.js';
 export { C as Checkbox } from '../Checkbox-zCxgcZiC.js';
 export { C as ColorPicker } from '../ColorPicker-DtOvy0Gy.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DWR9gX9d.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-CfcHsQuw.js';
 export { D as DatePicker } from '../DatePicker-RvdQv1LE.js';
 export { D as Dialog } from '../Dialog-B2dcw0Zz.js';
 export { DropdownMenu } from './DropdownMenu.js';

package/dist/formik/Select.js

@@ -31,7 +31,7 @@ import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 
 const FormikSelect = forwardRef((props, ref) => {
-    const { name, onOpenChange, onChange: _, ...otherProps } = props;
+    const { name, onOpenChange, onChange: onChangeProp, ...otherProps } = props;
     const [field, meta, { setValue, setTouched }] = useField(name);
     const { status = {}, setStatus } = useFormikContext();
     const fieldStatus = getIn(status, name);
@@ -43,12 +43,13 @@ const FormikSelect = forwardRef((props, ref) => {
         value: field.value,
         onOpenChange: (open) => {
             if (!open)
-                setTouched(true);
+                setTouched(true, false);
             onOpenChange?.(open);
         },
         onChange: (value) => {
             setStatus(dissoc(name, status));
             setValue(value);
+            onChangeProp?.(value);
         },
     };
     return jsx(Select, { ...selectProps });

package/dist/formik/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n  /** Formik field name. */\n  name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n  (props, ref) => {\n    const { name, onOpenChange, onChange: _, ...otherProps } = props;\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    const selectProps = {\n      ...otherProps,\n      ref,\n      error: meta.touched ? meta.error || fieldStatus : \"\",\n      name: field.name,\n      value: field.value,\n      onOpenChange: (open: boolean) => {\n        if (!open) setTouched(true);\n        onOpenChange?.(open);\n      },\n      onChange: (value: unknown) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      },\n    };\n\n    return <Select {...(selectProps as SelectProps)} />;\n  }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAChE,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;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;gBAAE,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC;KACF;AAED,IAAA,OAAOA,GAAA,CAAC,MAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"Select.js","sources":["../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n  /** Formik field name. */\n  name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n  (props, ref) => {\n    const { name, onOpenChange, onChange: onChangeProp, ...otherProps } = props;\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    const selectProps = {\n      ...otherProps,\n      ref,\n      error: meta.touched ? meta.error || fieldStatus : \"\",\n      name: field.name,\n      value: field.value,\n      onOpenChange: (open: boolean) => {\n        if (!open) setTouched(true, false);\n        onOpenChange?.(open);\n      },\n      onChange: (value: unknown) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n        (onChangeProp as ((v: unknown) => void) | undefined)?.(value);\n      },\n    };\n\n    return <Select {...(selectProps as SelectProps)} />;\n  }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAC3E,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;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;AAAE,gBAAA,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;AAClC,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACd,YAAA,YAAmD,GAAG,KAAK,CAAC;QAC/D,CAAC;KACF;AAED,IAAA,OAAOA,GAAA,CAAC,MAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/index.js

@@ -38,7 +38,7 @@ export { T as Tabs } from './Tabs-DWfKnl3S.js';
 export { T as Textarea } from './Textarea-C0z50h0N.js';
 export { T as Tooltip } from './Tooltip-3ZzQyaDV.js';
 export { T as Typography, t as typographyVariants } from './Typography-ClPJbLjP.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-DWR9gX9d.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-CfcHsQuw.js';
 export { T as Tree } from './Tree-C7r10UY5.js';
 export { T as TreeSelect } from './TreeSelect-BxsQrdjf.js';
 export { u as useIsMobile } from './use-mobile-IRjN_mlT.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {