iguazio.dashboard-react-controls 3.2.2 → 3.2.4

package/dist/components/FormChipCell/FormChip/FormChip.d.ts

@@ -1,5 +1,5 @@
 export default FormChip;
-declare function FormChip({ chip, chipIndex, chipSizeIsRecalculated, setChipSizeIsRecalculated, chipOptions, editConfig, handleEditChip, handleRemoveChip, handleToEditMode, isEditable, keyName, meta, setChipsSizes, setEditConfig, validationRules, valueName }: {
+declare function FormChip({ chip, chipIndex, chipSizeIsRecalculated, setChipSizeIsRecalculated, chipOptions, editConfig, handleEditChip, handleRemoveChip, handleToEditMode, isDeletable, isEditable, keyName, meta, setChipsSizes, setEditConfig, validationRules, valueName }: {
     chip: any;
     chipIndex: any;
     chipSizeIsRecalculated: any;
@@ -16,6 +16,7 @@ declare function FormChip({ chip, chipIndex, chipSizeIsRecalculated, setChipSize
     handleEditChip: any;
     handleRemoveChip: any;
     handleToEditMode: any;
+    isDeletable?: boolean;
     isEditable?: boolean;
     keyName?: string;
     meta: any;
@@ -36,6 +37,7 @@ declare namespace FormChip {
         export let handleEditChip: any;
         export let handleRemoveChip: any;
         export let handleToEditMode: any;
+        export let isDeletable: any;
         export let isEditable: any;
         export let keyName: any;
         export let meta: any;

package/dist/components/FormChipCell/FormChip/FormChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormChip.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;;;;;;;0BA2DC;;;;;;;;;;;;;;;;;;;;;;6BA/D4B,gBAAgB"}
+{"version":3,"file":"FormChip.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;0BA6DC;;;;;;;;;;;;;;;;;;;;;;;6BAjE4B,gBAAgB"}

package/dist/components/FormChipCell/FormChip/FormChip.mjs

@@ -1,13 +1,13 @@
 import { jsx as p } from "react/jsx-runtime";
-import v, { useLayoutEffect as F, forwardRef as T } from "react";
+import F, { useLayoutEffect as T, forwardRef as k } from "react";
 import e from "prop-types";
-import k from "../NewChipForm/NewChipForm.mjs";
-import { CHIP_OPTIONS as w } from "../../../types.mjs";
+import w from "../NewChipForm/NewChipForm.mjs";
+import { CHIP_OPTIONS as O } from "../../../types.mjs";
 /* empty css               */
 let i = ({
   chip: f,
   chipIndex: r,
-  chipSizeIsRecalculated: n,
+  chipSizeIsRecalculated: s,
   setChipSizeIsRecalculated: c,
   chipOptions: m = {
     background: "purple",
@@ -21,25 +21,26 @@ let i = ({
   handleEditChip: b,
   handleRemoveChip: h,
   handleToEditMode: C,
-  isEditable: q = !1,
-  keyName: s = "",
-  meta: g,
+  isDeletable: q = !1,
+  isEditable: g = !1,
+  keyName: a = "",
+  meta: y,
   setChipsSizes: t,
-  setEditConfig: y,
-  validationRules: j = {},
-  valueName: E = ""
-}, N) => {
-  const u = v.useRef();
-  return F(() => {
-    u.current && t && n && t((d) => {
-      var o, a, l;
+  setEditConfig: j,
+  validationRules: E = {},
+  valueName: N = ""
+}, v) => {
+  const u = F.useRef();
+  return T(() => {
+    u.current && t && s && t((d) => {
+      var o, n, l;
       return {
         ...d,
-        [r]: ((l = (a = (o = u.current) == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : a.call(o)) == null ? void 0 : l.width) ?? 50
+        [r]: ((l = (n = (o = u.current) == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : n.call(o)) == null ? void 0 : l.width) ?? 50
       };
     });
-  }, [r, n, t]), /* @__PURE__ */ p("div", { onClick: (d) => C(d, r, s), ref: u, children: /* @__PURE__ */ p(
-    k,
+  }, [r, s, t]), /* @__PURE__ */ p("div", { onClick: (d) => C(d, r, a), ref: u, children: /* @__PURE__ */ p(
+    w,
     {
       chip: f,
       chipIndex: r,
@@ -47,30 +48,32 @@ let i = ({
       className: "input-label-key",
       editConfig: R,
       handleRemoveChip: h,
-      isEditable: q,
-      keyName: s,
-      meta: g,
+      isDeletable: q,
+      isEditable: g,
+      keyName: a,
+      meta: y,
       onChange: b,
-      ref: N,
+      ref: v,
       setChipSizeIsRecalculated: c,
-      setEditConfig: y,
-      validationRules: j,
-      valueName: E
+      setEditConfig: j,
+      validationRules: E,
+      valueName: N
     }
   ) });
 };
-i = T(i);
+i = k(i);
 i.displayName = "FormChip";
 i.propTypes = {
   chip: e.object.isRequired,
   chipSizeIsRecalculated: e.bool.isRequired,
   setChipSizeIsRecalculated: e.func.isRequired,
   chipIndex: e.number.isRequired,
-  chipOptions: w,
+  chipOptions: O,
   editConfig: e.object.isRequired,
   handleEditChip: e.func.isRequired,
   handleRemoveChip: e.func.isRequired,
   handleToEditMode: e.func.isRequired,
+  isDeletable: e.bool,
   isEditable: e.bool,
   keyName: e.string,
   meta: e.object.isRequired,

package/dist/components/FormChipCell/FormChip/FormChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormChip.mjs","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useLayoutEffect, forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport NewChipForm from '../NewChipForm/NewChipForm'\n\nimport { CHIP_OPTIONS } from '../../../types'\n\nimport './formChip.scss'\n\nlet FormChip = (\n  {\n    chip,\n    chipIndex,\n    chipSizeIsRecalculated,\n    setChipSizeIsRecalculated,\n    chipOptions = {\n      background: 'purple',\n      boldValue: false,\n      borderRadius: 'primary',\n      borderColor: 'transparent',\n      density: 'dense',\n      font: 'purple'\n    },\n    editConfig,\n    handleEditChip,\n    handleRemoveChip,\n    handleToEditMode,\n    isEditable = false,\n    keyName = '',\n    meta,\n    setChipsSizes,\n    setEditConfig,\n    validationRules = {},\n    valueName = ''\n  },\n  ref\n) => {\n  const chipRef = React.useRef()\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes && chipSizeIsRecalculated) {\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]: chipRef.current?.getBoundingClientRect?.()?.width ?? 50\n      }))\n    }\n  }, [chipIndex, chipSizeIsRecalculated, setChipsSizes])\n\n  return (\n    <div onClick={event => handleToEditMode(event, chipIndex, keyName)} ref={chipRef}>\n      <NewChipForm\n        chip={chip}\n        chipIndex={chipIndex}\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        handleRemoveChip={handleRemoveChip}\n        isEditable={isEditable}\n        keyName={keyName}\n        meta={meta}\n        onChange={handleEditChip}\n        ref={ref}\n        setChipSizeIsRecalculated={setChipSizeIsRecalculated}\n        setEditConfig={setEditConfig}\n        validationRules={validationRules}\n        valueName={valueName}\n      />\n    </div>\n  )\n}\n\nFormChip = forwardRef(FormChip)\n\nFormChip.displayName = 'FormChip'\n\nFormChip.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipSizeIsRecalculated: PropTypes.bool.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS,\n  editConfig: PropTypes.object.isRequired,\n  handleEditChip: PropTypes.func.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  handleToEditMode: PropTypes.func.isRequired,\n  isEditable: PropTypes.bool,\n  keyName: PropTypes.string,\n  meta: PropTypes.object.isRequired,\n  setChipsSizes: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string\n}\n\nexport default FormChip\n"],"names":["FormChip","chip","chipIndex","chipSizeIsRecalculated","setChipSizeIsRecalculated","chipOptions","editConfig","handleEditChip","handleRemoveChip","handleToEditMode","isEditable","keyName","meta","setChipsSizes","setEditConfig","validationRules","valueName","ref","chipRef","React","useLayoutEffect","state","_c","_b","_a","jsx","event","NewChipForm","forwardRef","PropTypes","CHIP_OPTIONS","FormChip$1"],"mappings":";;;;;;AAyBA,IAAIA,IAAW,CACb;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC;AAAA,EACnB,WAAAC,IAAY;AACd,GACAC,MACG;AACG,QAAAC,IAAUC,EAAM,OAAO;AAC7B,SAAAC,EAAgB,MAAM;AAChB,IAAAF,EAAQ,WAAWL,KAAiBV,KACtCU,EAAc,CAAUQ,MAAA;;AAAA;AAAA,QACtB,GAAGA;AAAA,QACH,CAACnB,CAAS,KAAGoB,KAAAC,KAAAC,IAAAN,EAAQ,YAAR,gBAAAM,EAAiB,0BAAjB,gBAAAD,EAAA,KAAAC,OAAA,gBAAAF,EAA4C,UAAS;AAAA,MAAA;AAAA,KAClE;AAAA,EAEH,GAAA,CAACpB,GAAWC,GAAwBU,CAAa,CAAC,GAGnD,gBAAAY,EAAC,OAAI,EAAA,SAAS,CAASC,MAAAjB,EAAiBiB,GAAOxB,GAAWS,CAAO,GAAG,KAAKO,GACvE,UAAA,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,WAAAC;AAAA,MACA,aAAAG;AAAA,MACA,WAAU;AAAA,MACV,YAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUL;AAAA,MACV,KAAAU;AAAA,MACA,2BAAAb;AAAA,MACA,eAAAU;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhB,IAAW4B,EAAW5B,CAAQ;AAE9BA,EAAS,cAAc;AAEvBA,EAAS,YAAY;AAAA,EACnB,MAAM6B,EAAU,OAAO;AAAA,EACvB,wBAAwBA,EAAU,KAAK;AAAA,EACvC,2BAA2BA,EAAU,KAAK;AAAA,EAC1C,WAAWA,EAAU,OAAO;AAAA,EAC5B,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,gBAAgBA,EAAU,KAAK;AAAA,EAC/B,kBAAkBA,EAAU,KAAK;AAAA,EACjC,kBAAkBA,EAAU,KAAK;AAAA,EACjC,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU,OAAO;AAAA,EACvB,eAAeA,EAAU,KAAK;AAAA,EAC9B,eAAeA,EAAU,KAAK;AAAA,EAC9B,iBAAiBA,EAAU;AAAA,EAC3B,WAAWA,EAAU;AACvB;AAEA,MAAAE,IAAe/B;"}
+{"version":3,"file":"FormChip.mjs","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useLayoutEffect, forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport NewChipForm from '../NewChipForm/NewChipForm'\n\nimport { CHIP_OPTIONS } from '../../../types'\n\nimport './formChip.scss'\n\nlet FormChip = (\n  {\n    chip,\n    chipIndex,\n    chipSizeIsRecalculated,\n    setChipSizeIsRecalculated,\n    chipOptions = {\n      background: 'purple',\n      boldValue: false,\n      borderRadius: 'primary',\n      borderColor: 'transparent',\n      density: 'dense',\n      font: 'purple'\n    },\n    editConfig,\n    handleEditChip,\n    handleRemoveChip,\n    handleToEditMode,\n    isDeletable = false,\n    isEditable = false,\n    keyName = '',\n    meta,\n    setChipsSizes,\n    setEditConfig,\n    validationRules = {},\n    valueName = ''\n  },\n  ref\n) => {\n  const chipRef = React.useRef()\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes && chipSizeIsRecalculated) {\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]: chipRef.current?.getBoundingClientRect?.()?.width ?? 50\n      }))\n    }\n  }, [chipIndex, chipSizeIsRecalculated, setChipsSizes])\n\n  return (\n    <div onClick={event => handleToEditMode(event, chipIndex, keyName)} ref={chipRef}>\n      <NewChipForm\n        chip={chip}\n        chipIndex={chipIndex}\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        handleRemoveChip={handleRemoveChip}\n        isDeletable={isDeletable}\n        isEditable={isEditable}\n        keyName={keyName}\n        meta={meta}\n        onChange={handleEditChip}\n        ref={ref}\n        setChipSizeIsRecalculated={setChipSizeIsRecalculated}\n        setEditConfig={setEditConfig}\n        validationRules={validationRules}\n        valueName={valueName}\n      />\n    </div>\n  )\n}\n\nFormChip = forwardRef(FormChip)\n\nFormChip.displayName = 'FormChip'\n\nFormChip.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipSizeIsRecalculated: PropTypes.bool.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS,\n  editConfig: PropTypes.object.isRequired,\n  handleEditChip: PropTypes.func.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  handleToEditMode: PropTypes.func.isRequired,\n  isDeletable: PropTypes.bool,\n  isEditable: PropTypes.bool,\n  keyName: PropTypes.string,\n  meta: PropTypes.object.isRequired,\n  setChipsSizes: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string\n}\n\nexport default FormChip\n"],"names":["FormChip","chip","chipIndex","chipSizeIsRecalculated","setChipSizeIsRecalculated","chipOptions","editConfig","handleEditChip","handleRemoveChip","handleToEditMode","isDeletable","isEditable","keyName","meta","setChipsSizes","setEditConfig","validationRules","valueName","ref","chipRef","React","useLayoutEffect","state","_c","_b","_a","jsx","event","NewChipForm","forwardRef","PropTypes","CHIP_OPTIONS","FormChip$1"],"mappings":";;;;;;AAyBA,IAAIA,IAAW,CACb;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC;AAAA,EACnB,WAAAC,IAAY;AACd,GACAC,MACG;AACG,QAAAC,IAAUC,EAAM,OAAO;AAC7B,SAAAC,EAAgB,MAAM;AAChB,IAAAF,EAAQ,WAAWL,KAAiBX,KACtCW,EAAc,CAAUQ,MAAA;;AAAA;AAAA,QACtB,GAAGA;AAAA,QACH,CAACpB,CAAS,KAAGqB,KAAAC,KAAAC,IAAAN,EAAQ,YAAR,gBAAAM,EAAiB,0BAAjB,gBAAAD,EAAA,KAAAC,OAAA,gBAAAF,EAA4C,UAAS;AAAA,MAAA;AAAA,KAClE;AAAA,EAEH,GAAA,CAACrB,GAAWC,GAAwBW,CAAa,CAAC,GAGnD,gBAAAY,EAAC,OAAI,EAAA,SAAS,CAASC,MAAAlB,EAAiBkB,GAAOzB,GAAWU,CAAO,GAAG,KAAKO,GACvE,UAAA,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAA3B;AAAA,MACA,WAAAC;AAAA,MACA,aAAAG;AAAA,MACA,WAAU;AAAA,MACV,YAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,aAAAE;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUN;AAAA,MACV,KAAAW;AAAA,MACA,2BAAAd;AAAA,MACA,eAAAW;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAjB,IAAW6B,EAAW7B,CAAQ;AAE9BA,EAAS,cAAc;AAEvBA,EAAS,YAAY;AAAA,EACnB,MAAM8B,EAAU,OAAO;AAAA,EACvB,wBAAwBA,EAAU,KAAK;AAAA,EACvC,2BAA2BA,EAAU,KAAK;AAAA,EAC1C,WAAWA,EAAU,OAAO;AAAA,EAC5B,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,gBAAgBA,EAAU,KAAK;AAAA,EAC/B,kBAAkBA,EAAU,KAAK;AAAA,EACjC,kBAAkBA,EAAU,KAAK;AAAA,EACjC,aAAaA,EAAU;AAAA,EACvB,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU,OAAO;AAAA,EACvB,eAAeA,EAAU,KAAK;AAAA,EAC9B,eAAeA,EAAU,KAAK;AAAA,EAC9B,iBAAiBA,EAAU;AAAA,EAC3B,WAAWA,EAAU;AACvB;AAEA,MAAAE,IAAehC;"}

package/dist/components/FormChipCell/FormChipCell.d.ts

@@ -1,5 +1,5 @@
 export default FormChipCell;
-declare function FormChipCell({ chipOptions, className, delimiter, formState, initialValues, isEditable, label, name, onClick, onExitEditModeCallback, shortChips, validationRules, validator, visibleChipsMaxLength, withInitialParentWidth }: {
+declare function FormChipCell({ chipOptions, className, children, delimiter, formState, initialValues, isDeletable, isEditable, label, name, onClick, onExitEditModeCallback, shortChips, validationRules, validator, visibleChipsMaxLength, withInitialParentWidth }: {
     chipOptions?: {
         background: string;
         boldValue: boolean;
@@ -9,9 +9,11 @@ declare function FormChipCell({ chipOptions, className, delimiter, formState, in
         font: string;
     };
     className?: string;
+    children: any;
     delimiter?: any;
     formState: any;
     initialValues: any;
+    isDeletable?: boolean;
     isEditable?: boolean;
     label?: any;
     name: any;
@@ -26,10 +28,12 @@ declare function FormChipCell({ chipOptions, className, delimiter, formState, in
 declare namespace FormChipCell {
     namespace propTypes {
         export { CHIP_OPTIONS as chipOptions };
+        export let children: any;
         export let className: any;
         export let delimiter: any;
         export let formState: any;
         export let initialValues: any;
+        export let isDeletable: any;
         export let isEditable: any;
         export let label: any;
         export let name: any;
@@ -38,9 +42,10 @@ declare namespace FormChipCell {
         export let shortChips: any;
         export let validationRules: any;
         export let validator: any;
-        export let visibleChipsMaxLength: any;
+        export { VISIBLE_CHIPS_MAX_LENGTH as visibleChipsMaxLength };
         export let withInitialParentWidth: any;
     }
 }
 import { CHIP_OPTIONS } from '../../types';
+import { VISIBLE_CHIPS_MAX_LENGTH } from '../../types';
 //# sourceMappingURL=FormChipCell.d.ts.map

package/dist/components/FormChipCell/FormChipCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormChipCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormChipCell/FormChipCell.jsx"],"names":[],"mappings":";AAiCA;;;;;;;;;;;;;;;;;;;;;;;gBAyWC;;;;;;;;;;;;;;;;;;;;6BAnX4B,aAAa"}
+{"version":3,"file":"FormChipCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormChipCell/FormChipCell.jsx"],"names":[],"mappings":";AAiCA;;;;;;;;;;;;;;;;;;;;;;;;;gBA+WC;;;;;;;;;;;;;;;;;;;;;;6BAzXsD,aAAa;yCAAb,aAAa"}

package/dist/components/FormChipCell/FormChipCell.mjs

@@ -1,20 +1,20 @@
-import { jsxs as pe, jsx as T } from "react/jsx-runtime";
-import ce, { useState as k, useMemo as he, useCallback as y } from "react";
-import ae, { get as F, set as O, isEmpty as D, isNil as de } from "lodash";
-import fe from "classnames";
-import r from "prop-types";
-import me from "./FormChipCellView.mjs";
-import { CHIP_OPTIONS as Ce } from "../../types.mjs";
-import { CLICK as Ie, TAB as H, TAB_SHIFT as U } from "../../constants.mjs";
-import { areArraysEqual as ge } from "../../utils/common.util.mjs";
-import { checkPatternsValidity as ye } from "../../utils/validation.util.mjs";
-import { generateChipsList as Fe } from "../../utils/generateChipsList.util.mjs";
-import { uniquenessError as b } from "./formChipCell.util.mjs";
+import { jsxs as he, jsx as v } from "react/jsx-runtime";
+import ae, { useState as j, useMemo as de, useCallback as y } from "react";
+import fe, { get as F, set as k, isEmpty as D, isNil as me } from "lodash";
+import Ce from "classnames";
+import u from "prop-types";
+import Ie from "./FormChipCellView.mjs";
+import { VISIBLE_CHIPS_MAX_LENGTH as ge, CHIP_OPTIONS as ye } from "../../types.mjs";
+import { CLICK as Fe, TAB as B, TAB_SHIFT as O } from "../../constants.mjs";
+import { areArraysEqual as Ne } from "../../utils/common.util.mjs";
+import { checkPatternsValidity as Ve } from "../../utils/validation.util.mjs";
+import { generateChipsList as we } from "../../utils/generateChipsList.util.mjs";
+import { uniquenessError as U } from "./formChipCell.util.mjs";
 import "../../hooks/index.mjs";
 /* empty css                   */
-import { useChipCell as Ne } from "../../hooks/useChipCell.hook.mjs";
-let w = ({
-  chipOptions: z = {
+import { useChipCell as Re } from "../../hooks/useChipCell.hook.mjs";
+let V = ({
+  chipOptions: b = {
     background: "purple",
     boldValue: !1,
     borderRadius: "primary",
@@ -22,63 +22,65 @@ let w = ({
     density: "dense",
     font: "purple"
   },
-  className: B = "",
-  delimiter: _ = null,
+  className: z = "",
+  children: W,
+  delimiter: T = null,
   formState: n,
   initialValues: q,
+  isDeletable: X = !1,
   isEditable: m = !1,
-  label: R = null,
-  name: o,
-  onClick: V = () => {
+  label: w = null,
+  name: r,
+  onClick: R = () => {
   },
   onExitEditModeCallback: d = null,
-  shortChips: W = !1,
+  shortChips: $ = !1,
   validationRules: P = {},
-  validator: x = null,
-  visibleChipsMaxLength: I = null,
-  withInitialParentWidth: $ = !1
+  validator: K = null,
+  visibleChipsMaxLength: C = null,
+  withInitialParentWidth: A = !1
 }) => {
-  const X = fe("chips", B), [Y, A] = k(!1), {
-    chipsCellRef: G,
-    chipsWrapperRef: J,
-    handleShowElements: L,
-    hiddenChipsCounterRef: Q,
-    hiddenChipsPopUpRef: Z,
-    setChipsSizes: S,
-    setShowHiddenChips: K,
-    showChips: E,
-    showHiddenChips: v,
-    visibleChipsCount: j
-  } = Ne(m, I, $), [p, C] = k({
+  const G = Ce("chips", z), [L, Y] = j(!1), {
+    chipsCellRef: J,
+    chipsWrapperRef: Q,
+    handleShowElements: Z,
+    hiddenChipsCounterRef: S,
+    hiddenChipsPopUpRef: E,
+    setChipsSizes: M,
+    setShowHiddenChips: x,
+    showChips: ee,
+    showHiddenChips: _,
+    visibleChipsCount: H
+  } = Re(m, C, A), [p, I] = j({
     chipIndex: null,
     isEdit: !1,
     isKeyFocused: !1,
     isValueFocused: !1,
     isNewChip: !1
   });
-  let M = he(() => m || I === "all" ? {
-    visibleChips: F(n.values, o),
+  let ie = de(() => m || C === "all" ? {
+    visibleChips: F(n.values, r),
     hiddenChips: []
-  } : Fe(
-    F(n.values, o),
-    I || j
-  ), [I, m, j, n.values, o]);
+  } : we(
+    F(n.values, r),
+    C || H
+  ), [C, m, H, n.values, r]);
   const N = y(
     (e) => {
-      ge(F(q, o), e, ["id"]) && O(n.initialValues, o, e), n.form.mutators.setFieldState(o, { modified: !0 }), n.form.mutators.setFieldState(o, { touched: !0 });
+      Ne(F(q, r), e, ["id"]) && k(n.initialValues, r, e), n.form.mutators.setFieldState(r, { modified: !0 }), n.form.mutators.setFieldState(r, { touched: !0 });
     },
-    [q, o, n]
-  ), ee = y(
+    [q, r, n]
+  ), se = y(
     (e, i) => {
       var t;
-      const u = ((t = i.value) == null ? void 0 : t.length) || 0;
-      !p.isEdit && !p.chipIndex && n.form.mutators.push(o, {
-        id: u + /* @__PURE__ */ new Date(),
+      const o = ((t = i.value) == null ? void 0 : t.length) || 0;
+      !p.isEdit && !p.chipIndex && n.form.mutators.push(r, {
+        id: o + /* @__PURE__ */ new Date(),
         key: "",
         value: "",
-        delimiter: _
-      }), v && K(!1), C({
-        chipIndex: u,
+        delimiter: T
+      }), _ && x(!1), I({
+        chipIndex: o,
         isEdit: !0,
         isKeyFocused: !0,
         isValueFocused: !1,
@@ -88,29 +90,29 @@ let w = ({
     [
       p.isEdit,
       p.chipIndex,
-      v,
-      n.form.mutators,
-      o,
       _,
-      K
+      n.form.mutators,
+      r,
+      T,
+      x
     ]
   ), g = y(
-    (e, i, u, t = !1) => {
+    (e, i, o, t = !1) => {
       N(
-        ae.chain(n).get(["values", o]).filter((s, l) => l !== u).value()
-      ), i.length === 1 ? n.form.change(o, []) : i.remove(u), d && d(), e && !t && e.stopPropagation();
+        fe.chain(n).get(["values", r]).filter((s, l) => l !== o).value()
+      ), i.length === 1 ? n.form.change(r, []) : i.remove(o), d && d(), e && !t && e.stopPropagation();
     },
-    [N, n, o, d]
-  ), ie = y(
-    (e, i, u, t) => {
+    [N, n, r, d]
+  ), le = y(
+    (e, i, o, t) => {
       const { key: s, value: l } = i.value[p.chipIndex], h = !!(s != null && s.trim() && (l != null && l.trim()));
-      u === Ie ? (h || g(e, i, p.chipIndex, t), C({
+      o === Fe ? (h || g(e, i, p.chipIndex, t), I({
         chipIndex: null,
         isEdit: !1,
         isKeyFocused: !1,
         isValueFocused: !1,
         isNewChip: !1
-      }), h && d && d()) : u === H ? (h || g(e, i, p.chipIndex), C((a) => {
+      }), h && d && d()) : o === B ? (h || g(e, i, p.chipIndex), I((a) => {
         const c = a.chipIndex + 1 > i.value.length - 1;
         return h && c && d && d(), {
           chipIndex: c ? null : a.chipIndex + 1,
@@ -119,7 +121,7 @@ let w = ({
           isValueFocused: !1,
           isNewChip: !1
         };
-      })) : u === U && (h || g(e, i, p.chipIndex), C((a) => {
+      })) : o === O && (h || g(e, i, p.chipIndex), I((a) => {
         const c = a.chipIndex === 0;
         return h && c && d && d(), {
           chipIndex: c ? null : a.chipIndex - 1,
@@ -128,37 +130,37 @@ let w = ({
           isValueFocused: !c,
           isNewChip: !1
         };
-      })), N(F(n.values, o)), (p.chipIndex > 0 && p.chipIndex < i.value.length - 1 || i.value.length > 1 && p.chipIndex === 0 && u !== U || i.value.length > 1 && p.chipIndex === i.value.length - 1 && u !== H) && e && e.preventDefault();
+      })), N(F(n.values, r)), (p.chipIndex > 0 && p.chipIndex < i.value.length - 1 || i.value.length > 1 && p.chipIndex === 0 && o !== O || i.value.length > 1 && p.chipIndex === i.value.length - 1 && o !== B) && e && e.preventDefault();
     },
     [
       p.chipIndex,
       N,
       n.values,
-      o,
+      r,
       d,
       g
     ]
-  ), se = y(
-    (e, i, u) => {
+  ), te = y(
+    (e, i, o) => {
       if (m) {
         const { clientX: t, clientY: s } = e;
         let l = !1;
         const h = (a, c, f) => {
           if (f) {
             const {
-              top: re,
-              left: oe,
-              right: ue,
-              bottom: ne
+              top: ue,
+              left: ne,
+              right: pe,
+              bottom: ce
             } = f.getBoundingClientRect();
-            return !(a > ue || a < oe || c > ne || c < re);
+            return !(a > pe || a < ne || c > ce || c < ue);
           }
         };
         e.stopPropagation(), e.target.nodeName !== "INPUT" ? e.target.firstElementChild && (l = h(
           t,
           s,
           e.target.firstElementChild
-        )) : l = e.target.name === u, C((a) => ({
+        )) : l = e.target.name === o, I((a) => ({
           ...a,
           chipIndex: i,
           isEdit: !0,
@@ -166,79 +168,84 @@ let w = ({
           isValueFocused: !l
         }));
       }
-      V && V();
+      R && R();
     },
-    [m, V]
-  ), le = (e) => {
+    [m, R]
+  ), re = (e) => {
     if (!e) return null;
     let i = [];
-    const u = (t, s) => !e.some(({ key: l }, h) => t === l && h !== s);
+    const o = (t, s) => !e.some(({ key: l }, h) => t === l && h !== s);
     return D(P) || (i = e.map((t) => {
-      const [s, l] = te(t);
+      const [s, l] = oe(t);
       return s && l ? { key: s, value: l } : s ? { key: s } : l ? { value: l } : null;
     })), e.forEach((t, s) => {
-      u(t.key, s) || (F(i, [s, "key"], !1) ? i.at(s).key.push(b) : O(i, [s, "key"], [b]));
-    }), D(i) && x && (i = x(e)), i.every((t) => de(t)) ? null : i;
-  }, te = ({ key: e, value: i, disabled: u }) => {
+      o(t.key, s) || (F(i, [s, "key"], !1) ? i.at(s).key.push(U) : k(i, [s, "key"], [U]));
+    }), D(i) && K && (i = K(e)), i.every((t) => me(t)) ? null : i;
+  }, oe = ({ key: e, value: i, disabled: o }) => {
     const t = (s, l) => {
-      const [h, a] = ye(
+      const [h, a] = Ve(
         P[l].filter((f) => f.pattern),
         s
       );
       return a ? null : h.filter((f) => !f.isValid).map((f) => ({ name: f.name, label: f.label }));
     };
-    return u ? [null, null] : [t(e, "key"), t(i, "value")];
+    return o ? [null, null] : [t(e, "key"), t(i, "value")];
   };
-  return /* @__PURE__ */ pe("div", { className: X, "data-testid": `${o}-chips`, children: [
-    R && /* @__PURE__ */ T("div", { className: "chips__label", children: R }),
-    /* @__PURE__ */ T("div", { className: R ? "chips__wrapper" : "", children: /* @__PURE__ */ T(
-      me,
+  return /* @__PURE__ */ he("div", { className: G, "data-testid": `${r}-chips`, children: [
+    w && /* @__PURE__ */ v("div", { className: "chips__label", children: w }),
+    /* @__PURE__ */ v("div", { className: w ? "chips__wrapper" : "", children: /* @__PURE__ */ v(
+      Ie,
       {
-        chipOptions: z,
-        chipSizeIsRecalculated: Y,
-        chips: M,
+        chipOptions: b,
+        chipSizeIsRecalculated: L,
+        chips: ie,
         editConfig: p,
         formState: n,
-        handleAddNewChip: ee,
-        handleEditChip: ie,
+        handleAddNewChip: se,
+        handleEditChip: le,
         handleRemoveChip: g,
-        handleShowElements: L,
-        handleToEditMode: se,
+        handleShowElements: Z,
+        handleToEditMode: te,
+        isDeletable: X,
         isEditable: m,
-        name: o,
-        ref: { chipsCellRef: G, chipsWrapperRef: J, hiddenChipsCounterRef: Q, hiddenChipsPopUpRef: Z },
-        setChipSizeIsRecalculated: A,
-        setChipsSizes: S,
-        setEditConfig: C,
-        shortChips: W,
-        showChips: E,
-        showHiddenChips: v,
-        validateFields: le,
-        validationRules: P
+        name: r,
+        ref: { chipsCellRef: J, chipsWrapperRef: Q, hiddenChipsCounterRef: S, hiddenChipsPopUpRef: E },
+        setChipSizeIsRecalculated: Y,
+        setChipsSizes: M,
+        setEditConfig: I,
+        shortChips: $,
+        showChips: ee,
+        showHiddenChips: _,
+        validateFields: re,
+        validationRules: P,
+        visibleChipsMaxLength: C,
+        children: W
       }
     ) })
   ] });
 };
-w.propTypes = {
-  chipOptions: Ce,
-  className: r.string,
-  delimiter: r.oneOfType([r.string, r.element]),
-  formState: r.object.isRequired,
-  initialValues: r.object.isRequired,
-  isEditable: r.bool,
-  label: r.string,
-  name: r.string.isRequired,
-  onClick: r.func,
-  onExitEditModeCallback: r.func,
-  shortChips: r.bool,
-  validationRules: r.object,
-  validator: r.func,
-  visibleChipsMaxLength: r.oneOfType([r.string, r.number]),
-  withInitialParentWidth: r.bool
+V.propTypes = {
+  chipOptions: ye,
+  children: u.node,
+  className: u.string,
+  delimiter: u.oneOfType([u.string, u.element]),
+  formState: u.object.isRequired,
+  initialValues: u.object.isRequired,
+  isDeletable: u.bool,
+  isEditable: u.bool,
+  label: u.string,
+  name: u.string.isRequired,
+  onClick: u.func,
+  onExitEditModeCallback: u.func,
+  shortChips: u.bool,
+  validationRules: u.object,
+  validator: u.func,
+  visibleChipsMaxLength: ge,
+  withInitialParentWidth: u.bool
 };
-w = ce.memo(w);
-const Ue = w;
+V = ae.memo(V);
+const ze = V;
 export {
-  Ue as default
+  ze as default
 };
 //# sourceMappingURL=FormChipCell.mjs.map