@startlibs/form 1.0.12 → 1.1.0

package/lib/EditableBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableBox.mjs","sources":["../src/EditableBox.jsx"],"sourcesContent":["import React, {forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef} from 'react'\nimport _ from 'lodash/fp'\nimport {\n  StartlibsConsumer,\n  useConsumerCatalog,\n  useLazyConstant,\n  usePopupToggle,\n  useRefState,\n  useToggle,\n  useRefMemo\n} from '@startlibs/core'\nimport {Button, ContextMenu, fixDoubledLastMarginBottom, Li, willUseFlipSwitch} from '@startlibs/components'\nimport {Errors} from './Errors'\nimport {FormContext} from './Form'\nimport {FormValue} from './FormValue'\nimport {PathContext} from './enhanceInput'\nimport {useDraftConfirmation} from './useDraftConfirmation'\nimport styled from 'styled-components'\nimport {_s, callIfFunction, formatPath, lazyValue, stopPropagation} from '@startlibs/utils'\n\nconst addRootPath = (errorRootPath, errors, path) => {\n  const rootPath = [].concat(errorRootPath || [], path)\n  return Object.keys(errors).reduce((acc, error) => {\n    acc[rootPath.concat(error).join('.')] = errors[error]\n    return acc\n  }, {})\n}\n\nconst EditableContext = React.createContext({})\n\nexport const ConfirmEditableBoxes = forwardRef(({children, itemValidation = _.stubFalse, listValidation = () => false, transform = _.identity}, ref) => {\n\n  const submitAll = useCallback(async (withLoading) => {\n      if (withLoading) {\n        editableBoxes().forEach(_ => _.loading().open())\n      }\n      return Promise\n        .all([submitAllShared(), submitAllStandalone()])\n        .then(([shared, standalone]) => {\n          if (withLoading) {\n            editableBoxes().forEach(_ => _.loading().close())\n          }\n          return shared ? (standalone ? {shared, standalone} : shared) : standalone\n        })\n        .catch(() => withLoading && editableBoxes().forEach(_ => _.loading().close()))\n    }, []\n  )\n\n  const [confirmDraftContent, draftToggle, draftConfirmation] = useDraftConfirmation(submitAll)\n\n  useEffect(()=> draftToggle.openWith(lazyValue(() => hasModifiedBoxes())),[])\n\n  const [sharedBoxes, sharedBoxesManager] = useConsumerCatalog()\n  const [standaloneBoxes, standaloneBoxesManager] = useConsumerCatalog()\n\n  const editableBoxes = (boxes) => boxes || sharedBoxes().concat(standaloneBoxes())\n  const hasEditableBoxes = (boxes) => editableBoxes(boxes).length > 0\n\n  const provide = useMemo(() => ({\n    sharedBoxes: sharedBoxesManager,\n    standaloneBoxes: standaloneBoxesManager,\n    itemValidation,\n    transform\n  }), [])\n\n  const confirm = useCallback((cb, dialogType = 'submit-draft') => draftConfirmation(dialogType, cb), [draftConfirmation])\n  const discard = useCallback((cb) => draftConfirmation('discard-draft', cb), [draftConfirmation])\n\n\n  const modifiedEditablesPath = (boxes) => modifiedEditableBoxes(boxes).map(_ => callIfFunction(_.path))\n\n\n  const modifiedEditableBoxes = (boxes) => editableBoxes(boxes).filter(_ => _.modifiedValue()[1])\n  const hasModifiedBoxes = (boxes) => modifiedEditableBoxes(boxes).length > 0\n\n  const submitAllShared = () => {\n    if (!sharedBoxes().length) return false\n    const sharedWithForm = sharedBoxes().find(_ => _.form)\n    if (!sharedWithForm) {\n      return false\n    }\n    const {form} = sharedWithForm.props\n    const validated = modifiedEditableBoxes(sharedBoxes()).reduce(({success, errors}, box) => {\n      const index = callIfFunction(box.path)\n      const [newItem, wasModified] = box.modifiedValue()\n      const newErrors = wasModified ? itemValidation(newItem, index) : false\n      if (newErrors) {\n        return {\n          success,\n          errors: Object.assign({}, errors, addRootPath(form.meta.errorRootPath, newErrors, index))\n        }\n      }\n      const newProps = _s.set(index, transform(newItem, index), success)\n      return {success: newProps, errors}\n    }, {success: form.getOriginalValues(), errors: undefined})\n    if (validated.errors) {\n      form.setErrors(validated.errors)\n      return Promise.resolve(validated)\n    }\n    return form.submitForm(validated.success)\n  }\n\n  const submitAllStandalone = () => {\n    if (!standaloneBoxes().length) return false\n    const edited = standaloneBoxes()\n      .filter(_ => _.form.hasChanged)\n    const notValidated = edited.filter(_ => !_.form.validate())\n    if (notValidated.length) {\n      return Promise.reject({errors: notValidated})\n    } else {\n      return Promise\n        .all(edited.map(_ => _.handleSubmit()))\n        .then(boxes => {\n          const boxesAndResult = boxes\n            .map((_, i) => [edited[i], _, i])\n          boxesAndResult.filter(([edited, result, i]) => !result.errors).forEach(([_]) => _.close())\n          const failed = boxesAndResult.filter(([edited, result, i]) => result.errors)\n          if (failed.length) {\n            return {errors: failed}\n          } else {\n            return {success: boxes}\n          }\n        })\n    }\n  }\n\n  const methods = useMemo(() => ({\n    confirm, discard, submitAll, hasEditableBoxes, editableBoxes, modifiedEditablesPath\n  }), [draftConfirmation])\n\n  useImperativeHandle(ref, () => methods, [methods])\n\n  return <>\n    {confirmDraftContent}\n    <EditableContext.Provider value={provide}>\n      {callIfFunction(children, methods)}\n    </EditableContext.Provider>\n  </>\n})\n\nconst FlipDiv = ({useAnimation, ...props}) => {\n  const ref = useRef()\n  useAnimation(ref)\n  return <div {...props} ref={ref}/>\n}\n\nconst EditableBoxPresentation = styled(forwardRef((\n  {\n    view = (value) => value === undefined || value === null ? '' : String(value),\n    tabIndex = 1,\n    onClose,\n    editingIsOpen,\n    onOpen,\n    onDelete,\n    onCancel,\n    onSave,\n    onMouseDown,\n    onTouchStart,\n    resetField,\n    children,\n    withDelete,\n    withContextMenu,\n    edit,\n    readOnly,\n    disabled,\n    isNew,\n    saveLabel,\n    className,\n    submitRef,\n    path\n  },\n  ref\n) => {\n  const popup = usePopupToggle()\n  const editing = useToggle(editingIsOpen)\n  const loading = useToggle()\n\n  const form = useContext(FormContext)\n\n  const closeBox = (params) => {\n    callIfFunction(onClose,params)\n    editing.close()\n  }\n\n  useEffect(() => {\n    return () => callIfFunction(onClose, true)\n  }, [])\n\n  useEffect(() => {\n    if (editing.isOpen) {\n      callIfFunction(onOpen)\n    }\n  }, [editing.isOpen])\n\n  useImperativeHandle(ref, () => ({\n    loading,\n    closeBox,\n    handleCancel,\n    getValue\n  }))\n\n  const handleDelete = (e) => {\n    if (e) e.preventDefault()\n    onDelete()\n  }\n\n  const tryClose = (e) => {\n    if (e.key === 'Escape' && editing.isOpen) {\n      e.preventDefault()\n      e.stopPropagation()\n      handleCancel()\n    }\n  }\n\n  const handleCancel = () => {\n    onCancel(closeBox)\n  }\n\n  const onSubmit = (e) => {\n    if (e) e.preventDefault()\n    loading.wait(() => onSave().then(() => closeBox(true)).catch(()=>{}))\n  }\n\n  const getPath = (extraPath) => _s.toPath(path).concat(_s.toPath(extraPath))\n\n  const getValue = (extraPath, otherProps) => otherProps ? _s.get(getPath(extraPath), otherProps) : form.getValue(getPath(extraPath))\n  const setValue = (value, extraPath) => form.setValue(getPath(extraPath),value)\n\n  const flipAnimation = useLazyConstant(willUseFlipSwitch)\n\n  const disabledClick = readOnly || disabled\n\n  const openBox = () => {\n    editing.open()\n  }\n\n  const formattedPath = getPath()\n  return (\n    <PathContext.Provider value={formattedPath}>\n      <FlipDiv\n        key={editing.isOpen}\n        useAnimation={flipAnimation}\n        onKeyDown={tryClose}\n        onMouseDown={onMouseDown}\n        onTouchStart={onTouchStart}\n        className={'editable-box ' + (!disabledClick ? 'clickable ' : '') + (editing.isOpen ? 'expanded' : 'collapsed') + ' ' + className}\n        onClick={editing.isOpen || disabledClick ? undefined : openBox}\n      >\n        {\n          !editing.isOpen && !disabledClick && !(withDelete || withContextMenu) &&\n          <Button tabIndex={tabIndex} className=\"edit-button\" small onlyIcon icon=\"edit\"/>\n        }\n        {\n          !editing.isOpen && !disabledClick && (withDelete || withContextMenu) &&\n          <Button tabIndex={tabIndex} className=\"edit-button arrow-down\" small onlyIcon icon=\"arrow-down\"\n                  onClick={stopPropagation(popup.toggle)}>\n            {\n              popup.isOpen &&\n              <ContextMenu>\n                <Li label=\"Editar\" icon=\"edit-line\" onClick={openBox}/>\n                {withContextMenu}\n                {withDelete && <Li label=\"Deletar\" icon=\"remove\" onClick={handleDelete}/>}\n              </ContextMenu>\n            }\n          </Button>\n        }\n        <form onSubmit={onSubmit}>\n          <FormValue path={formattedPath} key={formatPath(formattedPath)}>{(value) =>\n            fixDoubledLastMarginBottom(\n              editing.isOpen\n              ? edit(value, { getPath, getValue, path: formattedPath, tabIndex, setValue})\n              : view(value, { getPath, getValue, path: formattedPath })\n            )\n          }</FormValue>\n          <Errors path={formattedPath}/>\n          {\n            editing.isOpen &&\n            <div className=\"editable-box-footer\">\n              <div>\n                {\n                  withDelete &&\n                  <Button\n                    icon=\"remove\"\n                    hover=\"alert\"\n                    tabIndex={tabIndex + 2}\n                    onClick={handleDelete}\n                  >\n                    Deletar\n                  </Button>\n                }\n              </div>\n              <StartlibsConsumer>{({labels}) =>\n                <div>\n                  <Button\n                    tabIndex={tabIndex + 1}\n                    onClick={handleCancel}\n                  >\n                    {labels.EditableBox.cancel}\n                  </Button>\n                  <Button\n                    buttonRef={submitRef}\n                    isLoading={loading.isOpen}\n                    highlight\n                    tabIndex={tabIndex}\n                    type=\"submit\"\n                  >\n                    {callIfFunction(saveLabel,isNew) || (isNew ? labels.EditableBox.saveNew : labels.EditableBox.save)}\n                  </Button>\n                </div>\n              }\n              </StartlibsConsumer>\n            </div>\n          }\n        </form>\n        {children}\n      </FlipDiv>\n    </PathContext.Provider>\n  )\n}))`\n  ${props => props.disabled && \"opacity: 0.7;\"}\n`\n\nconst SharedEditableTabBox = ({path,isSingle, checkIsNew = (a,b) => a!==b, ...props}) => {\n\n  const editableGroup = useContext(EditableContext)\n  const form = useContext(FormContext)\n\n  const isNew = useRefState(() => isSingle ? false : checkIsNew(_s.get(path, form.getOriginalValues()),form.getValue(path)))\n  const internalBox = React.useRef()\n  const pathRef = useRefMemo(path)\n\n  const loading = () => internalBox.current.loading\n  const modifiedValue = () => {\n    const oldItem = internalBox.current.getValue(undefined, form.getOriginalValues())\n    const newItem = internalBox.current.getValue()\n    return newItem !== oldItem ? [newItem, true] : [oldItem, false]\n  }\n\n  const selfRef = useRef({\n    loading,path:() => pathRef.current,form,modifiedValue\n  })\n\n  const resetField = () => form.resetField([].concat(path))\n\n  const onClose = (skipReset) => {\n    if (!skipReset) {\n      resetField()\n    }\n    form.clearErrors(_s.toPath(path))\n    editableGroup.sharedBoxes.unregister(selfRef.current)\n    isNew.set(false)\n  }\n\n  const onOpen = () => {\n    editableGroup.sharedBoxes.register(selfRef.current)\n  }\n\n\n  const validate = (props, path) => {\n    const errors = editableGroup.itemValidation(props, path)\n    if (errors) {\n      form.setErrors(addRootPath(form.getMeta('errorRootPath'), errors, path))\n    }\n    return errors\n  }\n\n  const onSave = () => {\n    const [newItem, wasModified] = modifiedValue()\n    if (!wasModified) {\n      internalBox.current.closeBox()\n      return Promise.resolve({})\n    }\n    const errors = validate(newItem, path)\n    if (errors) {\n      return Promise.reject({errors})\n    }\n    const transform = editableGroup.transform\n    if (isNew.get()) {\n      const arrayPath = _s.toPath(path)\n      const index = arrayPath.slice(-1)\n      const newProps = _s.update(arrayPath.slice(0,-1),_s.insertAt(index, transform(newItem, path)), form.getOriginalValues())\n      return form.submitForm(newProps)\n    } else {\n      const newProps = _s.set(path, transform(newItem, path), form.getOriginalValues())\n      return form.submitForm(newProps)\n    }\n  }\n\n  const onDelete = () => {\n    if (isNew.get()) {\n      onCancel()\n      return Promise.resolve({success: true})\n    }\n    const original = form.getOriginalValues()\n    const newProps = _s.unsetOrRemoveAt(path, original)\n    if (_s.get(_s.toPath(path).slice(0, -1), original).length !== _s.get(_s.toPath(path).slice(0, -1), newProps).length) {\n      internalBox.current.loading.open()\n      const fetch = form.submitForm(newProps)\n      fetch.then(({errors}) => {\n        internalBox.current.loading.close()\n        if (!errors) {\n          form.setValues(_s.unsetOrRemoveAt(path))\n        }\n      }).catch(() => internalBox.current.loading.close())\n      return fetch\n    } else {\n      internalBox.current.handleCancel()\n      return Promise.resolve({success: true})\n    }\n  }\n\n  const onCancel = (close) => {\n    const lastKey = Array.isArray(path) ? path.slice(-1)[0] : path\n    const prevKeys = Array.isArray(path) ? path.slice(0, path.length - 1) : []\n    if (isNew.get() && typeof lastKey === 'number') {\n      form.setValues(_s.unsetOrRemoveAt(path))\n    } else {\n      form.resetField(path)\n      close()\n    }\n  }\n\n  return <EditableBoxPresentation\n    ref={internalBox}\n    resetField={resetField}\n    onOpen={onOpen}\n    onClose={onClose}\n    onDelete={onDelete}\n    onCancel={onCancel}\n    onSave={onSave}\n    form={editableGroup.form}\n    isNew={isNew.get()}\n    path={path}\n    {...props}\n  />\n}\n\nexport const EditableBox = ({path, onCancel, onClose, isNew,...props}) => {\n\n  const editableGroup = useContext(EditableContext)\n  const form = useContext(FormContext)\n\n  const internalBox = React.useRef()\n\n  const resetField = () => path ? form.resetField(_s.toPath(path)) : form.resetForm()\n\n  const _onClose = (skipReset) => {\n    if (!skipReset) {\n      resetField()\n    }\n    form.clearErrors(path)\n    editableGroup.standaloneBoxes.unregister(selfRef.current)\n    callIfFunction(onClose)\n  }\n\n  const modifiedValue = () => {\n    const oldItem = internalBox.current.getValue(undefined, form.getOriginalValues())\n    const newItem = internalBox.current.getValue()\n    return newItem !== oldItem ? [newItem, true] : [oldItem, false]\n  }\n\n  const onOpen = () => {\n    editableGroup.standaloneBoxes.register(selfRef.current)\n  }\n\n  const onDelete = () => {\n    props.removeItem(props.menuId)\n  }\n\n  const _onCancel = (close) => {\n    if (callIfFunction(onCancel,close) !== false) {\n      close()\n    }\n  }\n\n  const close = () => internalBox.current.closeBox()\n\n  const onSave = () => form.submitForm()\n\n  const handleSubmit = () => form.handleSubmit()\n\n  const loading = () => internalBox.current.loading\n\n  const pathRef = useRefMemo(path)\n  const selfRef = useRef({loading,path:() => pathRef.current,form,modifiedValue,handleSubmit,close})\n\n  return <EditableBoxPresentation\n    ref={internalBox}\n    resetField={resetField}\n    onOpen={onOpen}\n    onClose={_onClose}\n    onDelete={onDelete}\n    onCancel={_onCancel}\n    onSave={onSave}\n    form={form}\n    path={path}\n    isNew={isNew}\n    {...props}\n  />\n}\nEditableBox.Shared = SharedEditableTabBox\n\n"],"names":["addRootPath","errorRootPath","errors","path","rootPath","concat","Object","keys","reduce","acc","error","join","EditableContext","React","createContext","ConfirmEditableBoxes","forwardRef","_ref","ref","children","itemValidation","_stubFalse","listValidation","transform","_identity","submitAll","useCallback","withLoading","editableBoxes","forEach","_","loading","open","Promise","all","submitAllShared","submitAllStandalone","then","_ref2","shared","standalone","close","catch","confirmDraftContent","draftToggle","draftConfirmation","useDraftConfirmation","useEffect","openWith","lazyValue","hasModifiedBoxes","sharedBoxes","sharedBoxesManager","useConsumerCatalog","standaloneBoxes","standaloneBoxesManager","boxes","hasEditableBoxes","length","provide","useMemo","confirm","cb","dialogType","arguments","undefined","discard","modifiedEditablesPath","modifiedEditableBoxes","map","callIfFunction","filter","modifiedValue","sharedWithForm","find","form","props","validated","_ref3","box","success","index","newItem","wasModified","newErrors","assign","meta","newProps","_s","set","getOriginalValues","setErrors","resolve","submitForm","edited","hasChanged","notValidated","validate","reject","handleSubmit","boxesAndResult","i","_ref4","result","_ref5","failed","_ref6","methods","useImperativeHandle","createElement","Fragment","Provider","value","FlipDiv","_ref7","useAnimation","_objectWithoutProperties","_excluded","useRef","_extends","EditableBoxPresentation","styled","_ref8","view","String","tabIndex","onClose","editingIsOpen","onOpen","onDelete","onCancel","onSave","onMouseDown","onTouchStart","resetField","withDelete","withContextMenu","edit","readOnly","disabled","isNew","saveLabel","className","submitRef","popup","usePopupToggle","editing","useToggle","useContext","FormContext","closeBox","params","isOpen","handleCancel","getValue","handleDelete","e","preventDefault","tryClose","key","stopPropagation","onSubmit","wait","getPath","extraPath","toPath","otherProps","get","setValue","flipAnimation","useLazyConstant","willUseFlipSwitch","disabledClick","openBox","formattedPath","PathContext","onKeyDown","onClick","Button","small","onlyIcon","icon","toggle","ContextMenu","Li","label","FormValue","formatPath","fixDoubledLastMarginBottom","Errors","hover","StartlibsConsumer","_ref9","labels","EditableBox","cancel","buttonRef","isLoading","highlight","type","saveNew","save","withConfig","displayName","componentId","SharedEditableTabBox","_ref0","isSingle","checkIsNew","a","b","_excluded2","editableGroup","useRefState","internalBox","pathRef","useRefMemo","current","oldItem","selfRef","skipReset","clearErrors","unregister","register","getMeta","arrayPath","slice","update","insertAt","original","unsetOrRemoveAt","fetch","_ref1","setValues","lastKey","Array","isArray","_ref10","_excluded3","resetForm","_onClose","removeItem","menuId","_onCancel","Shared"],"mappings":"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"}

package/lib/Errors.mjs

@@ -0,0 +1,176 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _difference from 'lodash/fp/difference';
+import _property from 'lodash/fp/property';
+import _uniqBy from 'lodash/fp/uniqBy';
+import _identity from 'lodash/fp/identity';
+import React, { useMemo, useContext, useRef, useEffect } from 'react';
+import styled from 'styled-components';
+import { Icon, TransitionDiv } from '@startlibs/components';
+import { useToggle, usePreviousForEffect } from '@startlibs/core';
+import { lighten } from 'polished';
+import { createSelector } from 'reselect';
+import { getColor, customTheme, formatPath, isElementInView, identityFn } 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 errorsInsidePathSelector = () => createSelector([identityFn(0), identityFn(1)], (path, entries) => path ? entries.filter(_ref => {
+  let [_, p] = _ref;
+  return (p + '.').indexOf(path + '.') === 0;
+}) : entries);
+const parseError = (value, path) => Array.isArray(value) ? value.map(v => [v, formatPath(path)]) : [[value, formatPath(path)]];
+const parseMultipleErrors = objOrArray => [].concat.apply([], (Array.isArray(objOrArray) ? objOrArray : Object.entries(objOrArray)).map(_ref2 => {
+  let [path, value] = _ref2;
+  return parseError(value, path);
+}));
+const ErrorsContext = /*#__PURE__*/React.createContext({});
+const ErrorFilterContext = /*#__PURE__*/React.createContext(_identity);
+const ErrorFilterProvider = ErrorFilterContext.Provider;
+const useProvideErrors = () => {
+  const errors = useToggle([]);
+  const addError = (value, path) => errors.openWith(errors => errors.concat(parseError(value, path)));
+  const addErrors = newErrors => errors.openWith(errors => errors.concat(parseMultipleErrors(newErrors)));
+  const removeError = (value, path) => errors.openWith(errors => errors.filter(_ref3 => {
+    let [v, p] = _ref3;
+    return !(value === v && (p + '.').indexOf(formatPath(path) + '.') >= 0);
+  }));
+  const removeErrorPath = path => errors.openWith(errors => errors.filter(_ref4 => {
+    let [_, p] = _ref4;
+    return formatPath(path) !== p;
+  }));
+  const clearErrors = path => errors.openWith(errors => path ? errors.filter(_ref5 => {
+    let [_, p] = _ref5;
+    return (p + '.').indexOf(formatPath(path) + '.') < 0;
+  }) : []);
+  const setErrors = newErrors => {
+    console.log(parseMultipleErrors(newErrors));
+    errors.openWith(parseMultipleErrors(newErrors));
+    errors.get();
+  };
+  const setError = (errorPath, errorValue) => errors.openWith(parseMultipleErrors([[errorPath, errorValue]]));
+  const memoizeErorrsInsidePath = useMemo(errorsInsidePathSelector, []);
+  const getErrorsInsidePath = path => memoizeErorrsInsidePath(formatPath(path), errors.get());
+  const utils = {
+    addErrors,
+    addError,
+    setErrors,
+    setError,
+    clearErrors,
+    removeError,
+    willRemoveError: (value, insidePath) => () => removeError(value, insidePath),
+    removeErrorPath,
+    getErrorsInsidePath,
+    hasErrors: path => getErrorsInsidePath(path).length > 0,
+    hasError: (path, value) => getErrorsInsidePath(path).find(_ref6 => {
+      let [v] = _ref6;
+      return v === value;
+    })
+  };
+  const paths = useMemo(() => new Set(errors.isOpen.map(_ref7 => {
+    let [_, path] = _ref7;
+    return path;
+  }).filter(_ => _)), [errors.isOpen]);
+  const providerValue = useMemo(() => _objectSpread({
+    paths,
+    errors: errors.isOpen
+  }, utils), [errors.isOpen]);
+  return [ErrorsContext.Provider, providerValue, utils];
+};
+const useErrors = () => {
+  const [Provider, value, utils] = useProvideErrors();
+  return [utils, /*#__PURE__*/React.createElement(Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(Errors, null))];
+};
+const useHasError = path => {
+  const {
+    paths
+  } = useContext(ErrorsContext);
+  return paths.has(formatPath(path));
+};
+const useErrorsUtils = () => {
+  return useContext(ErrorsContext);
+};
+const useTransientErrorHelper = () => {
+  const utils = useErrorsUtils();
+  const showingErrors = useRef([]);
+  const clearCurrentErrors = () => {
+    showingErrors.current.forEach(_ref8 => {
+      let [path, value] = _ref8;
+      return utils === null || utils === void 0 ? void 0 : utils.removeError(value, path);
+    });
+    showingErrors.current = [];
+  };
+  const setErrors = newErrors => {
+    clearCurrentErrors();
+    utils === null || utils === void 0 || utils.addErrors(newErrors);
+    showingErrors.current = newErrors;
+  };
+  useEffect(() => () => {
+    clearCurrentErrors();
+  }, []);
+  return [setErrors, clearCurrentErrors];
+};
+const Errors = _ref9 => {
+  let {
+    path,
+    filter,
+    className,
+    autoScroll
+  } = _ref9;
+  const {
+    getErrorsInsidePath,
+    willRemoveError
+  } = useContext(ErrorsContext);
+  const contextFilter = useContext(ErrorFilterContext);
+  const ref = useRef();
+  const errors = filter ? getErrorsInsidePath(path).filter(filter) : contextFilter(getErrorsInsidePath(path));
+  const uniqErrors = _uniqBy(_property(0), errors).filter(_ref0 => {
+    let [v] = _ref0;
+    return v;
+  });
+  const prevErrors = usePreviousForEffect(uniqErrors);
+  useEffect(() => {
+    var _ref$current;
+    const changed = _difference(uniqErrors, prevErrors);
+    if (autoScroll && changed.length && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.scrollIntoView) {
+      isElementInView(ref.current).then(inView => {
+        if (!inView) {
+          ref.current.scrollIntoView({
+            behavior: "smooth"
+          });
+        }
+      });
+    }
+  }, [uniqErrors]);
+  return /*#__PURE__*/React.createElement(TransitionDiv, {
+    block: true
+  }, uniqErrors.length > 0 && /*#__PURE__*/React.createElement(Errors.Container, {
+    ref: ref,
+    className: className
+  }, uniqErrors.map(_ref1 => {
+    let [value] = _ref1;
+    return value && value !== true && /*#__PURE__*/React.createElement(Errors.Item, {
+      key: value
+    }, value, /*#__PURE__*/React.createElement(Errors.CloseIcon, {
+      onClick: willRemoveError(value, path)
+    }));
+  })));
+};
+Errors.displayName = 'Errors';
+Errors.Container = styled.ul.withConfig({
+  displayName: "Errors__Container",
+  componentId: "sc-1vuw7bx-0"
+})(["list-style-type:none;margin:0;padding:0;"]);
+Errors.Item = styled.li.withConfig({
+  displayName: "Errors__Item",
+  componentId: "sc-1vuw7bx-1"
+})(["background-color:", ";padding:1rem 3.5rem 1rem 1rem;border-radius:8px;border:1px solid ", ";color:", ";position:relative;text-align:left;font-size:13px;line-height:130%;& ~ &{margin-top:0.5rem;}", ""], props => lighten(0.42, props.theme.colors.alert), props => lighten(0.35, props.theme.colors.alert), getColor('alert'), customTheme('ErrorItem'));
+Errors.CloseIcon = styled(Icon).attrs({
+  icon: 'x'
+}).withConfig({
+  displayName: "Errors__CloseIcon",
+  componentId: "sc-1vuw7bx-2"
+})(["color:", ";font-weight:600;display:inline-block;background-color:", ";width:21px;height:21px;line-height:21px;text-align:center;border-radius:50%;cursor:pointer;position:absolute;top:10px;right:10px;font-size:14px;z-index:2;&:hover{background-color:", ";}"], getColor('alert'), props => lighten(0.35, props.theme.colors.alert), props => lighten(0.32, props.theme.colors.alert));
+
+export { ErrorFilterProvider, Errors, ErrorsContext, useErrors, useErrorsUtils, useHasError, useProvideErrors, useTransientErrorHelper };
+//# sourceMappingURL=Errors.mjs.map

package/lib/Errors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Errors.mjs","sources":["../src/Errors.jsx"],"sourcesContent":["import React, {useEffect, useContext, useRef, useMemo} from 'react'\nimport styled from 'styled-components'\nimport {Icon,TransitionDiv} from '@startlibs/components'\nimport {usePreviousForEffect, useToggle} from '@startlibs/core'\nimport {lighten} from 'polished'\nimport {createSelector} from 'reselect'\nimport _ from 'lodash/fp'\nimport {formatPath, getColor, customTheme, identityFn, isElementInView} from '@startlibs/utils'\n\nconst errorsInsidePathSelector = () => createSelector(\n  [identityFn(0), identityFn(1)],\n  (path, entries) =>\n    path ? entries.filter(([_, p]) => (p + '.').indexOf(path + '.') === 0) : entries\n)\nconst parseError = (value, path) => Array.isArray(value) ? value.map(v => [v, formatPath(path)]) : [[value, formatPath(path)]]\n\nconst parseMultipleErrors = (objOrArray) => [].concat.apply([],\n  (Array.isArray(objOrArray) ? objOrArray : Object.entries(objOrArray))\n    .map(([path, value]) => parseError(value, path))\n)\n\nexport const ErrorsContext = React.createContext({})\nconst ErrorFilterContext = React.createContext(_.identity)\nexport const ErrorFilterProvider = ErrorFilterContext.Provider\n\nexport const useProvideErrors = () => {\n  const errors = useToggle([])\n\n\n  const addError = (value, path) => errors.openWith(errors => errors.concat(parseError(value, path)))\n  const addErrors = (newErrors) => errors.openWith(errors => errors.concat(parseMultipleErrors(newErrors)))\n\n  const removeError = (value, path) => errors.openWith(errors => errors.filter(([v, p]) => !(value === v && (p + '.').indexOf(formatPath(path) + '.') >= 0)))\n\n  const removeErrorPath = (path) => errors.openWith(errors => errors.filter(([_, p]) => formatPath(path) !== p))\n  const clearErrors = (path) => errors.openWith(errors => path ? errors.filter(([_, p]) => (p + '.').indexOf(formatPath(path) + '.') < 0) : [])\n\n  const setErrors = (newErrors) => {\n    console.log(parseMultipleErrors(newErrors))\n    errors.openWith(parseMultipleErrors(newErrors))\n    errors.get()\n  }\n  const setError = (errorPath, errorValue) => errors.openWith(parseMultipleErrors([[errorPath, errorValue]]))\n\n  const memoizeErorrsInsidePath = useMemo(errorsInsidePathSelector, [])\n\n  const getErrorsInsidePath = (path) => memoizeErorrsInsidePath(formatPath(path), errors.get())\n\n  const utils = {\n    addErrors,\n    addError,\n    setErrors,\n    setError,\n    clearErrors,\n    removeError,\n    willRemoveError: (value, insidePath) => () => removeError(value, insidePath),\n    removeErrorPath,\n    getErrorsInsidePath,\n    hasErrors: (path) => getErrorsInsidePath(path).length > 0,\n    hasError: (path,value) => getErrorsInsidePath(path).find(([v]) => v === value)\n  }\n\n  const paths = useMemo(() => new Set(errors.isOpen.map(([_, path]) => path).filter(_ => _)), [errors.isOpen])\n  const providerValue = useMemo(() => ({paths, errors:errors.isOpen, ...utils}), [errors.isOpen])\n\n  return [ErrorsContext.Provider, providerValue, utils]\n}\n\nexport const useErrors = () => {\n  const [Provider,value,utils] = useProvideErrors()\n\n  return [utils,<Provider value={value}><Errors/></Provider>]\n}\n\nexport const useHasError = (path) => {\n  const {paths} = useContext(ErrorsContext)\n  return paths.has(formatPath(path))\n}\nexport const useErrorsUtils = () => {\n  return useContext(ErrorsContext)\n}\n\nexport const useTransientErrorHelper = () => {\n  const utils  = useErrorsUtils()\n  const showingErrors =  useRef([])\n  const clearCurrentErrors = () => {\n    showingErrors.current.forEach(([path,value]) => utils?.removeError(value,path))\n    showingErrors.current = []\n  }\n  const setErrors = (newErrors) => {\n      clearCurrentErrors()\n      utils?.addErrors(newErrors)\n      showingErrors.current = newErrors\n  }\n  useEffect(() => () => {\n    clearCurrentErrors()\n  },[])\n\n  return [setErrors,clearCurrentErrors]\n}\n\nexport const Errors = ({path,filter,className, autoScroll}) => {\n  const {getErrorsInsidePath, willRemoveError} = useContext(ErrorsContext)\n  const contextFilter = useContext(ErrorFilterContext)\n  const ref = useRef()\n\n  const errors = filter ? getErrorsInsidePath(path).filter(filter) : contextFilter(getErrorsInsidePath(path))\n  const uniqErrors = _.uniqBy(_.property(0),errors).filter(([v]) => v)\n  const prevErrors = usePreviousForEffect(uniqErrors)\n  useEffect(() => {\n    const changed = _.difference(uniqErrors,prevErrors)\n    if (autoScroll && changed.length && ref.current?.scrollIntoView) {\n      isElementInView(ref.current).then((inView) => {\n        if (!inView) {\n          ref.current.scrollIntoView({behavior: \"smooth\"})\n        }\n      })\n    }\n  },[uniqErrors])\n\n  return <TransitionDiv block>{uniqErrors.length > 0 && <Errors.Container ref={ref} className={className}>\n    {uniqErrors.map(([value]) => value && value !== true &&\n      <Errors.Item key={value}>\n        {value}\n        <Errors.CloseIcon onClick={willRemoveError(value, path)}/>\n      </Errors.Item>\n    )}\n  </Errors.Container>}</TransitionDiv>\n}\n\nErrors.displayName = 'Errors'\n\nErrors.Container = styled.ul`\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n  `\n\nErrors.Item = styled.li`\n    background-color: ${props => lighten(0.42, props.theme.colors.alert)};\n    padding: 1rem 3.5rem 1rem 1rem;\n    border-radius: 8px;\n    border: 1px solid ${props => lighten(0.35, props.theme.colors.alert)};\n    color: ${getColor('alert')};\n    position:relative;\n    text-align: left;\n    font-size: 13px;\n    line-height: 130%;\n    & ~ & {\n      margin-top: 0.5rem;\n    }\n    ${customTheme('ErrorItem')}\n  `\nErrors.CloseIcon = styled(Icon).attrs({icon: 'x'})`\n    color: ${getColor('alert')};\n    font-weight: 600;\n    display: inline-block;\n    background-color: ${props => lighten(0.35, props.theme.colors.alert)};\n    width: 21px;\n    height: 21px;\n    line-height: 21px;\n    text-align: center;\n    border-radius: 50%;\n    cursor: pointer;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    font-size: 14px;\n    z-index: 2;\n    &:hover {\n      background-color: ${props => lighten(0.32, props.theme.colors.alert)};\n    }\n  `\n\n"],"names":["errorsInsidePathSelector","createSelector","identityFn","path","entries","filter","_ref","_","p","indexOf","parseError","value","Array","isArray","map","v","formatPath","parseMultipleErrors","objOrArray","concat","apply","Object","_ref2","ErrorsContext","React","createContext","ErrorFilterContext","_identity","ErrorFilterProvider","Provider","useProvideErrors","errors","useToggle","addError","openWith","addErrors","newErrors","removeError","_ref3","removeErrorPath","_ref4","clearErrors","_ref5","setErrors","console","log","get","setError","errorPath","errorValue","memoizeErorrsInsidePath","useMemo","getErrorsInsidePath","utils","willRemoveError","insidePath","hasErrors","length","hasError","find","_ref6","paths","Set","isOpen","_ref7","providerValue","_objectSpread","useErrors","createElement","Errors","useHasError","useContext","has","useErrorsUtils","useTransientErrorHelper","showingErrors","useRef","clearCurrentErrors","current","forEach","_ref8","useEffect","_ref9","className","autoScroll","contextFilter","ref","uniqErrors","_uniqBy","_property","_ref0","prevErrors","usePreviousForEffect","_ref$current","changed","_difference","scrollIntoView","isElementInView","then","inView","behavior","TransitionDiv","block","Container","_ref1","Item","key","CloseIcon","onClick","displayName","styled","ul","withConfig","componentId","li","props","lighten","theme","colors","alert","getColor","customTheme","Icon","attrs","icon"],"mappings":"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"}

package/lib/ExpandableBox.mjs

@@ -0,0 +1,209 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import _isString from 'lodash/fp/isString';
+import _identity from 'lodash/fp/identity';
+import _isBoolean from 'lodash/fp/isBoolean';
+import _negate from 'lodash/fp/negate';
+import { darken } from 'polished';
+import React, { useRef, useEffect } from 'react';
+import styled, { css } from 'styled-components';
+import { getColor, media, animationTiming, oneWayAnimation, callIfFunction, constrainEvent } from '@startlibs/utils';
+import { useFormValue } from './Form.mjs';
+import { useLazyConstant, useRefState, useToggle, useRecycleFocus } from '@startlibs/core';
+import { SwitchDiv, willUseFlipSwitch, Icon } from '@startlibs/components';
+import { useTransientErrorHelper } from './Errors.mjs';
+
+const _excluded = ["useAnimation", "animation", "animationTiming", "overflowEffect"];
+var _templateObject;
+const shouldPreventExpand = (e, fn) => !e.target.closest('body,[data-expand="false"],label,input,textarea,button').matches('body,[data-expand="true"]');
+const ExpandableBoxStyled = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ExpandableBox__ExpandableBoxStyled",
+  componentId: "sc-1nsk1wq-0"
+})(["padding:1rem;border-radius:8px;background:", ";font-size:14px;outline:none;transition:background 0.2s linear;position:relative;", " ", " & ~ &{margin-top:0.75rem;}", " &{margin-top:0.75rem;}"], getColor('lightBluishGray'), props => props.small && "\n    padding: 0.875rem 1rem;\n    min-height: 3rem;\n  ", props => props.collapsed ? css(["cursor:pointer;padding-right:3.25rem;:hover{background:", ";}:active{background:", ";transition:none;}"], props => darken(0.035, getColor('lightBluishGray')(props)), props => darken(0.05, getColor('lightBluishGray')(props))) : css(["padding:1.5rem;", " ", ""], media.max(340)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding 1rem;\n    "]))), props => props.fixMarginBottom && "\n      padding-bottom: 0.5rem !important;\n    "), SwitchDiv);
+const EditIcon = /*#__PURE__*/styled(Icon).attrs({
+  icon: 'edit',
+  className: 'expandable-edit-icon'
+}).withConfig({
+  displayName: "ExpandableBox__EditIcon",
+  componentId: "sc-1nsk1wq-1"
+})(["position:absolute;top:50%;transform:translateY(-50%);right:-24px;color:rgba(0,0,0,0.25);font-size:20px;"]);
+const checkErrors = function () {
+  for (var _len = arguments.length, checks = new Array(_len), _key = 0; _key < _len; _key++) {
+    checks[_key] = arguments[_key];
+  }
+  return (v, setErrors) => {
+    const results = checks.map(c => c(v)).filter(Boolean);
+    if (!results.length) {
+      return true;
+    }
+    const messages = results.filter(_negate(_isBoolean));
+    if (messages.length) {
+      setErrors(...messages);
+    }
+    return false;
+  };
+};
+const timing = animationTiming('0.25s ease-out');
+const switchAnimation = oneWayAnimation('opacity: 1;transform:translateY(0);', 'opacity: 0;', 'opacity: 0; transform:translateY(30px);');
+let hasAnyExpanded = 0;
+const ExpandableBox = /*#__PURE__*/styled(_ref => {
+  let {
+    className,
+    children,
+    overflowEffect,
+    recycleTab,
+    escCancels,
+    enterConfirms,
+    withIcon = true,
+    info,
+    isOpen,
+    openWhen,
+    canExpand = _identity,
+    path,
+    retargetFilter = el => {
+      var _el$tagName;
+      return (el === null || el === void 0 || (_el$tagName = el.tagName) === null || _el$tagName === void 0 ? void 0 : _el$tagName.toLowerCase()) === "button";
+    },
+    isValid = () => true,
+    fixMarginBottom,
+    animation = switchAnimation,
+    animationTiming = timing
+  } = _ref;
+  const flipAnimation = useLazyConstant(willUseFlipSwitch);
+  const [value, setValue, getValue] = useFormValue(path);
+  const [_setErrors, clearErrors] = useTransientErrorHelper();
+  const previousValue = useRefState();
+  const isAutoOpened = useToggle(isOpen);
+  const containerRef = useRef();
+  const setErrors = function () {
+    for (var _len2 = arguments.length, errors = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      errors[_key2] = arguments[_key2];
+    }
+    _setErrors(errors.length ? errors.map(k => _isString(k) ? [k, ''] : k) : [[path, '']]);
+    return true;
+  };
+  const expand = useToggle(isOpen, (newV, prevV) => {
+    if (newV === 0 || prevV === 0) {
+      return;
+    }
+    if (newV === false) {
+      const result = isValid(getValue(), setErrors);
+      if (result === true) {
+        clearErrors();
+      }
+      return result;
+    }
+  });
+  const [firstFocus, lastFocus] = useRecycleFocus(containerRef, recycleTab && expand.isOpen, recycleTab);
+  const openWhenResult = callIfFunction(openWhen);
+  useEffect(() => {
+    if (openWhenResult) {
+      expand.open();
+    }
+  }, [openWhenResult]);
+  useEffect(() => () => {
+    if (expand.get() === 0) {
+      expand.close();
+    }
+  }, [expand.isOpen]);
+  useEffect(() => {
+    if (expand.get() && !isAutoOpened.get()) {
+      previousValue.set(getValue());
+      hasAnyExpanded += 1;
+      return () => {
+        hasAnyExpanded -= 1;
+      };
+    }
+  }, [expand.isOpen, isAutoOpened.isOpen]);
+  const cancel = () => {
+    setValue(previousValue.get());
+    expand.close();
+  };
+  const utils = useLazyConstant(() => ({
+    close: constrainEvent(expand.close),
+    setValue,
+    cancel
+  }));
+  const onBlur = e => {
+    if (e.currentTarget !== e.relatedTarget && (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget))) {
+      const retarget = callIfFunction(retargetFilter, e.relatedTarget);
+      if (retarget === true) {
+        e.target.focus();
+      } else if (retarget === false) {
+        expand.close();
+      }
+    }
+  };
+  const checkEscEnter = e => {
+    if (e.key === 'Enter' && enterConfirms) {
+      e.stopPropagation();
+      e.preventDefault();
+      expand.close();
+    } else if (e.key === 'Escape' && escCancels) {
+      e.stopPropagation();
+      e.preventDefault();
+      cancel();
+    }
+  };
+  const onClick = e => !shouldPreventExpand(e) && callIfFunction(canExpand, e) && !hasAnyExpanded && expand.open();
+  return /*#__PURE__*/React.createElement(ExpandableBoxStyled, {
+    className: className + (expand.isOpen && (enterConfirms || escCancels) ? " JS-dialog-skip-evts" : ""),
+    ref: containerRef,
+    tabIndex: -1,
+    onBlur: onBlur,
+    onFocus: isAutoOpened.close,
+    collapsed: !expand.isOpen,
+    fixMarginBottom: fixMarginBottom,
+    onClick: onClick,
+    onKeyDown: checkEscEnter
+  }, expand.isOpen && firstFocus, /*#__PURE__*/React.createElement(FlipDiv, {
+    key: expand.isOpen,
+    overflowEffect: overflowEffect,
+    useAnimation: flipAnimation,
+    animation: animation,
+    animationTiming: animationTiming
+  }, expand.isOpen ? callIfFunction(children, value, utils) : /*#__PURE__*/React.createElement(React.Fragment, null, callIfFunction(info, value, utils), withIcon && /*#__PURE__*/React.createElement(EditIcon, null))), expand.isOpen && lastFocus);
+}).withConfig({
+  displayName: "ExpandableBox",
+  componentId: "sc-1nsk1wq-2"
+})([""]);
+const PseudoExpandableBox = _ref2 => {
+  let {
+    children,
+    small,
+    onClick
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(ExpandableBoxStyled, {
+    collapsed: true,
+    small: small,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(FlipDivStyle, null, children, /*#__PURE__*/React.createElement(EditIcon, null)));
+};
+const FlipDivStyle = /*#__PURE__*/styled.div.attrs({
+  className: 'expandable-flip-div'
+}).withConfig({
+  displayName: "ExpandableBox__FlipDivStyle",
+  componentId: "sc-1nsk1wq-3"
+})(["position:relative;"]);
+const FlipDiv = _ref3 => {
+  let {
+      useAnimation,
+      animation,
+      animationTiming,
+      overflowEffect
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  const ref = useRef();
+  useAnimation(ref, null, null, {
+    switchAnimation: animation,
+    timing: animationTiming,
+    effect: overflowEffect
+  });
+  return /*#__PURE__*/React.createElement(FlipDivStyle, _extends({}, props, {
+    ref: ref
+  }));
+};
+
+export { ExpandableBox, PseudoExpandableBox, checkErrors };
+//# sourceMappingURL=ExpandableBox.mjs.map

package/lib/ExpandableBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableBox.mjs","sources":["../src/ExpandableBox.jsx"],"sourcesContent":["import {darken} from 'polished'\nimport React, {useEffect, useRef} from 'react'\nimport _ from 'lodash/fp'\nimport styled, {css} from 'styled-components'\n\nimport {callIfFunction, animationTiming, oneWayAnimation} from '@startlibs/utils'\nimport {useFormValue} from './Form'\nimport {useRefState, useRecycleFocus, useLazyConstant, useToggle} from '@startlibs/core'\nimport {willUseFlipSwitch, SwitchDiv} from '@startlibs/components'\nimport {media} from '@startlibs/utils';\n\nimport {Icon} from '@startlibs/components'\nimport { constrainEvent, getColor } from '@startlibs/utils';\nimport {useTransientErrorHelper} from './Errors'\n\n\nconst shouldPreventExpand = (e,fn) => !(e.target).closest('body,[data-expand=\"false\"],label,input,textarea,button').matches('body,[data-expand=\"true\"]')\n\nconst ExpandableBoxStyled = styled.div`\n  padding: 1rem;\n  border-radius: 8px;\n  background: ${getColor('lightBluishGray')};\n  font-size: 14px;\n  outline: none;\n  transition: background 0.2s linear;\n  position: relative;\n  ${props => props.small && `\n    padding: 0.875rem 1rem;\n    min-height: 3rem;\n  `}\n  ${props => props.collapsed ? css`\n    cursor: pointer;\n    padding-right: 3.25rem;\n    :hover {\n      background: ${props => darken(0.035, getColor('lightBluishGray')(props))};\n    }\n    :active {\n      background: ${props => darken(0.05, getColor('lightBluishGray')(props))};\n      transition: none;\n    }\n  `: css`\n    padding: 1.5rem;\n    ${media.max(340)`\n      padding 1rem;\n    `}\n    ${props => props.fixMarginBottom && `\n      padding-bottom: 0.5rem !important;\n    `}\n  `}\n  & ~ & {\n    margin-top: 0.75rem;\n  }\n  ${SwitchDiv} & {\n    margin-top: 0.75rem;\n  }\n`\nconst EditIcon = styled(Icon).attrs({icon:'edit', className: 'expandable-edit-icon'})`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: -24px;\n  color: rgba(0,0,0,0.25);\n  font-size: 20px;\n`\nexport const checkErrors = (...checks) => (v,setErrors) => {\n  const results = checks.map(c => c(v)).filter(Boolean)\n  if (!results.length) { return true }\n  const messages = results.filter(_.negate(_.isBoolean))\n  if (messages.length) {\n    setErrors(...messages)\n  }\n  return false\n}\n\nconst timing = animationTiming('0.25s ease-out')\nconst switchAnimation = oneWayAnimation('opacity: 1;transform:translateY(0);','opacity: 0;', 'opacity: 0; transform:translateY(30px);')\nconst AUTO_OPENED = {}\nlet hasAnyExpanded = 0\nexport const ExpandableBox = styled(({className, children, overflowEffect, recycleTab, escCancels, enterConfirms, withIcon = true, info, isOpen, openWhen, canExpand = _.identity, path, retargetFilter = (el) => el?.tagName?.toLowerCase() === \"button\", isValid = () => true, fixMarginBottom, animation = switchAnimation, animationTiming = timing}) => {\n  const flipAnimation = useLazyConstant(willUseFlipSwitch)\n  const [value,setValue,getValue] = useFormValue(path)\n  const [_setErrors,clearErrors] = useTransientErrorHelper()\n  const previousValue = useRefState()\n  const isAutoOpened = useToggle(isOpen)\n  const containerRef = useRef()\n\n  const setErrors = (...errors) => {\n    _setErrors(errors.length ? errors.map(k => _.isString(k) ? [k,''] : k) : [[path,'']])\n    return true\n  }\n\n  const expand = useToggle(isOpen,(newV,prevV) => {\n    if (newV === 0 || prevV === 0) { return }\n    if (newV === false) {\n      const result = isValid(getValue(),setErrors)\n      if (result === true) {\n        clearErrors()\n      }\n      return result\n    }\n  })\n\n  const [firstFocus,lastFocus] = useRecycleFocus(containerRef,recycleTab && expand.isOpen, recycleTab)\n\n  const openWhenResult = callIfFunction(openWhen)\n  useEffect(() => {\n    if (openWhenResult) {\n      expand.open()\n    }\n  },[openWhenResult])\n\n\n  useEffect(() => () => {\n    if (expand.get() === 0) {\n      expand.close()\n    }\n  },[expand.isOpen])\n  useEffect(() => {\n    if (expand.get() && !isAutoOpened.get()) {\n      previousValue.set(getValue())\n      hasAnyExpanded += 1\n      return () => {\n        hasAnyExpanded -= 1\n      }\n    }\n  },[expand.isOpen,isAutoOpened.isOpen])\n\n  const cancel = () => {\n    setValue(previousValue.get())\n    expand.close()\n  }\n\n  const utils = useLazyConstant(()=> ({close: constrainEvent(expand.close),setValue,cancel}))\n\n  const onBlur = (e) =>{\n    if (e.currentTarget !== e.relatedTarget && (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget))) {\n      const retarget = callIfFunction(retargetFilter,e.relatedTarget)\n      if (retarget === true) {\n        e.target.focus()\n      } else if (retarget === false) {\n        expand.close()\n      }\n    }\n  }\n\n  const checkEscEnter = (e) => {\n    if (e.key === 'Enter' && enterConfirms) {\n      e.stopPropagation()\n      e.preventDefault()\n      expand.close()\n    } else if (e.key === 'Escape' && escCancels) {\n      e.stopPropagation()\n      e.preventDefault()\n      cancel()\n    }\n  }\n\n  const onClick = (e) => !shouldPreventExpand(e) && callIfFunction(canExpand,e) && !hasAnyExpanded && expand.open()\n\n  return <ExpandableBoxStyled\n    className={className + (expand.isOpen && (enterConfirms || escCancels) ? \" JS-dialog-skip-evts\" : \"\")}\n    ref={containerRef}\n    tabIndex={-1}\n    onBlur={onBlur}\n    onFocus={isAutoOpened.close}\n    collapsed={!expand.isOpen} fixMarginBottom={fixMarginBottom}\n    onClick={onClick}\n    onKeyDown={checkEscEnter}\n  >\n    {expand.isOpen && firstFocus}\n    <FlipDiv\n      key={expand.isOpen}\n      overflowEffect={overflowEffect}\n      useAnimation={flipAnimation}\n      animation={animation}\n      animationTiming={animationTiming}\n    >{\n      expand.isOpen ? callIfFunction(children,value,utils) : <>{callIfFunction(info, value, utils)}{withIcon && <EditIcon/>}</>\n    }</FlipDiv>\n    {expand.isOpen && lastFocus}\n  </ExpandableBoxStyled>\n})`\n\n`\n\nconst overflowEffect = (element) => {\n  if (!element?.offsetParent?.parentElement) { return }\n  const parentDom = element.offsetParent.parentElement\n  const previousOverflow = parentDom.style.overflow\n  parentDom.style.overflow = 'hidden'\n  return () => parentDom.style.overflow = previousOverflow\n}\n\nexport const PseudoExpandableBox = ({children, small, onClick}) => <ExpandableBoxStyled collapsed small={small} onClick={onClick}>\n    <FlipDivStyle>\n      {children}\n      <EditIcon/>\n  </FlipDivStyle>\n</ExpandableBoxStyled>\n\nconst FlipDivStyle = styled.div.attrs({className: 'expandable-flip-div'})`position: relative;`\n\nconst FlipDiv = ({useAnimation, animation, animationTiming, overflowEffect, ...props}) => {\n  const ref = useRef()\n  useAnimation(ref,null,null,{switchAnimation:animation,timing:animationTiming,effect:overflowEffect})\n  return <FlipDivStyle {...props} ref={ref}/>\n}"],"names":["shouldPreventExpand","e","fn","target","closest","matches","ExpandableBoxStyled","styled","div","withConfig","displayName","componentId","getColor","props","small","collapsed","css","darken","media","max","_templateObject","_taggedTemplateLiteral","fixMarginBottom","SwitchDiv","EditIcon","Icon","attrs","icon","className","checkErrors","_len","arguments","length","checks","Array","_key","v","setErrors","results","map","c","filter","Boolean","messages","_negate","_isBoolean","timing","animationTiming","switchAnimation","oneWayAnimation","hasAnyExpanded","ExpandableBox","_ref","children","overflowEffect","recycleTab","escCancels","enterConfirms","withIcon","info","isOpen","openWhen","canExpand","_identity","path","retargetFilter","el","_el$tagName","tagName","toLowerCase","isValid","animation","flipAnimation","useLazyConstant","willUseFlipSwitch","value","setValue","getValue","useFormValue","_setErrors","clearErrors","useTransientErrorHelper","previousValue","useRefState","isAutoOpened","useToggle","containerRef","useRef","_len2","errors","_key2","k","_isString","expand","newV","prevV","result","firstFocus","lastFocus","useRecycleFocus","openWhenResult","callIfFunction","useEffect","open","get","close","set","cancel","utils","constrainEvent","onBlur","currentTarget","relatedTarget","contains","retarget","focus","checkEscEnter","key","stopPropagation","preventDefault","onClick","React","createElement","ref","tabIndex","onFocus","onKeyDown","FlipDiv","useAnimation","Fragment","PseudoExpandableBox","_ref2","FlipDivStyle","_ref3","_objectWithoutProperties","_excluded","effect","_extends"],"mappings":"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"}

package/lib/Field.mjs

@@ -0,0 +1,65 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import styled from 'styled-components';
+import React from 'react';
+import { customTheme, getMargin } from '@startlibs/utils';
+
+const _excluded = ["label", "helpText", "descText", "bellowDescText", "className", "labelClick", "focused", "mandatory", "onImage", "children", "labelFontSize"];
+const Mandatory = /*#__PURE__*/styled.span.withConfig({
+  displayName: "Field__Mandatory",
+  componentId: "sc-p9woft-0"
+})(["color:#c3282d;margin-left:1px;vertical-align:top;line-height:100%;margin-top:-1px;", ""], props => typeof props.mandatory === 'string' && "color: ".concat(props.mandatory, ";"));
+const Container = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Field__Container",
+  componentId: "sc-p9woft-1"
+})(["position:relative;margin-bottom:", ";text-align:left;"], props => getMargin(props.theme.Field.margins)(props));
+const Label = /*#__PURE__*/styled.label.withConfig({
+  displayName: "Field__Label",
+  componentId: "sc-p9woft-2"
+})(["font-weight:550;display:inline-block;font-size:", "px;margin-bottom:.75rem;", " ", ""], props => props.labelFontSize ? props.labelFontSize : '15', props => props.isOnImage && 'color: #fff;', customTheme("FieldLabel"));
+const HelpText = /*#__PURE__*/styled.span.withConfig({
+  displayName: "Field__HelpText",
+  componentId: "sc-p9woft-3"
+})(["color:rgba(0,0,0,0.4);font-weight:400;"]);
+const FieldDescription = /*#__PURE__*/styled.span.withConfig({
+  displayName: "Field__FieldDescription",
+  componentId: "sc-p9woft-4"
+})(["color:rgba(0,0,0,0.4);display:block;font-size:12px;margin:0.25rem 0 0;font-weight:400;"]);
+const BellowFieldDescription = /*#__PURE__*/styled(FieldDescription).withConfig({
+  displayName: "Field__BellowFieldDescription",
+  componentId: "sc-p9woft-5"
+})(["margin:0.5rem 0 0;"]);
+const Field = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      label,
+      helpText,
+      descText,
+      bellowDescText,
+      className,
+      labelClick,
+      focused,
+      mandatory,
+      onImage,
+      children,
+      labelFontSize
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    ref: ref
+  }, rest, {
+    className: className
+  }), label && /*#__PURE__*/React.createElement(Label, _extends({}, rest, {
+    onClick: labelClick,
+    labelFontSize: labelFontSize
+  }), label, mandatory && /*#__PURE__*/React.createElement(Mandatory, {
+    mandatory: mandatory
+  }, "*"), helpText && /*#__PURE__*/React.createElement(HelpText, null, " ", helpText), descText && /*#__PURE__*/React.createElement(FieldDescription, null, descText)), children, bellowDescText && /*#__PURE__*/React.createElement(BellowFieldDescription, null, bellowDescText));
+});
+Field.Label = Label;
+Field.Container = Container;
+Field.HelpText = HelpText;
+Field.Description = FieldDescription;
+Field.displayName = "Field";
+
+export { BellowFieldDescription, Field, FieldDescription, HelpText };
+//# sourceMappingURL=Field.mjs.map