iguazio.dashboard-react-controls 3.0.4 → 3.1.1

package/dist/components/ChipForm/ChipForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipForm.mjs","sources":["../../../src/lib/components/ChipForm/ChipForm.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, { useState, useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport OptionsMenu from '../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../elements/ValidationTemplate/ValidationTemplate'\n\nimport { TAB, TAB_SHIFT } from '../../constants'\nimport { CHIP_OPTIONS } from '../../types'\n\nimport './chipForm.scss'\n\nlet ChipForm = (\n  {\n    checkValidation = null,\n    chipOptions,\n    className = '',\n    editConfig,\n    onChange,\n    setEditConfig,\n    validationRules = [],\n    value\n  },\n  ref\n) => {\n  const [chip, setChip] = useState({\n    ...value,\n    keyFieldWidth: 0,\n    valueFieldWidth: 0\n  })\n  const maxWidthInput = useMemo(() => {\n    return ref.current?.clientWidth - 50\n  }, [ref])\n  const { background, borderColor, density, font, borderRadius } = chipOptions\n  const minWidthInput = 25\n  const minWidthValueInput = 35\n\n  const refInputKey = useRef()\n  const refInputValue = useRef()\n  const refInputContainer = useRef()\n\n  const labelKeyClassName = classnames(\n    className,\n    !editConfig.isKeyFocused && 'item_edited',\n    !isEmpty(validationRules) && 'item_edited_invalid'\n  )\n  const labelContainerClassName = classnames(\n    'edit-chip-container',\n    background && `edit-chip-container-background_${background}`,\n    borderColor && `edit-chip-container-border_${borderColor}`,\n    font && `edit-chip-container-font_${font}`,\n    density && `edit-chip-container-density_${density}`,\n    borderRadius && `edit-chip-container-border_${borderRadius}`,\n    (editConfig.isEdit || editConfig.isNewChip) && 'edit-chip-container_edited'\n  )\n  const labelValueClassName = classnames(\n    'input-label-value',\n    !editConfig.isValueFocused && 'item_edited'\n  )\n\n  useLayoutEffect(() => {\n    if (!chip.keyFieldWidth && !chip.valueFieldWidth) {\n      const currentWidthKeyInput = refInputKey.current.scrollWidth + 1\n      const currentWidthValueInput = refInputValue.current.scrollWidth + 1\n\n      if (chip.key && chip.value) {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth:\n            currentWidthKeyInput >= maxWidthInput ? maxWidthInput : currentWidthKeyInput,\n          valueFieldWidth:\n            currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput\n        }))\n      } else {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth: minWidthInput,\n          valueFieldWidth: minWidthValueInput\n        }))\n      }\n    }\n  }, [\n    chip.key,\n    chip.keyFieldWidth,\n    chip.value,\n    chip.valueFieldWidth,\n    maxWidthInput,\n    refInputKey,\n    refInputValue\n  ])\n\n  useEffect(() => {\n    if (editConfig.isKeyFocused) {\n      refInputKey.current.focus()\n    } else if (editConfig.isValueFocused) {\n      refInputValue.current.focus()\n    }\n  }, [editConfig.isKeyFocused, editConfig.isValueFocused, refInputKey, refInputValue])\n\n  const outsideClick = useCallback(\n    event => {\n      event.stopPropagation()\n      const elementPath = event.path ?? event.composedPath?.()\n\n      if (!elementPath.includes(refInputContainer.current)) {\n        onChange(event, chip, 'Click')\n      }\n    },\n    [chip, onChange, refInputContainer]\n  )\n\n  useEffect(() => {\n    if (editConfig.isEdit) {\n      document.addEventListener('click', outsideClick, true)\n\n      return () => {\n        document.removeEventListener('click', outsideClick, true)\n      }\n    }\n  }, [outsideClick, editConfig.isEdit])\n\n  const focusChip = useCallback(\n    event => {\n      event.stopPropagation()\n\n      if (!event.shiftKey && event.key === TAB && editConfig.isValueFocused) {\n        onChange(event, chip, TAB)\n      } else if (event.shiftKey && event.key === TAB && editConfig.isKeyFocused) {\n        onChange(event, chip, TAB_SHIFT)\n      }\n\n      if (event.key === 'Backspace' || event.key === 'Delete') {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth: editConfig.isKeyFocused ? minWidthInput : prevState.keyFieldWidth,\n          valueFieldWidth: editConfig.isValueFocused\n            ? minWidthValueInput\n            : prevState.valueFieldWidth\n        }))\n      }\n    },\n    [editConfig, onChange, chip]\n  )\n\n  const handleOnFocus = useCallback(\n    event => {\n      if (event.target.name === 'key') {\n        refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n\n        setEditConfig(prevState => ({\n          ...prevState,\n          isKeyFocused: true,\n          isValueFocused: false\n        }))\n      } else {\n        refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n\n        setEditConfig(prevState => ({\n          ...prevState,\n          isKeyFocused: false,\n          isValueFocused: true\n        }))\n      }\n    },\n    [refInputKey, refInputValue, setEditConfig]\n  )\n\n  const handleOnChange = useCallback(\n    event => {\n      event.preventDefault()\n\n      if (event.target.name === 'key') {\n        const currentWidthKeyInput = refInputKey.current.scrollWidth\n        checkValidation && checkValidation(refInputKey.current.value)\n\n        setChip(prevState => ({\n          ...prevState,\n          key: refInputKey.current.value,\n          keyFieldWidth:\n            refInputKey.current.value.length <= 1\n              ? minWidthInput\n              : currentWidthKeyInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthKeyInput > minWidthInput\n                  ? currentWidthKeyInput + 2\n                  : minWidthInput\n        }))\n      } else {\n        const currentWidthValueInput = refInputValue.current.scrollWidth\n\n        setChip(prevState => ({\n          ...prevState,\n          value: refInputValue.current.value,\n          valueFieldWidth:\n            refInputValue.current.value.length <= 1\n              ? minWidthValueInput\n              : currentWidthValueInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthValueInput > minWidthValueInput\n                  ? currentWidthValueInput + 2\n                  : minWidthValueInput\n        }))\n      }\n    },\n    [checkValidation, maxWidthInput, refInputKey, refInputValue]\n  )\n\n  const getValidationRules = useCallback(() => {\n    return validationRules.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }, [validationRules])\n\n  return (\n    <>\n      <div\n        ref={refInputContainer}\n        className={labelContainerClassName}\n        onKeyDown={event => editConfig.isEdit && focusChip(event)}\n      >\n        <input\n          autoComplete=\"off\"\n          className={labelKeyClassName}\n          name=\"key\"\n          style={{ width: chip.keyFieldWidth }}\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder=\"key\"\n          ref={refInputKey}\n          type=\"text\"\n          value={chip.key}\n        />\n        <div className=\"edit-chip-separator\">:</div>\n        <input\n          autoComplete=\"off\"\n          className={labelValueClassName}\n          name=\"value\"\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder=\"value\"\n          ref={refInputValue}\n          style={{ width: chip.valueFieldWidth }}\n          type=\"text\"\n          value={chip.value}\n        />\n      </div>\n      {validationRules.length > 0 && (\n        <OptionsMenu show={validationRules.length > 0} ref={{ refInputContainer }}>\n          {getValidationRules()}\n        </OptionsMenu>\n      )}\n    </>\n  )\n}\n\nChipForm = React.forwardRef(ChipForm)\n\nChipForm.displayName = 'ChipForm'\n\nChipForm.propTypes = {\n  checkValidation: PropTypes.func,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.array,\n  value: PropTypes.object.isRequired\n}\n\nexport default ChipForm\n"],"names":["ChipForm","checkValidation","chipOptions","className","editConfig","onChange","setEditConfig","validationRules","value","ref","chip","setChip","useState","maxWidthInput","useMemo","_a","background","borderColor","density","font","borderRadius","minWidthInput","minWidthValueInput","refInputKey","useRef","refInputValue","refInputContainer","labelKeyClassName","classnames","isEmpty","labelContainerClassName","labelValueClassName","useLayoutEffect","currentWidthKeyInput","currentWidthValueInput","prevState","useEffect","outsideClick","useCallback","event","focusChip","TAB","TAB_SHIFT","handleOnFocus","handleOnChange","getValidationRules","isValid","label","name","ValidationTemplate","jsxs","Fragment","jsx","OptionsMenu","React","PropTypes","CHIP_OPTIONS","ChipForm$1"],"mappings":"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"}

package/dist/components/CopyToClipboard/CopyToClipboard.d.ts

@@ -0,0 +1,18 @@
+export default CopyToClipboard;
+declare function CopyToClipboard({ children, className, disabled, textToCopy, tooltipText }: {
+    children?: any;
+    className?: string;
+    disabled?: boolean;
+    textToCopy?: string;
+    tooltipText: any;
+}): import("react").JSX.Element;
+declare namespace CopyToClipboard {
+    namespace propTypes {
+        let children: any;
+        let className: any;
+        let disabled: any;
+        let textToCopy: any;
+        let tooltipText: any;
+    }
+}
+//# sourceMappingURL=CopyToClipboard.d.ts.map

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

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

package/dist/components/CopyToClipboard/CopyToClipboard.mjs

@@ -0,0 +1,51 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "prop-types";
+import { useMemo as d } from "react";
+import { useDispatch as f } from "react-redux";
+import u from "../RoundedIcon/RoundedIcon.mjs";
+import b from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import h from "../Tooltip/Tooltip.mjs";
+import { setNotification as y } from "../../reducers/notificationReducer.mjs";
+import { showErrorNotification as T } from "../../utils/notification.util.mjs";
+import g from "../../images/copy-to-clipboard-icon.svg.mjs";
+const C = ({
+  children: i = null,
+  className: l = "",
+  disabled: e = !1,
+  textToCopy: r = "",
+  tooltipText: p
+}) => {
+  const s = f(), c = d(() => e || !r, [e, r]), a = (m) => {
+    navigator.clipboard.writeText(m).then(() => {
+      s(
+        y({
+          status: 200,
+          id: Math.random(),
+          message: "Copied to clipboard successfully"
+        })
+      );
+    }).catch((n) => {
+      T(s, n, "", "Copy to clipboard failed");
+    });
+  };
+  return /* @__PURE__ */ t("div", { className: l, "data-testid": "copy-to-clipboard", children: i ? /* @__PURE__ */ t(h, { template: /* @__PURE__ */ t(b, { text: p }), textShow: !0, children: /* @__PURE__ */ t("span", { onClick: () => a(r), children: i }) }) : /* @__PURE__ */ t(
+    u,
+    {
+      tooltipText: p,
+      onClick: () => a(r),
+      disabled: c,
+      children: /* @__PURE__ */ t(g, {})
+    }
+  ) });
+};
+C.propTypes = {
+  children: o.oneOfType([o.string, o.array, o.element]),
+  className: o.string,
+  disabled: o.bool,
+  textToCopy: o.string,
+  tooltipText: o.string.isRequired
+};
+export {
+  C as default
+};
+//# sourceMappingURL=CopyToClipboard.mjs.map

package/dist/components/CopyToClipboard/CopyToClipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.mjs","sources":["../../../src/lib/components/CopyToClipboard/CopyToClipboard.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 PropTypes from 'prop-types'\nimport { useMemo } from 'react'\nimport { useDispatch } from 'react-redux'\n\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { setNotification } from '../../reducers/notificationReducer'\nimport { showErrorNotification } from '../../utils/notification.util'\n\nimport Copy from '../../images/copy-to-clipboard-icon.svg?react'\n\nconst CopyToClipboard = ({\n  children = null,\n  className = '',\n  disabled = false,\n  textToCopy = '',\n  tooltipText\n}) => {\n  const dispatch = useDispatch()\n  const copyIsDisabled = useMemo(() => disabled || !textToCopy, [disabled, textToCopy])\n\n  const copyToClipboard = textToCopy => {\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        dispatch(\n          setNotification({\n            status: 200,\n            id: Math.random(),\n            message: 'Copied to clipboard successfully'\n          })\n        )\n      })\n      .catch(error => {\n        showErrorNotification(dispatch, error, '', 'Copy to clipboard failed')\n      })\n  }\n\n  return (\n    <div className={className} data-testid=\"copy-to-clipboard\">\n      {children ? (\n        <Tooltip template={<TextTooltipTemplate text={tooltipText} />} textShow>\n          <span onClick={() => copyToClipboard(textToCopy)}>{children}</span>\n        </Tooltip>\n      ) : (\n        <RoundedIcon\n          tooltipText={tooltipText}\n          onClick={() => copyToClipboard(textToCopy)}\n          disabled={copyIsDisabled}\n        >\n          <Copy />\n        </RoundedIcon>\n      )}\n    </div>\n  )\n}\n\nCopyToClipboard.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.element]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  textToCopy: PropTypes.string,\n  tooltipText: PropTypes.string.isRequired\n}\n\nexport default CopyToClipboard\n"],"names":["CopyToClipboard","children","className","disabled","textToCopy","tooltipText","dispatch","useDispatch","copyIsDisabled","useMemo","copyToClipboard","setNotification","error","showErrorNotification","jsx","Tooltip","TextTooltipTemplate","RoundedIcon","Copy","PropTypes"],"mappings":";;;;;;;;;;AAgCA,MAAMA,IAAkB,CAAC;AAAA,EACvB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,EAAY,GACvBC,IAAiBC,EAAQ,MAAMN,KAAY,CAACC,GAAY,CAACD,GAAUC,CAAU,CAAC,GAE9EM,IAAkB,CAAAN,MAAc;AACpC,cAAU,UACP,UAAUA,CAAU,EACpB,KAAK,MAAM;AACV,MAAAE;AAAA,QACEK,EAAgB;AAAA,UACd,QAAQ;AAAA,UACR,IAAI,KAAK,OAAO;AAAA,UAChB,SAAS;AAAA,QACV,CAAA;AAAA,MACH;AAAA,IAAA,CACD,EACA,MAAM,CAASC,MAAA;AACQ,MAAAC,EAAAP,GAAUM,GAAO,IAAI,0BAA0B;AAAA,IAAA,CACtE;AAAA,EACL;AAGE,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAAZ,GAAsB,eAAY,qBACpC,cACE,gBAAAY,EAAAC,GAAA,EAAQ,UAAU,gBAAAD,EAACE,GAAoB,EAAA,MAAMX,EAAa,CAAA,GAAI,UAAQ,IACrE,UAAA,gBAAAS,EAAC,QAAK,EAAA,SAAS,MAAMJ,EAAgBN,CAAU,GAAI,UAAAH,EAAS,CAAA,EAAA,CAC9D,IAEA,gBAAAa;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAAZ;AAAA,MACA,SAAS,MAAMK,EAAgBN,CAAU;AAAA,MACzC,UAAUI;AAAA,MAEV,4BAACU,GAAK,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAEJ;AAEAlB,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAOA,EAAU,OAAO,CAAC;AAAA,EACpF,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AAAA,EACtB,aAAaA,EAAU,OAAO;AAChC;"}

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,QAEtC,gBAAAC,EAAA,OAAA,EAAI,eAAY,iBAAgB,WAAU,SACzC,UAAA;AAAA,EAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAe,EAAA,WAAU,cAAc,CAAA,GAC1C;AAAA,IACC,gBAAAD,EAAA,OAAA,EAAI,WAAU,kBAAkB,UAAQF,EAAA,CAAA;AAAA,EAAA,GAC3C;AAAA,EACCD,KACE,gBAAAG,EAAA,UAAA,EAAO,eAAY,SAAQ,SAASH,GACnC,UAAC,gBAAAG,EAAAE,GAAA,EAAQ,UAAU,gBAAAF,EAACG,KAAoB,MAAK,QAAQ,CAAA,GACnD,UAAC,gBAAAH,EAAAI,GAAA,CAAM,CAAA,EACT,CAAA,EACF,CAAA;AAAA,GAEJ;AAIJR,EAAa,YAAY;AAAA,EACvB,YAAYS,EAAU;AAAA,EACtB,SAASA,EAAU,OAAO;AAC5B;"}

package/dist/components/FormChipCell/FormChipCellView.mjs

@@ -11,7 +11,7 @@ import X from "../Tooltip/Tooltip.mjs";
 import { CHIP_OPTIONS as Y } from "../../types.mjs";
 import { isEveryObjectValueEmpty as Z } from "../../utils/common.util.mjs";
 import { uniquenessError as g } from "./formChipCell.util.mjs";
-import O from "../../images/add.svg.mjs";
+import O from "../../images/add.svg2.mjs";
 let n = ({
   chipOptions: e = {
     background: "purple",

package/dist/components/LoadButton/LoadButton.d.ts

@@ -0,0 +1,16 @@
+export default LoadButton;
+declare function LoadButton({ className, label, variant, ...restProps }: {
+    [x: string]: any;
+    className?: string;
+    label?: string;
+    variant?: string;
+}, ref: any): JSX.Element;
+declare namespace LoadButton {
+    let displayName: string;
+    namespace propTypes {
+        let className: any;
+        let label: any;
+        let variant: any;
+    }
+}
+//# sourceMappingURL=LoadButton.d.ts.map

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

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

package/dist/components/LoadButton/LoadButton.mjs

@@ -0,0 +1,22 @@
+import { jsx as p } from "react/jsx-runtime";
+import i from "react";
+import t from "prop-types";
+import d from "classnames";
+import { TERTIARY_BUTTON as a, PRIMARY_BUTTON as f, SECONDARY_BUTTON as T } from "../../constants.mjs";
+/* empty css                 */
+let o = ({ className: e = "", label: r = "Load button", variant: n = a, ...s }, m) => {
+  const l = d("btn-load", `btn-load-${n}`, e);
+  return /* @__PURE__ */ p("button", { ref: m, ...s, className: l, children: r });
+};
+o = i.forwardRef(o);
+o.displayName = "LoadButton";
+o.propTypes = {
+  className: t.string,
+  label: t.oneOfType([t.string, t.element]),
+  variant: t.oneOf([f, T, a]).isRequired
+};
+const O = o;
+export {
+  O as default
+};
+//# sourceMappingURL=LoadButton.mjs.map

package/dist/components/LoadButton/LoadButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadButton.mjs","sources":["../../../src/lib/components/LoadButton/LoadButton.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'\nimport classNames from 'classnames'\n\nimport { PRIMARY_BUTTON, SECONDARY_BUTTON, TERTIARY_BUTTON } from '../../constants'\n\nimport './loadButton.scss'\n\nlet LoadButton = (\n  { className = '', label = 'Load button', variant = TERTIARY_BUTTON, ...restProps },\n  ref\n) => {\n  const buttonClassName = classNames('btn-load', `btn-load-${variant}`, className)\n\n  return (\n    <button ref={ref} {...restProps} className={buttonClassName}>\n      {label}\n    </button>\n  )\n}\n\nLoadButton = React.forwardRef(LoadButton)\n\nLoadButton.displayName = 'LoadButton'\n\nLoadButton.propTypes = {\n  className: PropTypes.string,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  variant: PropTypes.oneOf([PRIMARY_BUTTON, SECONDARY_BUTTON, TERTIARY_BUTTON]).isRequired\n}\n\nexport default LoadButton\n"],"names":["LoadButton","className","label","variant","TERTIARY_BUTTON","restProps","ref","buttonClassName","classNames","React","PropTypes","PRIMARY_BUTTON","SECONDARY_BUTTON","LoadButton$1"],"mappings":";;;;;;AA2BA,IAAIA,IAAa,CACf,EAAE,WAAAC,IAAY,IAAI,OAAAC,IAAQ,eAAe,SAAAC,IAAUC,GAAiB,GAAGC,EAAU,GACjFC,MACG;AACH,QAAMC,IAAkBC,EAAW,YAAY,YAAYL,CAAO,IAAIF,CAAS;AAE/E,2BACG,UAAO,EAAA,KAAAK,GAAW,GAAGD,GAAW,WAAWE,GACzC,UACHL,GAAA;AAEJ;AAEAF,IAAaS,EAAM,WAAWT,CAAU;AAExCA,EAAW,cAAc;AAEzBA,EAAW,YAAY;AAAA,EACrB,WAAWU,EAAU;AAAA,EACrB,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,SAASA,EAAU,MAAM,CAACC,GAAgBC,GAAkBR,CAAe,CAAC,EAAE;AAChF;AAEA,MAAAS,IAAeb;"}

package/dist/components/LoadButton/LoadButton.stories.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export let title: string;
+    export { LoadButton as component };
+}
+export default _default;
+export const PrimaryLoader: any;
+export const SecondaryLoader: any;
+export const TertiaryLoader: any;
+import LoadButton from './LoadButton';
+//# sourceMappingURL=LoadButton.stories.d.ts.map

package/dist/components/LoadButton/LoadButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadButton.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/LoadButton/LoadButton.stories.js"],"names":[],"mappings":";;;;;AAoCA,gCAA8C;AAO9C,kCAAgD;AAOhD,iCAA+C;uBA7BxB,cAAc"}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=Loader.d.ts.map

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

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

package/dist/components/Loader/Loader.mjs

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import d from "react";
+import m from "classnames";
+import o from "prop-types";
+/* empty css             */
+const e = ({ secondary: r = !1, section: s = !1, small: l = !1 }) => {
+  const t = m(
+    "loader-wrapper",
+    s && "section-loader",
+    l && "small-loader",
+    r && "secondary-loader"
+  );
+  return /* @__PURE__ */ a("div", { className: t, "data-testid": "loader", children: /* @__PURE__ */ a("div", { className: "loader" }) });
+};
+e.propTypes = {
+  secondary: o.bool,
+  section: o.bool,
+  small: o.bool
+};
+const y = d.memo(e);
+export {
+  y as default
+};
+//# sourceMappingURL=Loader.mjs.map

package/dist/components/Loader/Loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.mjs","sources":["../../../src/lib/components/Loader/Loader.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 classnames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport './loader.scss'\n\nconst Loader = ({ secondary = false, section = false, small = false }) => {\n  const wrapperClassNames = classnames(\n    'loader-wrapper',\n    section && 'section-loader',\n    small && 'small-loader',\n    secondary && 'secondary-loader'\n  )\n\n  return (\n    <div className={wrapperClassNames} data-testid=\"loader\">\n      <div className=\"loader\" />\n    </div>\n  )\n}\n\nLoader.propTypes = {\n  secondary: PropTypes.bool,\n  section: PropTypes.bool,\n  small: PropTypes.bool\n}\n\nexport default React.memo(Loader)\n"],"names":["Loader","secondary","section","small","wrapperClassNames","classnames","jsx","PropTypes","Loader$1","React"],"mappings":";;;;;AAyBA,MAAMA,IAAS,CAAC,EAAE,WAAAC,IAAY,IAAO,SAAAC,IAAU,IAAO,OAAAC,IAAQ,SAAY;AACxE,QAAMC,IAAoBC;AAAA,IACxB;AAAA,IACAH,KAAW;AAAA,IACXC,KAAS;AAAA,IACTF,KAAa;AAAA,EACf;AAGE,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAWF,GAAmB,eAAY,UAC7C,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,SAAA,CAAS,EAC1B,CAAA;AAEJ;AAEAN,EAAO,YAAY;AAAA,EACjB,WAAWO,EAAU;AAAA,EACrB,SAASA,EAAU;AAAA,EACnB,OAAOA,EAAU;AACnB;AAEA,MAAAC,IAAeC,EAAM,KAAKT,CAAM;"}

package/dist/components/Loader/LoaderForSuspenseFallback.d.ts

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=LoaderForSuspenseFallback.d.ts.map

package/dist/components/Loader/LoaderForSuspenseFallback.d.ts.map

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

package/dist/components/Loader/LoaderForSuspenseFallback.mjs

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import o, { useLayoutEffect as r } from "react";
+import s from "./Loader.mjs";
+const l = () => (r(() => {
+  const e = document.getElementById("overlay_container"), t = e ? e.style.visibility : "visible";
+  return e && (e.style.visibility = "hidden"), () => {
+    e && (e.style.visibility = t);
+  };
+}, []), /* @__PURE__ */ i(s, {})), c = o.memo(l);
+export {
+  c as default
+};
+//# sourceMappingURL=LoaderForSuspenseFallback.mjs.map

package/dist/components/Loader/LoaderForSuspenseFallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderForSuspenseFallback.mjs","sources":["../../../src/lib/components/Loader/LoaderForSuspenseFallback.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, { useLayoutEffect } from 'react'\n\nimport Loader from './Loader'\n\nconst LoaderForSuspenseFallback = () => {\n  useLayoutEffect(() => {\n    const overlayContainer = document.getElementById('overlay_container')\n    const savedVisibilityStyle = overlayContainer ? overlayContainer.style.visibility : 'visible'\n\n    if (overlayContainer) overlayContainer.style.visibility = 'hidden'\n\n    return () => {\n      if (overlayContainer) overlayContainer.style.visibility = savedVisibilityStyle\n    }\n  }, [])\n\n  return <Loader />\n}\n\nexport default React.memo(LoaderForSuspenseFallback)\n"],"names":["LoaderForSuspenseFallback","useLayoutEffect","overlayContainer","savedVisibilityStyle","Loader","LoaderForSuspenseFallback$1","React"],"mappings":";;;AAuBA,MAAMA,IAA4B,OAChCC,EAAgB,MAAM;AACd,QAAAC,IAAmB,SAAS,eAAe,mBAAmB,GAC9DC,IAAuBD,IAAmBA,EAAiB,MAAM,aAAa;AAEhF,SAAAA,MAAmCA,EAAA,MAAM,aAAa,WAEnD,MAAM;AACP,IAAAA,MAAmCA,EAAA,MAAM,aAAaC;AAAA,EAC5D;AACF,GAAG,EAAE,qBAEGC,GAAO,EAAA,IAGjBC,IAAeC,EAAM,KAAKN,CAAyB;"}

package/dist/components/TableCell/TableCell.d.ts

@@ -0,0 +1,28 @@
+export default TableCell;
+declare function TableCell({ cellData, className, firstCell, item, link, onClick, selectItem, selectedItem, showExpandButton, toggleRow }: {
+    cellData: any;
+    className?: string;
+    firstCell?: boolean;
+    item: any;
+    link?: string;
+    onClick?: any;
+    selectItem?: () => void;
+    selectedItem?: {};
+    showExpandButton?: boolean;
+    toggleRow?: any;
+}): JSX.Element;
+declare namespace TableCell {
+    namespace propTypes {
+        let cellData: any;
+        let className: any;
+        let firstCell: any;
+        let item: any;
+        let link: any;
+        let onClick: any;
+        let selectItem: any;
+        let selectedItem: any;
+        let showExpandButton: any;
+        let toggleRow: any;
+    }
+}
+//# sourceMappingURL=TableCell.d.ts.map

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

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

package/dist/components/TableCell/TableCell.mjs

@@ -0,0 +1,104 @@
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { cloneElement as T } from "react";
+import s from "prop-types";
+import c from "classnames";
+import j from "../ChipCell/ChipCell.mjs";
+import I from "../../elements/TableLinkCell/TableLinkCell.mjs";
+import O from "../../elements/TableTypeCell/TableTypeCell.mjs";
+import i from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import p from "../Tooltip/Tooltip.mjs";
+import { getChipOptions as A } from "../../utils/chips.util.mjs";
+import { truncateUid as L } from "../../utils/string.util.mjs";
+import _ from "../../images/arrow.svg.mjs";
+const g = ({
+  cellData: e,
+  className: m = "",
+  firstCell: h = !1,
+  item: r,
+  link: l = "",
+  onClick: d = null,
+  selectItem: y = () => {
+  },
+  selectedItem: N = {},
+  showExpandButton: a = !1,
+  toggleRow: u = null
+}) => {
+  const { value: b, label: f, className: v } = r.state ?? {}, o = c(
+    "table-body__cell",
+    e.className,
+    m,
+    e.bodyCellClassName,
+    d && "link"
+  );
+  return e.template ? T(e.template, {
+    className: m
+  }) : l && e.type !== "hidden" ? /* @__PURE__ */ t(
+    I,
+    {
+      className: m,
+      cellData: e,
+      item: r,
+      link: l,
+      selectItem: y,
+      selectedItem: N,
+      showExpandButton: a,
+      toggleRow: u
+    }
+  ) : h && !l ? /* @__PURE__ */ C(
+    "td",
+    {
+      onClick: () => e.value && d && d(e.value),
+      className: o,
+      children: [
+        /* @__PURE__ */ t("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ t(
+          p,
+          {
+            template: /* @__PURE__ */ t(i, { text: e.tooltip || e.value || "" }),
+            children: e.value
+          }
+        ) }),
+        r.state && b && f && /* @__PURE__ */ t(p, { className: "status", template: /* @__PURE__ */ t(i, { text: f }), children: /* @__PURE__ */ t("i", { className: v }) }),
+        !r.state && r.status && /* @__PURE__ */ t(p, { className: "status", template: /* @__PURE__ */ t(i, { text: r.status }), children: /* @__PURE__ */ t("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
+        a && /* @__PURE__ */ t(_, { onClick: (n) => u && u(n, r), className: "expand-arrow" })
+      ]
+    }
+  ) : e.type === "type" ? /* @__PURE__ */ t(O, { className: m, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: e.value.map((n, x) => /* @__PURE__ */ t(
+    p,
+    {
+      template: /* @__PURE__ */ t(i, { text: n.tooltip }),
+      children: n.icon
+    },
+    n.tooltip + x
+  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ t(j, { chipOptions: A(e.type), elements: e.value, tooltip: !0 }) }) : e.type === "hash" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ t(p, { template: /* @__PURE__ */ t(i, { text: e.value }), children: /* @__PURE__ */ t("span", { children: L(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: e.value }) : /* @__PURE__ */ t(
+    "td",
+    {
+      "data-testid": e == null ? void 0 : e.headerId,
+      className: o,
+      onClick: () => e.value && d && d(e.value),
+      children: /* @__PURE__ */ t(
+        p,
+        {
+          className: "text_small",
+          template: /* @__PURE__ */ t(i, { text: e.tooltip || e.value || "" }),
+          children: e.value
+        }
+      )
+    }
+  );
+};
+g.propTypes = {
+  cellData: s.object.isRequired,
+  className: s.string,
+  firstCell: s.bool,
+  item: s.oneOfType([s.object, s.bool]),
+  link: s.oneOfType([s.string, s.bool]),
+  onClick: s.func,
+  selectItem: s.func,
+  selectedItem: s.object,
+  showExpandButton: s.bool,
+  toggleRow: s.func
+};
+export {
+  g as default
+};
+//# sourceMappingURL=TableCell.mjs.map

package/dist/components/TableCell/TableCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.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, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport ChipCell from '../ChipCell/ChipCell'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ChipCell chipOptions={getChipOptions(cellData.type)} elements={cellData.value} tooltip />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ChipCell","getChipOptions","PropTypes"],"mappings":"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"}

package/dist/components/TabsSlider/TabsSlider.d.ts

@@ -0,0 +1,20 @@
+export default TabsSlider;
+declare function TabsSlider({ fontSize, initialTab, isDetailsPopUp, onClick, skipLink, tabsList }: {
+    fontSize?: string;
+    initialTab?: string;
+    isDetailsPopUp?: boolean;
+    onClick?: () => void;
+    skipLink?: boolean;
+    tabsList: any;
+}): JSX.Element;
+declare namespace TabsSlider {
+    namespace propTypes {
+        let fontSize: any;
+        let initialTab: any;
+        let isDetailsPopUp: any;
+        let onClick: any;
+        let skipLink: any;
+        let tabsList: any;
+    }
+}
+//# sourceMappingURL=TabsSlider.d.ts.map

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

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