@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1
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 +152 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/ActionDropdown.js +75 -0
- package/dist/ActionDropdown.js.map +1 -0
- package/dist/Alert.js +112 -0
- package/dist/Alert.js.map +1 -0
- package/dist/Avatar.js +97 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Button.js +219 -0
- package/dist/Button.js.map +1 -0
- package/dist/Callout.js +39 -0
- package/dist/Callout.js.map +1 -0
- package/dist/Checkbox.js +65 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/ColorPicker.js +1408 -0
- package/dist/ColorPicker.js.map +1 -0
- package/dist/DatePicker.js +290 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DateTimePicker.js +163 -0
- package/dist/DateTimePicker.js.map +1 -0
- package/dist/Dropdown.js +303 -0
- package/dist/Dropdown.js.map +1 -0
- package/dist/Input.js +158 -0
- package/dist/Input.js.map +1 -0
- package/dist/Kbd.js +24 -0
- package/dist/Kbd.js.map +1 -0
- package/dist/Label.js +46 -0
- package/dist/Label.js.map +1 -0
- package/dist/Modal.js +166 -0
- package/dist/Modal.js.map +1 -0
- package/dist/MultiEmailInput.js +307 -0
- package/dist/MultiEmailInput.js.map +1 -0
- package/dist/NoData.js +81 -0
- package/dist/NoData.js.map +1 -0
- package/dist/Pagination.js +178 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/Pane.js +160 -0
- package/dist/Pane.js.map +1 -0
- package/dist/Popover.js +44 -0
- package/dist/Popover.js.map +1 -0
- package/dist/Radio.js +100 -0
- package/dist/Radio.js.map +1 -0
- package/dist/Select.js +281 -0
- package/dist/Select.js.map +1 -0
- package/dist/Sidebar.js +378 -0
- package/dist/Sidebar.js.map +1 -0
- package/dist/Slider.js +110 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Spinner.js +36 -0
- package/dist/Spinner.js.map +1 -0
- package/dist/Stepper.js +35 -0
- package/dist/Stepper.js.map +1 -0
- package/dist/Switch.js +84 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Tab.js +74 -0
- package/dist/Tab.js.map +1 -0
- package/dist/Table.js +887 -0
- package/dist/Table.js.map +1 -0
- package/dist/Tag.js +89 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Textarea.js +143 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/TimePicker.js +174 -0
- package/dist/TimePicker.js.map +1 -0
- package/dist/TimePickerInput.js +25 -0
- package/dist/TimePickerInput.js.map +1 -0
- package/dist/Toastr.js +393 -0
- package/dist/Toastr.js.map +1 -0
- package/dist/Tooltip.js +8 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/Tree.js +48 -0
- package/dist/Tree.js.map +1 -0
- package/dist/TreeSelect.js +108 -0
- package/dist/TreeSelect.js.map +1 -0
- package/dist/Typography.js +142 -0
- package/dist/Typography.js.map +1 -0
- package/dist/cjs/Accordion.js +158 -0
- package/dist/cjs/Accordion.js.map +1 -0
- package/dist/cjs/ActionDropdown.js +81 -0
- package/dist/cjs/ActionDropdown.js.map +1 -0
- package/dist/cjs/Alert.js +118 -0
- package/dist/cjs/Alert.js.map +1 -0
- package/dist/cjs/Avatar.js +104 -0
- package/dist/cjs/Avatar.js.map +1 -0
- package/dist/cjs/Button.js +225 -0
- package/dist/cjs/Button.js.map +1 -0
- package/dist/cjs/Callout.js +45 -0
- package/dist/cjs/Callout.js.map +1 -0
- package/dist/cjs/Checkbox.js +71 -0
- package/dist/cjs/Checkbox.js.map +1 -0
- package/dist/cjs/ColorPicker.js +1414 -0
- package/dist/cjs/ColorPicker.js.map +1 -0
- package/dist/cjs/DatePicker.js +298 -0
- package/dist/cjs/DatePicker.js.map +1 -0
- package/dist/cjs/DateTimePicker.js +169 -0
- package/dist/cjs/DateTimePicker.js.map +1 -0
- package/dist/cjs/Dropdown.js +309 -0
- package/dist/cjs/Dropdown.js.map +1 -0
- package/dist/cjs/Input.js +164 -0
- package/dist/cjs/Input.js.map +1 -0
- package/dist/cjs/Kbd.js +30 -0
- package/dist/cjs/Kbd.js.map +1 -0
- package/dist/cjs/Label.js +52 -0
- package/dist/cjs/Label.js.map +1 -0
- package/dist/cjs/Modal.js +172 -0
- package/dist/cjs/Modal.js.map +1 -0
- package/dist/cjs/MultiEmailInput.js +314 -0
- package/dist/cjs/MultiEmailInput.js.map +1 -0
- package/dist/cjs/NoData.js +87 -0
- package/dist/cjs/NoData.js.map +1 -0
- package/dist/cjs/Pagination.js +184 -0
- package/dist/cjs/Pagination.js.map +1 -0
- package/dist/cjs/Pane.js +166 -0
- package/dist/cjs/Pane.js.map +1 -0
- package/dist/cjs/Popover.js +50 -0
- package/dist/cjs/Popover.js.map +1 -0
- package/dist/cjs/Radio.js +106 -0
- package/dist/cjs/Radio.js.map +1 -0
- package/dist/cjs/Select.js +291 -0
- package/dist/cjs/Select.js.map +1 -0
- package/dist/cjs/Sidebar.js +384 -0
- package/dist/cjs/Sidebar.js.map +1 -0
- package/dist/cjs/Slider.js +118 -0
- package/dist/cjs/Slider.js.map +1 -0
- package/dist/cjs/Spinner.js +42 -0
- package/dist/cjs/Spinner.js.map +1 -0
- package/dist/cjs/Stepper.js +41 -0
- package/dist/cjs/Stepper.js.map +1 -0
- package/dist/cjs/Switch.js +90 -0
- package/dist/cjs/Switch.js.map +1 -0
- package/dist/cjs/Tab.js +80 -0
- package/dist/cjs/Tab.js.map +1 -0
- package/dist/cjs/Table.js +896 -0
- package/dist/cjs/Table.js.map +1 -0
- package/dist/cjs/Tag.js +95 -0
- package/dist/cjs/Tag.js.map +1 -0
- package/dist/cjs/Textarea.js +149 -0
- package/dist/cjs/Textarea.js.map +1 -0
- package/dist/cjs/TimePicker.js +182 -0
- package/dist/cjs/TimePicker.js.map +1 -0
- package/dist/cjs/TimePickerInput.js +31 -0
- package/dist/cjs/TimePickerInput.js.map +1 -0
- package/dist/cjs/Toastr.js +417 -0
- package/dist/cjs/Toastr.js.map +1 -0
- package/dist/cjs/Tooltip.js +14 -0
- package/dist/cjs/Tooltip.js.map +1 -0
- package/dist/cjs/Tree.js +56 -0
- package/dist/cjs/Tree.js.map +1 -0
- package/dist/cjs/TreeSelect.js +116 -0
- package/dist/cjs/TreeSelect.js.map +1 -0
- package/dist/cjs/Typography.js +148 -0
- package/dist/cjs/Typography.js.map +1 -0
- package/dist/cjs/createClass-80e17c6a.js +31 -0
- package/dist/cjs/createClass-80e17c6a.js.map +1 -0
- package/dist/cjs/defineProperty-ee86604b.js +21 -0
- package/dist/cjs/defineProperty-ee86604b.js.map +1 -0
- package/dist/cjs/extends-1b35a664.js +19 -0
- package/dist/cjs/extends-1b35a664.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +58 -0
- package/dist/cjs/formik/ActionBlock.js.map +1 -0
- package/dist/cjs/formik/BlockNavigation.js +127 -0
- package/dist/cjs/formik/BlockNavigation.js.map +1 -0
- package/dist/cjs/formik/Button.js +44 -0
- package/dist/cjs/formik/Button.js.map +1 -0
- package/dist/cjs/formik/Checkbox.js +61 -0
- package/dist/cjs/formik/Checkbox.js.map +1 -0
- package/dist/cjs/formik/Form.js +197 -0
- package/dist/cjs/formik/Form.js.map +1 -0
- package/dist/cjs/formik/Input.js +59 -0
- package/dist/cjs/formik/Input.js.map +1 -0
- package/dist/cjs/formik/MultiEmailInput.js +58 -0
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -0
- package/dist/cjs/formik/Radio.js +61 -0
- package/dist/cjs/formik/Radio.js.map +1 -0
- package/dist/cjs/formik/Select.js +106 -0
- package/dist/cjs/formik/Select.js.map +1 -0
- package/dist/cjs/formik/Slider.js +64 -0
- package/dist/cjs/formik/Slider.js.map +1 -0
- package/dist/cjs/formik/Switch.js +52 -0
- package/dist/cjs/formik/Switch.js.map +1 -0
- package/dist/cjs/formik/Textarea.js +60 -0
- package/dist/cjs/formik/Textarea.js.map +1 -0
- package/dist/cjs/formik/TreeSelect.js +56 -0
- package/dist/cjs/formik/TreeSelect.js.map +1 -0
- package/dist/cjs/formik/index.js +84 -0
- package/dist/cjs/formik/index.js.map +1 -0
- package/dist/cjs/index-302c3d37.js +58 -0
- package/dist/cjs/index-302c3d37.js.map +1 -0
- package/dist/cjs/index-5d74cfeb.js +375 -0
- package/dist/cjs/index-5d74cfeb.js.map +1 -0
- package/dist/cjs/index-63580e68.js +92 -0
- package/dist/cjs/index-63580e68.js.map +1 -0
- package/dist/cjs/index-6e09c7bc.js +2211 -0
- package/dist/cjs/index-6e09c7bc.js.map +1 -0
- package/dist/cjs/index-773961dd.js +453 -0
- package/dist/cjs/index-773961dd.js.map +1 -0
- package/dist/cjs/index-a8cc581e.js +2383 -0
- package/dist/cjs/index-a8cc581e.js.map +1 -0
- package/dist/cjs/index-b1ac86d6.js +258 -0
- package/dist/cjs/index-b1ac86d6.js.map +1 -0
- package/dist/cjs/index.js +99 -13808
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +19 -363
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +3 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js +33 -0
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +1 -0
- package/dist/cjs/{overlayManager-a0827ae7.js → overlayManager.js} +5 -2
- package/dist/cjs/overlayManager.js.map +1 -0
- package/dist/cjs/slicedToArray-732a2048.js +63 -0
- package/dist/cjs/slicedToArray-732a2048.js.map +1 -0
- package/dist/cjs/toConsumableArray-418424fc.js +23 -0
- package/dist/cjs/toConsumableArray-418424fc.js.map +1 -0
- package/dist/cjs/{createClass-ca103cfb.js → toPropertyKey-bfa2e465.js} +1 -27
- package/dist/cjs/toPropertyKey-bfa2e465.js.map +1 -0
- package/dist/cjs/useId-4e3deb5c.js +11 -0
- package/dist/cjs/useId-4e3deb5c.js.map +1 -0
- package/dist/cjs/useOverlayManager-359ed795.js +1602 -0
- package/dist/cjs/useOverlayManager-359ed795.js.map +1 -0
- package/dist/cjs/useQueryParams-14f054b3.js +18 -0
- package/dist/cjs/useQueryParams-14f054b3.js.map +1 -0
- package/dist/cjs/useSyncedRef-9c3dcd03.js +19 -0
- package/dist/cjs/useSyncedRef-9c3dcd03.js.map +1 -0
- package/dist/createClass-601a36b2.js +28 -0
- package/dist/createClass-601a36b2.js.map +1 -0
- package/dist/defineProperty-e5245270.js +19 -0
- package/dist/defineProperty-e5245270.js.map +1 -0
- package/dist/extends-093996c9.js +17 -0
- package/dist/extends-093996c9.js.map +1 -0
- package/dist/formik/ActionBlock.js +52 -0
- package/dist/formik/ActionBlock.js.map +1 -0
- package/dist/formik/BlockNavigation.js +121 -0
- package/dist/formik/BlockNavigation.js.map +1 -0
- package/dist/formik/Button.js +38 -0
- package/dist/formik/Button.js.map +1 -0
- package/dist/formik/Checkbox.js +55 -0
- package/dist/formik/Checkbox.js.map +1 -0
- package/dist/formik/Form.js +191 -0
- package/dist/formik/Form.js.map +1 -0
- package/dist/formik/Input.js +53 -0
- package/dist/formik/Input.js.map +1 -0
- package/dist/formik/MultiEmailInput.js +52 -0
- package/dist/formik/MultiEmailInput.js.map +1 -0
- package/dist/formik/Radio.js +55 -0
- package/dist/formik/Radio.js.map +1 -0
- package/dist/formik/Select.js +100 -0
- package/dist/formik/Select.js.map +1 -0
- package/dist/formik/Slider.js +58 -0
- package/dist/formik/Slider.js.map +1 -0
- package/dist/formik/Switch.js +46 -0
- package/dist/formik/Switch.js.map +1 -0
- package/dist/formik/Textarea.js +54 -0
- package/dist/formik/Textarea.js.map +1 -0
- package/dist/formik/TreeSelect.js +50 -0
- package/dist/formik/TreeSelect.js.map +1 -0
- package/dist/formik/index.js +64 -0
- package/dist/formik/index.js.map +1 -0
- package/dist/index-283bc6a6.js +90 -0
- package/dist/index-283bc6a6.js.map +1 -0
- package/dist/index-34956d66.js +372 -0
- package/dist/index-34956d66.js.map +1 -0
- package/dist/index-3659771d.js +56 -0
- package/dist/index-3659771d.js.map +1 -0
- package/dist/index-7fae3611.js +2381 -0
- package/dist/index-7fae3611.js.map +1 -0
- package/dist/index-b3a8dd29.js +249 -0
- package/dist/index-b3a8dd29.js.map +1 -0
- package/dist/index-c442518b.js +445 -0
- package/dist/index-c442518b.js.map +1 -0
- package/dist/index-c8d9113c.js +2193 -0
- package/dist/index-c8d9113c.js.map +1 -0
- package/dist/index.js +79 -13767
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +19 -363
- package/dist/layouts.js.map +1 -1
- package/dist/managers.js +3 -2
- package/dist/managers.js.map +1 -1
- package/dist/objectWithoutProperties-a0edb288.js +31 -0
- package/dist/objectWithoutProperties-a0edb288.js.map +1 -0
- package/dist/{overlayManager-4d5be56b.js → overlayManager.js} +4 -3
- package/dist/overlayManager.js.map +1 -0
- package/dist/slicedToArray-45fa766e.js +57 -0
- package/dist/slicedToArray-45fa766e.js.map +1 -0
- package/dist/toConsumableArray-1186e144.js +20 -0
- package/dist/toConsumableArray-1186e144.js.map +1 -0
- package/dist/toPropertyKey-bdc24cb9.js +28 -0
- package/dist/toPropertyKey-bdc24cb9.js.map +1 -0
- package/dist/useId-c1d20bba.js +9 -0
- package/dist/useId-c1d20bba.js.map +1 -0
- package/dist/useOverlayManager-95a474d5.js +1591 -0
- package/dist/useOverlayManager-95a474d5.js.map +1 -0
- package/dist/useQueryParams-4e7ddcf8.js +16 -0
- package/dist/useQueryParams-4e7ddcf8.js.map +1 -0
- package/dist/useSyncedRef-226a3dbc.js +17 -0
- package/dist/useSyncedRef-226a3dbc.js.map +1 -0
- package/formik.d.ts +26 -51
- package/index.d.ts +75 -834
- package/package.json +26 -4
- package/types/Accordion.d.ts +26 -0
- package/types/ActionDropdown.d.ts +21 -0
- package/types/Alert.d.ts +23 -0
- package/types/Avatar.d.ts +17 -0
- package/types/Button.d.ts +32 -0
- package/types/Callout.d.ts +13 -0
- package/types/Checkbox.d.ts +18 -0
- package/types/ColorPicker.d.ts +21 -0
- package/types/DatePicker.d.ts +30 -0
- package/types/DateTimePicker.d.ts +26 -0
- package/types/Dropdown.d.ts +77 -0
- package/types/Input.d.ts +27 -0
- package/types/Kbd.d.ts +11 -0
- package/types/Label.d.ts +19 -0
- package/types/Modal.d.ts +10 -0
- package/types/MultiEmailInput.d.ts +25 -0
- package/types/NoData.d.ts +14 -0
- package/types/Pagination.d.ts +11 -0
- package/types/Pane.d.ts +11 -0
- package/types/Popover.d.ts +32 -0
- package/types/Popup.d.ts +17 -0
- package/types/Radio.d.ts +24 -0
- package/types/Select.d.ts +27 -0
- package/types/Slider.d.ts +12 -0
- package/types/Spinner.d.ts +9 -0
- package/types/Stepper.d.ts +10 -0
- package/types/Switch.d.ts +20 -0
- package/types/Tab.d.ts +24 -0
- package/types/Table.d.ts +41 -0
- package/types/Tag.d.ts +27 -0
- package/types/Textarea.d.ts +22 -0
- package/types/TimePicker.d.ts +28 -0
- package/types/TimePickerInput.d.ts +22 -0
- package/types/Toastr.d.ts +20 -0
- package/types/Tooltip.d.ts +31 -0
- package/types/Tree.d.ts +62 -0
- package/types/TreeSelect.d.ts +40 -0
- package/types/Typography.d.ts +64 -0
- package/types/formik/ActionBlock.d.ts +11 -0
- package/types/formik/BlockNavigation.d.ts +9 -0
- package/types/formik/Button.d.ts +1 -0
- package/types/formik/Checkbox.d.ts +1 -0
- package/types/formik/Form.d.ts +13 -0
- package/types/formik/Input.d.ts +1 -0
- package/types/formik/MultiEmailInput.d.ts +1 -0
- package/types/formik/Radio.d.ts +1 -0
- package/types/formik/Select.d.ts +1 -0
- package/types/formik/Slider.d.ts +1 -0
- package/types/formik/Switch.d.ts +1 -0
- package/types/formik/Textarea.d.ts +1 -0
- package/types/formik/TreeSelect.d.ts +1 -0
- package/dist/TreeSelect-54c59138.js +0 -22106
- package/dist/TreeSelect-54c59138.js.map +0 -1
- package/dist/Typography-6b2170d4.js +0 -6439
- package/dist/Typography-6b2170d4.js.map +0 -1
- package/dist/cjs/TreeSelect-40898804.js +0 -22161
- package/dist/cjs/TreeSelect-40898804.js.map +0 -1
- package/dist/cjs/Typography-3f90f925.js +0 -6472
- package/dist/cjs/Typography-3f90f925.js.map +0 -1
- package/dist/cjs/createClass-ca103cfb.js.map +0 -1
- package/dist/cjs/formik.js +0 -624
- package/dist/cjs/formik.js.map +0 -1
- package/dist/cjs/index-099304bb.js +0 -104
- package/dist/cjs/index-099304bb.js.map +0 -1
- package/dist/cjs/overlayManager-a0827ae7.js.map +0 -1
- package/dist/createClass-27bd48bc.js +0 -52
- package/dist/createClass-27bd48bc.js.map +0 -1
- package/dist/formik.js +0 -604
- package/dist/formik.js.map +0 -1
- package/dist/index-ed90c85d.js +0 -98
- package/dist/index-ed90c85d.js.map +0 -1
- package/dist/overlayManager-4d5be56b.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionBlock.js","sources":["../../../src/formik/ActionBlock.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Button from \"components/Button\";\n\nimport SubmitButton from \"./Button\";\n\nconst ActionBlock = ({\n className,\n submitButtonProps,\n cancelButtonProps,\n isSubmitting: isFormSubmitting,\n}) => {\n const {\n handleReset,\n isSubmitting: isFormikSubmitting,\n dirty,\n } = useFormikContext();\n\n const isSubmitting = isFormSubmitting ?? isFormikSubmitting;\n\n return (\n <div className={classnames([\"neeto-ui-action-block__wrapper\", className])}>\n <SubmitButton\n data-cy=\"save-changes-button\"\n data-test-id=\"save-changes-button\"\n disabled={isSubmitting || !dirty}\n label=\"Save changes\"\n loading={isSubmitting}\n style=\"primary\"\n type=\"submit\"\n {...submitButtonProps}\n />\n <Button\n data-cy=\"cancel-button\"\n data-test-id=\"cancel-button\"\n disabled={isSubmitting}\n label=\"Cancel\"\n style=\"text\"\n onClick={handleReset}\n onMouseDown={e => e.preventDefault()}\n {...cancelButtonProps}\n />\n </div>\n );\n};\n\nActionBlock.propTypes = {\n /**\n * To specify additional classnames for action block.\n */\n className: PropTypes.string,\n /**\n * To provide props for submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To provide props for cancel button.\n */\n cancelButtonProps: PropTypes.object,\n /**\n * Optional prop to specify the state of form submission, typically used to provide React Query mutation loading state. If not provided, Formik's `isSubmitting` prop is used.\n */\n isSubmitting: PropTypes.bool,\n};\n\nexport default ActionBlock;\n"],"names":["ActionBlock","_ref","className","submitButtonProps","cancelButtonProps","isFormSubmitting","isSubmitting","_useFormikContext","useFormikContext","handleReset","isFormikSubmitting","dirty","React","createElement","classnames","SubmitButton","_extends","disabled","label","loading","style","type","Button","onClick","onMouseDown","e","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAKX;AAAA,EAAA,IAJJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB;IACjBC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACHC,gBAAgB,GAAAJ,IAAA,CAA9BK,YAAY,CAAA;EAEZ,IAAAC,iBAAA,GAIIC,uBAAgB,EAAE;IAHpBC,WAAW,GAAAF,iBAAA,CAAXE,WAAW;IACGC,kBAAkB,GAAAH,iBAAA,CAAhCD,YAAY;IACZK,KAAK,GAAAJ,iBAAA,CAALI,KAAK,CAAA;EAGP,IAAML,YAAY,GAAGD,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,gBAAgB,GAAIK,kBAAkB,CAAA;EAE3D,oBACEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAEY,gBAAU,CAAC,CAAC,gCAAgC,EAAEZ,SAAS,CAAC,CAAA;AAAE,GAAA,eACxEU,yBAAA,CAAAC,aAAA,CAACE,aAAY,EAAAC,iBAAA,CAAA;AACX,IAAA,SAAA,EAAQ,qBAAqB;AAC7B,IAAA,cAAA,EAAa,qBAAqB;AAClCC,IAAAA,QAAQ,EAAEX,YAAY,IAAI,CAACK,KAAM;AACjCO,IAAAA,KAAK,EAAC,cAAc;AACpBC,IAAAA,OAAO,EAAEb,YAAa;AACtBc,IAAAA,KAAK,EAAC,SAAS;AACfC,IAAAA,IAAI,EAAC,QAAA;GACDlB,EAAAA,iBAAiB,EACrB,eACFS,yBAAA,CAAAC,aAAA,CAACS,MAAM,EAAAN,iBAAA,CAAA;AACL,IAAA,SAAA,EAAQ,eAAe;AACvB,IAAA,cAAA,EAAa,eAAe;AAC5BC,IAAAA,QAAQ,EAAEX,YAAa;AACvBY,IAAAA,KAAK,EAAC,QAAQ;AACdE,IAAAA,KAAK,EAAC,MAAM;AACZG,IAAAA,OAAO,EAAEd,WAAY;IACrBe,WAAW,EAAE,SAAAA,WAAAA,CAAAC,CAAC,EAAA;MAAA,OAAIA,CAAC,CAACC,cAAc,EAAE,CAAA;AAAA,KAAA;GAChCtB,EAAAA,iBAAiB,EACrB,CACE,CAAA;AAEV;;;;"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('../extends-1b35a664.js');
|
|
4
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var formik = require('formik');
|
|
7
|
+
var Alert = require('../Alert.js');
|
|
8
|
+
var slicedToArray = require('../slicedToArray-732a2048.js');
|
|
9
|
+
var reactRouterDom = require('react-router-dom');
|
|
10
|
+
require('../index-a8cc581e.js');
|
|
11
|
+
require('../overlayManager.js');
|
|
12
|
+
require('../index-6e09c7bc.js');
|
|
13
|
+
require('../Button.js');
|
|
14
|
+
require('../defineProperty-ee86604b.js');
|
|
15
|
+
require('../toPropertyKey-bfa2e465.js');
|
|
16
|
+
require('../index-302c3d37.js');
|
|
17
|
+
require('framer-motion');
|
|
18
|
+
require('../index-773961dd.js');
|
|
19
|
+
require('tippy.js');
|
|
20
|
+
require('react-dom');
|
|
21
|
+
require('../Modal.js');
|
|
22
|
+
require('@bigbinary/neeto-icons');
|
|
23
|
+
require('../useOverlayManager-359ed795.js');
|
|
24
|
+
require('../index-63580e68.js');
|
|
25
|
+
require('ramda');
|
|
26
|
+
require('../Typography.js');
|
|
27
|
+
require('../createClass-80e17c6a.js');
|
|
28
|
+
require('@bigbinary/neeto-cist');
|
|
29
|
+
require('util');
|
|
30
|
+
|
|
31
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
32
|
+
|
|
33
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
34
|
+
|
|
35
|
+
var useNavPrompt = function useNavPrompt(_ref) {
|
|
36
|
+
var _ref$shouldBlock = _ref.shouldBlock,
|
|
37
|
+
shouldBlock = _ref$shouldBlock === void 0 ? true : _ref$shouldBlock;
|
|
38
|
+
var _useState = React.useState(false),
|
|
39
|
+
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
40
|
+
isBlocked = _useState2[0],
|
|
41
|
+
setIsBlocked = _useState2[1];
|
|
42
|
+
var history = reactRouterDom.useHistory();
|
|
43
|
+
var unblockRef = React.useRef();
|
|
44
|
+
var navRef = React.useRef();
|
|
45
|
+
var continueNavigation = function continueNavigation() {
|
|
46
|
+
if (isBlocked && unblockRef.current) {
|
|
47
|
+
var _unblockRef$current;
|
|
48
|
+
(_unblockRef$current = unblockRef.current) === null || _unblockRef$current === void 0 || _unblockRef$current.call(unblockRef);
|
|
49
|
+
setIsBlocked(false);
|
|
50
|
+
if (navRef.current) {
|
|
51
|
+
var _navRef$current = navRef.current,
|
|
52
|
+
action = _navRef$current.action,
|
|
53
|
+
transition = _navRef$current.transition;
|
|
54
|
+
handleNavigation(action, transition);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
var hidePrompt = function hidePrompt() {
|
|
59
|
+
return setIsBlocked(false);
|
|
60
|
+
};
|
|
61
|
+
var handleNavigation = function handleNavigation(action, transition) {
|
|
62
|
+
switch (action) {
|
|
63
|
+
case "PUSH":
|
|
64
|
+
history.push(transition);
|
|
65
|
+
break;
|
|
66
|
+
case "REPLACE":
|
|
67
|
+
history.replace(transition);
|
|
68
|
+
break;
|
|
69
|
+
case "POP":
|
|
70
|
+
history.goBack();
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
React.useEffect(function () {
|
|
75
|
+
if (shouldBlock) {
|
|
76
|
+
unblockRef.current = history.block(function (transition, action) {
|
|
77
|
+
setIsBlocked(true);
|
|
78
|
+
navRef.current = {
|
|
79
|
+
transition: transition,
|
|
80
|
+
action: action
|
|
81
|
+
};
|
|
82
|
+
return false;
|
|
83
|
+
});
|
|
84
|
+
return function () {
|
|
85
|
+
if (unblockRef.current) {
|
|
86
|
+
unblockRef.current();
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
return undefined;
|
|
91
|
+
}, [shouldBlock]);
|
|
92
|
+
return {
|
|
93
|
+
isBlocked: isBlocked,
|
|
94
|
+
continueNavigation: continueNavigation,
|
|
95
|
+
hidePrompt: hidePrompt
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
var _excluded = ["isDirty"];
|
|
100
|
+
var BlockNavigation = function BlockNavigation(_ref) {
|
|
101
|
+
var _ref$isDirty = _ref.isDirty,
|
|
102
|
+
isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
|
|
103
|
+
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
104
|
+
var formikContext = formik.useFormikContext();
|
|
105
|
+
var shouldBlock = isDirty || Boolean(formikContext) && Boolean(formikContext.dirty);
|
|
106
|
+
var _useNavPrompt = useNavPrompt({
|
|
107
|
+
shouldBlock: shouldBlock
|
|
108
|
+
}),
|
|
109
|
+
isBlocked = _useNavPrompt.isBlocked,
|
|
110
|
+
continueNavigation = _useNavPrompt.continueNavigation,
|
|
111
|
+
hidePrompt = _useNavPrompt.hidePrompt;
|
|
112
|
+
var continueAction = function continueAction() {
|
|
113
|
+
if (formikContext) formikContext.resetForm();
|
|
114
|
+
continueNavigation();
|
|
115
|
+
};
|
|
116
|
+
return /*#__PURE__*/React__default["default"].createElement(Alert, _extends._extends({
|
|
117
|
+
isOpen: isBlocked,
|
|
118
|
+
message: "All of your unsaved changes will be lost. This can't be undone.",
|
|
119
|
+
submitButtonLabel: "Discard changes",
|
|
120
|
+
title: "You have unsaved changes",
|
|
121
|
+
onClose: hidePrompt,
|
|
122
|
+
onSubmit: continueAction
|
|
123
|
+
}, otherProps));
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
module.exports = BlockNavigation;
|
|
127
|
+
//# sourceMappingURL=BlockNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockNavigation.js","sources":["../../../src/hooks/useNavPrompt.js","../../../src/formik/BlockNavigation.jsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\nconst useNavPrompt = ({ shouldBlock = true }) => {\n const [isBlocked, setIsBlocked] = useState(false);\n\n const history = useHistory();\n const unblockRef = useRef();\n const navRef = useRef();\n\n const continueNavigation = () => {\n if (isBlocked && unblockRef.current) {\n unblockRef.current?.();\n setIsBlocked(false);\n if (navRef.current) {\n const { action, transition } = navRef.current;\n handleNavigation(action, transition);\n }\n }\n };\n\n const hidePrompt = () => setIsBlocked(false);\n\n const handleNavigation = (action, transition) => {\n switch (action) {\n case \"PUSH\":\n history.push(transition);\n break;\n case \"REPLACE\":\n history.replace(transition);\n break;\n case \"POP\":\n history.goBack();\n break;\n }\n };\n\n useEffect(() => {\n if (shouldBlock) {\n unblockRef.current = history.block((transition, action) => {\n setIsBlocked(true);\n navRef.current = { transition, action };\n\n return false;\n });\n\n return () => {\n if (unblockRef.current) {\n unblockRef.current();\n }\n };\n }\n\n return undefined;\n }, [shouldBlock]);\n\n return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport default useNavPrompt;\n","import React from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Alert from \"components/Alert\";\nimport { useNavPrompt } from \"hooks\";\n\nconst BlockNavigation = ({ isDirty = false, ...otherProps }) => {\n const formikContext = useFormikContext();\n const shouldBlock =\n isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n shouldBlock,\n });\n\n const continueAction = () => {\n if (formikContext) formikContext.resetForm();\n continueNavigation();\n };\n\n return (\n <Alert\n isOpen={isBlocked}\n message=\"All of your unsaved changes will be lost. This can't be undone.\"\n submitButtonLabel=\"Discard changes\"\n title=\"You have unsaved changes\"\n onClose={hidePrompt}\n onSubmit={continueAction}\n {...otherProps}\n />\n );\n};\n\nBlockNavigation.propTypes = {\n isDirty: PropTypes.bool,\n message: PropTypes.string,\n title: PropTypes.string,\n submitButtonLabel: PropTypes.string,\n};\n\nexport default BlockNavigation;\n"],"names":["useNavPrompt","_ref","_ref$shouldBlock","shouldBlock","_useState","useState","_useState2","_slicedToArray","isBlocked","setIsBlocked","history","useHistory","unblockRef","useRef","navRef","continueNavigation","current","_unblockRef$current","call","_navRef$current","action","transition","handleNavigation","hidePrompt","push","replace","goBack","useEffect","block","undefined","BlockNavigation","_ref$isDirty","isDirty","otherProps","_objectWithoutProperties","_excluded","formikContext","useFormikContext","Boolean","dirty","_useNavPrompt","continueAction","resetForm","React","createElement","Alert","_extends","isOpen","message","submitButtonLabel","title","onClose","onSubmit"],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('../extends-1b35a664.js');
|
|
4
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var formik = require('formik');
|
|
7
|
+
var ramda = require('ramda');
|
|
8
|
+
var Button = require('../Button.js');
|
|
9
|
+
require('../defineProperty-ee86604b.js');
|
|
10
|
+
require('../toPropertyKey-bfa2e465.js');
|
|
11
|
+
require('../index-302c3d37.js');
|
|
12
|
+
require('framer-motion');
|
|
13
|
+
require('react-router-dom');
|
|
14
|
+
require('../index-773961dd.js');
|
|
15
|
+
require('../slicedToArray-732a2048.js');
|
|
16
|
+
require('tippy.js');
|
|
17
|
+
require('react-dom');
|
|
18
|
+
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
+
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
|
|
23
|
+
var _excluded = ["disabled"];
|
|
24
|
+
var FormikButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
25
|
+
var disabled = _ref.disabled,
|
|
26
|
+
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
27
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
28
|
+
handleSubmit = _useFormikContext.handleSubmit,
|
|
29
|
+
isSubmitting = _useFormikContext.isSubmitting,
|
|
30
|
+
values = _useFormikContext.values,
|
|
31
|
+
initialValues = _useFormikContext.initialValues,
|
|
32
|
+
isValid = _useFormikContext.isValid;
|
|
33
|
+
var isDisabled = disabled !== null && disabled !== void 0 ? disabled : isSubmitting || ramda.equals(values, initialValues);
|
|
34
|
+
return /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
|
|
35
|
+
ref: ref,
|
|
36
|
+
disabled: isDisabled,
|
|
37
|
+
loading: isSubmitting && isValid,
|
|
38
|
+
onClick: handleSubmit
|
|
39
|
+
}, otherProps));
|
|
40
|
+
});
|
|
41
|
+
FormikButton.displayName = "FormikButton";
|
|
42
|
+
|
|
43
|
+
module.exports = FormikButton;
|
|
44
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/formik/Button.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport Button from \"components/Button\";\n\nconst FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {\n const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n useFormikContext();\n\n const isDisabled =\n disabled ?? (isSubmitting || equals(values, initialValues));\n\n return (\n <Button\n {...{ ref }}\n disabled={isDisabled}\n loading={isSubmitting && isValid}\n onClick={handleSubmit}\n {...otherProps}\n />\n );\n});\n\nFormikButton.displayName = \"FormikButton\";\n\nexport default FormikButton;\n"],"names":["FormikButton","forwardRef","_ref","ref","disabled","otherProps","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","handleSubmit","isSubmitting","values","initialValues","isValid","isDisabled","equals","React","createElement","Button","_extends","loading","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA8BC,GAAG,EAAK;AAAA,EAAA,IAAnCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EACxD,IAAAC,iBAAA,GACEC,uBAAgB,EAAE;IADZC,YAAY,GAAAF,iBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IAAEC,MAAM,GAAAJ,iBAAA,CAANI,MAAM;IAAEC,aAAa,GAAAL,iBAAA,CAAbK,aAAa;IAAEC,OAAO,GAAAN,iBAAA,CAAPM,OAAO,CAAA;AAGlE,EAAA,IAAMC,UAAU,GACdX,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,QAAQ,GAAKO,YAAY,IAAIK,YAAM,CAACJ,MAAM,EAAEC,aAAa,CAAE,CAAA;AAE7D,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,iBAAA,CAAA;AACCjB,IAAAA,GAAG,EAAHA,GAAG;AACTC,IAAAA,QAAQ,EAAEW,UAAW;IACrBM,OAAO,EAAEV,YAAY,IAAIG,OAAQ;AACjCQ,IAAAA,OAAO,EAAEZ,YAAAA;AAAa,GAAA,EAClBL,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAACuB,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('../extends-1b35a664.js');
|
|
4
|
+
var defineProperty = require('../defineProperty-ee86604b.js');
|
|
5
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var formik = require('formik');
|
|
8
|
+
var index = require('../index-63580e68.js');
|
|
9
|
+
var Checkbox$1 = require('../Checkbox.js');
|
|
10
|
+
require('../toPropertyKey-bfa2e465.js');
|
|
11
|
+
require('../index-302c3d37.js');
|
|
12
|
+
require('../useId-4e3deb5c.js');
|
|
13
|
+
require('react-router-dom');
|
|
14
|
+
require('../index-a8cc581e.js');
|
|
15
|
+
require('ramda');
|
|
16
|
+
require('../overlayManager.js');
|
|
17
|
+
require('../createClass-80e17c6a.js');
|
|
18
|
+
require('../index-6e09c7bc.js');
|
|
19
|
+
require('../slicedToArray-732a2048.js');
|
|
20
|
+
require('@bigbinary/neeto-cist');
|
|
21
|
+
require('util');
|
|
22
|
+
require('../Label.js');
|
|
23
|
+
require('@bigbinary/neeto-icons');
|
|
24
|
+
require('../index-773961dd.js');
|
|
25
|
+
require('tippy.js');
|
|
26
|
+
require('react-dom');
|
|
27
|
+
|
|
28
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
|
+
|
|
30
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
+
|
|
32
|
+
var _excluded = ["name"];
|
|
33
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
+
var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
36
|
+
var name = _ref.name,
|
|
37
|
+
rest = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
38
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
|
|
39
|
+
name: name
|
|
40
|
+
}, function (_ref2) {
|
|
41
|
+
var field = _ref2.field,
|
|
42
|
+
meta = _ref2.meta;
|
|
43
|
+
return /*#__PURE__*/React__default["default"].createElement(Checkbox$1, _extends._extends({
|
|
44
|
+
checked: field.value
|
|
45
|
+
}, _objectSpread(_objectSpread({}, field), {}, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), {
|
|
48
|
+
error: meta.touched ? meta.error : ""
|
|
49
|
+
}, rest));
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
Checkbox.displayName = "Checkbox";
|
|
53
|
+
Checkbox.propTypes = {
|
|
54
|
+
/**
|
|
55
|
+
* The name of the Checkbox.
|
|
56
|
+
*/
|
|
57
|
+
name: index.propTypes.exports.string
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
module.exports = Checkbox;
|
|
61
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta }) => (\n <CheckboxField\n checked={field.value}\n {...{ ...field, ref }}\n error={meta.touched ? meta.error : \"\"}\n {...rest}\n />\n )}\n </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * The name of the Checkbox.\n */\n name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","CheckboxField","_extends","checked","value","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;AAAA,IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,UAAa,EAAAC,iBAAA,CAAA;MACZC,OAAO,EAAEJ,KAAK,CAACK,KAAAA;AAAM,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZN,KAAK,CAAA,EAAA,EAAA,EAAA;AAAET,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACnBgB,KAAK,EAAEN,IAAI,CAACO,OAAO,GAAGP,IAAI,CAACM,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCd,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAACqB,WAAW,GAAG,UAAU,CAAA;AAEjCrB,QAAQ,CAACsB,SAAS,GAAG;AACnB;AACF;AACA;EACElB,IAAI,EAAEmB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var formik = require('formik');
|
|
5
|
+
var index$1 = require('../index-63580e68.js');
|
|
6
|
+
var _extends = require('../extends-1b35a664.js');
|
|
7
|
+
var index = require('../index-5d74cfeb.js');
|
|
8
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
9
|
+
var toConsumableArray = require('../toConsumableArray-418424fc.js');
|
|
10
|
+
var slicedToArray = require('../slicedToArray-732a2048.js');
|
|
11
|
+
var ramda = require('ramda');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
|
|
17
|
+
var transformObjectToDotNotation = function transformObjectToDotNotation(object) {
|
|
18
|
+
var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
19
|
+
var result = [];
|
|
20
|
+
Object.entries(object).forEach(function (_ref) {
|
|
21
|
+
var _ref2 = slicedToArray._slicedToArray(_ref, 2),
|
|
22
|
+
key = _ref2[0],
|
|
23
|
+
value = _ref2[1];
|
|
24
|
+
if (!value) return;
|
|
25
|
+
var nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
|
|
26
|
+
if (ramda.is(Object, value)) {
|
|
27
|
+
result.push.apply(result, toConsumableArray._toConsumableArray(transformObjectToDotNotation(value, nextKey)));
|
|
28
|
+
} else {
|
|
29
|
+
result.push(nextKey);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
var getErrorFieldName = function getErrorFieldName(formikErrors) {
|
|
35
|
+
var _transformObjectToDot;
|
|
36
|
+
return (_transformObjectToDot = transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
|
|
37
|
+
};
|
|
38
|
+
var scrollToError = function scrollToError(formRef, errors) {
|
|
39
|
+
var fieldErrorName = getErrorFieldName(errors);
|
|
40
|
+
if (!fieldErrorName) return;
|
|
41
|
+
var errorFormElement = formRef.current.querySelector("[name=\"".concat(fieldErrorName, "\"]"));
|
|
42
|
+
errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
|
|
43
|
+
behavior: "smooth",
|
|
44
|
+
block: "center"
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
var ScrollToErrorField = function ScrollToErrorField(_ref) {
|
|
49
|
+
var formRef = _ref.formRef;
|
|
50
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
51
|
+
submitCount = _useFormikContext.submitCount,
|
|
52
|
+
isValid = _useFormikContext.isValid,
|
|
53
|
+
errors = _useFormikContext.errors;
|
|
54
|
+
React.useEffect(function () {
|
|
55
|
+
if (!formRef.current || isValid) return;
|
|
56
|
+
scrollToError(formRef, errors);
|
|
57
|
+
}, [submitCount]);
|
|
58
|
+
return null;
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
var _excluded = ["values", "validateForm", "setErrors", "setTouched"];
|
|
62
|
+
var FormWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
63
|
+
var className = _ref.className,
|
|
64
|
+
formProps = _ref.formProps,
|
|
65
|
+
children = _ref.children,
|
|
66
|
+
onSubmit = _ref.onSubmit,
|
|
67
|
+
scrollToErrorField = _ref.scrollToErrorField;
|
|
68
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
69
|
+
values = _useFormikContext.values,
|
|
70
|
+
validateForm = _useFormikContext.validateForm,
|
|
71
|
+
setErrors = _useFormikContext.setErrors,
|
|
72
|
+
setTouched = _useFormikContext.setTouched,
|
|
73
|
+
formikBag = objectWithoutProperties._objectWithoutProperties(_useFormikContext, _excluded);
|
|
74
|
+
var isFormDirty = formikBag.dirty,
|
|
75
|
+
isSubmitting = formikBag.isSubmitting;
|
|
76
|
+
var formRefForScrollToErrorField = React.useRef();
|
|
77
|
+
var formRef = ref || formRefForScrollToErrorField;
|
|
78
|
+
var handleKeyDown = React.useCallback( /*#__PURE__*/function () {
|
|
79
|
+
var _ref2 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(event) {
|
|
80
|
+
var isEventFromEditorOrTextarea, errors;
|
|
81
|
+
return index.regenerator.wrap(function _callee$(_context) {
|
|
82
|
+
while (1) switch (_context.prev = _context.next) {
|
|
83
|
+
case 0:
|
|
84
|
+
isEventFromEditorOrTextarea = event.target.tagName === "TEXTAREA" || event.target.editor;
|
|
85
|
+
if (!(event.key !== "Enter")) {
|
|
86
|
+
_context.next = 3;
|
|
87
|
+
break;
|
|
88
|
+
}
|
|
89
|
+
return _context.abrupt("return");
|
|
90
|
+
case 3:
|
|
91
|
+
if (!(isEventFromEditorOrTextarea && !event.metaKey)) {
|
|
92
|
+
_context.next = 5;
|
|
93
|
+
break;
|
|
94
|
+
}
|
|
95
|
+
return _context.abrupt("return");
|
|
96
|
+
case 5:
|
|
97
|
+
event.preventDefault();
|
|
98
|
+
if (!event.shiftKey) {
|
|
99
|
+
_context.next = 8;
|
|
100
|
+
break;
|
|
101
|
+
}
|
|
102
|
+
return _context.abrupt("return");
|
|
103
|
+
case 8:
|
|
104
|
+
if (!(!isFormDirty || isSubmitting)) {
|
|
105
|
+
_context.next = 10;
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
return _context.abrupt("return");
|
|
109
|
+
case 10:
|
|
110
|
+
_context.prev = 10;
|
|
111
|
+
_context.next = 13;
|
|
112
|
+
return validateForm();
|
|
113
|
+
case 13:
|
|
114
|
+
errors = _context.sent;
|
|
115
|
+
if (Object.keys(errors).length > 0) {
|
|
116
|
+
setErrors(errors);
|
|
117
|
+
setTouched(errors);
|
|
118
|
+
scrollToErrorField && scrollToError(formRef, errors);
|
|
119
|
+
} else {
|
|
120
|
+
onSubmit(values, formikBag);
|
|
121
|
+
}
|
|
122
|
+
_context.next = 20;
|
|
123
|
+
break;
|
|
124
|
+
case 17:
|
|
125
|
+
_context.prev = 17;
|
|
126
|
+
_context.t0 = _context["catch"](10);
|
|
127
|
+
// eslint-disable-next-line no-console
|
|
128
|
+
console.error("An unhandled error was caught from validateForm()", _context.t0);
|
|
129
|
+
case 20:
|
|
130
|
+
case "end":
|
|
131
|
+
return _context.stop();
|
|
132
|
+
}
|
|
133
|
+
}, _callee, null, [[10, 17]]);
|
|
134
|
+
}));
|
|
135
|
+
return function (_x) {
|
|
136
|
+
return _ref2.apply(this, arguments);
|
|
137
|
+
};
|
|
138
|
+
}(), [values, validateForm, setErrors, setTouched, onSubmit, isFormDirty, isSubmitting]);
|
|
139
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Form, _extends._extends({
|
|
140
|
+
className: className,
|
|
141
|
+
noValidate: true,
|
|
142
|
+
"data-testid": "neeto-ui-form-wrapper",
|
|
143
|
+
ref: formRef,
|
|
144
|
+
onKeyDown: handleKeyDown
|
|
145
|
+
}, formProps), scrollToErrorField && /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
|
|
146
|
+
formRef: formRef
|
|
147
|
+
}), children);
|
|
148
|
+
});
|
|
149
|
+
FormWrapper.displayName = "FormWrapper";
|
|
150
|
+
|
|
151
|
+
var Form = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
152
|
+
var className = _ref.className,
|
|
153
|
+
children = _ref.children,
|
|
154
|
+
formikProps = _ref.formikProps,
|
|
155
|
+
formProps = _ref.formProps,
|
|
156
|
+
_ref$scrollToErrorFie = _ref.scrollToErrorField,
|
|
157
|
+
scrollToErrorField = _ref$scrollToErrorFie === void 0 ? false : _ref$scrollToErrorFie;
|
|
158
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Formik, formikProps, function (props) {
|
|
159
|
+
return /*#__PURE__*/React__default["default"].createElement(FormWrapper, {
|
|
160
|
+
className: className,
|
|
161
|
+
formProps: formProps,
|
|
162
|
+
ref: ref,
|
|
163
|
+
scrollToErrorField: scrollToErrorField,
|
|
164
|
+
onSubmit: formikProps === null || formikProps === void 0 ? void 0 : formikProps.onSubmit
|
|
165
|
+
}, typeof children === "function" ? children(props) : children);
|
|
166
|
+
});
|
|
167
|
+
});
|
|
168
|
+
Form.displayName = "Form";
|
|
169
|
+
Form.propTypes = {
|
|
170
|
+
/**
|
|
171
|
+
* Pass a function to render children or pass the children directly
|
|
172
|
+
**/
|
|
173
|
+
children: index$1.propTypes.exports.node,
|
|
174
|
+
/**
|
|
175
|
+
* Additional classnames to be passed to the form wrapper
|
|
176
|
+
**/
|
|
177
|
+
className: index$1.propTypes.exports.string,
|
|
178
|
+
/**
|
|
179
|
+
* Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`
|
|
180
|
+
* Refer to the Formik docs for more details
|
|
181
|
+
* https://formik.org/docs/api/formik
|
|
182
|
+
**/
|
|
183
|
+
formikProps: index$1.propTypes.exports.object,
|
|
184
|
+
/**
|
|
185
|
+
* Props to be passed to the form element like `className`.
|
|
186
|
+
* Refer to the Formik docs for more details
|
|
187
|
+
* https://formik.org/docs/api/form
|
|
188
|
+
**/
|
|
189
|
+
formProps: index$1.propTypes.exports.object,
|
|
190
|
+
/**
|
|
191
|
+
* Props to be passed for scrolling to error field on submit button click.
|
|
192
|
+
**/
|
|
193
|
+
scrollToErrorField: index$1.propTypes.exports.bool
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
module.exports = Form;
|
|
197
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +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 { 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 scrollToError = (formRef, errors) => {\n const fieldErrorName = getErrorFieldName(errors);\n if (!fieldErrorName) return;\n\n const errorFormElement = formRef.current.querySelector(\n `[name=\"${fieldErrorName}\"]`\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 { scrollToError } from \"./utils\";\n\nconst ScrollToErrorField = ({ formRef }) => {\n const { submitCount, isValid, errors } = useFormikContext();\n\n useEffect(() => {\n if (!formRef.current || isValid) return;\n\n scrollToError(formRef, errors);\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 { scrollToError } from \"./ScrollToErrorField/utils\";\n\nconst FormWrapper = forwardRef(\n ({ className, formProps, children, onSubmit, scrollToErrorField }, ref) => {\n const { values, validateForm, setErrors, setTouched, ...formikBag } =\n useFormikContext();\n\n const { dirty: isFormDirty, isSubmitting } = 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\n if (Object.keys(errors).length > 0) {\n setErrors(errors);\n setTouched(errors);\n scrollToErrorField && scrollToError(formRef, errors);\n } else {\n onSubmit(values, formikBag);\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 values,\n validateForm,\n setErrors,\n setTouched,\n onSubmit,\n isFormDirty,\n isSubmitting,\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 onSubmit: PropTypes.func,\n scrollToErrorField: PropTypes.bool,\n};\n\nexport default FormWrapper;\n","import React, { forwardRef } from \"react\";\n\nimport { Formik } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport FormWrapper from \"./FormWrapper\";\n\nconst Form = forwardRef(\n (\n { className, children, formikProps, formProps, scrollToErrorField = false },\n ref\n ) => (\n <Formik {...formikProps}>\n {props => (\n <FormWrapper\n {...{ className, formProps, ref, scrollToErrorField }}\n onSubmit={formikProps?.onSubmit}\n >\n {typeof children === \"function\" ? children(props) : children}\n </FormWrapper>\n )}\n </Formik>\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","scrollToError","formRef","errors","fieldErrorName","errorFormElement","current","querySelector","scrollIntoView","behavior","block","ScrollToErrorField","_useFormikContext","useFormikContext","submitCount","isValid","useEffect","FormWrapper","forwardRef","ref","className","formProps","children","onSubmit","scrollToErrorField","values","validateForm","setErrors","setTouched","formikBag","_objectWithoutProperties","_excluded","isFormDirty","dirty","isSubmitting","formRefForScrollToErrorField","useRef","handleKeyDown","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","isEventFromEditorOrTextarea","wrap","_callee$","_context","prev","next","target","tagName","editor","abrupt","metaKey","preventDefault","shiftKey","sent","keys","t0","console","error","stop","_x","React","createElement","FormikForm","_extends","noValidate","onKeyDown","displayName","Form","formikProps","_ref$scrollToErrorFie","Formik","props","propTypes","PropTypes","node","string","bool"],"mappings":"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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('../extends-1b35a664.js');
|
|
4
|
+
var defineProperty = require('../defineProperty-ee86604b.js');
|
|
5
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var formik = require('formik');
|
|
8
|
+
var index = require('../index-63580e68.js');
|
|
9
|
+
var Input = require('../Input.js');
|
|
10
|
+
require('../toPropertyKey-bfa2e465.js');
|
|
11
|
+
require('../slicedToArray-732a2048.js');
|
|
12
|
+
require('../index-302c3d37.js');
|
|
13
|
+
require('ramda');
|
|
14
|
+
require('../useId-4e3deb5c.js');
|
|
15
|
+
require('react-router-dom');
|
|
16
|
+
require('../index-a8cc581e.js');
|
|
17
|
+
require('../overlayManager.js');
|
|
18
|
+
require('../createClass-80e17c6a.js');
|
|
19
|
+
require('../index-6e09c7bc.js');
|
|
20
|
+
require('@bigbinary/neeto-cist');
|
|
21
|
+
require('util');
|
|
22
|
+
require('../Label.js');
|
|
23
|
+
require('@bigbinary/neeto-icons');
|
|
24
|
+
require('../index-773961dd.js');
|
|
25
|
+
require('tippy.js');
|
|
26
|
+
require('react-dom');
|
|
27
|
+
|
|
28
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
|
+
|
|
30
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
+
|
|
32
|
+
var _excluded = ["name"];
|
|
33
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
+
var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
36
|
+
var name = _ref.name,
|
|
37
|
+
rest = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
38
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
|
|
39
|
+
name: name
|
|
40
|
+
}, function (_ref2) {
|
|
41
|
+
var field = _ref2.field,
|
|
42
|
+
meta = _ref2.meta;
|
|
43
|
+
return /*#__PURE__*/React__default["default"].createElement(Input, _extends._extends({}, _objectSpread({
|
|
44
|
+
ref: ref
|
|
45
|
+
}, field), {
|
|
46
|
+
error: meta.touched ? meta.error : ""
|
|
47
|
+
}, rest));
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
FormikInput.displayName = "FormikInput";
|
|
51
|
+
FormikInput.propTypes = {
|
|
52
|
+
/**
|
|
53
|
+
* The name of the input field.
|
|
54
|
+
*/
|
|
55
|
+
name: index.propTypes.exports.string
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
module.exports = FormikInput;
|
|
59
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta }) => (\n <Input\n {...{ ref, ...field }}\n error={meta.touched ? meta.error : \"\"}\n {...rest}\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","React","createElement","Field","_ref2","field","meta","Input","_extends","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,KAAK,EAAAC,iBAAA,KAAAC,aAAA,CAAA;AACEb,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKS,KAAK,CAAA,EAAA;MACnBK,KAAK,EAAEJ,IAAI,CAACK,OAAO,GAAGL,IAAI,CAACI,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCZ,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAACmB,WAAW,GAAG,aAAa,CAAA;AAEvCnB,WAAW,CAACoB,SAAS,GAAG;AACtB;AACF;AACA;EACEhB,IAAI,EAAEiB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('../extends-1b35a664.js');
|
|
4
|
+
var slicedToArray = require('../slicedToArray-732a2048.js');
|
|
5
|
+
var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var formik = require('formik');
|
|
8
|
+
var MultiEmailInput = require('../MultiEmailInput.js');
|
|
9
|
+
require('../defineProperty-ee86604b.js');
|
|
10
|
+
require('../toPropertyKey-bfa2e465.js');
|
|
11
|
+
require('../toConsumableArray-418424fc.js');
|
|
12
|
+
require('../index-302c3d37.js');
|
|
13
|
+
require('ramda');
|
|
14
|
+
require('react-select/creatable');
|
|
15
|
+
require('../index-6e09c7bc.js');
|
|
16
|
+
require('../createClass-80e17c6a.js');
|
|
17
|
+
require('@bigbinary/neeto-cist');
|
|
18
|
+
require('util');
|
|
19
|
+
require('@bigbinary/neeto-icons');
|
|
20
|
+
require('react-select');
|
|
21
|
+
require('../Tag.js');
|
|
22
|
+
require('../Label.js');
|
|
23
|
+
require('../index-773961dd.js');
|
|
24
|
+
require('tippy.js');
|
|
25
|
+
require('react-dom');
|
|
26
|
+
|
|
27
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
28
|
+
|
|
29
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
30
|
+
|
|
31
|
+
var _excluded = ["name"];
|
|
32
|
+
var FormikMultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
33
|
+
var name = _ref.name,
|
|
34
|
+
otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
var _useField = formik.useField(name),
|
|
36
|
+
_useField2 = slicedToArray._slicedToArray(_useField, 3),
|
|
37
|
+
field = _useField2[0],
|
|
38
|
+
meta = _useField2[1],
|
|
39
|
+
_useField2$ = _useField2[2],
|
|
40
|
+
setValue = _useField2$.setValue,
|
|
41
|
+
setTouched = _useField2$.setTouched;
|
|
42
|
+
return /*#__PURE__*/React__default["default"].createElement(MultiEmailInput, _extends._extends({
|
|
43
|
+
ref: ref,
|
|
44
|
+
error: meta.touched ? meta.error : "",
|
|
45
|
+
name: field.name,
|
|
46
|
+
value: field.value,
|
|
47
|
+
onBlur: function onBlur() {
|
|
48
|
+
return setTouched(true);
|
|
49
|
+
},
|
|
50
|
+
onChange: function onChange(value) {
|
|
51
|
+
return setValue(value);
|
|
52
|
+
}
|
|
53
|
+
}, otherProps));
|
|
54
|
+
});
|
|
55
|
+
FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
|
|
56
|
+
|
|
57
|
+
module.exports = FormikMultiEmailInput;
|
|
58
|
+
//# sourceMappingURL=MultiEmailInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n return (\n <EmailInput\n {...{ ref }}\n error={meta.touched ? meta.error : \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => setValue(value)}\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","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,qBAAqB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,4BAAA,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,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,iBAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;IACTkB,KAAK,EAAER,IAAI,CAACS,OAAO,GAAGT,IAAI,CAACQ,KAAK,GAAG,EAAG;IACtCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBmB,KAAK,EAAEX,KAAK,CAACW,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMR,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BS,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIR,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BlB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAAC0B,WAAW,GAAG,uBAAuB;;;;"}
|