@startlibs/form 1.0.11 → 1.1.0

package/lib/index.mjs

@@ -0,0 +1,28 @@
+export { ComponentMetaContext, Form, FormContext, WithForm, getFormResponse, getFormValues, useForm, useFormMeta, useFormValue, useFormValueRef, withForm, withForm2 } from './Form.mjs';
+export { EnhanceInput, PathContext, enhanceInput, enhancedInputDisplayName, useInput } from './enhanceInput.mjs';
+export { BellowFieldDescription, Field, FieldDescription, HelpText } from './Field.mjs';
+export { FieldBox, FieldBoxAction, FieldBoxHelpText, FieldBoxIcon } from './FieldBox.mjs';
+export { ConfirmDialog, FormDialog, useConfirmDialog, useConfirmDialogWithProps } from './useConfirmDialog.mjs';
+export { FloatLabelTextInput, TextInput, useTextInput } from './TextInput.mjs';
+export { ErrorFilterProvider, Errors, ErrorsContext, useErrors, useErrorsUtils, useHasError, useProvideErrors, useTransientErrorHelper } from './Errors.mjs';
+export { FileInput, WithFileInput, WithImageInput } from './withFormImageInput.mjs';
+export { Checkbox } from './Checkbox.mjs';
+export { Combobox, ComboboxInput, ComboboxMenu, NO_DIGITABLE_FOUND, Option, SEPARATOR } from './Combobox.mjs';
+export { ComboboxWithCustom } from './ComboboxWithCustom.mjs';
+export { AutoComplete, AutoCompleteTextbox } from './AutoComplete.mjs';
+export { ConfirmEditableBoxes, EditableBox } from './EditableBox.mjs';
+export { FormMeta, FormValue, IfFormMeta, IfFormValue, IfFormValueUpdate, LazyFormValues, SwitchOnFormValue } from './FormValue.mjs';
+export { Radiobox } from './Radiobox.mjs';
+export { CheckboxGroup, InputboxGroup, RadioboxGroup } from './InputboxGroup.mjs';
+export { CALENDAR_LEVEL_DAY, CALENDAR_LEVEL_MONTH, CALENDAR_LEVEL_YEAR, DatePicker } from './DatePicker.mjs';
+export { ExpandableBox, PseudoExpandableBox, checkErrors } from './ExpandableBox.mjs';
+export { RichText, RichTextContainer, RichTextInput } from './RichText.mjs';
+export { IconRadioBox, IconRadioBoxIconContainer, IconRadioBoxText } from './alt/radiobox/IconRadioBox.mjs';
+export { SimpleCheckbox } from './alt/checkbox/SimpleCheckbox.mjs';
+export { ToggleCheckbox } from './alt/checkbox/ToggleCheckbox.mjs';
+export { TabButton, TabRadiobox } from './alt/radiobox/TabRadiobox.mjs';
+export { CleanTabRadiobox, Tab } from './alt/radiobox/CleanTabRadiobox.mjs';
+export { SimpleRadiobox } from './alt/radiobox/SimpleRadiobox.mjs';
+export { useDraftConfirmation } from './useDraftConfirmation.mjs';
+export { validation } from './validation.mjs';
+//# sourceMappingURL=index.mjs.map

package/lib/index.mjs.map

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

package/lib/useConfirmDialog.mjs

@@ -0,0 +1,117 @@
+import _identity from 'lodash/fp/identity';
+import React from 'react';
+import { Errors } from './Errors.mjs';
+import { WithForm } from './Form.mjs';
+import { addExtraProp, callIfFunction, using } from '@startlibs/utils';
+import { useDialog, useDialogWithToggle, setNotification, Dialog, Button } from '@startlibs/components';
+
+const useConfirmDialog = (dialog, args, toggleCallback) => {
+  return useDialog(closeDialog => addExtraProp(callIfFunction(dialog, closeDialog), {
+    closeDialog
+  }), args, toggleCallback);
+};
+const useConfirmDialogWithProps = function (dialog, args) {
+  let {
+    overrideClose = true
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return useDialogWithToggle(toggle => addExtraProp(callIfFunction(dialog, toggle.isOpen, toggle.close), {
+    closeDialog: toggle.close
+  }, overrideClose), args);
+};
+const ConfirmDialog = _ref => {
+  let {
+    action = _identity,
+    onSuccess,
+    skipDom,
+    className,
+    closeDialog,
+    onClose,
+    skipCloseIcon,
+    cancelLabel = "Cancelar",
+    cancelButton = cancelLabel && /*#__PURE__*/React.createElement(Button, {
+      tabIndex: 2
+    }, cancelLabel),
+    onFailure,
+    title,
+    keepOnSuccess,
+    confirm,
+    formRef,
+    children,
+    preValidation,
+    onNonPreValidation,
+    values,
+    meta,
+    onChange,
+    alternativeButton,
+    notify,
+    confirmChanges,
+    auxiliarActions,
+    transform,
+    isLoading,
+    stickyFooter,
+    fullscreen,
+    fullscreenOnMobile,
+    alwaysSave = true,
+    skipErrors,
+    hidden,
+    skipCheckFocus
+  } = _ref;
+  const handleClose = React.useCallback(async () => {
+    if (onClose) await onClose().catch(console.error);
+    if (closeDialog) closeDialog();
+  }, [onClose, closeDialog]);
+  return /*#__PURE__*/React.createElement(WithForm, {
+    alwaysSave: alwaysSave,
+    ref: formRef,
+    preValidation: preValidation,
+    onNonPreValidation: onNonPreValidation,
+    values: values,
+    meta: meta,
+    action: action,
+    transform: transform,
+    onFailure: onFailure,
+    onChange: onChange,
+    onSuccess: function () {
+      for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+        props[_key] = arguments[_key];
+      }
+      return Promise.resolve(callIfFunction(onSuccess, ...props)).then(v => {
+        if (!keepOnSuccess) {
+          handleClose();
+        }
+        if (notify) {
+          setNotification(notify);
+        }
+        return v;
+      });
+    }
+  }, form => !hidden && /*#__PURE__*/React.createElement(Dialog, {
+    className: className,
+    title: title,
+    skipCheckFocus: skipCheckFocus,
+    skipCloseIcon: skipCloseIcon,
+    confirmChanges: confirmChanges,
+    isLoading: isLoading,
+    closeDialog: handleClose,
+    form: form,
+    stickyFooter: stickyFooter,
+    auxiliarActions: auxiliarActions,
+    fullscreen: fullscreen,
+    fullscreenOnMobile: fullscreenOnMobile,
+    footer: (cancelButton || alternativeButton || confirm) && /*#__PURE__*/React.createElement(React.Fragment, null, cancelButton && addExtraProp(callIfFunction(cancelButton, handleClose), {
+      onClick: handleClose
+    }, false), callIfFunction(alternativeButton, handleClose), confirm && using(callIfFunction(confirm, {
+      form,
+      isLoading
+    }))(c => c && addExtraProp(c, {
+      isLoading: form.isLoading,
+      type: "submit"
+    })))
+  }, callIfFunction(children, form), !skipErrors && /*#__PURE__*/React.createElement(Errors, {
+    autoScroll: true
+  })));
+};
+const FormDialog = ConfirmDialog;
+
+export { ConfirmDialog, FormDialog, useConfirmDialog, useConfirmDialogWithProps };
+//# sourceMappingURL=useConfirmDialog.mjs.map

package/lib/useConfirmDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmDialog.mjs","sources":["../src/useConfirmDialog.jsx"],"sourcesContent":["import React from 'react'\nimport _ from 'lodash/fp'\nimport {Errors} from './Errors'\nimport {WithForm} from './Form'\nimport {callIfFunction, addExtraProp, using} from '@startlibs/utils'\nimport {setNotification, Button, Dialog} from '@startlibs/components'\nimport {useDialogWithToggle, useDialog} from '@startlibs/components'\n\nexport const useConfirmDialog = (dialog, args, toggleCallback) => {\n  return useDialog((closeDialog) => addExtraProp(callIfFunction(dialog, closeDialog), {closeDialog}), args, toggleCallback)\n}\n\nexport const useConfirmDialogWithProps = (dialog, args, {overrideClose = true} = {}) => {\n  return useDialogWithToggle((toggle) => addExtraProp(callIfFunction(dialog, toggle.isOpen, toggle.close), {closeDialog: toggle.close}, overrideClose), args)\n}\n\nexport const ConfirmDialog = ({\n                                action = _.identity,\n                                onSuccess,\n  skipDom,\n                                className,\n                                closeDialog,\n                                onClose,\n                                skipCloseIcon,\n                                cancelLabel = \"Cancelar\",\n                                cancelButton = cancelLabel && <Button tabIndex={2}>{cancelLabel}</Button>,\n                                onFailure,\n                                title,\n                                keepOnSuccess,\n                                confirm,\n  formRef,\n                                children,\n                                preValidation,\n                                onNonPreValidation,\n                                values,meta,\n  onChange,\n                                alternativeButton,\n                                notify,\n                                confirmChanges,\n                                auxiliarActions,\n  transform,\n  isLoading,\n  stickyFooter,\n  fullscreen,\n  fullscreenOnMobile,\n  alwaysSave = true,skipErrors,\n  hidden,\n                                skipCheckFocus\n                              }) => {\n  const handleClose = React.useCallback(async () => {\n    if (onClose) await onClose().catch(console.error)\n    if (closeDialog) closeDialog()\n  }, [onClose, closeDialog])\n\n  return <WithForm\n    alwaysSave={alwaysSave}\n    ref={formRef}\n    preValidation={preValidation}\n    onNonPreValidation={onNonPreValidation}\n    values={values}\n    meta={meta}\n    action={action}\n    transform={transform}\n    onFailure={onFailure}\n    onChange={onChange}\n    onSuccess={(...props) =>\n      Promise.resolve(callIfFunction(onSuccess, ...props))\n        .then((v) => {\n          if (!keepOnSuccess) {\n            handleClose()\n          }\n          if (notify) {\n            setNotification(notify)\n          }\n          return v\n        })\n    }\n  >{form => !hidden &&\n    <Dialog\n      className={className}\n      title={title}\n      skipCheckFocus={skipCheckFocus}\n      skipCloseIcon={skipCloseIcon}\n      confirmChanges={confirmChanges}\n      isLoading={isLoading}\n      closeDialog={handleClose}\n      form={form}\n      stickyFooter={stickyFooter}\n      auxiliarActions={auxiliarActions}\n      fullscreen={fullscreen}\n      fullscreenOnMobile={fullscreenOnMobile}\n      footer={(cancelButton || alternativeButton || confirm) && <>\n        {cancelButton && addExtraProp(callIfFunction(cancelButton,handleClose),{onClick:handleClose},false)}\n        {callIfFunction(alternativeButton, handleClose)}\n        {confirm && using(callIfFunction(confirm,{form,isLoading}))( c => c && addExtraProp(c, {isLoading: form.isLoading, type: \"submit\"}))}\n      </>}\n    >\n      {callIfFunction(children,form)}\n      {!skipErrors && <Errors autoScroll/>}\n    </Dialog>\n  }</WithForm>\n}\n\n\nexport const FormDialog = ConfirmDialog"],"names":["useConfirmDialog","dialog","args","toggleCallback","useDialog","closeDialog","addExtraProp","callIfFunction","useConfirmDialogWithProps","overrideClose","arguments","length","undefined","useDialogWithToggle","toggle","isOpen","close","ConfirmDialog","_ref","action","_identity","onSuccess","skipDom","className","onClose","skipCloseIcon","cancelLabel","cancelButton","React","createElement","Button","tabIndex","onFailure","title","keepOnSuccess","confirm","formRef","children","preValidation","onNonPreValidation","values","meta","onChange","alternativeButton","notify","confirmChanges","auxiliarActions","transform","isLoading","stickyFooter","fullscreen","fullscreenOnMobile","alwaysSave","skipErrors","hidden","skipCheckFocus","handleClose","useCallback","catch","console","error","WithForm","ref","_len","props","Array","_key","Promise","resolve","then","v","setNotification","form","Dialog","footer","Fragment","onClick","using","c","type","Errors","autoScroll","FormDialog"],"mappings":"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"}

package/lib/useDraftConfirmation.mjs

@@ -0,0 +1,56 @@
+import _extends from '@babel/runtime/helpers/extends';
+import React, { useContext } from 'react';
+import { useToggle, useRefToggle, useRefState, StartlibsContext } from '@startlibs/core';
+import { callIfFunction } from '@startlibs/utils';
+
+const useDraftConfirmation = (submit, discard, meta) => {
+  const loading = useToggle();
+  const dialog = useToggle();
+  const draft = useRefToggle();
+  const promiseResolver = useRefState();
+  const startlibs = useContext(StartlibsContext);
+  const confirmation = function () {
+    let dialogType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'submit-draft';
+    let callback = arguments.length > 1 ? arguments[1] : undefined;
+    if (callIfFunction(draft.isOpen)) {
+      dialog.openWith(dialogType);
+      return new Promise(res => promiseResolver.set(() => r => {
+        dialog.close();
+        callIfFunction(callback, r);
+        res(r);
+      }));
+    } else {
+      return Promise.resolve();
+    }
+  };
+  const submitAndResolve = async () => {
+    loading.open();
+    try {
+      await submit();
+      callIfFunction(promiseResolver.get());
+    } catch (e) {} finally {
+      dialog.close();
+      loading.close();
+    }
+  };
+  const discardAndResolve = () => {
+    callIfFunction(discard);
+    callIfFunction(promiseResolver.get());
+  };
+  const Dialog = startlibs.dialogs[dialog.isOpen];
+  if (process.env.NODE_ENV !== 'production') {
+    if (dialog.isOpen && !Dialog) {
+      console.log("Dialog [".concat(dialogType, "] not registered in startlibs.dialogs"));
+    }
+  }
+  const feedback = dialog.isOpen ? /*#__PURE__*/React.createElement(Dialog, _extends({
+    submit: submitAndResolve,
+    discard: discardAndResolve,
+    isLoading: loading.isOpen,
+    cancel: dialog.close
+  }, meta)) : null;
+  return [feedback, draft, confirmation];
+};
+
+export { useDraftConfirmation };
+//# sourceMappingURL=useDraftConfirmation.mjs.map

package/lib/useDraftConfirmation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraftConfirmation.mjs","sources":["../src/useDraftConfirmation.jsx"],"sourcesContent":["import React, {useContext} from 'react'\nimport {useToggle, useRefToggle, StartlibsContext, useRefState} from '@startlibs/core'\nimport {callIfFunction} from '@startlibs/utils'\n\nexport const useDraftConfirmation = (submit, discard, meta) => {\n  const loading = useToggle()\n  const dialog = useToggle()\n  const draft = useRefToggle()\n  const promiseResolver = useRefState()\n  const startlibs = useContext(StartlibsContext)\n\n  const confirmation = (dialogType = 'submit-draft', callback) => {\n    if (callIfFunction(draft.isOpen)) {\n      dialog.openWith(dialogType)\n      return new Promise((res) =>\n        promiseResolver.set(() => (r) => {\n          dialog.close()\n          callIfFunction(callback,r)\n          res(r)\n        }))\n    } else {\n      return Promise.resolve()\n    }\n  }\n\n\n  const submitAndResolve = async () => {\n    loading.open()\n     try {\n      await submit()\n      callIfFunction(promiseResolver.get())\n    } catch (e) { } finally {\n      dialog.close()\n      loading.close()\n    }\n  }\n\n  const discardAndResolve = () => {\n    callIfFunction(discard)\n    callIfFunction(promiseResolver.get())\n  }\n\n  const Dialog = startlibs.dialogs[dialog.isOpen]\n  if (process.env.NODE_ENV !== 'production') {\n    if (dialog.isOpen && !Dialog) { console.log(`Dialog [${dialogType}] not registered in startlibs.dialogs`) }\n  }\n\n  const feedback =\n    dialog.isOpen\n    ? <Dialog\n      submit={submitAndResolve}\n      discard={discardAndResolve}\n      isLoading={loading.isOpen}\n      cancel={dialog.close}\n      {...meta}\n    />\n    : null\n\n  return [feedback, draft, confirmation]\n}"],"names":["useDraftConfirmation","submit","discard","meta","loading","useToggle","dialog","draft","useRefToggle","promiseResolver","useRefState","startlibs","useContext","StartlibsContext","confirmation","dialogType","arguments","length","undefined","callback","callIfFunction","isOpen","openWith","Promise","res","set","r","close","resolve","submitAndResolve","open","get","e","discardAndResolve","Dialog","dialogs","process","env","NODE_ENV","console","log","concat","feedback","React","createElement","_extends","isLoading","cancel"],"mappings":"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"}

package/lib/validation.mjs

@@ -0,0 +1,91 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _fromPairs from 'lodash/fp/fromPairs';
+import _filter from 'lodash/fp/filter';
+import _get from 'lodash/fp/get';
+import _map from 'lodash/fp/map';
+import _entries from 'lodash/fp/entries';
+import _flow from 'lodash/fp/flow';
+import { callIfFunction } from '@startlibs/utils';
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
+const error = 'Error';
+let messages = {
+  required: error,
+  minLength: n => error,
+  confirmPassword: error,
+  confirmEmails: error,
+  emailValidation: error,
+  SERVER_ERROR: error
+};
+let SERVER_ERROR = messages.SERVER_ERROR;
+const setErrorMessages = newMessages => messages = newMessages;
+const onEmpty = (success, errors) => Object.keys(errors).length ? errors : success;
+const required = (s, k) => !s && messages.required;
+const minLength = n => (s, k) => s && s.length < n && messages.minLength(n);
+const confirmPasswords = passwordKey => (confirm, k, props) => (props[passwordKey] || confirm) && props[passwordKey] !== confirm && messages.confirmPassword;
+const confirmEmails = emailKey => (confirm, k, props) => (props[emailKey] || confirm) && props[emailKey] !== confirm && messages.confirmEmails;
+const confirm = function (sourceKey, messageKey) {
+  let isEqual = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (a, b) => a === b;
+  return (confirm, k, props) => (props[sourceKey] || confirm) && !isEqual(props[sourceKey], confirm) && (messages[messageKey] || messageKey);
+};
+const emailRegex = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/i;
+const emailValidation = (s, k) => !emailRegex.test(s) && messages.emailValidation;
+const optional = cb => function (v) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return v ? cb(v, ...args) : false;
+};
+const buildValidation = function (validations) {
+  let custom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+  return values => onEmpty(false, _objectSpread(_objectSpread({}, _flow(_entries, _map(_ref => {
+    let [k, v] = _ref;
+    return [k, [].concat(v).map(fn => fn(_get(k, values), k, values)).filter(_ => _)];
+  }), _filter(_ref2 => {
+    let [k, v] = _ref2;
+    return v.length;
+  }), _fromPairs)(callIfFunction(validations))), callIfFunction(custom, values)));
+};
+const buildAsyncValidation = function (validations) {
+  let custom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : async () => {};
+  return async props => onEmpty(false, _objectSpread(_objectSpread({}, await _flow(_entries, _map(_ref3 => {
+    let [k, v] = _ref3;
+    return Promise.all([].concat(v).map(fn => fn(_get(k, props), k, props))).then(v => [k, v.filter(Boolean)]);
+  }), promiseArray => Promise.all(promiseArray).then(v => _flow(_filter(_ref4 => {
+    let [k, v] = _ref4;
+    return v.length;
+  }), _fromPairs)(v)))(await callIfFunction(validations))), await callIfFunction(custom, props)));
+};
+const responseFailure = fn => (v, response, _ref5) => {
+  let {
+    setErrors
+  } = _ref5;
+  const errorSetter = setErrors;
+  const r = [].concat(response, v);
+  const error = fn(...r);
+  if (error === true) ; else if (error) {
+    errorSetter(error);
+  } else if (!_get('[0].errors', response)) {
+    errorSetter({
+      "": [messages.SERVER_ERROR]
+    });
+  }
+};
+const validation = {
+  SERVER_ERROR,
+  setErrorMessages,
+  required,
+  minLength,
+  confirmPasswords,
+  confirmEmails,
+  confirm,
+  emailValidation,
+  optional,
+  buildValidation,
+  buildAsyncValidation,
+  responseFailure
+};
+
+export { SERVER_ERROR, buildAsyncValidation, buildValidation, confirm, confirmEmails, confirmPasswords, emailValidation, minLength, optional, required, responseFailure, setErrorMessages, validation };
+//# sourceMappingURL=validation.mjs.map

package/lib/validation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.mjs","sources":["../src/validation.js"],"sourcesContent":["import _ from 'lodash/fp'\nimport {callIfFunction} from '@startlibs/utils'\n\nconst error = 'Error'\n\nlet messages = {\n  required: error,\n  minLength: (n) => error,\n  confirmPassword: error,\n  confirmEmails: error,\n  emailValidation: error,\n  SERVER_ERROR: error\n}\n\nexport let SERVER_ERROR = messages.SERVER_ERROR\n\nexport const setErrorMessages = (newMessages) => messages = newMessages\n\nconst onEmpty = (success, errors) => Object.keys(errors).length ? errors : success\n\nexport const required = (s, k) => !s && messages.required\n\nexport const minLength = (n) => (s, k) => s && s.length < n && messages.minLength(n)\n\nexport const confirmPasswords = (passwordKey) => (confirm, k, props) => (props[passwordKey] || confirm) && props[passwordKey] !== confirm && messages.confirmPassword\nexport const confirmEmails = (emailKey) => (confirm, k, props) => (props[emailKey] || confirm) && props[emailKey] !== confirm && messages.confirmEmails\nexport const confirm = (sourceKey,messageKey,isEqual = (a,b) => a === b) => (confirm, k, props) => (props[sourceKey] || confirm) && !isEqual(props[sourceKey],confirm) && (messages[messageKey] || messageKey)\n\nconst emailRegex = /^(([^<>()[\\].,;:\\s@\"]+(\\.[^<>()[\\].,;:\\s@\"]+)*)|(\".+\"))@(([^<>()[\\].,;:\\s@\"]+\\.)+[^<>()[\\].,;:\\s@\"]{2,})$/i\nexport const emailValidation = (s, k) => !emailRegex.test(s) && messages.emailValidation\n\nexport const optional = (cb) => (v, ...args) => v ? cb(v, ...args) : false\n\nexport const buildValidation = (validations, custom = () => {\n}) => (values) =>\n  onEmpty(false,\n    {\n      ..._.flow(\n        _.entries,\n        _.map(([k, v]) => [k, [].concat(v).map(fn => fn(_.get(k, values), k, values)).filter(_ => _)]),\n        _.filter(([k, v]) => v.length),\n        _.fromPairs\n      )(callIfFunction(validations)),\n      ...callIfFunction(custom, values)\n    }\n  )\n\nexport const buildAsyncValidation = (validations, custom = async () => {\n}) => async (props) =>\n  onEmpty(false,\n    {\n      ... await _.flow(\n        _.entries,\n        _.map(([k, v]) => Promise.all([].concat(v).map(fn => fn(_.get(k, props), k, props))).then(v => [k,v.filter(Boolean)])),\n        promiseArray => Promise.all(promiseArray).then((v) =>\n          _.flow(\n            _.filter(([k, v]) => v.length),\n            _.fromPairs\n          )(v)\n        )\n      )(await callIfFunction(validations)),\n      ... await callIfFunction(custom, props)\n    }\n  )\n\n\nexport const responseFailure = (fn) => (v, response, {setErrors}) => {\n  const errorSetter = setErrors\n  const r = [].concat(response, v)\n  const error = fn(...r)\n  if (error === true) {\n  } else if (error) {\n    errorSetter(error)\n  } else if (!_.get('[0].errors',response)) {\n    errorSetter({\"\": [messages.SERVER_ERROR]})\n  }\n}\n\nexport const validation = {\n  SERVER_ERROR,\n  setErrorMessages,\n  required,\n  minLength,\n  confirmPasswords,\n  confirmEmails,\n  confirm,\n  emailValidation,\n  optional,\n  buildValidation,\n  buildAsyncValidation,\n  responseFailure\n}"],"names":["error","messages","required","minLength","n","confirmPassword","confirmEmails","emailValidation","SERVER_ERROR","setErrorMessages","newMessages","onEmpty","success","errors","Object","keys","length","s","k","confirmPasswords","passwordKey","confirm","props","emailKey","sourceKey","messageKey","isEqual","arguments","undefined","a","b","emailRegex","test","optional","cb","v","_len","args","Array","_key","buildValidation","validations","custom","values","_objectSpread","_flow","_entries","_map","_ref","concat","map","fn","_get","filter","_","_filter","_ref2","_fromPairs","callIfFunction","buildAsyncValidation","_ref3","Promise","all","then","Boolean","promiseArray","_ref4","responseFailure","response","_ref5","setErrors","errorSetter","r","validation"],"mappings":"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"}

package/lib/withFormImageInput.mjs

@@ -0,0 +1,281 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _filter from 'lodash/fp/filter';
+import _get from 'lodash/fp/get';
+import _difference from 'lodash/fp/difference';
+import _union from 'lodash/fp/union';
+import _update from 'lodash/fp/update';
+import _set from 'lodash/fp/set';
+import _flow from 'lodash/fp/flow';
+import _stubFalse from 'lodash/fp/stubFalse';
+import React, { useContext, useState } from 'react';
+import styled from 'styled-components';
+import { FormContext, useFormValue } from './Form.mjs';
+import { useToggle } from '@startlibs/core';
+import { callIfFunction, getUID } from '@startlibs/utils';
+
+const _excluded = ["children", "multiple", "path", "preValidation", "onChangeFile", "onClose", "onClick", "uploadFetcher", "onSuccess", "onFailure", "ajaxError", "onTouchEnd"],
+  _excluded2 = ["children", "multiple", "path", "preValidation", "onChangeFile", "onClose", "onClick", "uploadFetcher", "onSuccess", "onFailure", "ajaxError", "onTouchEnd", "maxFiles"];
+const FileInput = /*#__PURE__*/styled.input.attrs({
+  type: 'file'
+}).withConfig({
+  displayName: "withFormImageInput__FileInput",
+  componentId: "sc-o7trbb-0"
+})(["z-index:1;cursor:pointer;opacity:0;position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;overflow:hidden;::-webkit-file-upload-button{visibility:hidden;}::file-upload-button{visibility:hidden;}"]);
+const WithImageInput = _ref => {
+  let {
+      children,
+      multiple,
+      path = ["image"],
+      preValidation = _stubFalse,
+      onChangeFile,
+      onClose,
+      onClick,
+      uploadFetcher,
+      onSuccess,
+      onFailure,
+      ajaxError,
+      onTouchEnd
+    } = _ref;
+    _objectWithoutProperties(_ref, _excluded);
+  const form = useContext(FormContext);
+  const loading = useToggle();
+  const [tempImage, setTempImage] = useState();
+  const getPath = function (str) {
+    let fileIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    return typeof path === 'function' ? [].concat(path(str, fileIndex)) : str !== 'image' ? [].concat(path).slice(0, -1).concat(str) : path;
+  };
+  const imagePath = getPath('image');
+  const [formImage] = useFormValue(imagePath);
+  const image = tempImage || formImage;
+  const validate = files => {
+    const validations = files.map(preValidation).filter(Boolean);
+    if (validations.length) {
+      validations.forEach(v => form.setError(getPath('image').join('.'), v));
+      return files.filter(file => !preValidation(file));
+    }
+    return files;
+  };
+  const handleFileEvent = e => {
+    e.preventDefault();
+    callIfFunction(onClose);
+    const files = Array.from((e.nativeEvent.dataTransfer || e.nativeEvent.target).files);
+    if (files.length > 0) {
+      validate(files.slice(0, multiple ? undefined : 1)).forEach((file, i) => handleFile(file, e, i));
+    }
+  };
+  const handleFile = function (file, eventTarget) {
+    let fileIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    const getIndexedPath = str => getPath(str, fileIndex);
+    const path = getIndexedPath();
+    const oldUploadStatus = form.getMeta(getIndexedPath('uploadStatus'));
+    const oldImage = form.getValue(getIndexedPath('image'));
+    const oldImageHeight = form.getValue(getIndexedPath('imageHeight'));
+    const oldImageWidth = form.getValue(getIndexedPath('imageWidth'));
+    const oldFilename = form.getValue(getIndexedPath('fileName'));
+    const objectUrl = URL.createObjectURL(file);
+    const image = document.createElement('img');
+    image.onload = () => {
+      const {
+        naturalWidth: imageWidth,
+        naturalHeight: imageHeight
+      } = image;
+      const newValues = {
+        image: file,
+        filename: file.name,
+        imageWidth,
+        imageHeight
+      };
+      form.setValues(_flow(_set(getIndexedPath('filename'), file.name), _set(getIndexedPath('image'), file), _set(getIndexedPath('imageWidth'), imageWidth), _set(getIndexedPath('imageHeight'), imageHeight)));
+      form.setMeta(_flow(_update('submittingFiles', v => v ? v + 1 : 1), _update('uploadingPaths', _union([path.join(".")])), _set(getIndexedPath('uploadStatus'), 'loading')));
+      setTempImage(objectUrl);
+      callIfFunction(onChangeFile, file);
+      loading.open();
+      uploadFetcher(file, newValues).then(_ref2 => {
+        let {
+          image,
+          uploadStatus
+        } = _ref2;
+        loading.close();
+        if (form.getValue(getIndexedPath('image')) !== file) {
+          form.setMeta(_update(['submittingFiles'], v => v - 1));
+          return;
+        }
+        form.clearErrors();
+        form.setValue(getIndexedPath('image'), image, false);
+        form.setMeta(_flow(_update('uploadingPaths', _difference(_difference.placeholder, [path.join(".")])), _update(['submittingFiles'], v => v - 1), _update(['submittedFiles'], v => (v || []).concat([{
+          path,
+          file,
+          image
+        }])), _set(getIndexedPath('uploadStatus'), uploadStatus)));
+        setTempImage(null);
+        callIfFunction(onSuccess, {
+          image,
+          uploadStatus,
+          imageWidth,
+          imageHeight
+        });
+      }).catch(e => {
+        loading.close();
+        if (form.getValue(getIndexedPath('image')) !== file) {
+          form.setMeta(_update(['submittingFiles'], v => v - 1));
+          return;
+        }
+        form.setError(getIndexedPath('image').join('.'), callIfFunction(ajaxError, _get('[1].status', e)));
+        form.setValues(_flow(_set(getIndexedPath('filename'), oldFilename), _set(getIndexedPath('image'), oldImage), _set(getIndexedPath('imageWidth'), oldImageWidth), _set(getIndexedPath('imageHeight'), oldImageHeight)), false);
+        form.setMeta(_flow(_update('uploadingPaths', _difference(_difference.placeholder, [path.join(".")])), _update(['submittingFiles'], v => v - 1), _update(['submittedFiles'], v => (v || []).concat([{
+          path,
+          file,
+          image
+        }])), _set(getIndexedPath('uploadStatus'), oldUploadStatus)));
+        setTempImage(null);
+        callIfFunction(onFailure);
+      });
+      if (eventTarget && eventTarget.parentNode && typeof eventTarget.parentNode.click === 'function') eventTarget.parentNode.click();
+    };
+    image.src = objectUrl;
+  };
+  const handleClick = e => {
+    callIfFunction(onClick, e);
+  };
+  const handleTouchEnd = e => {
+    callIfFunction(onTouchEnd, e);
+  };
+  return children(/*#__PURE__*/React.createElement(FileInput, {
+    multiple: multiple,
+    onChange: handleFileEvent,
+    onClick: handleClick,
+    tabIndex: -1,
+    onTouchEnd: handleTouchEnd
+  }), {
+    image,
+    isLoading: loading.isOpen,
+    handleFile,
+    handleFileEvent,
+    Input: FileInput
+  });
+};
+const WithFileInput = _ref3 => {
+  let {
+      children,
+      multiple,
+      path = ["file"],
+      preValidation = _stubFalse,
+      onChangeFile,
+      onClose,
+      onClick,
+      uploadFetcher,
+      onSuccess,
+      onFailure,
+      ajaxError,
+      onTouchEnd,
+      maxFiles
+    } = _ref3;
+    _objectWithoutProperties(_ref3, _excluded2);
+  const form = useContext(FormContext);
+  const loading = useToggle();
+  useState();
+  const getPath = (str, fileIndex) => typeof path === 'function' ? [].concat(path(str, fileIndex)) : str !== 'file' ? [].concat(path).slice(0, -1).concat(str) : path;
+  const validate = files => {
+    const validations = files.map(preValidation).filter(Boolean);
+    if (validations.length) {
+      validations.forEach(v => form.setError(getPath('file', 0).join('.'), v));
+      return files.filter(file => !preValidation(file));
+    }
+    return files;
+  };
+  const handleFileEvent = e => {
+    e.preventDefault();
+    callIfFunction(onClose);
+    const files = Array.from((e.nativeEvent.dataTransfer || e.nativeEvent.target).files);
+    if (files.length > 0) {
+      validate(files.slice(0, multiple ? undefined : 1)).forEach((file, i) => handleFile(file, e));
+    }
+  };
+  const handleFile = (file, eventTarget) => {
+    const currentFileIndex = (form.getValue(getPath()) || []).length;
+    if (currentFileIndex >= maxFiles) {
+      form.setErrors({
+        '': 'Número máximo de arquivos atingido'
+      });
+      return;
+    }
+    const createGetIndexedPath = index => str => getPath(str, index);
+    const getIndexedPath = createGetIndexedPath(currentFileIndex);
+    const path = getIndexedPath();
+    const oldUploadStatus = form.getMeta(getIndexedPath('uploadStatus'));
+    const oldFile = form.getValue(getIndexedPath('file'));
+    const oldFilename = form.getValue(getIndexedPath('fileName'));
+    const uid = getUID();
+    form.setValues(_flow(_set(getIndexedPath('filename'), file.name), _set(getIndexedPath('file'), file), _set(getIndexedPath('uid'), uid)));
+    form.setMeta(_flow(_update('submittingFiles', v => v ? v + 1 : 1), _update('uploadingPaths', _union([path.join(".")])), _set(getIndexedPath('uploadStatus'), 'loading')));
+    callIfFunction(onChangeFile, file);
+    loading.open();
+    uploadFetcher(file).then(_ref4 => {
+      let {
+        file,
+        uploadStatus,
+        response
+      } = _ref4;
+      loading.close();
+      const list = form.getValue(getPath()) || [];
+      const index = list.findIndex(f => f.uid === uid);
+      if (index < 0) {
+        form.setMeta(_update(['submittingFiles'], v => v - 1));
+        return;
+      }
+      const getIndexedPath = createGetIndexedPath(index);
+      form.clearErrors();
+      form.setValue(getIndexedPath('file'), response, false);
+      form.setMeta(_flow(_update('uploadingPaths', _difference(_difference.placeholder, [path.join(".")])), _update(['submittingFiles'], v => v - 1), _update(['submittedFiles'], v => (v || []).concat([{
+        path,
+        file
+      }])), _set(getIndexedPath('uploadStatus'), uploadStatus)));
+      callIfFunction(onSuccess, {
+        file,
+        uploadStatus
+      });
+    }).catch(e => {
+      loading.close();
+      const list = form.getValue(getPath()) || [];
+      const index = list.findIndex(f => f.uid === uid);
+      if (index < 0) {
+        form.setMeta(_update(['submittingFiles'], v => v - 1));
+        return;
+      }
+      const getIndexedPath = createGetIndexedPath(index);
+      form.setError(getIndexedPath('file').join('.'), callIfFunction(ajaxError, _get('[1].status', e)));
+      if (oldFile) {
+        form.setValues(_flow(_set(getIndexedPath('filename'), oldFilename), _set(getIndexedPath('file'), oldFile)), false);
+      } else {
+        form.setValues(_update(getPath(), _filter(f => f.uid !== uid)), false);
+      }
+      form.setMeta(_flow(_update('uploadingPaths', _difference(_difference.placeholder, [path.join(".")])), _update(['submittingFiles'], v => v - 1), _update(['submittedFiles'], v => (v || []).concat([{
+        path,
+        file
+      }])), _set(getIndexedPath('uploadStatus'), oldUploadStatus)));
+      callIfFunction(onFailure);
+    });
+    if (eventTarget && eventTarget.parentNode && typeof eventTarget.parentNode.click === 'function') eventTarget.parentNode.click();
+  };
+  const handleClick = e => {
+    callIfFunction(onClick, e);
+  };
+  const handleTouchEnd = e => {
+    callIfFunction(onTouchEnd, e);
+  };
+  return children(/*#__PURE__*/React.createElement(FileInput, {
+    multiple: multiple,
+    onChange: handleFileEvent,
+    onClick: handleClick,
+    tabIndex: -1,
+    onTouchEnd: handleTouchEnd
+  }), {
+    isLoading: loading.isOpen,
+    handleFile,
+    handleFileEvent,
+    Input: FileInput
+  });
+};
+
+export { FileInput, WithFileInput, WithImageInput };
+//# sourceMappingURL=withFormImageInput.mjs.map