@startlibs/form 1.0.11 → 1.1.0

package/lib/InputboxGroup.mjs

@@ -0,0 +1,104 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _union from 'lodash/fp/union';
+import _unionBy from 'lodash/fp/unionBy';
+import _uniq from 'lodash/fp/uniq';
+import _uniqBy from 'lodash/fp/uniqBy';
+import _difference from 'lodash/fp/difference';
+import _differenceBy from 'lodash/fp/differenceBy';
+import _intersection from 'lodash/fp/intersection';
+import _intersectionBy from 'lodash/fp/intersectionBy';
+import _isFunction from 'lodash/fp/isFunction';
+import _isArray from 'lodash/fp/isArray';
+import React from 'react';
+import { callIfFunction } from '@startlibs/utils';
+import styled, { css } from 'styled-components';
+import { Field } from './Field.mjs';
+import { SimpleCheckbox } from './alt/checkbox/SimpleCheckbox.mjs';
+import { SimpleRadiobox } from './alt/radiobox/SimpleRadiobox.mjs';
+import { SplitColumnsContainer } from '@startlibs/components';
+
+const _excluded = ["path", "className", "column", "as", "children", "label", "descText", "helpText", "mandatory", "margin"];
+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 InputboxGroup = /*#__PURE__*/styled(_ref => {
+  let {
+      path,
+      className,
+      column,
+      as = column ? SplitColumnsContainer : 'div',
+      children,
+      label,
+      descText,
+      helpText,
+      mandatory,
+      margin
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  React.Children.count(children);
+  const Wrapper = as;
+  const boxes = /*#__PURE__*/React.createElement(Wrapper, {
+    className: className
+  }, React.Children.toArray(children).filter(child => child.props).map((child, i, arr) => /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({
+    isFirst: i === 0,
+    isLast: i === arr.length - 1,
+    index: i,
+    path
+  }, rest), child.props))));
+  return label ? /*#__PURE__*/React.createElement(Field, {
+    label: label,
+    mandatory: mandatory,
+    descText: descText,
+    helpText: helpText,
+    margin: margin
+  }, boxes) : boxes;
+}).withConfig({
+  displayName: "InputboxGroup",
+  componentId: "sc-q49nwm-0"
+})(["", " ", " ", " ", ""], props => props.wide && "\n    width: 100%;\n    display: flex;\n    label {\n      flex-grow: 1;\n      flex-basis: 0;\n    }\n  ", props => props.unevenlyWide && "\n    width: 100%;\n    display: flex;\n    label {\n      flex-grow: 1;\n    }\n  ", props => props.horizontal ? "\n    @supports (flex-wrap: wrap) {\n      display: flex;\n      flex-wrap: wrap;\n    }\n    min-height: 3rem;\n    ".concat(SimpleRadiobox, ", ").concat(SimpleCheckbox, " {\n      margin-right: 1.5rem;\n      margin-bottom: 0.5rem;\n    }\n  ") : "\n    ".concat(SimpleRadiobox, ", ").concat(SimpleCheckbox, " {\n      margin-bottom: 0.5rem;\n      :last-child {\n        margin-bottom: 1.5rem;\n      }\n    }\n  "), props => props.framedBoxes && css(["", ""], props => props.horizontal && "\n      margin: -4px;\n      width: calc(100% + 8px);\n      ".concat(SimpleRadiobox, ", ").concat(SimpleCheckbox, " {\n          margin: 4px;\n      }\n    ")));
+const RadioboxGroup = InputboxGroup;
+const CheckboxGroup = InputboxGroup;
+CheckboxGroup.createCheckManager = function () {
+  let path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let lastSelected = null;
+  const select = (itemOrItems, toggleValue) => {
+    lastSelected = _isArray(itemOrItems) || _isFunction(itemOrItems) ? lastSelected : itemOrItems;
+    const items = _isArray(itemOrItems) ? itemOrItems : [itemOrItems];
+    const intersects = list => path.length ? _intersectionBy(path, list, items).length === items.length : _intersection(list, items).length === items.length;
+    return function () {
+      let currentlySelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return _isFunction(itemOrItems) ? itemOrItems(currentlySelected) : toggleValue === false || toggleValue !== true && intersects(currentlySelected) ? path.length ? _differenceBy(path, currentlySelected, items) : _difference(currentlySelected, items) : path.length ? _uniqBy(path, currentlySelected.concat(items)) : _uniq(currentlySelected.concat(items));
+    };
+  };
+  const getIndex = (item, list) => {
+    const element = path.length ? _intersectionBy(path, list, [item])[0] : item;
+    return list.indexOf(element);
+  };
+  const shiftSelect = (availableItems, item) => {
+    const lastSelectedIndex = getIndex(lastSelected, callIfFunction(availableItems));
+    lastSelected = item;
+    return function () {
+      let currentlySelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      if (lastSelectedIndex < 0) {
+        return select(item)(currentlySelected);
+      } else {
+        const removing = path.length ? _intersectionBy(path, [item], currentlySelected).length : (currentlySelected === null || currentlySelected === void 0 ? void 0 : currentlySelected.indexOf(item)) >= 0;
+        const currentIndex = getIndex(item, callIfFunction(availableItems));
+        const firstIndex = currentIndex > lastSelectedIndex ? lastSelectedIndex : currentIndex;
+        const lastIndex = currentIndex > lastSelectedIndex ? currentIndex + 1 : lastSelectedIndex + 1;
+        if (removing) {
+          return path.length ? _differenceBy(path, currentlySelected, availableItems.slice(firstIndex, lastIndex)) : _difference(currentlySelected, availableItems.slice(firstIndex, lastIndex));
+        } else {
+          return path.length ? _unionBy(path, currentlySelected, availableItems.slice(firstIndex, lastIndex)) : _union(currentlySelected, availableItems.slice(firstIndex, lastIndex));
+        }
+      }
+    };
+  };
+  return {
+    select,
+    shiftSelect
+  };
+};
+
+export { CheckboxGroup, InputboxGroup, RadioboxGroup };
+//# sourceMappingURL=InputboxGroup.mjs.map

package/lib/InputboxGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputboxGroup.mjs","sources":["../src/InputboxGroup.jsx"],"sourcesContent":["import React from 'react'\n\nimport {callIfFunction} from '@startlibs/utils'\nimport styled, {css} from 'styled-components'\n\nimport {Field} from './Field'\nimport {SimpleCheckbox} from './alt/checkbox/SimpleCheckbox'\nimport {SimpleRadiobox} from './alt/radiobox/SimpleRadiobox'\nimport {SplitColumnsContainer} from '@startlibs/components'\nimport _ from \"lodash/fp\";\n\nexport const InputboxGroup = styled(({path, className, column, as = column ? SplitColumnsContainer : 'div', children, label, descText,helpText,mandatory,margin, ...rest}) => {\n  const size = React.Children.count(children)\n  const Wrapper = as\n  const boxes = <Wrapper className={className}>{\n    React.Children.toArray(children).filter(child => child.props).map((child, i,arr) => React.cloneElement(child, {\n      isFirst: i === 0,\n      isLast: i === arr.length - 1,\n      index: i,\n      path,\n      ...rest,\n      ...child.props,\n    }))\n  }</Wrapper>\n  \n  return label \n    ? <Field label={label} mandatory={mandatory} descText={descText} helpText={helpText} margin={margin}>{boxes}</Field> \n    : boxes\n})`\n  ${props => props.wide && `\n    width: 100%;\n    display: flex;\n    label {\n      flex-grow: 1;\n      flex-basis: 0;\n    }\n  `}\n  ${props => props.unevenlyWide && `\n    width: 100%;\n    display: flex;\n    label {\n      flex-grow: 1;\n    }\n  `}\n  ${props => props.horizontal ? `\n    @supports (flex-wrap: wrap) {\n      display: flex;\n      flex-wrap: wrap;\n    }\n    min-height: 3rem;\n    ${SimpleRadiobox}, ${SimpleCheckbox} {\n      margin-right: 1.5rem;\n      margin-bottom: 0.5rem;\n    }\n  ` : `\n    ${SimpleRadiobox}, ${SimpleCheckbox} {\n      margin-bottom: 0.5rem;\n      :last-child {\n        margin-bottom: 1.5rem;\n      }\n    }\n  `}\n  ${props => props.framedBoxes && css`\n    ${props => props.horizontal && `\n      margin: -4px;\n      width: calc(100% + 8px);\n      ${SimpleRadiobox}, ${SimpleCheckbox} {\n          margin: 4px;\n      }\n    `}\n  `}\n`\n\nexport const RadioboxGroup = InputboxGroup\nexport const CheckboxGroup = InputboxGroup\n\nCheckboxGroup.createCheckManager = (path = []) => {\n  let lastSelected = null\n  const select = (itemOrItems,toggleValue) => {\n    lastSelected = _.isArray(itemOrItems) || _.isFunction(itemOrItems) ? lastSelected : itemOrItems\n    const items = _.isArray(itemOrItems) ? itemOrItems : [itemOrItems]\n    const intersects = (list) => path.length\n      ? _.intersectionBy(path,list,items).length === items.length\n      : _.intersection(list,items).length === items.length\n    return (currentlySelected = []) =>\n      _.isFunction(itemOrItems)\n        ? itemOrItems(currentlySelected)\n        : (toggleValue===false || (toggleValue !== true && intersects(currentlySelected)))\n          ? (path.length ? _.differenceBy(path, currentlySelected, items) : _.difference(currentlySelected, items))\n          : (path.length ? _.uniqBy(path,currentlySelected.concat(items)) : _.uniq(currentlySelected.concat(items)))\n  }\n\n  const getIndex = (item,list) => {\n    const element = path.length ? _.intersectionBy(path, list, [item])[0] : item\n    return list.indexOf(element)\n  }\n  const shiftSelect = (availableItems,item) => {\n    const lastSelectedIndex = getIndex(lastSelected,callIfFunction(availableItems))\n    lastSelected = item\n    return (currentlySelected=[]) => {\n      if (lastSelectedIndex < 0) {\n        return select(item)(currentlySelected)\n      } else {\n        const removing = path.length ? _.intersectionBy(path, [item], currentlySelected).length : (currentlySelected?.indexOf(item)>=0)\n        const currentIndex = getIndex(item,callIfFunction(availableItems))\n        const firstIndex = currentIndex > lastSelectedIndex ? lastSelectedIndex : currentIndex\n        const lastIndex = currentIndex > lastSelectedIndex ? (currentIndex + 1) : (lastSelectedIndex + 1)\n        if (removing) {\n          return path.length\n            ? _.differenceBy(path,currentlySelected,availableItems.slice(firstIndex,lastIndex))\n            : _.difference(currentlySelected,availableItems.slice(firstIndex,lastIndex))\n        } else {\n          return path.length\n            ? _.unionBy(path,currentlySelected,availableItems.slice(firstIndex,lastIndex))\n            : _.union(currentlySelected,availableItems.slice(firstIndex,lastIndex))\n        }\n      }\n    }\n  }\n  return {select, shiftSelect}\n}"],"names":["InputboxGroup","styled","_ref","path","className","column","as","SplitColumnsContainer","children","label","descText","helpText","mandatory","margin","rest","_objectWithoutProperties","_excluded","React","Children","count","Wrapper","boxes","createElement","toArray","filter","child","props","map","i","arr","cloneElement","_objectSpread","isFirst","isLast","length","index","Field","withConfig","displayName","componentId","wide","unevenlyWide","horizontal","concat","SimpleRadiobox","SimpleCheckbox","framedBoxes","css","RadioboxGroup","CheckboxGroup","createCheckManager","arguments","undefined","lastSelected","select","itemOrItems","toggleValue","_isArray","_isFunction","items","intersects","list","_intersectionBy","_intersection","currentlySelected","_differenceBy","_difference","_uniqBy","_uniq","getIndex","item","element","indexOf","shiftSelect","availableItems","lastSelectedIndex","callIfFunction","removing","currentIndex","firstIndex","lastIndex","slice","_unionBy","_union"],"mappings":"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"}

package/lib/Radiobox.mjs

@@ -0,0 +1,67 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React from 'react';
+import styled from 'styled-components';
+import { useInput } from './enhanceInput.mjs';
+import { useToggle } from '@startlibs/core';
+import { isTouchDevice } from '@startlibs/utils';
+
+const _excluded = ["className", "children", "disabled", "isChecked", "fieldValue", "path", "tabIndex", "raw"];
+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 HiddenInput = /*#__PURE__*/styled.input.withConfig({
+  displayName: "Radiobox__HiddenInput",
+  componentId: "sc-pelyer-0"
+})(["opacity:0 !important;position:absolute;pointer-events:none;"]);
+const Radiobox = _ref => {
+  let {
+      className,
+      children,
+      disabled,
+      isChecked,
+      fieldValue,
+      path,
+      tabIndex = 1,
+      raw
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const focused = useToggle();
+  const [value,, {
+    setFromField,
+    name,
+    hasErrors
+  }] = useInput(_objectSpread({
+    fieldValue,
+    path,
+    isChecked
+  }, rest), raw);
+  const checked = isChecked ? isChecked(value) : value === fieldValue;
+  return /*#__PURE__*/React.createElement("label", {
+    "data-drag": "false",
+    onClick: e => {
+      e.preventDefault();
+      if (!disabled) {
+        setFromField();
+      }
+    },
+    className: className
+  }, !isTouchDevice() && /*#__PURE__*/React.createElement(HiddenInput, {
+    onFocus: focused.open,
+    onBlur: focused.close,
+    disabled: disabled,
+    type: "radio",
+    checked: checked,
+    value: fieldValue,
+    readOnly: true,
+    name: name,
+    tabIndex: tabIndex
+  }), children && children({
+    disabled,
+    checked,
+    hasErrors,
+    focused: focused.isOpen
+  }));
+};
+
+export { Radiobox };
+//# sourceMappingURL=Radiobox.mjs.map

package/lib/Radiobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radiobox.mjs","sources":["../src/Radiobox.jsx"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport {useInput} from './enhanceInput'\nimport {useToggle} from '@startlibs/core'\nimport {isTouchDevice} from '@startlibs/utils'\n\nconst HiddenInput = styled.input`\n  opacity: 0 !important;\n  position: absolute;\n  pointer-events: none;\n`\n\nexport const Radiobox = ({className, children, disabled, isChecked, fieldValue, path, tabIndex = 1, raw, ...rest}) => {\n  const focused = useToggle()\n  const [value, , {setFromField, name, hasErrors}] = useInput({fieldValue, path, isChecked, ...rest}, raw)\n  const checked = isChecked ? isChecked(value) : value === fieldValue\n  return <label data-drag=\"false\" onClick={(e) => {e.preventDefault();if (!disabled){setFromField()}}} className={className}>\n    {\n      !isTouchDevice() && <HiddenInput\n        onFocus={focused.open}\n        onBlur={focused.close}\n        disabled={disabled}\n        type=\"radio\"\n        checked={checked}\n        value={fieldValue}\n        readOnly\n        name={name}\n        tabIndex={tabIndex}\n      />\n    }\n    {children && children({disabled, checked, hasErrors, focused: focused.isOpen})}\n  </label>\n}\n"],"names":["HiddenInput","styled","input","withConfig","displayName","componentId","Radiobox","_ref","className","children","disabled","isChecked","fieldValue","path","tabIndex","raw","rest","_objectWithoutProperties","_excluded","focused","useToggle","value","setFromField","name","hasErrors","useInput","_objectSpread","checked","React","createElement","onClick","e","preventDefault","isTouchDevice","onFocus","open","onBlur","close","type","readOnly","isOpen"],"mappings":";;;;;;;;;;;AAMA,MAAMA,WAAW,gBAAGC,MAAM,CAACC,KAAK,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAI/B,CAAA,CAAA,CAAA,6DAAA,CAAA,CAAA,CAAA;AAEYC,MAAAA,QAAQ,GAAGC,IAAA,IAA8F;EAAA,IAA7F;MAACC,SAAS;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,UAAU;MAAEC,IAAI;AAAEC,MAAAA,QAAQ,GAAG,CAAC;AAAEC,MAAAA,GAAAA;AAAY,KAAC,GAAAR,IAAA;AAALS,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;AAC9G,EAAA,MAAMC,OAAO,GAAGC,SAAS,EAAE,CAAA;EAC3B,MAAM,CAACC,KAAK,GAAI;IAACC,YAAY;IAAEC,IAAI;AAAEC,IAAAA,SAAAA;AAAS,GAAC,CAAC,GAAGC,QAAQ,CAAAC,aAAA,CAAA;IAAEd,UAAU;IAAEC,IAAI;AAAEF,IAAAA,SAAAA;GAAcK,EAAAA,IAAI,CAAGD,EAAAA,GAAG,CAAC,CAAA;EACxG,MAAMY,OAAO,GAAGhB,SAAS,GAAGA,SAAS,CAACU,KAAK,CAAC,GAAGA,KAAK,KAAKT,UAAU,CAAA;EACnE,oBAAOgB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAO,IAAA,WAAA,EAAU,OAAO;IAACC,OAAO,EAAGC,CAAC,IAAK;MAACA,CAAC,CAACC,cAAc,EAAE,CAAA;MAAC,IAAI,CAACtB,QAAQ,EAAC;AAACY,QAAAA,YAAY,EAAE,CAAA;AAAA,OAAA;KAAG;AAACd,IAAAA,SAAS,EAAEA,SAAAA;GAE5G,EAAA,CAACyB,aAAa,EAAE,iBAAIL,KAAA,CAAAC,aAAA,CAAC7B,WAAW,EAAA;IAC9BkC,OAAO,EAAEf,OAAO,CAACgB,IAAK;IACtBC,MAAM,EAAEjB,OAAO,CAACkB,KAAM;AACtB3B,IAAAA,QAAQ,EAAEA,QAAS;AACnB4B,IAAAA,IAAI,EAAC,OAAO;AACZX,IAAAA,OAAO,EAAEA,OAAQ;AACjBN,IAAAA,KAAK,EAAET,UAAW;IAClB2B,QAAQ,EAAA,IAAA;AACRhB,IAAAA,IAAI,EAAEA,IAAK;AACXT,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GACpB,CAAC,EAEHL,QAAQ,IAAIA,QAAQ,CAAC;IAACC,QAAQ;IAAEiB,OAAO;IAAEH,SAAS;IAAEL,OAAO,EAAEA,OAAO,CAACqB,MAAAA;AAAM,GAAC,CACxE,CAAC,CAAA;AACV;;;;"}