@bigbinary/neetoui 8.3.30 → 8.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.js +94 -76
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +29 -32
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +44 -38
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +28 -22
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +45 -43
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +12 -7
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +35 -28
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +134 -117
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +25 -9
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +75 -83
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +82 -70
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +13 -7
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +59 -40
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +76 -65
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +118 -99
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +55 -39
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +64 -52
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +66 -56
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +10 -7
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +20 -17
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +50 -40
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +111 -90
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +265 -216
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +45 -38
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +3 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/Stepper.js +33 -26
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +56 -46
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +17 -11
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +221 -182
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +31 -24
- package/dist/Tag.js.map +1 -1
- package/dist/{Textarea-DlEGZFfG.js → Textarea-D1gsiIxm.js} +66 -56
- package/dist/{Textarea-DlEGZFfG.js.map → Textarea-D1gsiIxm.js.map} +1 -1
- package/dist/Textarea.js +4 -4
- package/dist/TimePicker.js +25 -9
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +46 -37
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +10 -6
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +6 -4
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +17 -15
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +65 -58
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +7 -3
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +94 -76
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +29 -32
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +43 -37
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +27 -21
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +45 -43
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -6
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +34 -27
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +132 -115
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +25 -9
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +74 -82
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +81 -69
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -7
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +59 -40
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +76 -65
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +117 -98
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +55 -39
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +63 -51
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +65 -55
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +10 -7
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +20 -17
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +49 -39
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +110 -89
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +268 -219
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +45 -38
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +33 -26
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +55 -45
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +17 -11
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +224 -185
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +30 -23
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-CiUKmQHr.js → Textarea-BzBZbgdT.js} +65 -55
- package/dist/cjs/{Textarea-CiUKmQHr.js.map → Textarea-BzBZbgdT.js.map} +1 -1
- package/dist/cjs/Textarea.js +4 -4
- package/dist/cjs/TimePicker.js +25 -9
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +45 -36
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +10 -6
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +5 -3
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +17 -15
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +66 -59
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +7 -3
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +16 -9
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +40 -30
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +5 -3
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +29 -28
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +53 -47
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +27 -26
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +10 -6
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +7 -7
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +15 -10
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +7 -7
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +31 -28
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +28 -27
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -5
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +11 -7
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-eifA8CnA.js → index-Dv40T5Ly.js} +195 -169
- package/dist/cjs/{index-eifA8CnA.js.map → index-Dv40T5Ly.js.map} +1 -1
- package/dist/cjs/{index--BeRLo6L.js → index-h3QcOeWw.js} +12 -14
- package/dist/cjs/{index--BeRLo6L.js.map → index-h3QcOeWw.js.map} +1 -1
- package/dist/cjs/index.css +1 -2
- package/dist/cjs/index.js +26 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +8 -3
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/overlayManager.js +1 -2
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-Bdv9YAMt.js → react-select-creatable.esm-lcdODVBz.js} +449 -243
- package/dist/cjs/react-select-creatable.esm-lcdODVBz.js.map +1 -0
- package/dist/cjs/useId-DXHUzdxd.js.map +1 -1
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js → useOverlayManager-Bj58uLfc.js} +14 -9
- package/dist/cjs/{useOverlayManager-CxBh9gVG.js.map → useOverlayManager-Bj58uLfc.js.map} +1 -1
- package/dist/cjs/useQueryParams-BrrbBvY_.js +18 -0
- package/dist/cjs/{useQueryParams-l5fJJYCR.js.map → useQueryParams-BrrbBvY_.js.map} +1 -1
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js +1239 -0
- package/dist/cjs/useRecentlyUsedColors-BcOkiB-v.js.map +1 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js +236 -0
- package/dist/cjs/useRestoreScrollPosition-DP8SUs19.js.map +1 -0
- package/dist/constants.js.map +1 -1
- package/dist/formik/ActionBlock.js +16 -9
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +41 -31
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +6 -4
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +30 -29
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +54 -48
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +28 -27
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +11 -7
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +7 -7
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +17 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +8 -8
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +31 -28
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +29 -28
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +9 -6
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +11 -7
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-Dxaw6gl9.js → index-D6vmwyYl.js} +14 -16
- package/dist/index-D6vmwyYl.js.map +1 -0
- package/dist/{index-ITIifSw4.js → index-D6yXgUQN.js} +196 -170
- package/dist/{index-ITIifSw4.js.map → index-D6yXgUQN.js.map} +1 -1
- package/dist/index.css +1 -2
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +8 -3
- package/dist/layouts.js.map +1 -1
- package/dist/overlayManager.js +1 -2
- package/dist/overlayManager.js.map +1 -1
- package/dist/{react-select-creatable.esm-Dx_vEnyD.js → react-select-creatable.esm-opiJTCqo.js} +450 -244
- package/dist/react-select-creatable.esm-opiJTCqo.js.map +1 -0
- package/dist/useId-Jj9hXm-g.js.map +1 -1
- package/dist/{useOverlayManager-AZIGhUYS.js → useOverlayManager-BzuBvhPZ.js} +14 -9
- package/dist/{useOverlayManager-AZIGhUYS.js.map → useOverlayManager-BzuBvhPZ.js.map} +1 -1
- package/dist/useQueryParams-BKsf4FPY.js +16 -0
- package/dist/{useQueryParams-b60CHFUx.js.map → useQueryParams-BKsf4FPY.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js +1236 -0
- package/dist/useRecentlyUsedColors-CtvdF-KQ.js.map +1 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js +225 -0
- package/dist/useRestoreScrollPosition-BVX-mT5c.js.map +1 -0
- package/package.json +42 -48
- package/dist/cjs/react-select-creatable.esm-Bdv9YAMt.js.map +0 -1
- package/dist/cjs/useQueryParams-l5fJJYCR.js +0 -18
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js +0 -1270
- package/dist/cjs/useRecentlyUsedColors-3cKx-eDH.js.map +0 -1
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js +0 -218
- package/dist/cjs/useRestoreScrollPosition-PsoENtiB.js.map +0 -1
- package/dist/index-Dxaw6gl9.js.map +0 -1
- package/dist/react-select-creatable.esm-Dx_vEnyD.js.map +0 -1
- package/dist/useQueryParams-b60CHFUx.js +0 -16
- package/dist/useRecentlyUsedColors-CqUfqfck.js +0 -1267
- package/dist/useRecentlyUsedColors-CqUfqfck.js.map +0 -1
- package/dist/useRestoreScrollPosition-C1NSANQW.js +0 -207
- package/dist/useRestoreScrollPosition-C1NSANQW.js.map +0 -1
- package/src/translations/ar.json +0 -41
- package/src/translations/bg.json +0 -41
- package/src/translations/ca.json +0 -41
- package/src/translations/cs.json +0 -41
- package/src/translations/da.json +0 -41
- package/src/translations/de.json +0 -41
- package/src/translations/en.json +0 -41
- package/src/translations/es-MX.json +0 -41
- package/src/translations/es.json +0 -41
- package/src/translations/et.json +0 -41
- package/src/translations/fi.json +0 -41
- package/src/translations/fil.json +0 -41
- package/src/translations/fr.json +0 -41
- package/src/translations/hi.json +0 -41
- package/src/translations/hr.json +0 -41
- package/src/translations/id.json +0 -41
- package/src/translations/index.js +0 -18
- package/src/translations/it.json +0 -41
- package/src/translations/ja.json +0 -41
- package/src/translations/ko.json +0 -41
- package/src/translations/nl.json +0 -41
- package/src/translations/pl.json +0 -41
- package/src/translations/pt-BR.json +0 -41
- package/src/translations/pt.json +0 -41
- package/src/translations/ro.json +0 -41
- package/src/translations/ru.json +0 -41
- package/src/translations/sk.json +0 -41
- package/src/translations/sl.json +0 -41
- package/src/translations/sv.json +0 -41
- package/src/translations/th.json +0 -41
- package/src/translations/tr.json +0 -41
- package/src/translations/uk.json +0 -41
- package/src/translations/vi.json +0 -41
- package/src/translations/zh-CN.json +0 -41
- package/src/translations/zh-TW.json +0 -41
package/dist/formik/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sources":["../../src/formik/Form/ScrollToErrorField/utils.js","../../src/formik/Form/ScrollToErrorField/index.js","../../src/formik/Form/FormWrapper.jsx","../../src/formik/Form/index.jsx"],"sourcesContent":["import { isPresent } from \"neetocist\";\nimport { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (object, prefix = \"\") => {\n const result = [];\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(...transformObjectToDotNotation(value, nextKey));\n } else {\n result.push(nextKey);\n }\n });\n\n return result;\n};\n\nconst getErrorFieldName = formikErrors =>\n transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (status = {}) =>\n Object.keys(status).filter(fieldName => isPresent(status[fieldName]));\n\nexport const scrollToError = (formRef, errors, status) => {\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\";\nimport { isEmpty } from \"ramda\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\nconst ScrollToErrorField = ({ formRef }) => {\n const { submitCount, isValid, errors, status } = useFormikContext();\n\n useEffect(() => {\n const fieldsWithServerError = getFieldsWithServerError(status);\n if (!formRef.current || (isValid && isEmpty(fieldsWithServerError))) {\n return;\n }\n\n scrollToError(formRef, errors, 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\";\nimport PropTypes from \"prop-types\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n getFieldsWithServerError,\n scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\nconst FormWrapper = forwardRef(\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();\n\n const formRef = ref || formRefForScrollToErrorField;\n\n const handleKeyDown = useCallback(\n async event => {\n const isEventFromEditorOrTextarea =\n event.target.tagName === \"TEXTAREA\" || event.target.editor;\n\n if (event.key !== \"Enter\") return;\n\n if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n event.preventDefault();\n\n if (event.shiftKey) return;\n\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 scrollToErrorField && scrollToError(formRef, errors, status);\n } else {\n submitForm();\n }\n } catch (error) {\n // eslint-disable-next-line no-console\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 ]\n );\n\n return (\n <FormikForm\n {...{ className }}\n noValidate\n data-testid=\"neeto-ui-form-wrapper\"\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\nFormWrapper.propTypes = {\n children: PropTypes.node,\n formProps: PropTypes.object,\n scrollToErrorField: PropTypes.bool,\n};\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nconst Form = forwardRef(\n (\n { className, children, formikProps, formProps, scrollToErrorField = false },\n ref\n ) => {\n const formikRef = useRef();\n\n const handleSubmit = (values, actions) => {\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 innerRef={formikRef} {...formikProps} onSubmit={handleSubmit}>\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\nForm.propTypes = {\n /**\n * Pass a function to render children or pass the children directly\n **/\n children: PropTypes.node,\n /**\n * Additional classnames to be passed to the form wrapper\n **/\n className: PropTypes.string,\n /**\n * Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`\n * Refer to the Formik docs for more details\n * https://formik.org/docs/api/formik\n **/\n formikProps: PropTypes.object,\n /**\n * Props to be passed to the form element like `className`.\n * Refer to the Formik docs for more details\n * https://formik.org/docs/api/form\n **/\n formProps: PropTypes.object,\n /**\n * Props to be passed for scrolling to error field on submit button click.\n **/\n scrollToErrorField: PropTypes.bool,\n};\n\nexport default Form;\n"],"names":["transformObjectToDotNotation","object","prefix","arguments","length","undefined","result","Object","entries","forEach","_ref","_ref2","_slicedToArray","key","value","nextKey","concat","is","push","apply","_toConsumableArray","getErrorFieldName","formikErrors","_transformObjectToDot","getFieldsWithServerError","status","keys","filter","fieldName","isPresent","scrollToError","formRef","errors","fieldErrorName","_getFieldsWithServerE","_getFieldsWithServerE2","fieldWithServerError","errorFieldName","errorFormElement","current","querySelector","scrollIntoView","behavior","block","ScrollToErrorField","_useFormikContext","useFormikContext","submitCount","isValid","useEffect","fieldsWithServerError","isEmpty","FormWrapper","forwardRef","ref","className","formProps","children","scrollToErrorField","validateForm","setErrors","setTouched","submitForm","formikBag","_objectWithoutProperties","_excluded","isFormDirty","dirty","isSubmitting","formRefForScrollToErrorField","useRef","handleKeyDown","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","isEventFromEditorOrTextarea","fieldStatuses","wrap","_callee$","_context","prev","next","target","tagName","editor","abrupt","metaKey","preventDefault","shiftKey","sent","_objectSpread","t0","console","error","stop","_x","React","createElement","FormikForm","_extends","noValidate","onKeyDown","displayName","Form","formikProps","_ref$scrollToErrorFie","formikRef","handleSubmit","values","actions","_formikRef$current","setSubmitting","onSubmit","Formik","innerRef","props"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Form.js","sources":["../../src/formik/Form/ScrollToErrorField/utils.js","../../src/formik/Form/ScrollToErrorField/index.js","../../src/formik/Form/FormWrapper.jsx","../../src/formik/Form/index.jsx"],"sourcesContent":["import { isPresent } from \"neetocist\";\nimport { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (object, prefix = \"\") => {\n const result = [];\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(...transformObjectToDotNotation(value, nextKey));\n } else {\n result.push(nextKey);\n }\n });\n\n return result;\n};\n\nconst getErrorFieldName = formikErrors =>\n transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (status = {}) =>\n Object.keys(status).filter(fieldName => isPresent(status[fieldName]));\n\nexport const scrollToError = (formRef, errors, status) => {\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\";\nimport { isEmpty } from \"ramda\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\nconst ScrollToErrorField = ({ formRef }) => {\n const { submitCount, isValid, errors, status } = useFormikContext();\n\n useEffect(() => {\n const fieldsWithServerError = getFieldsWithServerError(status);\n if (!formRef.current || (isValid && isEmpty(fieldsWithServerError))) {\n return;\n }\n\n scrollToError(formRef, errors, 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\";\nimport PropTypes from \"prop-types\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n getFieldsWithServerError,\n scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\nconst FormWrapper = forwardRef(\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();\n\n const formRef = ref || formRefForScrollToErrorField;\n\n const handleKeyDown = useCallback(\n async event => {\n const isEventFromEditorOrTextarea =\n event.target.tagName === \"TEXTAREA\" || event.target.editor;\n\n if (event.key !== \"Enter\") return;\n\n if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n event.preventDefault();\n\n if (event.shiftKey) return;\n\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 scrollToErrorField && scrollToError(formRef, errors, status);\n } else {\n submitForm();\n }\n } catch (error) {\n // eslint-disable-next-line no-console\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 ]\n );\n\n return (\n <FormikForm\n {...{ className }}\n noValidate\n data-testid=\"neeto-ui-form-wrapper\"\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\nFormWrapper.propTypes = {\n children: PropTypes.node,\n formProps: PropTypes.object,\n scrollToErrorField: PropTypes.bool,\n};\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nconst Form = forwardRef(\n (\n { className, children, formikProps, formProps, scrollToErrorField = false },\n ref\n ) => {\n const formikRef = useRef();\n\n const handleSubmit = (values, actions) => {\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 innerRef={formikRef} {...formikProps} onSubmit={handleSubmit}>\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\nForm.propTypes = {\n /**\n * Pass a function to render children or pass the children directly\n **/\n children: PropTypes.node,\n /**\n * Additional classnames to be passed to the form wrapper\n **/\n className: PropTypes.string,\n /**\n * Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`\n * Refer to the Formik docs for more details\n * https://formik.org/docs/api/formik\n **/\n formikProps: PropTypes.object,\n /**\n * Props to be passed to the form element like `className`.\n * Refer to the Formik docs for more details\n * https://formik.org/docs/api/form\n **/\n formProps: PropTypes.object,\n /**\n * Props to be passed for scrolling to error field on submit button click.\n **/\n scrollToErrorField: PropTypes.bool,\n};\n\nexport default Form;\n"],"names":["transformObjectToDotNotation","object","prefix","arguments","length","undefined","result","Object","entries","forEach","_ref","_ref2","_slicedToArray","key","value","nextKey","concat","is","push","apply","_toConsumableArray","getErrorFieldName","formikErrors","_transformObjectToDot","getFieldsWithServerError","status","keys","filter","fieldName","isPresent","scrollToError","formRef","errors","fieldErrorName","_getFieldsWithServerE","_getFieldsWithServerE2","fieldWithServerError","errorFieldName","errorFormElement","current","querySelector","scrollIntoView","behavior","block","ScrollToErrorField","_useFormikContext","useFormikContext","submitCount","isValid","useEffect","fieldsWithServerError","isEmpty","FormWrapper","forwardRef","ref","className","formProps","children","scrollToErrorField","validateForm","setErrors","setTouched","submitForm","formikBag","_objectWithoutProperties","_excluded","isFormDirty","dirty","isSubmitting","formRefForScrollToErrorField","useRef","handleKeyDown","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","isEventFromEditorOrTextarea","fieldStatuses","_t","wrap","_context","prev","next","target","tagName","editor","abrupt","metaKey","preventDefault","shiftKey","sent","_objectSpread","console","error","stop","_x","_jsxs","FormikForm","noValidate","onKeyDown","_jsx","displayName","Form","formikProps","_ref$scrollToErrorFie","formikRef","handleSubmit","values","actions","_formikRef$current","setSubmitting","onSubmit","Formik","innerRef","props"],"mappings":"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"}
|
package/dist/formik/Input.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/extends';
|
|
2
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import
|
|
3
|
+
import { forwardRef } from 'react';
|
|
5
4
|
import { Field, getIn } from 'formik';
|
|
6
5
|
import { dissoc } from 'ramda';
|
|
7
6
|
import Input from '../Input.js';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
8
|
import '@babel/runtime/helpers/slicedToArray';
|
|
9
9
|
import 'classnames';
|
|
10
10
|
import '../useId-Jj9hXm-g.js';
|
|
@@ -13,7 +13,7 @@ import '@bigbinary/neeto-hotkeys';
|
|
|
13
13
|
import '../overlayManager.js';
|
|
14
14
|
import '@babel/runtime/helpers/classCallCheck';
|
|
15
15
|
import '@babel/runtime/helpers/createClass';
|
|
16
|
-
import '../index-
|
|
16
|
+
import '../index-D6vmwyYl.js';
|
|
17
17
|
import '@bigbinary/neeto-cist';
|
|
18
18
|
import 'qs';
|
|
19
19
|
import '../en-CIkXIYyl.js';
|
|
@@ -24,7 +24,7 @@ import 'dayjs/plugin/utc';
|
|
|
24
24
|
import 'dayjs/plugin/weekday';
|
|
25
25
|
import 'dayjs/plugin/weekOfYear';
|
|
26
26
|
import '../Label.js';
|
|
27
|
-
import '@bigbinary/neeto-icons';
|
|
27
|
+
import '@bigbinary/neeto-icons/Help';
|
|
28
28
|
import '../Button.js';
|
|
29
29
|
import '../Spinner.js';
|
|
30
30
|
import '../Tooltip.js';
|
|
@@ -34,32 +34,33 @@ import '../Popover.js';
|
|
|
34
34
|
import '../Typography.js';
|
|
35
35
|
|
|
36
36
|
var _excluded = ["name"];
|
|
37
|
-
function ownKeys(
|
|
38
|
-
function _objectSpread(
|
|
37
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
38
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
39
39
|
var FormikInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
40
40
|
var name = _ref.name,
|
|
41
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
42
|
-
return /*#__PURE__*/
|
|
43
|
-
name: name
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
42
|
+
return /*#__PURE__*/jsx(Field, {
|
|
43
|
+
name: name,
|
|
44
|
+
children: function children(_ref2) {
|
|
45
|
+
var field = _ref2.field,
|
|
46
|
+
meta = _ref2.meta,
|
|
47
|
+
form = _ref2.form;
|
|
48
|
+
var _form$status = form.status,
|
|
49
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
50
|
+
setStatus = form.setStatus;
|
|
51
|
+
var fieldStatus = getIn(status, name);
|
|
52
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
53
|
+
onChange: function onChange(e) {
|
|
54
|
+
setStatus(dissoc(name, status));
|
|
55
|
+
field.onChange(e);
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
return /*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({}, _objectSpread({
|
|
59
|
+
ref: ref
|
|
60
|
+
}, fieldProps)), {}, {
|
|
61
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
62
|
+
}, rest));
|
|
63
|
+
}
|
|
63
64
|
});
|
|
64
65
|
});
|
|
65
66
|
FormikInput.displayName = "FormikInput";
|
package/dist/formik/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Input\n {...{ ref, ...fieldProps }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n /**\n * The name of the input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Input\n {...{ ref, ...fieldProps }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n /**\n * The name of the input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","_jsx","Field","children","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Input","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,WAAW,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;EAAA,oBAC7CC,GAAA,CAACC,KAAK,EAAA;AAAOL,IAAAA,IAAI,EAAJA,IAAI;AAAAM,IAAAA,QAAA,EACd,SAAAA,QAAAA,CAAAC,KAAA,EAA2B;AAAA,MAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;AACnB,MAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,QAAAA,MAAM,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;QAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS;AAC9B,MAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC;AAEvC,MAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,QAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,CAAC,EAAI;AACbN,UAAAA,SAAS,CAACO,MAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC;AAC/BJ,UAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC;AACnB,QAAA;OAAC,CACF;MAED,oBACEf,GAAA,CAACiB,KAAK,EAAAJ,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AACElB,QAAAA,GAAG,EAAHA;AAAG,OAAA,EAAKiB,UAAU,CAAA,CAAA,EAAA,EAAA,EAAA;QACxBM,KAAK,EAAEb,IAAI,CAACc,OAAO,GAAGd,IAAI,CAACa,KAAK,IAAIR,WAAW,GAAG;OAAG,EACjDb,IAAI,CACT,CAAC;AAEN,IAAA;AAAC,GACI,CAAC;AAAA,CACT;AAEDL,WAAW,CAAC4B,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
5
|
import { useField, useFormikContext, getIn } from 'formik';
|
|
6
6
|
import { dissoc } from 'ramda';
|
|
7
7
|
import MultiEmailInput from '../MultiEmailInput.js';
|
|
8
|
-
import '
|
|
8
|
+
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
import '@babel/runtime/helpers/toConsumableArray';
|
|
10
10
|
import 'classnames';
|
|
11
|
-
import '../react-select-creatable.esm-
|
|
11
|
+
import '../react-select-creatable.esm-opiJTCqo.js';
|
|
12
12
|
import '@babel/runtime/helpers/esm/extends';
|
|
13
13
|
import '@babel/runtime/helpers/esm/objectSpread2';
|
|
14
14
|
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
@@ -16,6 +16,7 @@ import '@babel/runtime/helpers/esm/createClass';
|
|
|
16
16
|
import '@babel/runtime/helpers/esm/inherits';
|
|
17
17
|
import '@babel/runtime/helpers/esm/createSuper';
|
|
18
18
|
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
19
|
+
import '@babel/runtime/helpers/extends';
|
|
19
20
|
import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
|
|
20
21
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
21
22
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
@@ -29,7 +30,7 @@ import '@babel/runtime/helpers/inherits';
|
|
|
29
30
|
import '@babel/runtime/helpers/createSuper';
|
|
30
31
|
import '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
31
32
|
import '@babel/runtime/helpers/typeof';
|
|
32
|
-
import '../index-
|
|
33
|
+
import '../index-D6vmwyYl.js';
|
|
33
34
|
import '@bigbinary/neeto-cist';
|
|
34
35
|
import 'qs';
|
|
35
36
|
import '../en-CIkXIYyl.js';
|
|
@@ -39,9 +40,10 @@ import 'dayjs/plugin/utc';
|
|
|
39
40
|
import 'dayjs/plugin/weekday';
|
|
40
41
|
import 'dayjs/plugin/weekOfYear';
|
|
41
42
|
import '@babel/runtime/helpers/toArray';
|
|
42
|
-
import '@bigbinary/neeto-icons';
|
|
43
|
+
import '@bigbinary/neeto-icons/Close';
|
|
43
44
|
import '../Tag.js';
|
|
44
45
|
import '../Label.js';
|
|
46
|
+
import '@bigbinary/neeto-icons/Help';
|
|
45
47
|
import '../Button.js';
|
|
46
48
|
import 'react-router-dom';
|
|
47
49
|
import '../Spinner.js';
|
|
@@ -52,6 +54,8 @@ import '../Popover.js';
|
|
|
52
54
|
import '../Typography.js';
|
|
53
55
|
|
|
54
56
|
var _excluded = ["name"];
|
|
57
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
58
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
55
59
|
var FormikMultiEmailInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
56
60
|
var name = _ref.name,
|
|
57
61
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -67,7 +71,7 @@ var FormikMultiEmailInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
67
71
|
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
68
72
|
setStatus = _useFormikContext.setStatus;
|
|
69
73
|
var fieldStatus = getIn(status, name);
|
|
70
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/jsx(MultiEmailInput, _objectSpread({
|
|
71
75
|
ref: ref,
|
|
72
76
|
error: meta.touched ? meta.error || fieldStatus : "",
|
|
73
77
|
name: field.name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <EmailInput\n {...{ ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n /**\n * The name of the email input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","
|
|
1
|
+
{"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <EmailInput\n {...{ ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n /**\n * The name of the email input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","_jsx","EmailInput","_objectSpread","error","touched","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,qBAAqB,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;AAE1C,EAAA,IAAAC,iBAAA,GAAmCC,gBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS;AAC9B,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEhB,IAAI,CAAC;AAEvC,EAAA,oBACEoB,GAAA,CAACC,eAAU,EAAAC,aAAA,CAAA;AACHvB,IAAAA,GAAG,EAAHA,GAAG;IACTwB,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIL,WAAW,GAAG,EAAG;IACrDlB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjByB,KAAK,EAAEjB,KAAK,CAACiB,KAAM;IACnBC,MAAM,EAAE,SAARA,MAAMA,GAAA;MAAA,OAAQd,UAAU,CAAC,IAAI,CAAC;IAAA,CAAC;AAC/Be,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEF,KAAK,EAAI;AACjBR,MAAAA,SAAS,CAACW,MAAM,CAAC5B,IAAI,EAAEgB,MAAM,CAAC,CAAC;MAC/BL,QAAQ,CAACc,KAAK,CAAC;AACjB,IAAA;GAAE,EACExB,UAAU,CACf,CAAC;AAEN,CAAC;AAEDL,qBAAqB,CAACiC,WAAW,GAAG,uBAAuB;;;;"}
|
package/dist/formik/Radio.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/extends';
|
|
2
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import
|
|
4
|
+
import 'react';
|
|
6
5
|
import { useFormikContext, useField, getIn } from 'formik';
|
|
7
6
|
import { dissoc } from 'ramda';
|
|
8
7
|
import Radio from '../Radio.js';
|
|
8
|
+
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
import 'classnames';
|
|
10
10
|
import '../Label.js';
|
|
11
|
-
import '@bigbinary/neeto-icons';
|
|
11
|
+
import '@bigbinary/neeto-icons/Help';
|
|
12
12
|
import '../Button.js';
|
|
13
13
|
import 'react-router-dom';
|
|
14
14
|
import '../Spinner.js';
|
|
@@ -22,7 +22,7 @@ import '@bigbinary/neeto-hotkeys';
|
|
|
22
22
|
import '../overlayManager.js';
|
|
23
23
|
import '@babel/runtime/helpers/classCallCheck';
|
|
24
24
|
import '@babel/runtime/helpers/createClass';
|
|
25
|
-
import '../index-
|
|
25
|
+
import '../index-D6vmwyYl.js';
|
|
26
26
|
import '@bigbinary/neeto-cist';
|
|
27
27
|
import 'qs';
|
|
28
28
|
import '../en-CIkXIYyl.js';
|
|
@@ -34,8 +34,8 @@ import 'dayjs/plugin/weekday';
|
|
|
34
34
|
import 'dayjs/plugin/weekOfYear';
|
|
35
35
|
|
|
36
36
|
var _excluded = ["label", "name", "className"];
|
|
37
|
-
function ownKeys(
|
|
38
|
-
function _objectSpread(
|
|
37
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
38
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
39
39
|
var RadioGroup = function RadioGroup(_ref) {
|
|
40
40
|
var label = _ref.label,
|
|
41
41
|
name = _ref.name,
|
|
@@ -60,7 +60,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
60
60
|
setFieldValue(name, event.target.value);
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
|
-
return /*#__PURE__*/
|
|
63
|
+
return /*#__PURE__*/jsx(Radio, _objectSpread({
|
|
64
64
|
error: meta.touched ? meta.error || fieldStatus : ""
|
|
65
65
|
}, _objectSpread(_objectSpread({
|
|
66
66
|
className: className,
|
package/dist/formik/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n const { setFieldValue, status = {}, setStatus } = useFormikContext();\n const [field, meta] = useField({ name });\n\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: event => {\n setStatus(dissoc(name, status));\n setFieldValue(name, event.target.value);\n },\n };\n\n return (\n <Radio\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...{ className, label, ...fieldProps, ...props }}\n />\n );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useFormikContext$sta","status","setStatus","_useField","useField","_useField2","_slicedToArray","field","meta","fieldStatus","getIn","fieldProps","_objectSpread","onChange","event","dissoc","target","value","
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n const { setFieldValue, status = {}, setStatus } = useFormikContext();\n const [field, meta] = useField({ name });\n\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: event => {\n setStatus(dissoc(name, status));\n setFieldValue(name, event.target.value);\n },\n };\n\n return (\n <Radio\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...{ className, label, ...fieldProps, ...props }}\n />\n );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useFormikContext$sta","status","setStatus","_useField","useField","_useField2","_slicedToArray","field","meta","fieldStatus","getIn","fieldProps","_objectSpread","onChange","event","dissoc","target","value","_jsx","Radio","error","touched","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;AACzD,EAAA,IAAAC,iBAAA,GAAkDC,gBAAgB,EAAE;IAA5DC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAAC,qBAAA,GAAAH,iBAAA,CAAEI,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAL,iBAAA,CAATK,SAAS;EAC7C,IAAAC,SAAA,GAAsBC,QAAQ,CAAC;AAAEb,MAAAA,IAAI,EAAJA;AAAK,KAAC,CAAC;IAAAc,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAElB,EAAA,IAAMI,WAAW,GAAGC,KAAK,CAACT,MAAM,EAAEV,IAAI,CAAC;AAEvC,EAAA,IAAMoB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;AACRM,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,KAAK,EAAI;AACjBZ,MAAAA,SAAS,CAACa,MAAM,CAACxB,IAAI,EAAEU,MAAM,CAAC,CAAC;MAC/BF,aAAa,CAACR,IAAI,EAAEuB,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC;AACzC,IAAA;GAAC,CACF;AAED,EAAA,oBACEC,GAAA,CAACC,KAAK,EAAAP,aAAA,CAAA;IACJQ,KAAK,EAAEZ,IAAI,CAACa,OAAO,GAAGb,IAAI,CAACY,KAAK,IAAIX,WAAW,GAAG;GAAG,EAAAG,aAAA,CAAAA,aAAA,CAAA;AAC/CnB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA;AAAK,GAAA,EAAKqB,UAAU,CAAA,EAAKjB,KAAK,CAAA,CAChD,CAAC;AAEN;AAEAN,UAAU,CAACkC,IAAI,GAAGH,KAAK,CAACG,IAAI;;;;"}
|
package/dist/formik/Select.js
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _typeof from '@babel/runtime/helpers/typeof';
|
|
3
3
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
4
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import
|
|
5
|
+
import { forwardRef, useRef, startTransition } from 'react';
|
|
6
6
|
import { useField, useFormikContext, getIn } from 'formik';
|
|
7
7
|
import { existsBy } from '@bigbinary/neeto-cist';
|
|
8
|
-
import { prop, either, isNil, isEmpty,
|
|
8
|
+
import { prop, dissoc, either, isNil, isEmpty, flatten, pluck } from 'ramda';
|
|
9
9
|
import Select from '../Select.js';
|
|
10
|
-
import '
|
|
10
|
+
import { jsx } from 'react/jsx-runtime';
|
|
11
11
|
import 'classnames';
|
|
12
|
-
import '@bigbinary/neeto-icons';
|
|
13
|
-
import '
|
|
12
|
+
import '@bigbinary/neeto-icons/Down';
|
|
13
|
+
import '@bigbinary/neeto-icons/Close';
|
|
14
|
+
import '../react-select-creatable.esm-opiJTCqo.js';
|
|
14
15
|
import '@babel/runtime/helpers/esm/extends';
|
|
15
16
|
import '@babel/runtime/helpers/esm/objectSpread2';
|
|
16
17
|
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
@@ -18,6 +19,7 @@ import '@babel/runtime/helpers/esm/createClass';
|
|
|
18
19
|
import '@babel/runtime/helpers/esm/inherits';
|
|
19
20
|
import '@babel/runtime/helpers/esm/createSuper';
|
|
20
21
|
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
22
|
+
import '@babel/runtime/helpers/extends';
|
|
21
23
|
import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
|
|
22
24
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
23
25
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
@@ -35,7 +37,7 @@ import '../useId-Jj9hXm-g.js';
|
|
|
35
37
|
import 'react-router-dom';
|
|
36
38
|
import '@bigbinary/neeto-hotkeys';
|
|
37
39
|
import '../overlayManager.js';
|
|
38
|
-
import '../index-
|
|
40
|
+
import '../index-D6vmwyYl.js';
|
|
39
41
|
import 'qs';
|
|
40
42
|
import '../en-CIkXIYyl.js';
|
|
41
43
|
import 'dayjs';
|
|
@@ -44,6 +46,7 @@ import 'dayjs/plugin/utc';
|
|
|
44
46
|
import 'dayjs/plugin/weekday';
|
|
45
47
|
import 'dayjs/plugin/weekOfYear';
|
|
46
48
|
import '../Label.js';
|
|
49
|
+
import '@bigbinary/neeto-icons/Help';
|
|
47
50
|
import '../Button.js';
|
|
48
51
|
import '../Spinner.js';
|
|
49
52
|
import '../Tooltip.js';
|
|
@@ -53,6 +56,8 @@ import '../Popover.js';
|
|
|
53
56
|
import '../Typography.js';
|
|
54
57
|
|
|
55
58
|
var _excluded = ["name", "options", "getOptionValue", "isMulti"];
|
|
59
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
60
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
56
61
|
var SelectField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
57
62
|
var _props$name = props.name,
|
|
58
63
|
name = _props$name === void 0 ? "" : _props$name,
|
|
@@ -95,7 +100,7 @@ var SelectField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
95
100
|
return getRealOptionValue(option) === value;
|
|
96
101
|
})[0];
|
|
97
102
|
};
|
|
98
|
-
return /*#__PURE__*/
|
|
103
|
+
return /*#__PURE__*/jsx(Select, _objectSpread(_objectSpread({
|
|
99
104
|
options: options,
|
|
100
105
|
error: meta.touched ? meta.error || fieldStatus : "",
|
|
101
106
|
getOptionValue: getOptionValue || prop("value"),
|
|
@@ -112,23 +117,23 @@ var SelectField = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
112
117
|
setStatus(dissoc(name, status));
|
|
113
118
|
setValue(value);
|
|
114
119
|
}
|
|
115
|
-
}, otherProps, {
|
|
120
|
+
}, otherProps), {}, {
|
|
116
121
|
onKeyDown: function onKeyDown(event) {
|
|
117
122
|
var _otherProps$onKeyDown;
|
|
118
123
|
if (event.key === "Enter" && isMenuOpen.current) {
|
|
119
124
|
event.stopPropagation();
|
|
120
125
|
}
|
|
121
|
-
(_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0
|
|
126
|
+
(_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0 ? void 0 : _otherProps$onKeyDown.call(otherProps, event);
|
|
122
127
|
},
|
|
123
128
|
onMenuClose: function onMenuClose() {
|
|
124
129
|
var _otherProps$onMenuClo;
|
|
125
130
|
isMenuOpen.current = false;
|
|
126
|
-
(_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0
|
|
131
|
+
(_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0 ? void 0 : _otherProps$onMenuClo.call(otherProps);
|
|
127
132
|
},
|
|
128
133
|
onMenuOpen: function onMenuOpen() {
|
|
129
134
|
var _otherProps$onMenuOpe;
|
|
130
135
|
isMenuOpen.current = true;
|
|
131
|
-
(_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0
|
|
136
|
+
(_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0 ? void 0 : _otherProps$onMenuOpe.call(otherProps);
|
|
132
137
|
}
|
|
133
138
|
}));
|
|
134
139
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { getIn, useFormikContext, useField } from \"formik\";\nimport { existsBy } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty, dissoc, flatten, pluck } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n const {\n name = \"\",\n options = [],\n getOptionValue = null,\n isMulti = false,\n ...otherProps\n } = props;\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n const getRealOptionValue = option => {\n if (typeof getOptionValue !== \"function\") {\n return option.value;\n }\n\n return getOptionValue(option);\n };\n\n const buildValueObj = (value, options) => {\n if (typeof value === \"object\") return value;\n\n const isGrouped = existsBy({ options: Array.isArray }, options);\n\n let searchOptions = options;\n\n if (isGrouped) {\n searchOptions = flatten(pluck(\"options\", options));\n }\n\n return searchOptions.filter(\n option => getRealOptionValue(option) === value\n )[0];\n };\n\n return (\n <Select\n {...{ options }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n getOptionValue={getOptionValue || prop(\"value\")}\n innerRef={ref}\n isMulti={!!isMulti}\n name={field.name}\n value={\n either(isNil, isEmpty)(field.value)\n ? null\n : buildValueObj(field.value, options)\n }\n onBlur={() =>\n startTransition(() => {\n setTouched(true);\n })\n }\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n onKeyDown={event => {\n if (event.key === \"Enter\" && isMenuOpen.current) {\n event.stopPropagation();\n }\n otherProps.onKeyDown?.(event);\n }}\n onMenuClose={() => {\n isMenuOpen.current = false;\n otherProps.onMenuClose?.();\n }}\n onMenuOpen={() => {\n isMenuOpen.current = true;\n otherProps.onMenuOpen?.();\n }}\n />\n );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n /**\n * The name of the select input.\n */\n name: PropTypes.string,\n /**\n * To provide the options to be displayed in the select component.\n */\n options: PropTypes.array,\n /**\n * To provide the function to get the value of the option.\n */\n getOptionValue: PropTypes.string,\n /**\n * To specify whether multiple options can be selected.\n */\n isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","isGrouped","existsBy","Array","isArray","searchOptions","flatten","pluck","filter","
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { getIn, useFormikContext, useField } from \"formik\";\nimport { existsBy } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty, dissoc, flatten, pluck } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n const {\n name = \"\",\n options = [],\n getOptionValue = null,\n isMulti = false,\n ...otherProps\n } = props;\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n const getRealOptionValue = option => {\n if (typeof getOptionValue !== \"function\") {\n return option.value;\n }\n\n return getOptionValue(option);\n };\n\n const buildValueObj = (value, options) => {\n if (typeof value === \"object\") return value;\n\n const isGrouped = existsBy({ options: Array.isArray }, options);\n\n let searchOptions = options;\n\n if (isGrouped) {\n searchOptions = flatten(pluck(\"options\", options));\n }\n\n return searchOptions.filter(\n option => getRealOptionValue(option) === value\n )[0];\n };\n\n return (\n <Select\n {...{ options }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n getOptionValue={getOptionValue || prop(\"value\")}\n innerRef={ref}\n isMulti={!!isMulti}\n name={field.name}\n value={\n either(isNil, isEmpty)(field.value)\n ? null\n : buildValueObj(field.value, options)\n }\n onBlur={() =>\n startTransition(() => {\n setTouched(true);\n })\n }\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n onKeyDown={event => {\n if (event.key === \"Enter\" && isMenuOpen.current) {\n event.stopPropagation();\n }\n otherProps.onKeyDown?.(event);\n }}\n onMenuClose={() => {\n isMenuOpen.current = false;\n otherProps.onMenuClose?.();\n }}\n onMenuOpen={() => {\n isMenuOpen.current = true;\n otherProps.onMenuOpen?.();\n }}\n />\n );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n /**\n * The name of the select input.\n */\n name: PropTypes.string,\n /**\n * To provide the options to be displayed in the select component.\n */\n options: PropTypes.array,\n /**\n * To provide the function to get the value of the option.\n */\n getOptionValue: PropTypes.string,\n /**\n * To specify whether multiple options can be selected.\n */\n isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","isGrouped","existsBy","Array","isArray","searchOptions","flatten","pluck","filter","_jsx","Select","_objectSpread","error","touched","prop","innerRef","either","isNil","isEmpty","onBlur","startTransition","onChange","dissoc","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}
|
package/dist/formik/Slider.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/extends';
|
|
2
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
-
import
|
|
4
|
+
import { forwardRef } from 'react';
|
|
6
5
|
import { useField, useFormikContext, getIn } from 'formik';
|
|
7
6
|
import { dissoc } from 'ramda';
|
|
8
7
|
import Slider from '../Slider.js';
|
|
8
|
+
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
import 'antd/lib/config-provider';
|
|
10
10
|
import 'antd/lib/slider';
|
|
11
11
|
import 'react-i18next';
|
|
@@ -19,7 +19,7 @@ import 'antd/locale/pl_PL';
|
|
|
19
19
|
import 'antd/locale/pt_PT';
|
|
20
20
|
import '../Label.js';
|
|
21
21
|
import 'classnames';
|
|
22
|
-
import '@bigbinary/neeto-icons';
|
|
22
|
+
import '@bigbinary/neeto-icons/Help';
|
|
23
23
|
import '../Button.js';
|
|
24
24
|
import 'react-router-dom';
|
|
25
25
|
import '../Spinner.js';
|
|
@@ -33,7 +33,7 @@ import '@bigbinary/neeto-hotkeys';
|
|
|
33
33
|
import '../overlayManager.js';
|
|
34
34
|
import '@babel/runtime/helpers/classCallCheck';
|
|
35
35
|
import '@babel/runtime/helpers/createClass';
|
|
36
|
-
import '../index-
|
|
36
|
+
import '../index-D6vmwyYl.js';
|
|
37
37
|
import '@bigbinary/neeto-cist';
|
|
38
38
|
import 'qs';
|
|
39
39
|
import '../en-CIkXIYyl.js';
|
|
@@ -45,8 +45,8 @@ import 'dayjs/plugin/weekday';
|
|
|
45
45
|
import 'dayjs/plugin/weekOfYear';
|
|
46
46
|
|
|
47
47
|
var _excluded = ["name"];
|
|
48
|
-
function ownKeys(
|
|
49
|
-
function _objectSpread(
|
|
48
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
49
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
50
50
|
var FormikSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
51
51
|
var name = _ref.name,
|
|
52
52
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -62,13 +62,13 @@ var FormikSlider = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
62
62
|
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
63
63
|
setStatus = _useFormikContext.setStatus;
|
|
64
64
|
var fieldStatus = getIn(status, name);
|
|
65
|
-
return /*#__PURE__*/
|
|
65
|
+
return /*#__PURE__*/jsx(Slider, _objectSpread(_objectSpread({
|
|
66
66
|
error: meta.error || fieldStatus || ""
|
|
67
67
|
}, _objectSpread(_objectSpread({
|
|
68
68
|
ref: ref
|
|
69
69
|
}, field), {}, {
|
|
70
70
|
name: name
|
|
71
|
-
}), {
|
|
71
|
+
})), {}, {
|
|
72
72
|
onBlur: function onBlur() {
|
|
73
73
|
return setTouched(true);
|
|
74
74
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { getIn, useField, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n\n const fieldStatus = getIn(status, name);\n\n return (\n <Slider\n error={meta.error || fieldStatus || \"\"}\n {...{ ref, ...field, name }}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { getIn, useField, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n\n const fieldStatus = getIn(status, name);\n\n return (\n <Slider\n error={meta.error || fieldStatus || \"\"}\n {...{ ref, ...field, name }}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","_jsx","Slider","_objectSpread","error","onBlur","onChange","value","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;AAC1C,EAAA,IAAAC,iBAAA,GAAmCC,gBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS;AAE9B,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACH,MAAM,EAAEhB,IAAI,CAAC;AAEvC,EAAA,oBACEoB,GAAA,CAACC,MAAM,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACLC,IAAAA,KAAK,EAAEd,IAAI,CAACc,KAAK,IAAIL,WAAW,IAAI;GAAG,EAAAI,aAAA,CAAAA,aAAA,CAAA;AACjCvB,IAAAA,GAAG,EAAHA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA;AAAI,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA;IACzBwB,MAAM,EAAE,SAARA,MAAMA,GAAA;MAAA,OAAQZ,UAAU,CAAC,IAAI,CAAC;IAAA,CAAC;AAC/Ba,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,KAAK,EAAI;AACjBT,MAAAA,SAAS,CAACU,MAAM,CAAC3B,IAAI,EAAEgB,MAAM,CAAC,CAAC;MAC/BL,QAAQ,CAACe,KAAK,CAAC;AACjB,IAAA;GAAE,EACEzB,UAAU,CACf,CAAC;AAEN,CAAC;AAEDL,YAAY,CAACgC,WAAW,GAAG,QAAQ;;;;"}
|