@startlibs/form 1.0.12 → 1.1.0

package/lib/ComboboxWithCustom.mjs

@@ -0,0 +1,77 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _toPath from 'lodash/fp/toPath';
+import _identity from 'lodash/fp/identity';
+import React, { useLayoutEffect } from 'react';
+import { useToggle, usePrevious } from '@startlibs/core';
+import { callIfFunction } from '@startlibs/utils';
+import { Combobox } from './Combobox.mjs';
+import { useFormValue, useFormMeta } from './Form.mjs';
+import { TextInput } from './TextInput.mjs';
+
+const _excluded = ["options", "label", "constraint", "path", "getLabel", "getBoxLabelAs", "valueOnCustom", "customIndex", "tabIndex"];
+//shouldRecenter?
+const ComboboxWithCustom = _ref => {
+  let {
+      options,
+      label,
+      constraint,
+      path,
+      getLabel = _identity,
+      getBoxLabelAs = getLabel,
+      valueOnCustom = _identity,
+      customIndex = options.length - 1,
+      tabIndex = 1
+    } = _ref,
+    extra = _objectWithoutProperties(_ref, _excluded);
+  const customValue = useToggle();
+  const [value, setValue] = useFormValue(path);
+  const [meta, setMeta] = useFormMeta(["onCustom"].concat(_toPath(path)));
+  const prevTitle = usePrevious(value);
+  useLayoutEffect(() => {
+    if (value === options[customIndex]) {
+      setMeta(true);
+      customValue.openWith('');
+      setValue(callIfFunction(valueOnCustom, prevTitle));
+    }
+  }, [value]);
+  const updateCustomValue = e => {
+    if (e.type === 'keydown' && e.keyCode === 27) {
+      e.stopPropagation();
+      setMeta(false);
+      customValue.close();
+    } else if (e.type === 'keydown' && e.keyCode === 13 || e.type === 'blur') {
+      e.stopPropagation();
+      if (customValue.isOpen) {
+        setValue(customValue.isOpen);
+      }
+      setMeta(false);
+      customValue.close();
+    }
+  };
+  const titleOptions = !value || options.indexOf(value) >= 0 ? options : [value].concat(options);
+  return customValue.isOpen !== false ? /*#__PURE__*/React.createElement(TextInput, _extends({
+    label: label,
+    tabIndex: tabIndex,
+    autoFocus: true,
+    value: customValue.isOpen,
+    setValue: customValue.openWith,
+    maxLength: 70,
+    onBlur: updateCustomValue,
+    onKeyPress: updateCustomValue,
+    onKeyDown: updateCustomValue,
+    constraint: constraint,
+    raw: true
+  }, extra)) : /*#__PURE__*/React.createElement(Combobox, _extends({
+    getBoxLabelAs: v => v === options[customIndex] ? '' : getBoxLabelAs(v),
+    label: label,
+    path: path,
+    onChange: setValue,
+    options: titleOptions,
+    tabIndex: tabIndex,
+    getLabel: getLabel
+  }, extra));
+};
+
+export { ComboboxWithCustom };
+//# sourceMappingURL=ComboboxWithCustom.mjs.map

package/lib/ComboboxWithCustom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxWithCustom.mjs","sources":["../src/ComboboxWithCustom.jsx"],"sourcesContent":["import React, {useLayoutEffect} from 'react'\nimport {usePrevious, useToggle} from '@startlibs/core'\nimport {callIfFunction} from '@startlibs/utils'\nimport {Combobox} from './Combobox'\nimport {useFormMeta, useFormValue} from './Form'\nimport {TextInput} from './TextInput'\nimport _ from \"lodash/fp\";\n\n//shouldRecenter?\nexport const ComboboxWithCustom = ({options,label,constraint, path, getLabel = _.identity, getBoxLabelAs = getLabel, valueOnCustom = _.identity,customIndex = options.length - 1, tabIndex = 1, ...extra}) => {\n  const customValue = useToggle()\n  const [value,setValue] = useFormValue(path)\n  const [meta,setMeta] = useFormMeta([\"onCustom\"].concat(_.toPath(path)))\n  const prevTitle = usePrevious(value)\n\n  useLayoutEffect(() => {\n    if (value === options[customIndex]) {\n      setMeta(true)\n      customValue.openWith('')\n      setValue(callIfFunction(valueOnCustom,prevTitle))\n    }\n  }, [value])\n\n  const updateCustomValue = e => {\n    if (e.type === 'keydown' && e.keyCode === 27) {\n      e.stopPropagation()\n      setMeta(false)\n      customValue.close()\n    } else if (\n      (e.type === 'keydown' && e.keyCode === 13) ||\n      e.type === 'blur'\n    ) {\n      e.stopPropagation()\n      if (customValue.isOpen) {\n        setValue(customValue.isOpen)\n      }\n      setMeta(false)\n      customValue.close()\n    }\n  }\n\n  const titleOptions = (!value || options.indexOf(value) >= 0) ? options : [value].concat(options)\n  return customValue.isOpen !== false ?\n    <TextInput\n      label={label}\n      tabIndex={tabIndex}\n      autoFocus\n      value={customValue.isOpen}\n      setValue={customValue.openWith}\n      maxLength={70}\n      onBlur={updateCustomValue}\n      onKeyPress={updateCustomValue}\n      onKeyDown={updateCustomValue}\n      constraint={constraint}\n      raw\n      {...extra}\n    /> :\n    <Combobox\n      getBoxLabelAs={v => v === options[customIndex] ? '' : getBoxLabelAs(v)}\n      label={label}\n      path={path}\n      onChange={setValue}\n      options={titleOptions}\n      tabIndex={tabIndex}\n      getLabel={getLabel}\n      {...extra}\n    />\n}"],"names":["ComboboxWithCustom","_ref","options","label","constraint","path","getLabel","_identity","getBoxLabelAs","valueOnCustom","customIndex","length","tabIndex","extra","_objectWithoutProperties","_excluded","customValue","useToggle","value","setValue","useFormValue","meta","setMeta","useFormMeta","concat","_toPath","prevTitle","usePrevious","useLayoutEffect","openWith","callIfFunction","updateCustomValue","e","type","keyCode","stopPropagation","close","isOpen","titleOptions","indexOf","React","createElement","TextInput","_extends","autoFocus","maxLength","onBlur","onKeyPress","onKeyDown","raw","Combobox","v","onChange"],"mappings":"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"}