@bpmn-io/properties-panel 0.9.0 → 0.10.0

package/lib/components/entries/TextField.js

@@ -1,123 +0,0 @@
-import Description from './Description';
-import { useEffect, useMemo, useState } from 'preact/hooks';
-import classnames from 'classnames';
-import { usePrevious } from '../../hooks';
-import { jsx as _jsx } from "preact/jsx-runtime";
-import { jsxs as _jsxs } from "preact/jsx-runtime";
-
-function Textfield(props) {
-  const {
-    debounce,
-    disabled = false,
-    id,
-    label,
-    onInput,
-    value = ''
-  } = props;
-  const handleInput = useMemo(() => {
-    return debounce(({
-      target
-    }) => onInput(target.value.length ? target.value : undefined));
-  }, [onInput, debounce]);
-  return _jsxs("div", {
-    class: "bio-properties-panel-textfield",
-    children: [_jsx("label", {
-      for: prefixId(id),
-      class: "bio-properties-panel-label",
-      children: label
-    }), _jsx("input", {
-      id: prefixId(id),
-      type: "text",
-      name: id,
-      spellCheck: "false",
-      autoComplete: "off",
-      disabled: disabled,
-      class: "bio-properties-panel-input",
-      onInput: handleInput,
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
-      value: value || ''
-    })]
-  });
-}
-/**
- * @param {Object} props
- * @param {Object} props.element
- * @param {String} props.id
- * @param {String} props.description
- * @param {Boolean} props.debounce
- * @param {Boolean} props.disabled
- * @param {String} props.label
- * @param {Function} props.getValue
- * @param {Function} props.setValue
- * @param {Function} props.validate
- */
-
-
-export default function TextfieldEntry(props) {
-  const {
-    element,
-    id,
-    description,
-    debounce,
-    disabled,
-    label,
-    getValue,
-    setValue,
-    validate
-  } = props;
-  const [error, setError] = useState(null);
-  const [invalidValueCache, setInvalidValueCache] = useState(null);
-  let value = getValue(element);
-  const prevValue = usePrevious(value); // validate again when value prop changed
-
-  useEffect(() => {
-    const err = validate ? validate(value) : null;
-    setError(err);
-  }, [value]); // validate on change
-
-  const handleChange = newValue => {
-    const err = validate ? validate(newValue) : null;
-
-    if (err) {
-      setInvalidValueCache(newValue);
-    } else {
-      setValue(newValue);
-    }
-
-    setError(err);
-  }; // keep showing invalid value on errors, although it was not set
-
-
-  if (prevValue === value && error) {
-    value = invalidValueCache;
-  }
-
-  return _jsxs("div", {
-    class: classnames('bio-properties-panel-entry', error ? 'has-error' : ''),
-    "data-entry-id": id,
-    children: [_jsx(Textfield, {
-      id: id,
-      label: label,
-      value: value,
-      onInput: handleChange,
-      debounce: debounce,
-      disabled: disabled
-    }), _jsx(Description, {
-      forId: id,
-      element: element,
-      value: description
-    }), error && _jsx("div", {
-      class: "bio-properties-panel-error",
-      children: error
-    })]
-  });
-}
-export function isEdited(node) {
-  return node && !!node.value;
-} // helpers /////////////////
-
-function prefixId(id) {
-  return `bio-properties-panel-${id}`;
-}
-//# sourceMappingURL=TextField.js.map

package/lib/components/entries/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/entries/TextField.js"],"names":["Description","useEffect","useMemo","useState","classnames","usePrevious","Textfield","props","debounce","disabled","id","label","onInput","value","handleInput","target","length","undefined","prefixId","onFocus","onBlur","TextfieldEntry","element","description","getValue","setValue","validate","error","setError","invalidValueCache","setInvalidValueCache","prevValue","err","handleChange","newValue","isEdited","node"],"mappings":"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","sourcesContent":["import Description from './Description';\n\nimport {\n  useEffect,\n  useMemo,\n  useState\n} from 'preact/hooks';\n\nimport classnames from 'classnames';\n\nimport {\n  usePrevious\n} from '../../hooks';\n\n\nfunction Textfield(props) {\n\n  const {\n    debounce,\n    disabled = false,\n    id,\n    label,\n    onInput,\n    value = ''\n  } = props;\n\n  const handleInput = useMemo(() => {\n    return debounce(({ target }) => onInput(target.value.length ? target.value : undefined));\n  }, [ onInput, debounce ]);\n\n  return (\n    <div class=\"bio-properties-panel-textfield\">\n      <label for={ prefixId(id) } class=\"bio-properties-panel-label\">{ label }</label>\n      <input\n        id={ prefixId(id) }\n        type=\"text\"\n        name={ id }\n        spellCheck=\"false\"\n        autoComplete=\"off\"\n        disabled={ disabled }\n        class=\"bio-properties-panel-input\"\n        onInput={ handleInput }\n        onFocus={ props.onFocus }\n        onBlur={ props.onBlur }\n        value={ value || '' } />\n    </div>\n  );\n}\n\n/**\n * @param {Object} props\n * @param {Object} props.element\n * @param {String} props.id\n * @param {String} props.description\n * @param {Boolean} props.debounce\n * @param {Boolean} props.disabled\n * @param {String} props.label\n * @param {Function} props.getValue\n * @param {Function} props.setValue\n * @param {Function} props.validate\n */\nexport default function TextfieldEntry(props) {\n  const {\n    element,\n    id,\n    description,\n    debounce,\n    disabled,\n    label,\n    getValue,\n    setValue,\n    validate\n  } = props;\n\n  const [ error, setError ] = useState(null);\n  const [ invalidValueCache, setInvalidValueCache ] = useState(null);\n\n  let value = getValue(element);\n  const prevValue = usePrevious(value);\n\n  // validate again when value prop changed\n  useEffect(() => {\n    const err = validate ? validate(value) : null;\n    setError(err);\n  }, [ value ]);\n\n  // validate on change\n  const handleChange = (newValue) => {\n    const err = validate ? validate(newValue) : null;\n\n    if (err) {\n      setInvalidValueCache(newValue);\n    } else {\n      setValue(newValue);\n    }\n\n    setError(err);\n  };\n\n  // keep showing invalid value on errors, although it was not set\n  if (prevValue === value && error) {\n    value = invalidValueCache;\n  }\n\n  return (\n    <div class={ classnames(\n      'bio-properties-panel-entry',\n      error ? 'has-error' : '')\n    } data-entry-id={ id }>\n      <Textfield id={ id } label={ label } value={ value } onInput={ handleChange } debounce={ debounce } disabled={ disabled } />\n      <Description forId={ id } element={ element } value={ description } />\n      { error && <div class=\"bio-properties-panel-error\">{ error }</div> }\n    </div>\n  );\n}\n\nexport function isEdited(node) {\n  return node && !!node.value;\n}\n\n\n// helpers /////////////////\n\nfunction prefixId(id) {\n  return `bio-properties-panel-${ id }`;\n}\n"],"file":"TextField.js"}

package/lib/components/entries/ToggleSwitch.js

@@ -1,91 +0,0 @@
-import Description from './Description';
-import { jsx as _jsx } from "preact/jsx-runtime";
-import { jsxs as _jsxs } from "preact/jsx-runtime";
-
-function ToggleSwitch(props) {
-  const {
-    id,
-    label,
-    onInput,
-    value,
-    switcherLabel
-  } = props;
-
-  const handleInput = async () => {
-    onInput(!value);
-  };
-
-  return _jsxs("div", {
-    class: "bio-properties-panel-toggle-switch",
-    children: [_jsx("label", {
-      class: "bio-properties-panel-label",
-      for: prefixId(id),
-      children: label
-    }), _jsxs("div", {
-      class: "bio-properties-panel-field-wrapper",
-      children: [_jsxs("label", {
-        class: "bio-properties-panel-toggle-switch__switcher",
-        children: [_jsx("input", {
-          id: prefixId(id),
-          class: "bio-properties-panel-input",
-          type: "checkbox",
-          name: id,
-          onInput: handleInput,
-          checked: value
-        }), _jsx("span", {
-          class: "bio-properties-panel-toggle-switch__slider"
-        })]
-      }), _jsx("p", {
-        class: "bio-properties-panel-toggle-switch__label",
-        children: switcherLabel
-      })]
-    })]
-  });
-}
-/**
- * @param {Object} props
- * @param {Object} props.element
- * @param {String} props.id
- * @param {String} props.description
- * @param {String} props.label
- * @param {String} props.switcherLabel
- * @param {Function} props.getValue
- * @param {Function} props.setValue
- */
-
-
-export default function ToggleSwitchEntry(props) {
-  const {
-    element,
-    id,
-    description,
-    label,
-    switcherLabel,
-    getValue,
-    setValue
-  } = props;
-  const value = getValue(element);
-  return _jsxs("div", {
-    class: "bio-properties-panel-entry bio-properties-panel-toggle-switch-entry",
-    "data-entry-id": id,
-    children: [_jsx(ToggleSwitch, {
-      id: id,
-      label: label,
-      value: value,
-      onInput: setValue,
-      switcherLabel: switcherLabel
-    }), _jsx(Description, {
-      forId: id,
-      element: element,
-      value: description
-    })]
-  });
-}
-export function isEdited(node) {
-  return node && !!node.checked;
-} // helpers /////////////////
-
-function prefixId(id) {
-  return `bio-properties-panel-${id}`;
-}
-//# sourceMappingURL=ToggleSwitch.js.map

package/lib/components/entries/ToggleSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/entries/ToggleSwitch.js"],"names":["Description","ToggleSwitch","props","id","label","onInput","value","switcherLabel","handleInput","prefixId","ToggleSwitchEntry","element","description","getValue","setValue","isEdited","node","checked"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;;;;AAEA,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AAC3B,QAAM;AACJC,IAAAA,EADI;AAEJC,IAAAA,KAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA;AALI,MAMFL,KANJ;;AAQA,QAAMM,WAAW,GAAG,YAAY;AAC9BH,IAAAA,OAAO,CAAC,CAACC,KAAF,CAAP;AACD,GAFD;;AAIA,SACE;AAAK,IAAA,KAAK,EAAC,oCAAX;AAAA,eACE;AAAO,MAAA,KAAK,EAAC,4BAAb;AACE,MAAA,GAAG,EAAGG,QAAQ,CAACN,EAAD,CADhB;AAAA,gBAEIC;AAFJ,MADF,EAKE;AAAK,MAAA,KAAK,EAAC,oCAAX;AAAA,iBACE;AAAO,QAAA,KAAK,EAAC,8CAAb;AAAA,mBACE;AACE,UAAA,EAAE,EAAGK,QAAQ,CAACN,EAAD,CADf;AAEE,UAAA,KAAK,EAAC,4BAFR;AAGE,UAAA,IAAI,EAAC,UAHP;AAIE,UAAA,IAAI,EAAGA,EAJT;AAKE,UAAA,OAAO,EAAGK,WALZ;AAME,UAAA,OAAO,EAAGF;AANZ,UADF,EAQE;AAAM,UAAA,KAAK,EAAC;AAAZ,UARF;AAAA,QADF,EAWE;AAAG,QAAA,KAAK,EAAC,2CAAT;AAAA,kBAAuDC;AAAvD,QAXF;AAAA,MALF;AAAA,IADF;AAqBD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,eAAe,SAASG,iBAAT,CAA2BR,KAA3B,EAAkC;AAC/C,QAAM;AACJS,IAAAA,OADI;AAEJR,IAAAA,EAFI;AAGJS,IAAAA,WAHI;AAIJR,IAAAA,KAJI;AAKJG,IAAAA,aALI;AAMJM,IAAAA,QANI;AAOJC,IAAAA;AAPI,MAQFZ,KARJ;AAUA,QAAMI,KAAK,GAAGO,QAAQ,CAACF,OAAD,CAAtB;AACA,SACE;AAAK,IAAA,KAAK,EAAC,qEAAX;AAAiF,qBAAgBR,EAAjG;AAAA,eACE,KAAC,YAAD;AAAc,MAAA,EAAE,EAAGA,EAAnB;AAAwB,MAAA,KAAK,EAAGC,KAAhC;AAAwC,MAAA,KAAK,EAAGE,KAAhD;AAAwD,MAAA,OAAO,EAAGQ,QAAlE;AAA6E,MAAA,aAAa,EAAGP;AAA7F,MADF,EAEE,KAAC,WAAD;AAAa,MAAA,KAAK,EAAGJ,EAArB;AAA0B,MAAA,OAAO,EAAGQ,OAApC;AAA8C,MAAA,KAAK,EAAGC;AAAtD,MAFF;AAAA,IADF;AAMD;AAED,OAAO,SAASG,QAAT,CAAkBC,IAAlB,EAAwB;AAC7B,SAAOA,IAAI,IAAI,CAAC,CAACA,IAAI,CAACC,OAAtB;AACD,C,CAGD;;AAEA,SAASR,QAAT,CAAkBN,EAAlB,EAAsB;AACpB,SAAQ,wBAAwBA,EAAI,EAApC;AACD","sourcesContent":["import Description from './Description';\n\nfunction ToggleSwitch(props) {\n  const {\n    id,\n    label,\n    onInput,\n    value,\n    switcherLabel\n  } = props;\n\n  const handleInput = async () => {\n    onInput(!value);\n  };\n\n  return (\n    <div class=\"bio-properties-panel-toggle-switch\">\n      <label class=\"bio-properties-panel-label\"\n        for={ prefixId(id) }>\n        { label }\n      </label>\n      <div class=\"bio-properties-panel-field-wrapper\">\n        <label class=\"bio-properties-panel-toggle-switch__switcher\">\n          <input\n            id={ prefixId(id) }\n            class=\"bio-properties-panel-input\"\n            type=\"checkbox\"\n            name={ id }\n            onInput={ handleInput }\n            checked={ value } />\n          <span class=\"bio-properties-panel-toggle-switch__slider\" />\n        </label>\n        <p class=\"bio-properties-panel-toggle-switch__label\">{ switcherLabel }</p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * @param {Object} props\n * @param {Object} props.element\n * @param {String} props.id\n * @param {String} props.description\n * @param {String} props.label\n * @param {String} props.switcherLabel\n * @param {Function} props.getValue\n * @param {Function} props.setValue\n */\nexport default function ToggleSwitchEntry(props) {\n  const {\n    element,\n    id,\n    description,\n    label,\n    switcherLabel,\n    getValue,\n    setValue\n  } = props;\n\n  const value = getValue(element);\n  return (\n    <div class=\"bio-properties-panel-entry bio-properties-panel-toggle-switch-entry\" data-entry-id={ id }>\n      <ToggleSwitch id={ id } label={ label } value={ value } onInput={ setValue } switcherLabel={ switcherLabel } />\n      <Description forId={ id } element={ element } value={ description } />\n    </div>\n  );\n}\n\nexport function isEdited(node) {\n  return node && !!node.checked;\n}\n\n\n// helpers /////////////////\n\nfunction prefixId(id) {\n  return `bio-properties-panel-${ id }`;\n}\n"],"file":"ToggleSwitch.js"}

package/lib/components/icons/index.js

@@ -1,51 +0,0 @@
-import React from "react";
-import { jsx as _jsx } from "preact/jsx-runtime";
-
-var ArrowIcon = function ArrowIcon(props) {
-  return _jsx("svg", { ...props,
-    children: _jsx("path", {
-      fillRule: "evenodd",
-      d: "m11.657 8-4.95 4.95a1 1 0 0 1-1.414-1.414L8.828 8 5.293 4.464A1 1 0 1 1 6.707 3.05L11.657 8z"
-    })
-  });
-};
-
-ArrowIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-export { ArrowIcon };
-
-var CreateIcon = function CreateIcon(props) {
-  return _jsx("svg", { ...props,
-    children: _jsx("path", {
-      fillRule: "evenodd",
-      d: "M9 13V9h4a1 1 0 0 0 0-2H9V3a1 1 0 1 0-2 0v4H3a1 1 0 1 0 0 2h4v4a1 1 0 0 0 2 0z"
-    })
-  });
-};
-
-CreateIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-export { CreateIcon };
-
-var DeleteIcon = function DeleteIcon(props) {
-  return _jsx("svg", { ...props,
-    children: _jsx("path", {
-      fillRule: "evenodd",
-      d: "M12 6v7c0 1.1-.4 1.55-1.5 1.55h-5C4.4 14.55 4 14.1 4 13V6h8zm-1.5 1.5h-5v4.3c0 .66.5 1.2 1.111 1.2H9.39c.611 0 1.111-.54 1.111-1.2V7.5zM13 3h-2l-1-1H6L5 3H3v1.5h10V3z"
-    })
-  });
-};
-
-DeleteIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16"
-};
-export { DeleteIcon };
-//# sourceMappingURL=index.js.map

package/lib/components/icons/index.js.map

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

package/lib/context/DescriptionContext.js

@@ -1,7 +0,0 @@
-import { createContext } from 'preact';
-const DescriptionContext = createContext({
-  description: {},
-  getDescriptionForId: () => {}
-});
-export default DescriptionContext;
-//# sourceMappingURL=DescriptionContext.js.map

package/lib/context/DescriptionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/DescriptionContext.js"],"names":["createContext","DescriptionContext","description","getDescriptionForId"],"mappings":"AAAA,SACEA,aADF,QAEO,QAFP;AAIA,MAAMC,kBAAkB,GAAGD,aAAa,CAAC;AACvCE,EAAAA,WAAW,EAAE,EAD0B;AAEvCC,EAAAA,mBAAmB,EAAE,MAAM,CAAE;AAFU,CAAD,CAAxC;AAKA,eAAeF,kBAAf","sourcesContent":["import {\n  createContext\n} from 'preact';\n\nconst DescriptionContext = createContext({\n  description: {},\n  getDescriptionForId: () => {}\n});\n\nexport default DescriptionContext;\n"],"file":"DescriptionContext.js"}

package/lib/context/LayoutContext.js

@@ -1,9 +0,0 @@
-import { createContext } from 'preact';
-const LayoutContext = createContext({
-  layout: {},
-  setLayout: () => {},
-  getLayoutForKey: () => {},
-  setLayoutForKey: () => {}
-});
-export default LayoutContext;
-//# sourceMappingURL=LayoutContext.js.map

package/lib/context/LayoutContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/LayoutContext.js"],"names":["createContext","LayoutContext","layout","setLayout","getLayoutForKey","setLayoutForKey"],"mappings":"AAAA,SACEA,aADF,QAEO,QAFP;AAIA,MAAMC,aAAa,GAAGD,aAAa,CAAC;AAClCE,EAAAA,MAAM,EAAE,EAD0B;AAElCC,EAAAA,SAAS,EAAE,MAAM,CAAE,CAFe;AAGlCC,EAAAA,eAAe,EAAE,MAAM,CAAE,CAHS;AAIlCC,EAAAA,eAAe,EAAE,MAAM,CAAE;AAJS,CAAD,CAAnC;AAOA,eAAeJ,aAAf","sourcesContent":["import {\n  createContext\n} from 'preact';\n\nconst LayoutContext = createContext({\n  layout: {},\n  setLayout: () => {},\n  getLayoutForKey: () => {},\n  setLayoutForKey: () => {}\n});\n\nexport default LayoutContext;"],"file":"LayoutContext.js"}

package/lib/context/index.js

@@ -1,3 +0,0 @@
-export { default as DescriptionContext } from './DescriptionContext';
-export { default as LayoutContext } from './LayoutContext';
-//# sourceMappingURL=index.js.map

package/lib/context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/index.js"],"names":["default","DescriptionContext","LayoutContext"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,sBAA9C;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC","sourcesContent":["export { default as DescriptionContext } from './DescriptionContext';\nexport { default as LayoutContext } from './LayoutContext';\n"],"file":"index.js"}

package/lib/features/debounce-input/debounceInput.js

@@ -1,14 +0,0 @@
-import { debounce, isNumber } from 'min-dash';
-const DEFAULT_DEBOUNCE_TIME = 300;
-export default function debounceInput(debounceDelay) {
-  return function _debounceInput(fn) {
-    if (debounceDelay !== false) {
-      var debounceTime = isNumber(debounceDelay) ? debounceDelay : DEFAULT_DEBOUNCE_TIME;
-      return debounce(fn, debounceTime);
-    } else {
-      return fn;
-    }
-  };
-}
-debounceInput.$inject = ['config.debounceInput'];
-//# sourceMappingURL=debounceInput.js.map

package/lib/features/debounce-input/debounceInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/features/debounce-input/debounceInput.js"],"names":["debounce","isNumber","DEFAULT_DEBOUNCE_TIME","debounceInput","debounceDelay","_debounceInput","fn","debounceTime","$inject"],"mappings":"AAAA,SACEA,QADF,EAEEC,QAFF,QAGO,UAHP;AAKA,MAAMC,qBAAqB,GAAG,GAA9B;AAEA,eAAe,SAASC,aAAT,CAAuBC,aAAvB,EAAsC;AACnD,SAAO,SAASC,cAAT,CAAwBC,EAAxB,EAA4B;AACjC,QAAIF,aAAa,KAAK,KAAtB,EAA6B;AAE3B,UAAIG,YAAY,GACdN,QAAQ,CAACG,aAAD,CAAR,GACEA,aADF,GAEEF,qBAHJ;AAKA,aAAOF,QAAQ,CAACM,EAAD,EAAKC,YAAL,CAAf;AACD,KARD,MAQO;AACL,aAAOD,EAAP;AACD;AACF,GAZD;AAaD;AAEDH,aAAa,CAACK,OAAd,GAAwB,CAAE,sBAAF,CAAxB","sourcesContent":["import {\n  debounce,\n  isNumber\n} from 'min-dash';\n\nconst DEFAULT_DEBOUNCE_TIME = 300;\n\nexport default function debounceInput(debounceDelay) {\n  return function _debounceInput(fn) {\n    if (debounceDelay !== false) {\n\n      var debounceTime =\n        isNumber(debounceDelay) ?\n          debounceDelay :\n          DEFAULT_DEBOUNCE_TIME;\n\n      return debounce(fn, debounceTime);\n    } else {\n      return fn;\n    }\n  };\n}\n\ndebounceInput.$inject = [ 'config.debounceInput' ];\n"],"file":"debounceInput.js"}

package/lib/features/debounce-input/index.js

@@ -1,5 +0,0 @@
-import debounceInput from './debounceInput';
-export default {
-  debounceInput: ['factory', debounceInput]
-};
-//# sourceMappingURL=index.js.map

package/lib/features/debounce-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/features/debounce-input/index.js"],"names":["debounceInput"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AAEA,eAAe;AACbA,EAAAA,aAAa,EAAE,CAAE,SAAF,EAAaA,aAAb;AADF,CAAf","sourcesContent":["import debounceInput from './debounceInput';\n\nexport default {\n  debounceInput: [ 'factory', debounceInput ]\n};\n"],"file":"index.js"}

package/lib/hooks/index.js

@@ -1,5 +0,0 @@
-export { default as usePrevious } from './usePrevious';
-export { useKeyFactory } from './useKeyFactory';
-export { useLayoutState } from './useLayoutState';
-export { useDescriptionContext } from './useDescriptionContext';
-//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.js"],"names":["default","usePrevious","useKeyFactory","useLayoutState","useDescriptionContext"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,qBAAT,QAAsC,yBAAtC","sourcesContent":["export { default as usePrevious } from './usePrevious';\nexport { useKeyFactory } from './useKeyFactory';\nexport { useLayoutState } from './useLayoutState';\nexport { useDescriptionContext } from './useDescriptionContext';\n"],"file":"index.js"}

package/lib/hooks/useDescriptionContext.js

@@ -1,25 +0,0 @@
-import { useContext } from 'preact/hooks';
-import { DescriptionContext } from '../context';
-/**
- * Accesses the global DescriptionContext and returns a description for a given id and element.
- *
- * @example
- * ```jsx
- * function TextField(props) {
- *   const description = useDescriptionContext('input1', element);
- * }
- * ```
- *
- * @param {string} id
- * @param {djs.model.Base} element
- *
- * @returns {string}
- */
-
-export function useDescriptionContext(id, element) {
-  const {
-    getDescriptionForId
-  } = useContext(DescriptionContext);
-  return getDescriptionForId(id, element);
-}
-//# sourceMappingURL=useDescriptionContext.js.map

package/lib/hooks/useDescriptionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useDescriptionContext.js"],"names":["useContext","DescriptionContext","useDescriptionContext","id","element","getDescriptionForId"],"mappings":"AAAA,SACEA,UADF,QAEO,cAFP;AAIA,SACEC,kBADF,QAEO,YAFP;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,qBAAT,CAA+BC,EAA/B,EAAmCC,OAAnC,EAA4C;AACjD,QAAM;AACJC,IAAAA;AADI,MAEFL,UAAU,CAACC,kBAAD,CAFd;AAIA,SAAOI,mBAAmB,CAACF,EAAD,EAAKC,OAAL,CAA1B;AACD","sourcesContent":["import {\n  useContext\n} from 'preact/hooks';\n\nimport {\n  DescriptionContext\n} from '../context';\n\n/**\n * Accesses the global DescriptionContext and returns a description for a given id and element.\n *\n * @example\n * ```jsx\n * function TextField(props) {\n *   const description = useDescriptionContext('input1', element);\n * }\n * ```\n *\n * @param {string} id\n * @param {djs.model.Base} element\n *\n * @returns {string}\n */\nexport function useDescriptionContext(id, element) {\n  const {\n    getDescriptionForId\n  } = useContext(DescriptionContext);\n\n  return getDescriptionForId(id, element);\n}\n"],"file":"useDescriptionContext.js"}

package/lib/hooks/useKeyFactory.js

@@ -1,39 +0,0 @@
-import { useMemo } from 'preact/hooks';
-const KEY_LENGTH = 6;
-/**
- * Create a persistent key factory for plain objects without id.
- *
- * @example
- * ```jsx
- * function List({ objects }) {
- *   const getKey = useKeyFactory();
- *   return (<ol>{
- *     objects.map(obj => {
- *       const key = getKey(obj);
- *       return <li key={key}>obj.name</li>
- *     })
- *   }</ol>);
- * }
- * ```
- *
- * @param {any[]} dependencies
- * @returns {(element: object) => string}
- */
-
-export function useKeyFactory(dependencies = []) {
-  const map = useMemo(() => new Map(), dependencies);
-
-  const getKey = el => {
-    let key = map.get(el);
-
-    if (!key) {
-      key = Math.random().toString().slice(-KEY_LENGTH);
-      map.set(el, key);
-    }
-
-    return key;
-  };
-
-  return getKey;
-}
-//# sourceMappingURL=useKeyFactory.js.map

package/lib/hooks/useKeyFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useKeyFactory.js"],"names":["useMemo","KEY_LENGTH","useKeyFactory","dependencies","map","Map","getKey","el","key","get","Math","random","toString","slice","set"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB;AAEA,MAAMC,UAAU,GAAG,CAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CAAuBC,YAAY,GAAG,EAAtC,EAA0C;AAC/C,QAAMC,GAAG,GAAGJ,OAAO,CAAC,MAAM,IAAIK,GAAJ,EAAP,EAAkBF,YAAlB,CAAnB;;AAEA,QAAMG,MAAM,GAAGC,EAAE,IAAI;AACnB,QAAIC,GAAG,GAAGJ,GAAG,CAACK,GAAJ,CAAQF,EAAR,CAAV;;AAEA,QAAI,CAACC,GAAL,EAAU;AACRA,MAAAA,GAAG,GAAGE,IAAI,CAACC,MAAL,GAAcC,QAAd,GAAyBC,KAAzB,CAA+B,CAACZ,UAAhC,CAAN;AACAG,MAAAA,GAAG,CAACU,GAAJ,CAAQP,EAAR,EAAYC,GAAZ;AACD;;AAED,WAAOA,GAAP;AACD,GATD;;AAWA,SAAOF,MAAP;AACD","sourcesContent":["import { useMemo } from 'preact/hooks';\n\nconst KEY_LENGTH = 6;\n\n/**\n * Create a persistent key factory for plain objects without id.\n *\n * @example\n * ```jsx\n * function List({ objects }) {\n *   const getKey = useKeyFactory();\n *   return (<ol>{\n *     objects.map(obj => {\n *       const key = getKey(obj);\n *       return <li key={key}>obj.name</li>\n *     })\n *   }</ol>);\n * }\n * ```\n *\n * @param {any[]} dependencies\n * @returns {(element: object) => string}\n */\nexport function useKeyFactory(dependencies = []) {\n  const map = useMemo(() => new Map(), dependencies);\n\n  const getKey = el => {\n    let key = map.get(el);\n\n    if (!key) {\n      key = Math.random().toString().slice(-KEY_LENGTH);\n      map.set(el, key);\n    }\n\n    return key;\n  };\n\n  return getKey;\n}\n"],"file":"useKeyFactory.js"}

package/lib/hooks/useLayoutState.js

@@ -1,36 +0,0 @@
-import { useContext, useState } from 'preact/hooks';
-import { LayoutContext } from '../context';
-/**
- * Creates a state that persists in the global LayoutContext.
- *
- * @example
- * ```jsx
- * function Group(props) {
- *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
- * }
- * ```
- *
- * @param {(string|number)[]} path
- * @param {any} [defaultValue]
- *
- * @returns {[ any, Function ]}
- */
-
-export function useLayoutState(path, defaultValue) {
-  const {
-    getLayoutForKey,
-    setLayoutForKey
-  } = useContext(LayoutContext);
-  const layoutForKey = getLayoutForKey(path, defaultValue);
-  const [value, set] = useState(layoutForKey);
-
-  const setState = newValue => {
-    // (1) set component state
-    set(newValue); // (2) set context
-
-    setLayoutForKey(path, newValue);
-  };
-
-  return [value, setState];
-}
-//# sourceMappingURL=useLayoutState.js.map

package/lib/hooks/useLayoutState.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useLayoutState.js"],"names":["useContext","useState","LayoutContext","useLayoutState","path","defaultValue","getLayoutForKey","setLayoutForKey","layoutForKey","value","set","setState","newValue"],"mappings":"AAAA,SACEA,UADF,EAEEC,QAFF,QAGO,cAHP;AAKA,SACEC,aADF,QAEO,YAFP;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,cAAT,CAAwBC,IAAxB,EAA8BC,YAA9B,EAA4C;AACjD,QAAM;AACJC,IAAAA,eADI;AAEJC,IAAAA;AAFI,MAGFP,UAAU,CAACE,aAAD,CAHd;AAKA,QAAMM,YAAY,GAAGF,eAAe,CAACF,IAAD,EAAOC,YAAP,CAApC;AACA,QAAM,CAAEI,KAAF,EAASC,GAAT,IAAiBT,QAAQ,CAACO,YAAD,CAA/B;;AAEA,QAAMG,QAAQ,GAAIC,QAAD,IAAc;AAE7B;AACAF,IAAAA,GAAG,CAACE,QAAD,CAAH,CAH6B,CAK7B;;AACAL,IAAAA,eAAe,CAACH,IAAD,EAAOQ,QAAP,CAAf;AACD,GAPD;;AASA,SAAO,CAAEH,KAAF,EAASE,QAAT,CAAP;AACD","sourcesContent":["import {\n  useContext,\n  useState\n} from 'preact/hooks';\n\nimport {\n  LayoutContext\n} from '../context';\n\n/**\n * Creates a state that persists in the global LayoutContext.\n *\n * @example\n * ```jsx\n * function Group(props) {\n *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);\n * }\n * ```\n *\n * @param {(string|number)[]} path\n * @param {any} [defaultValue]\n *\n * @returns {[ any, Function ]}\n */\nexport function useLayoutState(path, defaultValue) {\n  const {\n    getLayoutForKey,\n    setLayoutForKey\n  } = useContext(LayoutContext);\n\n  const layoutForKey = getLayoutForKey(path, defaultValue);\n  const [ value, set ] = useState(layoutForKey);\n\n  const setState = (newValue) => {\n\n    // (1) set component state\n    set(newValue);\n\n    // (2) set context\n    setLayoutForKey(path, newValue);\n  };\n\n  return [ value, setState ];\n}\n"],"file":"useLayoutState.js"}

package/lib/hooks/usePrevious.js

@@ -1,16 +0,0 @@
-import { useEffect, useRef } from 'preact/hooks';
-/**
- * @pinussilvestrus: we need to introduce our own hook to persist the previous
- * state on updates.
- *
- * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
- */
-
-export default function usePrevious(value) {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-}
-//# sourceMappingURL=usePrevious.js.map

package/lib/hooks/usePrevious.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/usePrevious.js"],"names":["useEffect","useRef","usePrevious","value","ref","current"],"mappings":"AAAA,SACEA,SADF,EAEEC,MAFF,QAGO,cAHP;AAKA;AACA;AACA;AACA;AACA;AACA;;AAEA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AACzC,QAAMC,GAAG,GAAGH,MAAM,EAAlB;AACAD,EAAAA,SAAS,CAAC,MAAM;AACdI,IAAAA,GAAG,CAACC,OAAJ,GAAcF,KAAd;AACD,GAFQ,CAAT;AAGA,SAAOC,GAAG,CAACC,OAAX;AACD","sourcesContent":["import {\n  useEffect,\n  useRef\n} from 'preact/hooks';\n\n/**\n * @pinussilvestrus: we need to introduce our own hook to persist the previous\n * state on updates.\n *\n * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\n */\n\nexport default function usePrevious(value) {\n  const ref = useRef();\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}"],"file":"usePrevious.js"}

package/lib/index.js

@@ -1,2 +0,0 @@
-export { default } from './PropertiesPanel';
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB","sourcesContent":["export { default } from './PropertiesPanel';"],"file":"index.js"}