iguazio.dashboard-react-controls 3.2.15 → 3.2.17

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,12 @@
+export default ErrorMessage;
+declare function ErrorMessage({ closeError, message }: {
+    closeError?: any;
+    message: any;
+}): JSX.Element;
+declare namespace ErrorMessage {
+    namespace propTypes {
+        let closeError: any;
+        let message: any;
+    }
+}
+//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ErrorMessage/ErrorMessage.jsx"],"names":[],"mappings":";AA8BA;;;gBAkBC"}

package/dist/components/ErrorMessage/ErrorMessage.mjs

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "react";
+import s from "prop-types";
+import i from "../Tooltip/Tooltip.mjs";
+import m from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import a from "../../images/unsuccess_alert.svg.mjs";
+import l from "../../images/close.svg.mjs";
+/* empty css                   */
+const p = ({ closeError: e = null, message: t }) => /* @__PURE__ */ o("div", { "data-testid": "error-message", className: "error", children: [
+  /* @__PURE__ */ o("div", { className: "error__data", children: [
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(a, { className: "error__icon" }) }),
+    /* @__PURE__ */ r("div", { className: "error__message", children: t })
+  ] }),
+  e && /* @__PURE__ */ r("button", { "data-testid": "close", onClick: e, children: /* @__PURE__ */ r(i, { template: /* @__PURE__ */ r(m, { text: "Close" }), children: /* @__PURE__ */ r(l, {}) }) })
+] });
+p.propTypes = {
+  closeError: s.func,
+  message: s.string.isRequired
+};
+export {
+  p as default
+};
+//# sourceMappingURL=ErrorMessage.mjs.map

package/dist/components/ErrorMessage/ErrorMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.mjs","sources":["../../../src/lib/components/ErrorMessage/ErrorMessage.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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 from 'react'\nimport PropTypes from 'prop-types'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport UnsuccessAlert from '../../images/unsuccess_alert.svg?react'\nimport Close from '../../images/close.svg?react'\n\nimport './errorMessage.scss'\n\nconst ErrorMessage = ({ closeError = null, message }) => {\n  return (\n    <div data-testid=\"error-message\" className=\"error\">\n      <div className=\"error__data\">\n        <div>\n          <UnsuccessAlert className=\"error__icon\" />\n        </div>\n        <div className=\"error__message\">{message}</div>\n      </div>\n      {closeError && (\n        <button data-testid=\"close\" onClick={closeError}>\n          <Tooltip template={<TextTooltipTemplate text=\"Close\" />}>\n            <Close />\n          </Tooltip>\n        </button>\n      )}\n    </div>\n  )\n}\n\nErrorMessage.propTypes = {\n  closeError: PropTypes.func,\n  message: PropTypes.string.isRequired\n}\n\nexport default ErrorMessage\n"],"names":["ErrorMessage","closeError","message","jsxs","jsx","UnsuccessAlert","Tooltip","TextTooltipTemplate","Close","PropTypes"],"mappings":";;;;;;;;AA8BA,MAAMA,IAAe,CAAC,EAAE,YAAAC,IAAa,MAAM,SAAAC,QAEvC,gBAAAC,EAAC,OAAA,EAAI,eAAY,iBAAgB,WAAU,SACzC,UAAA;AAAA,EAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACC,GAAA,EAAe,WAAU,eAAc,GAC1C;AAAA,IACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAF,EAAA,CAAQ;AAAA,EAAA,GAC3C;AAAA,EACCD,KACC,gBAAAG,EAAC,UAAA,EAAO,eAAY,SAAQ,SAASH,GACnC,UAAA,gBAAAG,EAACE,GAAA,EAAQ,UAAU,gBAAAF,EAACG,KAAoB,MAAK,QAAA,CAAQ,GACnD,UAAA,gBAAAH,EAACI,GAAA,CAAA,CAAM,GACT,EAAA,CACF;AAAA,GAEJ;AAIJR,EAAa,YAAY;AAAA,EACvB,YAAYS,EAAU;AAAA,EACtB,SAASA,EAAU,OAAO;AAC5B;"}

package/dist/components/FormCheckBox/FormCheckBox.d.ts

@@ -0,0 +1,21 @@
+export default FormCheckBox;
+declare function FormCheckBox({ children, className, highlightLabel, label, name, readOnly, ...inputProps }: {
+    [x: string]: any;
+    children?: any;
+    className?: string;
+    highlightLabel?: boolean;
+    label?: string;
+    name: any;
+    readOnly?: boolean;
+}): JSX.Element;
+declare namespace FormCheckBox {
+    namespace propTypes {
+        let children: any;
+        let className: any;
+        let highlightLabel: any;
+        let label: any;
+        let name: any;
+        let readOnly: any;
+    }
+}
+//# sourceMappingURL=FormCheckBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckBox.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormCheckBox/FormCheckBox.jsx"],"names":[],"mappings":";AAuBA;;;;;;;;gBAwCC"}

package/dist/components/FormCheckBox/FormCheckBox.mjs

@@ -0,0 +1,54 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import x, { useRef as u } from "react";
+import e from "prop-types";
+import { Field as p } from "react-final-form";
+import s from "classnames";
+/* empty css                   */
+let c = ({
+  children: d = null,
+  className: i = "",
+  highlightLabel: h = !1,
+  label: a = "",
+  name: l,
+  readOnly: f = !1,
+  ...o
+}) => {
+  const n = s(
+    "form-field-checkbox",
+    f && "form-field-checkbox_readonly",
+    i
+  ), k = s(h && "highlighted"), b = u(null);
+  return /* @__PURE__ */ t(p, { name: l, value: o.value, type: "checkbox", children: ({ input: r }) => /* @__PURE__ */ m("div", { className: n, "data-testid": "form-field-checkbox", children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: b,
+        className: s(r.checked ? "checked" : "unchecked"),
+        type: "checkbox",
+        "data-testid": l ? `${l}-form-checkbox` : "form-checkbox",
+        id: o.value ?? l,
+        ...r,
+        ...o,
+        value: String(r.checked)
+      }
+    ),
+    /* @__PURE__ */ m("label", { htmlFor: o.value ?? l, className: k, children: [
+      a || "",
+      d
+    ] })
+  ] }) });
+};
+c.propTypes = {
+  children: e.node,
+  className: e.string,
+  highlightLabel: e.bool,
+  label: e.oneOfType([e.string, e.element]),
+  name: e.string.isRequired,
+  readOnly: e.bool
+};
+c = x.memo(c);
+const R = c;
+export {
+  R as default
+};
+//# sourceMappingURL=FormCheckBox.mjs.map

package/dist/components/FormCheckBox/FormCheckBox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckBox.mjs","sources":["../../../src/lib/components/FormCheckBox/FormCheckBox.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, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\nimport classNames from 'classnames'\n\nimport './formCheckBox.scss'\n\nlet FormCheckBox = ({\n  children = null,\n  className = '',\n  highlightLabel = false,\n  label = '',\n  name,\n  readOnly = false,\n  ...inputProps\n}) => {\n  const formFieldClassNames = classNames(\n    'form-field-checkbox',\n    readOnly && 'form-field-checkbox_readonly',\n    className\n  )\n  const labelClassNames = classNames(highlightLabel && 'highlighted')\n  const inputRef = useRef(null)\n\n  return (\n    <Field name={name} value={inputProps.value} type=\"checkbox\">\n      {({ input }) => {\n        return (\n          <div className={formFieldClassNames} data-testid=\"form-field-checkbox\">\n            <input\n              ref={inputRef}\n              className={classNames(input.checked ? 'checked' : 'unchecked')}\n              type=\"checkbox\"\n              data-testid={name ? `${name}-form-checkbox` : 'form-checkbox'}\n              id={inputProps.value ?? name}\n              {...{ ...input, ...inputProps }}\n              value={String(input.checked)}\n            />\n            <label htmlFor={inputProps.value ?? name} className={labelClassNames}>\n              {label ? label : ''}\n              {children}\n            </label>\n          </div>\n        )\n      }}\n    </Field>\n  )\n}\n\nFormCheckBox.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  highlightLabel: PropTypes.bool,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  name: PropTypes.string.isRequired,\n  readOnly: PropTypes.bool\n}\n\nFormCheckBox = React.memo(FormCheckBox)\n\nexport default FormCheckBox\n"],"names":["FormCheckBox","children","className","highlightLabel","label","name","readOnly","inputProps","formFieldClassNames","classNames","labelClassNames","inputRef","useRef","jsx","Field","input","jsxs","PropTypes","React","FormCheckBox$1"],"mappings":";;;;;;AAuBA,IAAIA,IAAe,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAsBC;AAAAA,IAC1B;AAAA,IACAH,KAAY;AAAA,IACZJ;AAAA,EAAA,GAEIQ,IAAkBD,EAAWN,KAAkB,aAAa,GAC5DQ,IAAWC,EAAO,IAAI;AAE5B,SACE,gBAAAC,EAACC,GAAA,EAAM,MAAAT,GAAY,OAAOE,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAQ,EAAA,MAEA,gBAAAC,EAAC,OAAA,EAAI,WAAWR,GAAqB,eAAY,uBAC/C,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF;AAAA,QACL,WAAWF,EAAWM,EAAM,UAAU,YAAY,WAAW;AAAA,QAC7D,MAAK;AAAA,QACL,eAAaV,IAAO,GAAGA,CAAI,mBAAmB;AAAA,QAC9C,IAAIE,EAAW,SAASF;AAAA,QAClB,GAAGU;AAAA,QAAO,GAAGR;AAAA,QACnB,OAAO,OAAOQ,EAAM,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,sBAE5B,SAAA,EAAM,SAASR,EAAW,SAASF,GAAM,WAAWK,GAClD,UAAA;AAAA,MAAAN,KAAgB;AAAA,MAChBH;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF,GAGN;AAEJ;AAEAD,EAAa,YAAY;AAAA,EACvB,UAAUiB,EAAU;AAAA,EACpB,WAAWA,EAAU;AAAA,EACrB,gBAAgBA,EAAU;AAAA,EAC1B,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AACtB;AAEAjB,IAAekB,EAAM,KAAKlB,CAAY;AAEtC,MAAAmB,IAAenB;"}

package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let title: string;
+    export { FormCheckBox as component };
+}
+export default _default;
+export const Normal: any;
+//# sourceMappingURL=FormCheckbox.stories.d.ts.map

package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormCheckBox/FormCheckbox.stories.js"],"names":[],"mappings":";;;;;AAkCA,yBAAuC"}

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

@@ -0,0 +1,51 @@
+export default FormChip;
+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;
+    setChipSizeIsRecalculated: any;
+    chipOptions?: {
+        background: string;
+        boldValue: boolean;
+        borderRadius: string;
+        borderColor: string;
+        density: string;
+        font: string;
+    };
+    editConfig: any;
+    handleEditChip: any;
+    handleRemoveChip: any;
+    handleToEditMode: any;
+    isDeletable?: boolean;
+    isEditable?: boolean;
+    keyName?: string;
+    meta: any;
+    setChipsSizes: any;
+    setEditConfig: any;
+    validationRules?: {};
+    valueName?: string;
+}, ref: any): JSX.Element;
+declare namespace FormChip {
+    let displayName: string;
+    namespace propTypes {
+        export let chip: any;
+        export let chipSizeIsRecalculated: any;
+        export let setChipSizeIsRecalculated: any;
+        export let chipIndex: any;
+        export { CHIP_OPTIONS as chipOptions };
+        export let editConfig: any;
+        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;
+        export let setChipsSizes: any;
+        export let setEditConfig: any;
+        export let validationRules: any;
+        export let valueName: any;
+    }
+}
+import { CHIP_OPTIONS } from '../../../types';
+//# sourceMappingURL=FormChip.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,89 @@
+import { jsx as p } from "react/jsx-runtime";
+import F, { useLayoutEffect as T, forwardRef as k } from "react";
+import e from "prop-types";
+import w from "../NewChipForm/NewChipForm.mjs";
+import { CHIP_OPTIONS as O } from "../../../types.mjs";
+/* empty css               */
+let i = ({
+  chip: f,
+  chipIndex: r,
+  chipSizeIsRecalculated: s,
+  setChipSizeIsRecalculated: c,
+  chipOptions: m = {
+    background: "purple",
+    boldValue: !1,
+    borderRadius: "primary",
+    borderColor: "transparent",
+    density: "dense",
+    font: "purple"
+  },
+  editConfig: R,
+  handleEditChip: b,
+  handleRemoveChip: h,
+  handleToEditMode: C,
+  isDeletable: q = !1,
+  isEditable: g = !1,
+  keyName: a = "",
+  meta: y,
+  setChipsSizes: t,
+  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 = (n = (o = u.current) == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : n.call(o)) == null ? void 0 : l.width) ?? 50
+      };
+    });
+  }, [r, s, t]), /* @__PURE__ */ p("div", { onClick: (d) => C(d, r, a), ref: u, children: /* @__PURE__ */ p(
+    w,
+    {
+      chip: f,
+      chipIndex: r,
+      chipOptions: m,
+      className: "input-label-key",
+      editConfig: R,
+      handleRemoveChip: h,
+      isDeletable: q,
+      isEditable: g,
+      keyName: a,
+      meta: y,
+      onChange: b,
+      ref: v,
+      setChipSizeIsRecalculated: c,
+      setEditConfig: j,
+      validationRules: E,
+      valueName: N
+    }
+  ) });
+};
+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: 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,
+  setChipsSizes: e.func.isRequired,
+  setEditConfig: e.func.isRequired,
+  validationRules: e.object,
+  valueName: e.string
+};
+const L = i;
+export {
+  L as default
+};
+//# sourceMappingURL=FormChip.mjs.map

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

@@ -0,0 +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    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,EAAA;AAAA,EAER,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,CAAA;AAAA,EAClB,WAAAC,IAAY;AACd,GACAC,MACG;AACH,QAAMC,IAAUC,EAAM,OAAA;AACtB,SAAAC,EAAgB,MAAM;AACpB,IAAIF,EAAQ,WAAWL,KAAiBX,KACtCW,EAAc,CAAAQ,MAAA;;AAAU;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,EAEN,GAAG,CAACrB,GAAWC,GAAwBW,CAAa,CAAC,GAGnD,gBAAAY,EAAC,OAAA,EAAI,SAAS,CAAAC,MAASlB,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

@@ -0,0 +1,51 @@
+export default FormChipCell;
+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;
+        borderRadius: string;
+        borderColor: string;
+        density: string;
+        font: string;
+    };
+    className?: string;
+    children: any;
+    delimiter?: any;
+    formState: any;
+    initialValues: any;
+    isDeletable?: boolean;
+    isEditable?: boolean;
+    label?: any;
+    name: any;
+    onClick?: () => void;
+    onExitEditModeCallback?: any;
+    shortChips?: boolean;
+    validationRules?: {};
+    validator?: any;
+    visibleChipsMaxLength?: any;
+    withInitialParentWidth?: boolean;
+}): JSX.Element;
+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;
+        export let onClick: any;
+        export let onExitEditModeCallback: any;
+        export let shortChips: any;
+        export let validationRules: any;
+        export let validator: 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,251 @@
+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 Re } from "../../hooks/useChipCell.hook.mjs";
+let V = ({
+  chipOptions: b = {
+    background: "purple",
+    boldValue: !1,
+    borderRadius: "primary",
+    borderColor: "transparent",
+    density: "dense",
+    font: "purple"
+  },
+  className: z = "",
+  children: W,
+  delimiter: T = null,
+  formState: n,
+  initialValues: q,
+  isDeletable: X = !1,
+  isEditable: m = !1,
+  label: w = null,
+  name: r,
+  onClick: R = () => {
+  },
+  onExitEditModeCallback: d = null,
+  shortChips: $ = !1,
+  validationRules: P = {},
+  validator: K = null,
+  visibleChipsMaxLength: C = null,
+  withInitialParentWidth: A = !1
+}) => {
+  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 ie = de(() => m || C === "all" ? {
+    visibleChips: F(n.values, r),
+    hiddenChips: []
+  } : we(
+    F(n.values, r),
+    C || H
+  ), [C, m, H, n.values, r]);
+  const N = y(
+    (e) => {
+      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, r, n]
+  ), se = y(
+    (e, i) => {
+      var t;
+      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: T
+      }), _ && x(!1), I({
+        chipIndex: o,
+        isEdit: !0,
+        isKeyFocused: !0,
+        isValueFocused: !1,
+        isNewChip: !0
+      }), e && e.preventDefault();
+    },
+    [
+      p.isEdit,
+      p.chipIndex,
+      _,
+      n.form.mutators,
+      r,
+      T,
+      x
+    ]
+  ), g = y(
+    (e, i, o, t = !1) => {
+      N(
+        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, 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()));
+      o === Fe ? (h || g(e, i, p.chipIndex, t), I({
+        chipIndex: null,
+        isEdit: !1,
+        isKeyFocused: !1,
+        isValueFocused: !1,
+        isNewChip: !1
+      }), 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,
+          isEdit: !c,
+          isKeyFocused: !c,
+          isValueFocused: !1,
+          isNewChip: !1
+        };
+      })) : 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,
+          isEdit: !c,
+          isKeyFocused: !1,
+          isValueFocused: !c,
+          isNewChip: !1
+        };
+      })), 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,
+      r,
+      d,
+      g
+    ]
+  ), 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: ue,
+              left: ne,
+              right: pe,
+              bottom: ce
+            } = f.getBoundingClientRect();
+            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 === o, I((a) => ({
+          ...a,
+          chipIndex: i,
+          isEdit: !0,
+          isKeyFocused: l,
+          isValueFocused: !l
+        }));
+      }
+      R && R();
+    },
+    [m, R]
+  ), re = (e) => {
+    if (!e) return null;
+    let i = [];
+    const o = (t, s) => !e.some(({ key: l }, h) => t === l && h !== s);
+    return D(P) || (i = e.map((t) => {
+      const [s, l] = oe(t);
+      return s && l ? { key: s, value: l } : s ? { key: s } : l ? { value: l } : null;
+    })), e.forEach((t, s) => {
+      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] = 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 o ? [null, null] : [t(e, "key"), t(i, "value")];
+  };
+  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: b,
+        chipSizeIsRecalculated: L,
+        chips: ie,
+        editConfig: p,
+        formState: n,
+        handleAddNewChip: se,
+        handleEditChip: le,
+        handleRemoveChip: g,
+        handleShowElements: Z,
+        handleToEditMode: te,
+        isDeletable: X,
+        isEditable: m,
+        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
+      }
+    ) })
+  ] });
+};
+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
+};
+V = ae.memo(V);
+const ze = V;
+export {
+  ze as default
+};
+//# sourceMappingURL=FormChipCell.mjs.map