@bigbinary/neeto-atoms 1.0.9 → 1.0.11

package/dist/cjs/components/index.js

@@ -0,0 +1,180 @@
+'use strict';
+
+var Accordion = require('../Accordion-BoTckTBI.js');
+var Alert = require('../Alert-BVvLyM_d.js');
+var Avatar = require('../Avatar-CNao5gvP.js');
+var Badge = require('../Badge-STBHzYLs.js');
+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 DatePicker = require('../DatePicker-DpijPndg.js');
+var Dialog = require('../Dialog-CtI_yWsJ.js');
+var components_DropdownMenu = require('./DropdownMenu.js');
+var Empty = require('../Empty-qzle6YvT.js');
+var Input = require('../Input-pkugjUb0.js');
+var Kbd = require('../Kbd-DHirsI--.js');
+var Label = require('../Label-DpyfZsiT.js');
+var MultiEmailInput = require('../MultiEmailInput-l0_YVjbp.js');
+var Pagination = require('../Pagination-Byzt9Kmj.js');
+var Popover = require('../Popover-LIxANoTc.js');
+var Progress = require('../Progress-DoCxZ_ZH.js');
+var RadioGroup = require('../RadioGroup-1RAoe38m.js');
+var Select = require('../Select-Br1AT_wm.js');
+var Sheet = require('../Sheet-CIhtNCBV.js');
+var Slider = require('../Slider-jNUS9vt8.js');
+var Spinner = require('../Spinner-DQutDMQq.js');
+var Stepper = require('../Stepper-DCoLl2ZS.js');
+var Switch = require('../Switch-CFf8DtB_.js');
+var Tabs = require('../Tabs-D2247rd7.js');
+var Textarea = require('../Textarea-BfdlAJ59.js');
+var TimePicker = require('../TimePicker-Ba2FdT1O.js');
+var TimePickerPanel = require('../TimePickerPanel-DGNr97cj.js');
+var Toastr = require('../Toastr-BGp7-kmf.js');
+var Tooltip = require('../Tooltip-CtxI7QBY.js');
+var TranslationProvider = require('../TranslationProvider-DBZHXmzX.js');
+var Tree = require('../Tree-BPd0DuLh.js');
+var search = require('../search-CfYUGi4v.js');
+var TreeSelect = require('../TreeSelect-C9nQJKNo.js');
+var Typography = require('../Typography-PojQmdAY.js');
+require('react/jsx-runtime');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Accordion.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../chevron-up-BpwpBnZU.js');
+require('../index-CGUGhyIp.js');
+require('../index-Ch55j1or.js');
+require('../index-D-iDn9RI.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-BiGm7NEA.js');
+require('../index-DcCSSgb7.js');
+require('../index-BwAq9ba8.js');
+require('../index-9jC1advf.js');
+require('react-i18next');
+require('../primitives/Dialog.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../dialog-Bvyrshz3.js');
+require('../x-Brw3FJst.js');
+require('../index-BLGrl3PF.js');
+require('../index-Bvu9MiFi.js');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-Df-Ffa3s.js');
+require('../primitives/Avatar.js');
+require('../index-DnKJmaCq.js');
+require('../index-BrpkRQoS.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-CB9xFokC.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Badge.js');
+require('../primitives/Button.js');
+require('../primitives/Spinner.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../primitives/Alert.js');
+require('../triangle-alert-ZUMRpmzW.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../index-CF951Pw9.js');
+require('../primitives/Field.js');
+require('../label-Bdc9ytTI.js');
+require('../separator-CPy2gyg1.js');
+require('react-colorful');
+require('../primitives/Popover.js');
+require('../primitives/Table.js');
+require('../primitives/Pagination.js');
+require('../chevron-left-BldoOh5p.js');
+require('../ellipsis-4aubOI2n.js');
+require('../chevron-right-0jNdwX2Q.js');
+require('../primitives/DropdownMenu.js');
+require('../index-PdtYHwPi.js');
+require('../index-hQmfI1O7.js');
+require('../Calendar-Nk76Y9yP.js');
+require('../primitives/ButtonGroup.js');
+require('../primitives/Empty.js');
+require('../primitives/InputGroup.js');
+require('../input-group-DoK0-4fL.js');
+require('../input-CgKPISj_.js');
+require('../textarea-CZSSY75H.js');
+require('../primitives/Kbd.js');
+require('../primitives/Label.js');
+require('../primitives/HoverCard.js');
+require('../primitives/Progress.js');
+require('../primitives/RadioGroup.js');
+require('../SelectFieldWrapper-DEA--2wj.js');
+require('../primitives/Combobox.js');
+require('../with-selector-DeKHbQY7.js');
+require('../primitives/Sheet.js');
+require('../sheet-BZHMKVH1.js');
+require('../primitives/Slider.js');
+require('../index-EyWRfsCG.js');
+require('../primitives/Switch.js');
+require('../primitives/Tabs.js');
+require('../primitives/Textarea.js');
+require('../primitives/ScrollArea.js');
+require('../index-Vlwnyfvs.js');
+require('i18next');
+require('../redux-DEF7lAd1.js');
+
+
+
+exports.Accordion = Accordion.Accordion;
+exports.Alert = Alert.Alert;
+exports.Avatar = Avatar.AvatarNamespace;
+exports.Badge = Badge.Badge;
+exports.Button = Button.Button;
+exports.Callout = Callout.Callout;
+exports.Checkbox = Checkbox.Checkbox;
+exports.ColorPicker = ColorPicker.ColorPicker;
+exports.DataTable = DataTable.DataTable;
+exports.useColumnOrdering = DataTable.useColumnOrdering;
+exports.useColumnPinning = DataTable.useColumnPinning;
+exports.useColumnVisibility = DataTable.useColumnVisibility;
+exports.useTablePagination = DataTable.useTablePagination;
+exports.useTableSelection = DataTable.useTableSelection;
+exports.useTableSort = DataTable.useTableSort;
+exports.DatePicker = DatePicker.DatePicker;
+exports.Dialog = Dialog.Dialog;
+exports.DropdownMenu = components_DropdownMenu.DropdownMenu;
+exports.Empty = Empty.Empty;
+exports.Input = Input.Input;
+exports.Kbd = Kbd.KbdNamespace;
+exports.Label = Label.Label;
+exports.MultiEmailInput = MultiEmailInput.MultiEmailInput;
+exports.Pagination = Pagination.Pagination;
+exports.Popover = Popover.Popover;
+exports.Progress = Progress.Progress;
+exports.RadioGroup = RadioGroup.RadioGroup;
+exports.Select = Select.Select;
+exports.Sheet = Sheet.Sheet;
+exports.Slider = Slider.Slider;
+exports.Spinner = Spinner.Spinner;
+exports.Stepper = Stepper.Stepper;
+exports.Switch = Switch.Switch;
+exports.Tabs = Tabs.Tabs;
+exports.Textarea = Textarea.Textarea;
+exports.TimePicker = TimePicker.TimePicker;
+exports.TimePickerPanel = TimePickerPanel.TimePickerPanel;
+exports.Toastr = Toastr.Toastr;
+exports.Tooltip = Tooltip.Tooltip;
+exports.TranslationProvider = TranslationProvider.TranslationProvider;
+exports.Tree = Tree.Tree;
+exports.flattenTreeData = search.flattenTreeData;
+exports.getExpandedKeysFromSearch = search.getExpandedKeysFromSearch;
+exports.getParentKey = search.getParentKey;
+exports.TreeSelect = TreeSelect.TreeSelect;
+exports.Typography = Typography.Typography;
+exports.typographyVariants = Typography.typographyVariants;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/formik/ActionBlock.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var Button = require('../Button-Bt_AElge.js');
+var utils = require('../utils-CTr7wn5d.js');
+var formik_Button = require('./Button.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Button.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+require('ramda');
+
+const FormikActionBlock = React.forwardRef(({ className, submitButtonProps, cancelButtonProps, isSubmitting: isSubmittingProp, position = "left", }, ref) => {
+    const { handleReset, isSubmitting: isFormikSubmitting } = formik.useFormikContext();
+    const isSubmitting = isSubmittingProp ?? isFormikSubmitting;
+    const cancelButton = (jsxRuntime.jsx(Button.Button, { "data-testid": "cancel-button", disabled: isSubmitting, label: "Cancel", variant: "ghost", onClick: handleReset, onMouseDown: (e) => e.preventDefault(), ...cancelButtonProps }));
+    const submitButton = (jsxRuntime.jsx(formik_Button.FormikButton, { "data-testid": "save-changes-button", label: "Save changes", type: "submit", ...submitButtonProps }));
+    return (jsxRuntime.jsx("div", { ref: ref, className: utils.cn("flex items-center gap-2", position === "right" && "justify-end", className), children: position === "right" ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [cancelButton, submitButton] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [submitButton, cancelButton] })) }));
+});
+FormikActionBlock.displayName = "FormikActionBlock";
+
+exports.FormikActionBlock = FormikActionBlock;
+//# sourceMappingURL=ActionBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBlock.js","sources":["../../../../src/formik/ActionBlock.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { FormikButton } from \"./Button\";\n\nexport interface FormikActionBlockProps {\n  /** Additional CSS class names for the wrapper. */\n  className?: string;\n  /** Props forwarded to the submit button. */\n  submitButtonProps?: ButtonProps;\n  /** Props forwarded to the cancel button. */\n  cancelButtonProps?: ButtonProps;\n  /**\n   * Override the auto-computed submitting state (e.g. from React Query mutation).\n   * Falls back to Formik's `isSubmitting` when not provided.\n   */\n  isSubmitting?: boolean;\n  /** Alignment of the buttons. */\n  position?: \"left\" | \"right\";\n}\n\nconst FormikActionBlock = forwardRef<HTMLDivElement, FormikActionBlockProps>(\n  (\n    {\n      className,\n      submitButtonProps,\n      cancelButtonProps,\n      isSubmitting: isSubmittingProp,\n      position = \"left\",\n    },\n    ref\n  ) => {\n    const { handleReset, isSubmitting: isFormikSubmitting } =\n      useFormikContext();\n\n    const isSubmitting = isSubmittingProp ?? isFormikSubmitting;\n\n    const cancelButton = (\n      <Button\n        data-testid=\"cancel-button\"\n        disabled={isSubmitting}\n        label=\"Cancel\"\n        variant=\"ghost\"\n        onClick={handleReset}\n        onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        {...cancelButtonProps}\n      />\n    );\n\n    const submitButton = (\n      <FormikButton\n        data-testid=\"save-changes-button\"\n        label=\"Save changes\"\n        type=\"submit\"\n        {...submitButtonProps}\n      />\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center gap-2\",\n          position === \"right\" && \"justify-end\",\n          className\n        )}\n      >\n        {position === \"right\" ? (\n          <>\n            {cancelButton}\n            {submitButton}\n          </>\n        ) : (\n          <>\n            {submitButton}\n            {cancelButton}\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nFormikActionBlock.displayName = \"FormikActionBlock\";\n\nexport { FormikActionBlock };\n"],"names":["forwardRef","useFormikContext","_jsx","Button","FormikButton","cn","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB,GAAGA,gBAAU,CAClC,CACE,EACE,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,GAAG,MAAM,GAClB,EACD,GAAG,KACD;IACF,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,GACrDC,uBAAgB,EAAE;AAEpB,IAAA,MAAM,YAAY,GAAG,gBAAgB,IAAI,kBAAkB;AAE3D,IAAA,MAAM,YAAY,IAChBC,cAAA,CAACC,aAAM,mBACO,eAAe,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,CAAC,CAAmB,KAAK,CAAC,CAAC,cAAc,EAAE,KACpD,iBAAiB,EAAA,CACrB,CACH;AAED,IAAA,MAAM,YAAY,IAChBD,eAACE,0BAAY,EAAA,EAAA,aAAA,EACC,qBAAqB,EACjC,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,QAAQ,KACT,iBAAiB,EAAA,CACrB,CACH;IAED,QACEF,wBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEG,QAAE,CACX,yBAAyB,EACzB,QAAQ,KAAK,OAAO,IAAI,aAAa,EACrC,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,KAAK,OAAO,IACnBC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,YAAY,EACZ,YAAY,IACZ,KAEHD,kDACG,YAAY,EACZ,YAAY,CAAA,EAAA,CACZ,CACJ,EAAA,CACG;AAEV,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/cjs/formik/BlockNavigation.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var formik = require('formik');
+var React = require('react');
+var reactRouterDom = require('react-router-dom');
+var Button = require('../Button-Bt_AElge.js');
+var Dialog = require('../Dialog-CtI_yWsJ.js');
+require('../utils-CTr7wn5d.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Button.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+require('../primitives/Dialog.js');
+require('../dialog-Bvyrshz3.js');
+require('../x-Brw3FJst.js');
+require('../index-BLGrl3PF.js');
+require('../index-ChSOMM8b.js');
+
+const useNavPrompt = ({ shouldBlock = true, }) => {
+    const [isBlocked, setIsBlocked] = React.useState(false);
+    const history = reactRouterDom.useHistory();
+    const unblockRef = React.useRef();
+    const navRef = React.useRef(null);
+    const handleNavigation = React.useCallback((action, transition) => {
+        switch (action) {
+            case "PUSH":
+                history.push(transition);
+                break;
+            case "REPLACE":
+                history.replace(transition);
+                break;
+            case "POP":
+                history.goBack();
+                break;
+        }
+    }, [history]);
+    const continueNavigation = React.useCallback(() => {
+        if (isBlocked && unblockRef.current) {
+            unblockRef.current();
+            setIsBlocked(false);
+            if (navRef.current) {
+                const { action, transition } = navRef.current;
+                handleNavigation(action, transition);
+            }
+        }
+    }, [isBlocked, handleNavigation]);
+    const hidePrompt = React.useCallback(() => setIsBlocked(false), []);
+    React.useEffect(() => {
+        if (shouldBlock) {
+            unblockRef.current = history.block((transition, action) => {
+                setIsBlocked(true);
+                navRef.current = { transition: transition.pathname, action };
+                return false;
+            });
+            return () => {
+                unblockRef.current?.();
+            };
+        }
+        return undefined;
+    }, [shouldBlock, history]);
+    return { isBlocked, continueNavigation, hidePrompt };
+};
+
+const BlockNavigationAlert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges, title = "You have unsaved changes", message = "Are you sure you want to leave? All unsaved changes will be lost.", cancelButtonLabel = "Discard and leave", submitButtonLabel = "Stay on this page", }) => {
+    const submitButtonRef = React.useRef(null);
+    return (jsxRuntime.jsxs(Dialog.Dialog, { isOpen: isOpen, onClose: onClose ?? (() => { }), closeButton: true, closeOnEsc: true, closeOnOutsideClick: true, initialFocusRef: submitButtonRef, size: "medium", "data-testid": "alert-box", children: [jsxRuntime.jsx(Dialog.Dialog.Header, { children: jsxRuntime.jsx(Dialog.Dialog.Title, { "data-testid": "alert-title", children: title }) }), jsxRuntime.jsx(Dialog.Dialog.Body, { children: jsxRuntime.jsx("p", { "data-testid": "alert-message", className: "text-sm text-muted-foreground", children: message }) }), jsxRuntime.jsxs(Dialog.Dialog.Footer, { className: "flex items-center justify-end gap-2", children: [jsxRuntime.jsx(Button.Button, { "data-testid": "alert-cancel-button", label: cancelButtonLabel, variant: "destructive", onClick: onDiscardChanges }), jsxRuntime.jsx(Button.Button, { "data-testid": "alert-submit-button", label: submitButtonLabel, ref: submitButtonRef, onClick: onSubmit })] })] }));
+};
+BlockNavigationAlert.displayName = "BlockNavigationAlert";
+
+const FormikBlockNavigation = ({ isDirty = false, ...otherProps }) => {
+    const formikContext = formik.useFormikContext();
+    const shouldBlock = isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));
+    const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({
+        shouldBlock,
+    });
+    const handleDiscardChanges = () => {
+        if (formikContext)
+            formikContext.resetForm();
+        hidePrompt();
+        continueNavigation();
+    };
+    return (jsxRuntime.jsx(BlockNavigationAlert, { isOpen: isBlocked, onClose: hidePrompt, onDiscardChanges: handleDiscardChanges, onSubmit: hidePrompt, ...otherProps }));
+};
+FormikBlockNavigation.displayName = "FormikBlockNavigation";
+
+exports.FormikBlockNavigation = FormikBlockNavigation;
+//# sourceMappingURL=BlockNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockNavigation.js","sources":["../../../../src/hooks/useNavPrompt.ts","../../../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>();\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (transition: { pathname: string }, action: string) => {\n          setIsBlocked(true);\n          navRef.current = { transition: transition.pathname, action };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import React, { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the stay/submit button. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"src/hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <BlockNavigationAlert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":["useState","useHistory","useRef","useCallback","useEffect","_jsxs","Dialog","_jsx","Button","useFormikContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAY,GAAG,CAAC,EACpB,WAAW,GAAG,IAAI,GACE,KAAwB;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,OAAO,GAAGC,yBAAU,EAAE;AAE5B,IAAA,MAAM,UAAU,GAAGC,YAAM,EAA4B;AACrD,IAAA,MAAM,MAAM,GAAGA,YAAM,CAAgD,IAAI,CAAC;IAE1E,MAAM,gBAAgB,GAAGC,iBAAW,CAClC,CAAC,MAAc,EAAE,UAAkB,KAAI;QACrC,QAAQ,MAAM;AACZ,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;gBACxB;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC;gBAC3B;AACF,YAAA,KAAK,KAAK;gBACR,OAAO,CAAC,MAAM,EAAE;gBAChB;;AAEN,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,MAAK;AAC1C,QAAA,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;YACnC,UAAU,CAAC,OAAO,EAAE;YACpB,YAAY,CAAC,KAAK,CAAC;AACnB,YAAA,IAAI,MAAM,CAAC,OAAO,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,OAAO;AAC7C,gBAAA,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;YACtC;QACF;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAE7DC,eAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;AACf,YAAA,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAChC,CAAC,UAAgC,EAAE,MAAc,KAAI;gBACnD,YAAY,CAAC,IAAI,CAAC;AAClB,gBAAA,MAAM,CAAC,OAAO,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE;AAE5D,gBAAA,OAAO,KAAK;AACd,YAAA,CAAC,CACuB;AAE1B,YAAA,OAAO,MAAK;AACV,gBAAA,UAAU,CAAC,OAAO,IAAI;AACxB,YAAA,CAAC;QACH;AAEA,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE1B,IAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;AACtD,CAAC;;ACtDD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,KAAK,GAAG,0BAA0B,EAClC,OAAO,GAAG,mEAAmE,EAC7E,iBAAiB,GAAG,mBAAmB,EACvC,iBAAiB,GAAG,mBAAmB,GACb,KAAI;AAC9B,IAAA,MAAM,eAAe,GAAGF,YAAM,CAAoB,IAAI,CAAC;IAEvD,QACEG,eAAA,CAACC,aAAM,EAAA,EACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,MAAK,EAAE,CAAC,CAAC,EAC9B,WAAW,EAAA,IAAA,EACX,UAAU,EAAA,IAAA,EACV,mBAAmB,EAAA,IAAA,EACnB,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,WAAW,EAAA,QAAA,EAAA,CAEvBC,cAAA,CAACD,aAAM,CAAC,MAAM,EAAA,EAAA,QAAA,EACZC,cAAA,CAACD,aAAM,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAgB,EAAA,CAChD,EAChBC,cAAA,CAACD,aAAM,CAAC,IAAI,EAAA,EAAA,QAAA,EACVC,cAAA,CAAA,GAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAExC,OAAO,GACN,EAAA,CACQ,EACdF,eAAA,CAACC,aAAM,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAC5DC,cAAA,CAACC,aAAM,EAAA,EAAA,aAAA,EACO,qBAAqB,EACjC,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE,gBAAgB,EAAA,CACzB,EACFD,cAAA,CAACC,aAAM,EAAA,EAAA,aAAA,EACO,qBAAqB,EACjC,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,eAAe,EACpB,OAAO,EAAE,QAAQ,EAAA,CACjB,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEb,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;AC3DzD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,OAAO,GAAG,KAAK,EACf,GAAG,UAAU,EACc,KAAI;AAC/B,IAAA,MAAM,aAAa,GAAGC,uBAAgB,EAAE;AACxC,IAAA,MAAM,WAAW,GACf,OAAO,KAAK,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QACjE,WAAW;AACZ,KAAA,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAK;AAChC,QAAA,IAAI,aAAa;YAAE,aAAa,CAAC,SAAS,EAAE;AAC5C,QAAA,UAAU,EAAE;AACZ,QAAA,kBAAkB,EAAE;AACtB,IAAA,CAAC;IAED,QACEF,eAAC,oBAAoB,EAAA,EACnB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,UAAU,EACnB,gBAAgB,EAAE,oBAAoB,EACtC,QAAQ,EAAE,UAAU,EAAA,GAChB,UAAU,EAAA,CACd;AAEN;AAEA,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/cjs/formik/Button.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Button = require('../Button-Bt_AElge.js');
+require('../utils-CTr7wn5d.js');
+require('../renderIcon-fLF3odqg.js');
+require('../primitives/Button.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-C-568jEL.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+
+const FormikButton = React.forwardRef(({ disabled, ...otherProps }, ref) => {
+    const { handleSubmit, isSubmitting, values, initialValues, isValid } = formik.useFormikContext();
+    const isDisabled = disabled ?? (isSubmitting || ramda.equals(values, initialValues));
+    return (jsxRuntime.jsx(Button.Button, { ref: ref, disabled: isDisabled, loading: isSubmitting && isValid, onClick: () => handleSubmit(), ...otherProps }));
+});
+FormikButton.displayName = "FormikButton";
+
+exports.FormikButton = FormikButton;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport { Button, ButtonProps } from \"src/components/Button\";\n\nexport interface FormikButtonProps extends ButtonProps {\n  /** Override the auto-computed disabled state. */\n  disabled?: boolean;\n}\n\nconst FormikButton = forwardRef<HTMLButtonElement, FormikButtonProps>(\n  ({ disabled, ...otherProps }, ref) => {\n    const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n      useFormikContext();\n\n    const isDisabled =\n      disabled ?? (isSubmitting || equals(values, initialValues));\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={() => handleSubmit()}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["forwardRef","useFormikContext","equals","_jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAClEC,uBAAgB,EAAE;AAEpB,IAAA,MAAM,UAAU,GACd,QAAQ,KAAK,YAAY,IAAIC,YAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,IAAI,OAAO,EAChC,OAAO,EAAE,MAAM,YAAY,EAAE,EAAA,GACzB,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/formik/Checkbox.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Checkbox = require('../Checkbox-DOlS2oCD.js');
+require('../utils-CTr7wn5d.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-CF951Pw9.js');
+require('../index-Bf0WsHta.js');
+require('../index-DcCSSgb7.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../primitives/Field.js');
+require('../index-BZhTddX0.js');
+require('../label-Bdc9ytTI.js');
+require('../separator-CPy2gyg1.js');
+
+const FormikCheckbox = React.forwardRef(({ name, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = formik.getIn(status, name);
+        return (jsxRuntime.jsx(Checkbox.Checkbox, { ref: ref, checked: !!field.value, error: meta.touched ? meta.error || fieldStatus : "", name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
+                setStatus(ramda.dissoc(name, status));
+                form.setFieldValue(name, checked);
+            }, ...rest }));
+    } })));
+FormikCheckbox.displayName = "FormikCheckbox";
+
+exports.FormikCheckbox = FormikCheckbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +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":["forwardRef","_jsx","Field","getIn","Checkbox","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAGA,gBAAU,CAG/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACvBC,cAAA,CAACC,YAAK,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,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEF,eAACG,iBAAQ,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,CAACC,YAAM,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;;;;"}

package/dist/cjs/formik/Form.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+
+const transformObjectToDotNotation = (object, prefix = "") => {
+    const result = [];
+    Object.entries(object).forEach(([key, value]) => {
+        if (!value)
+            return;
+        const nextKey = prefix ? `${prefix}.${key}` : key;
+        if (ramda.is(Object, value)) {
+            result.push(...transformObjectToDotNotation(value, nextKey));
+        }
+        else {
+            result.push(nextKey);
+        }
+    });
+    return result;
+};
+const getErrorFieldName = (formikErrors) => transformObjectToDotNotation(formikErrors)?.[0];
+const getFieldsWithServerError = (status = {}) => Object.keys(status).filter(fieldName => status[fieldName] != null && status[fieldName] !== "");
+const scrollToError = (formRef, errors, status) => {
+    const fieldErrorName = getErrorFieldName(errors);
+    const [fieldWithServerError] = getFieldsWithServerError(status);
+    if (!fieldErrorName && !fieldWithServerError)
+        return;
+    const errorFieldName = fieldErrorName || fieldWithServerError;
+    const errorFormElement = formRef.current?.querySelector(`[name="${errorFieldName}"]`);
+    errorFormElement?.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+    });
+};
+
+const ScrollToErrorField = ({ formRef }) => {
+    const { submitCount, isValid, errors, status } = formik.useFormikContext();
+    React.useEffect(() => {
+        const fieldsWithServerError = getFieldsWithServerError(status);
+        if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {
+            return;
+        }
+        scrollToError(formRef, errors, status);
+    }, [submitCount]);
+    return null;
+};
+
+const FormWrapper = React.forwardRef(({ className, formProps, children, scrollToErrorField }, ref) => {
+    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } = formik.useFormikContext();
+    const { dirty: isFormDirty, isSubmitting, status } = formikBag;
+    const formRefForScrollToErrorField = React.useRef(null);
+    const formRef = ref ||
+        formRefForScrollToErrorField;
+    const handleKeyDown = React.useCallback(async (event) => {
+        const target = event.target;
+        const isEventFromEditorOrTextarea = target.tagName === "TEXTAREA" || target.editor;
+        if (event.key !== "Enter")
+            return;
+        if (isEventFromEditorOrTextarea && !event.metaKey)
+            return;
+        event.preventDefault();
+        if (event.shiftKey)
+            return;
+        if (!isFormDirty || isSubmitting)
+            return;
+        try {
+            const errors = await validateForm();
+            const fieldStatuses = getFieldsWithServerError(status);
+            if (Object.keys(errors).length > 0 ||
+                Object.keys(fieldStatuses).length > 0) {
+                setErrors(errors);
+                setTouched({ ...errors, ...status });
+                if (scrollToErrorField) {
+                    scrollToError(formRef, errors, status);
+                }
+            }
+            else {
+                submitForm();
+            }
+        }
+        catch (error) {
+            console.error("An unhandled error was caught from validateForm()", error);
+        }
+    }, [
+        validateForm,
+        setErrors,
+        setTouched,
+        isFormDirty,
+        isSubmitting,
+        submitForm,
+        status,
+        scrollToErrorField,
+        formRef,
+    ]);
+    return (jsxRuntime.jsxs(formik.Form, { className, noValidate: true, ref: formRef, onKeyDown: handleKeyDown, ...formProps, children: [scrollToErrorField && jsxRuntime.jsx(ScrollToErrorField, { formRef }), children] }));
+});
+FormWrapper.displayName = "FormWrapper";
+
+const Form = React.forwardRef(({ className, children, formikProps, formProps, scrollToErrorField = false }, ref) => {
+    const formikRef = React.useRef(null);
+    const handleSubmit = (values, actions) => {
+        const fieldsWithServerError = getFieldsWithServerError(formikRef.current?.status);
+        if (fieldsWithServerError.length > 0) {
+            actions.setSubmitting(false);
+            return undefined;
+        }
+        return formikProps.onSubmit(values, actions);
+    };
+    return (jsxRuntime.jsx(formik.Formik, { innerRef: formikRef, ...formikProps, onSubmit: handleSubmit, children: props => (jsxRuntime.jsx(FormWrapper, { className, formProps, ref, scrollToErrorField, children: typeof children === "function" ? children(props) : children })) }));
+});
+Form.displayName = "Form";
+
+exports.Form = Form;
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../src/formik/Form/ScrollToErrorField/utils.ts","../../../../src/formik/Form/ScrollToErrorField/index.tsx","../../../../src/formik/Form/FormWrapper.tsx","../../../../src/formik/Form/index.tsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (\n  object: Record<string, unknown>,\n  prefix = \"\"\n): string[] => {\n  const result: string[] = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(\n        ...transformObjectToDotNotation(\n          value as Record<string, unknown>,\n          nextKey\n        )\n      );\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = (\n  formikErrors: Record<string, unknown>\n): string | undefined => transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (\n  status: Record<string, unknown> = {}\n): string[] =>\n  Object.keys(status).filter(\n    fieldName => status[fieldName] != null && status[fieldName] !== \"\"\n  );\n\nexport const scrollToError = (\n  formRef: React.RefObject<HTMLFormElement | null>,\n  errors: Record<string, unknown>,\n  status: Record<string, unknown>\n): void => {\n  const fieldErrorName = getErrorFieldName(errors);\n  const [fieldWithServerError] = getFieldsWithServerError(status);\n\n  if (!fieldErrorName && !fieldWithServerError) return;\n\n  const errorFieldName = fieldErrorName || fieldWithServerError;\n  const errorFormElement = formRef.current?.querySelector(\n    `[name=\"${errorFieldName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\ninterface ScrollToErrorFieldProps {\n  formRef: React.RefObject<HTMLFormElement | null>;\n}\n\nconst ScrollToErrorField = ({ formRef }: ScrollToErrorFieldProps) => {\n  const { submitCount, isValid, errors, status } = useFormikContext();\n\n  useEffect(() => {\n    const fieldsWithServerError = getFieldsWithServerError(status);\n    if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {\n      return;\n    }\n\n    scrollToError(formRef, errors as Record<string, unknown>, status);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n  getFieldsWithServerError,\n  scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\ninterface FormWrapperProps {\n  className?: string;\n  formProps?: React.ComponentProps<\"form\">;\n  children: React.ReactNode;\n  scrollToErrorField: boolean;\n}\n\nconst FormWrapper = forwardRef<HTMLFormElement, FormWrapperProps>(\n  ({ className, formProps, children, scrollToErrorField }, ref) => {\n    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting, status } = formikBag;\n\n    const formRefForScrollToErrorField = useRef<HTMLFormElement>(null);\n    const formRef =\n      (ref as React.RefObject<HTMLFormElement | null>) ||\n      formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async (event: React.KeyboardEvent<HTMLFormElement>) => {\n        const target = event.target as HTMLElement & { editor?: unknown };\n        const isEventFromEditorOrTextarea =\n          target.tagName === \"TEXTAREA\" || target.editor;\n\n        if (event.key !== \"Enter\") return;\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n          const fieldStatuses = getFieldsWithServerError(status);\n\n          if (\n            Object.keys(errors).length > 0 ||\n            Object.keys(fieldStatuses).length > 0\n          ) {\n            setErrors(errors);\n            setTouched({ ...errors, ...status });\n            if (scrollToErrorField) {\n              scrollToError(formRef, errors as Record<string, unknown>, status);\n            }\n          } else {\n            submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught from validateForm()\",\n            error\n          );\n        }\n      },\n      [\n        validateForm,\n        setErrors,\n        setTouched,\n        isFormDirty,\n        isSubmitting,\n        submitForm,\n        status,\n        scrollToErrorField,\n        formRef,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik, FormikConfig, FormikProps, FormikValues } from \"formik\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nexport interface FormProps<T extends FormikValues = FormikValues> {\n  /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */\n  formikProps: FormikConfig<T>;\n  /** Props forwarded to the HTML form element. */\n  formProps?: React.ComponentProps<\"form\">;\n  /** Auto-scroll to the first error field on submit. */\n  scrollToErrorField?: boolean;\n  /** Additional class name for the form wrapper. */\n  className?: string;\n  /** Render children directly or as a function receiving FormikProps. */\n  children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);\n}\n\nconst Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => {\n    const formikRef = useRef<FormikProps<FormikValues>>(null);\n\n    const handleSubmit: FormikConfig<FormikValues>[\"onSubmit\"] = (\n      values,\n      actions\n    ) => {\n      const fieldsWithServerError = getFieldsWithServerError(\n        formikRef.current?.status\n      );\n\n      if (fieldsWithServerError.length > 0) {\n        actions.setSubmitting(false);\n\n        return undefined;\n      }\n\n      return formikProps.onSubmit(values, actions);\n    };\n\n    return (\n      <Formik\n        innerRef={formikRef as React.Ref<FormikProps<FormikValues>>}\n        {...formikProps}\n        onSubmit={handleSubmit}\n      >\n        {props => (\n          <FormWrapper {...{ className, formProps, ref, scrollToErrorField }}>\n            {typeof children === \"function\" ? children(props) : children}\n          </FormWrapper>\n        )}\n      </Formik>\n    );\n  }\n);\n\nForm.displayName = \"Form\";\n\nexport { Form };\n"],"names":["is","useFormikContext","useEffect","forwardRef","useRef","useCallback","_jsxs","FormikForm","_jsx","Formik"],"mappings":"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"}