@bigbinary/neeto-atoms 1.1.2 → 1.1.4

package/dist/cjs/{TranslationProvider-C1JDwKEN.js.map → TranslationProvider-Cao2ugzJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TranslationProvider-C1JDwKEN.js","sources":["../../src/translations/index.ts","../../src/components/TranslationProvider/i18n.ts","../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import enTranslations from \"./en.json\";\n\nexport const resources = {\n  en: { translation: enTranslations },\n};\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { resources } from \"src/translations\";\n\nexport const initializeI18n = (language = \"en\") => {\n  i18n.use(initReactI18next).init({\n    resources,\n    lng: language,\n    fallbackLng: \"en\",\n    interpolation: { escapeValue: false },\n  });\n\n  return i18n;\n};\n","import { useEffect } from \"react\";\n\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { initializeI18n } from \"./i18n\";\nimport type { TranslationProviderProps } from \"./types\";\n\nconst TranslationProvider = ({\n  children,\n  language = \"en\",\n}: TranslationProviderProps) => {\n  const i18n = initializeI18n(language);\n\n  useEffect(() => {\n    if (i18n.language !== language) {\n      i18n.changeLanguage(language);\n    }\n  }, [language, i18n]);\n\n  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;\n};\n\nTranslationProvider.displayName = \"TranslationProvider\";\n\nexport { TranslationProvider };\n"],"names":["i18n","initReactI18next","useEffect","jsx","I18nextProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI,EAAE,WAAA,EAAa,cAAA;AACrB;;ACCO,MAAM,cAAA,GAAiB,CAAC,QAAA,GAAW,IAAA,KAAS;AACjD,EAAAA,qBAAA,CAAK,GAAA,CAAIC,6BAAgB,CAAA,CAAE,IAAA,CAAK;AAAA,IAC9B,SAAA;AAAA,IACA,GAAA,EAAK,QAAA;AAAA,IACL,WAAA,EAAa,IAAA;AAAA,IACb,aAAA,EAAe,EAAE,WAAA,EAAa,KAAA;AAAM,GACrC,CAAA;AAED,EAAA,OAAOD,qBAAA;AACT,CAAA;;ACPA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,KAAgC;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,QAAQ,CAAA;AAEpC,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,CAAK,aAAa,QAAA,EAAU;AAC9B,MAAA,IAAA,CAAK,eAAe,QAAQ,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,IAAI,CAAC,CAAA;AAEnB,EAAA,uBAAOC,cAAA,CAACC,4BAAA,EAAA,EAAgB,IAAA,EAAa,QAAA,EAAS,CAAA;AAChD;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;;;;;"}
+{"version":3,"file":"TranslationProvider-Cao2ugzJ.js","sources":["../../src/translations/index.ts","../../src/components/TranslationProvider/i18n.ts","../../src/components/TranslationProvider/TranslationProvider.tsx"],"sourcesContent":["import enTranslations from \"./en.json\";\n\nexport const resources = {\n  en: { translation: enTranslations },\n};\n","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { resources } from \"src/translations\";\n\nexport const initializeI18n = (language = \"en\") => {\n  i18n.use(initReactI18next).init({\n    resources,\n    lng: language,\n    fallbackLng: \"en\",\n    interpolation: { escapeValue: false },\n  });\n\n  return i18n;\n};\n","import { useEffect } from \"react\";\n\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { initializeI18n } from \"./i18n\";\nimport type { TranslationProviderProps } from \"./types\";\n\nconst TranslationProvider = ({\n  children,\n  language = \"en\",\n}: TranslationProviderProps) => {\n  const i18n = initializeI18n(language);\n\n  useEffect(() => {\n    if (i18n.language !== language) {\n      i18n.changeLanguage(language);\n    }\n  }, [language, i18n]);\n\n  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;\n};\n\nTranslationProvider.displayName = \"TranslationProvider\";\n\nexport { TranslationProvider };\n"],"names":["i18n","initReactI18next","useEffect","jsx","I18nextProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI,EAAE,WAAA,EAAa,cAAA;AACrB;;ACCO,MAAM,cAAA,GAAiB,CAAC,QAAA,GAAW,IAAA,KAAS;AACjD,EAAAA,qBAAA,CAAK,GAAA,CAAIC,6BAAgB,CAAA,CAAE,IAAA,CAAK;AAAA,IAC9B,SAAA;AAAA,IACA,GAAA,EAAK,QAAA;AAAA,IACL,WAAA,EAAa,IAAA;AAAA,IACb,aAAA,EAAe,EAAE,WAAA,EAAa,KAAA;AAAM,GACrC,CAAA;AAED,EAAA,OAAOD,qBAAA;AACT,CAAA;;ACPA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,KAAgC;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,QAAQ,CAAA;AAEpC,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,CAAK,aAAa,QAAA,EAAU;AAC9B,MAAA,IAAA,CAAK,eAAe,QAAQ,CAAA;AAAA,IAC9B;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,IAAI,CAAC,CAAA;AAEnB,EAAA,uBAAOC,cAAA,CAACC,4BAAA,EAAA,EAAgB,IAAA,EAAa,QAAA,EAAS,CAAA;AAChD;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;;;;;"}

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../DatePicker-C_nezxpH.js');
+var DatePicker = require('../DatePicker-CBxWLALJ.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Calendar.js');

package/dist/cjs/components/TimePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TimePicker = require('../TimePicker-BhOW7vbV.js');
+var TimePicker = require('../TimePicker-CDw_m3LR.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Popover.js');

package/dist/cjs/components/TranslationProvider.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TranslationProvider = require('../TranslationProvider-C1JDwKEN.js');
+var TranslationProvider = require('../TranslationProvider-Cao2ugzJ.js');
 require('react/jsx-runtime');
 require('react');
 require('react-i18next');

package/dist/cjs/components/index.js

@@ -10,7 +10,7 @@ var Callout = require('../Callout-Bci3POCo.js');
 var Checkbox = require('../Checkbox-83g1FDsc.js');
 var ColorPicker = require('../ColorPicker-CODJ0QKs.js');
 var DataTable = require('../DataTable-KvsmFjeu.js');
-var DatePicker = require('../DatePicker-C_nezxpH.js');
+var DatePicker = require('../DatePicker-CBxWLALJ.js');
 var Dialog = require('../Dialog-B_FZwr_u.js');
 var Empty = require('../Empty-Bwpsj82B.js');
 var Input = require('../Input-DFvMBpiU.js');
@@ -29,10 +29,10 @@ var Stepper = require('../Stepper-BZBdL6JW.js');
 var Switch = require('../Switch-BbRK3HUZ.js');
 var Tabs = require('../Tabs-BQl63Ewe.js');
 var Textarea = require('../Textarea-bxleSw86.js');
-var TimePicker = require('../TimePicker-BhOW7vbV.js');
+var TimePicker = require('../TimePicker-CDw_m3LR.js');
 var Toastr = require('../Toastr-DgllCbfd.js');
 var Tooltip = require('../Tooltip-B6uv_2Jz.js');
-var TranslationProvider = require('../TranslationProvider-C1JDwKEN.js');
+var TranslationProvider = require('../TranslationProvider-Cao2ugzJ.js');
 var Tree = require('../Tree-D1QjLPS9.js');
 var TreeSelect = require('../TreeSelect-CrLmpq26.js');
 var Typography = require('../Typography-Ctlu_0Qy.js');

package/dist/cjs/formik/Form.js

@@ -65,6 +65,7 @@ const FormWrapper = React.forwardRef(
         const isEventFromEditorOrTextarea = target.tagName === "TEXTAREA" || target.editor;
         if (event.key !== "Enter") return;
         if (isEventFromEditorOrTextarea && !event.metaKey) return;
+        if (!event.currentTarget.contains(target)) return;
         event.preventDefault();
         if (event.shiftKey) return;
         if (!isFormDirty || isSubmitting) return;

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

@@ -1 +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            await submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught while validating or submitting the form\",\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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"}
+{"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        // React bubbles events from portaled content (a date picker's\n        // popover, a select menu) up to the form even though they sit outside\n        // it in the DOM. Leave their Enter alone, so e.g. OK still clicks.\n        if (!event.currentTarget.contains(target)) 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            await submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught while validating or submitting the form\",\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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"}

package/dist/cjs/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
-var TranslationProvider = require('./TranslationProvider-C1JDwKEN.js');
+var TranslationProvider = require('./TranslationProvider-Cao2ugzJ.js');
 var components_DropdownMenu = require('./components/DropdownMenu.js');
 var useMobile = require('./use-mobile-Be9CI6km.js');
 var utils = require('./utils-BhM0B89p.js');
@@ -14,7 +14,7 @@ var Callout = require('./Callout-Bci3POCo.js');
 var Checkbox = require('./Checkbox-83g1FDsc.js');
 var ColorPicker = require('./ColorPicker-CODJ0QKs.js');
 var DataTable = require('./DataTable-KvsmFjeu.js');
-var DatePicker = require('./DatePicker-C_nezxpH.js');
+var DatePicker = require('./DatePicker-CBxWLALJ.js');
 var Dialog = require('./Dialog-B_FZwr_u.js');
 var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
 var Empty = require('./Empty-Bwpsj82B.js');
@@ -34,7 +34,7 @@ var Stepper = require('./Stepper-BZBdL6JW.js');
 var Switch = require('./Switch-BbRK3HUZ.js');
 var Tabs = require('./Tabs-BQl63Ewe.js');
 var Textarea = require('./Textarea-bxleSw86.js');
-var TimePicker = require('./TimePicker-BhOW7vbV.js');
+var TimePicker = require('./TimePicker-CDw_m3LR.js');
 var Toastr = require('./Toastr-DgllCbfd.js');
 var Tooltip = require('./Tooltip-B6uv_2Jz.js');
 var Tree = require('./Tree-D1QjLPS9.js');

package/dist/components/DatePicker/DatePickerFooter.d.ts

@@ -8,7 +8,7 @@ interface DatePickerFooterProps {
     showNow?: boolean;
     onNow: () => void;
     onOk: () => void;
-    okLabel?: string;
+    okDisabled?: boolean;
     className?: string;
 }
 declare const DatePickerFooter: React.FC<DatePickerFooterProps>;

package/dist/components/DatePicker/RangeCalendar.d.ts

@@ -12,8 +12,9 @@ interface RangeCalendarProps {
     endMonth: Date;
     onHoverIn: (e: React.MouseEvent<HTMLElement>) => void;
     onHoverOut: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
     numberOfMonths?: number;
     className?: string;
 }
-export declare const RangeCalendar: ({ todayDate, weekStartsOn, month, onMonthChange, selected, onSelect, disabled, startMonth, endMonth, onHoverIn, onHoverOut, numberOfMonths, className, }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RangeCalendar: ({ todayDate, weekStartsOn, month, onMonthChange, selected, onSelect, disabled, startMonth, endMonth, onHoverIn, onHoverOut, onKeyDown, numberOfMonths, className, }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/RangeTimeSection.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import type { TimeValue } from "../TimePicker/types";
+import { type SegmentedTimeInputHandle } from "./SegmentedTimeInput";
+import type { RangeEndpoint } from "./useRangePicker";
+interface RangeTimeSectionProps {
+    /** The picked days, formatted, e.g. "15/11/2026"; empty until picked. */
+    fromDateLabel: string;
+    toDateLabel: string;
+    /** The end falls on the start's day, picked or not; End reads "Same day". */
+    isEndOnStartDay: boolean;
+    fromValue: TimeValue;
+    toValue: TimeValue;
+    onFromChange: (value: TimeValue) => void;
+    onToChange: (value: TimeValue) => void;
+    /**
+     * The endpoint the next calendar click sets; its heading is highlighted.
+     * Only the headings switch it, so typing a time doesn't redirect the click.
+     */
+    activeEndpoint: RangeEndpoint;
+    onEndpointSelect: (endpoint: RangeEndpoint) => void;
+    /** Minute increment; also shows the hint naming it. Omit for any minute. */
+    minuteStep?: number;
+    /** Reports whether either typed time is incomplete, so OK can refuse it. */
+    onErrorChange: (hasError: boolean) => void;
+    /** Show incomplete-time errors, e.g. right after OK. */
+    showError: boolean;
+    /** The end is not after the start: both days are the same. */
+    isOrderInvalid: boolean;
+    /** e.g. "India Standard Time (UTC+5:30)"; hidden when null. */
+    timezoneLabel: string | null;
+    /** Lets the picker move focus to the start time. */
+    fromTimeRef?: React.Ref<SegmentedTimeInputHandle>;
+    disabled?: boolean;
+    className?: string;
+}
+declare const RangeTimeSection: React.FC<RangeTimeSectionProps>;
+export { RangeTimeSection };

package/dist/components/DatePicker/SegmentedTimeInput.d.ts

@@ -11,7 +11,13 @@ interface SegmentedTimeInputProps {
     invalid?: boolean;
     disabled?: boolean;
     autoFocus?: boolean;
+    "aria-label"?: string;
     "aria-describedby"?: string;
+    "data-testid"?: string;
 }
-declare const SegmentedTimeInput: React.FC<SegmentedTimeInputProps>;
+export interface SegmentedTimeInputHandle {
+    /** Focuses the field with its hour part active. */
+    focusHour: () => void;
+}
+declare const SegmentedTimeInput: React.ForwardRefExoticComponent<SegmentedTimeInputProps & React.RefAttributes<SegmentedTimeInputHandle>>;
 export { SegmentedTimeInput };

package/dist/components/DatePicker/TimeSection.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { TimeValue } from "../TimePicker/types";
+import type { SegmentedTimeError } from "./segmentedTime";
 interface TimeSectionProps {
     value: TimeValue;
     /** Minute increment; also shows the hint naming it. Omit for any minute. */
@@ -18,5 +19,7 @@ interface TimeSectionProps {
     disabled?: boolean;
     className?: string;
 }
+export declare const ERROR_DEFAULTS: Record<SegmentedTimeError, string>;
+export declare const stepExamples: (step: number) => [string, string];
 declare const TimeSection: React.FC<TimeSectionProps>;
 export { TimeSection };

package/dist/components/DatePicker/types.d.ts

@@ -25,9 +25,12 @@ export interface DatePickerProps {
     dateFormat?: string;
     /** Time format string (date-fns compatible, e.g. "HH:mm:ss"). */
     timeFormat?: string;
-    /** Show the typed time field below the calendar. */
+    /**
+     * Show the typed time field below the calendar. Ranges get a Start and an
+     * End field; a new range ends at the end of its last day.
+     */
     showTime?: boolean;
-    /** Show the "Now" button in the footer. Defaults to true. */
+    /** Show the "Now" button in the footer. Defaults to true; never shown for a range with `showTime`. */
     showNow?: boolean;
     /**
      * With `showTime`, the minute increment, e.g. 5: typed minutes snap to it,

package/dist/components/DatePicker/useRangePicker.d.ts

@@ -1,5 +1,6 @@
 import type { DateRange } from "react-day-picker";
 type RangeTuple = [Date | null, Date | null];
+export type RangeEndpoint = "from" | "to";
 interface UseRangePickerOptions {
     currentValue: unknown;
     showTime: boolean;
@@ -9,8 +10,9 @@ interface UseRangePickerOptions {
 }
 export declare const useRangePicker: ({ currentValue, showTime, needConfirm, commitValue, setOpen, }: UseRangePickerOptions) => {
     pendingRange: RangeTuple | null;
-    rangeSelectionStep: "from" | "to";
-    setRangeSelectionStep: import("react").Dispatch<import("react").SetStateAction<"from" | "to">>;
+    setPendingRange: import("react").Dispatch<import("react").SetStateAction<RangeTuple | null>>;
+    activeEndpoint: RangeEndpoint;
+    setActiveEndpoint: import("react").Dispatch<import("react").SetStateAction<RangeEndpoint>>;
     hoveredDate: Date | null;
     handleRangeSelect: (_range: {
         from?: Date;

package/dist/components/DatePicker/utils.d.ts

@@ -36,6 +36,7 @@ export declare const getDisplayFormat: (dateFormat: string, timeFormat: string,
 export declare const getDatePlaceholder: (dateFormat: string, type: "date" | "range") => string;
 export declare const isDatePartComplete: (part: string, maskEnabled: boolean, singleDateLen: number) => boolean;
 export declare const parseRangeText: (text: string, displayFormat: string, maskEnabled: boolean, singleDateLen: number) => [Date, Date] | null;
+export declare const startOfDay: (date: Date) => Date;
 export declare const startOfWeek: (date: Date, weekStartsOn?: number) => Date;
 export declare const weekDaysFrom: (start: Date) => Date[];
 export declare const isMonthDisabled: (monthDate: Date, minDate?: Date, maxDate?: Date) => boolean;

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePicker } from '../DatePicker-BiUWzq-V.js';
+export { D as DatePicker } from '../DatePicker-CMlA-hNW.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Calendar.js';

package/dist/components/TimePicker.js

@@ -1,4 +1,4 @@
-export { T as TimePicker, a as TimePickerPanel } from '../TimePicker-CJ8K2zea.js';
+export { T as TimePicker, a as TimePickerPanel } from '../TimePicker-DNeKmsBO.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Popover.js';

package/dist/components/TranslationProvider.js

@@ -1,4 +1,4 @@
-export { T as TranslationProvider } from '../TranslationProvider-BJjfFEgX.js';
+export { T as TranslationProvider } from '../TranslationProvider-DKdbPweu.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-i18next';

package/dist/components/index.js

@@ -8,7 +8,7 @@ export { C as Callout } from '../Callout-DJGi3MQR.js';
 export { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from '../ColorPicker-g9siUaIe.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-BAf51Sfw.js';
-export { D as DatePicker } from '../DatePicker-BiUWzq-V.js';
+export { D as DatePicker } from '../DatePicker-CMlA-hNW.js';
 export { D as Dialog } from '../Dialog-ZTcfRPwU.js';
 export { E as Empty } from '../Empty-B4iQJlmf.js';
 export { I as Input } from '../Input-Dm5ILPH3.js';
@@ -27,10 +27,10 @@ export { S as Stepper } from '../Stepper-GK8gDn-s.js';
 export { S as Switch } from '../Switch-C9fqpoNR.js';
 export { T as Tabs } from '../Tabs-DaXiF_67.js';
 export { T as Textarea } from '../Textarea-CUe09-sr.js';
-export { T as TimePicker, a as TimePickerPanel } from '../TimePicker-CJ8K2zea.js';
+export { T as TimePicker, a as TimePickerPanel } from '../TimePicker-DNeKmsBO.js';
 export { T as Toastr } from '../Toastr-Dhl8V1V2.js';
 export { T as Tooltip } from '../Tooltip-DWDsgyx7.js';
-export { T as TranslationProvider } from '../TranslationProvider-BJjfFEgX.js';
+export { T as TranslationProvider } from '../TranslationProvider-DKdbPweu.js';
 export { T as Tree } from '../Tree-Cf0rLcX9.js';
 export { T as TreeSelect } from '../TreeSelect-BV18q8UD.js';
 export { T as Typography, t as typographyVariants } from '../Typography-Bu78IBJy.js';

package/dist/formik/Form.js

@@ -63,6 +63,7 @@ const FormWrapper = forwardRef(
         const isEventFromEditorOrTextarea = target.tagName === "TEXTAREA" || target.editor;
         if (event.key !== "Enter") return;
         if (isEventFromEditorOrTextarea && !event.metaKey) return;
+        if (!event.currentTarget.contains(target)) return;
         event.preventDefault();
         if (event.shiftKey) return;
         if (!isFormDirty || isSubmitting) return;

package/dist/formik/Form.js.map

@@ -1 +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            await submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught while validating or submitting the form\",\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":["FormikForm"],"mappings":"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"}
+{"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        // React bubbles events from portaled content (a date picker's\n        // popover, a select menu) up to the form even though they sit outside\n        // it in the DOM. Leave their Enter alone, so e.g. OK still clicks.\n        if (!event.currentTarget.contains(target)) 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            await submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught while validating or submitting the form\",\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":["FormikForm"],"mappings":"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"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
 export { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
-export { T as TranslationProvider, r as translations } from './TranslationProvider-BJjfFEgX.js';
+export { T as TranslationProvider, r as translations } from './TranslationProvider-DKdbPweu.js';
 export { DropdownMenu } from './components/DropdownMenu.js';
 export { u as useIsMobile } from './use-mobile-QbHL72cX.js';
 export { c as cn } from './utils-BJnb9o5c.js';
@@ -13,7 +13,7 @@ export { C as Callout } from './Callout-DJGi3MQR.js';
 export { C as Checkbox } from './Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from './ColorPicker-g9siUaIe.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-BAf51Sfw.js';
-export { D as DatePicker } from './DatePicker-BiUWzq-V.js';
+export { D as DatePicker } from './DatePicker-CMlA-hNW.js';
 export { D as Dialog } from './Dialog-ZTcfRPwU.js';
 export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
 export { E as Empty } from './Empty-B4iQJlmf.js';
@@ -33,7 +33,7 @@ export { S as Stepper } from './Stepper-GK8gDn-s.js';
 export { S as Switch } from './Switch-C9fqpoNR.js';
 export { T as Tabs } from './Tabs-DaXiF_67.js';
 export { T as Textarea } from './Textarea-CUe09-sr.js';
-export { T as TimePicker } from './TimePicker-CJ8K2zea.js';
+export { T as TimePicker } from './TimePicker-DNeKmsBO.js';
 export { T as Toastr } from './Toastr-Dhl8V1V2.js';
 export { T as Tooltip } from './Tooltip-DWDsgyx7.js';
 export { T as Tree } from './Tree-Cf0rLcX9.js';

package/dist/translations/index.d.ts

@@ -77,12 +77,19 @@ export declare const resources: {
                 datePicker: {
                     timeField: string;
                     addTime: string;
+                    start: string;
+                    end: string;
+                    startTime: string;
+                    endTime: string;
+                    pickADay: string;
+                    sameDay: string;
                     timeHint: string;
                     errors: {
                         timeRequired: string;
                         hourRequired: string;
                         minuteRequired: string;
                         periodRequired: string;
+                        endBeforeStart: string;
                     };
                 };
             };

package/package.json

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