iguazio.dashboard-react-controls 3.0.4 → 3.1.0

package/dist/components/ActionsMenu/ActionsMenu.d.ts

@@ -0,0 +1,18 @@
+export default ActionsMenu;
+declare function ActionsMenu({ dataItem, menu, menuPosition, time, withQuickActions }: {
+    dataItem?: {};
+    menu: any;
+    menuPosition?: string;
+    time?: number;
+    withQuickActions?: boolean;
+}): JSX.Element;
+declare namespace ActionsMenu {
+    namespace propTypes {
+        let dataItem: any;
+        let menu: any;
+        let menuPosition: any;
+        let time: any;
+        let withQuickActions: any;
+    }
+}
+//# sourceMappingURL=ActionsMenu.d.ts.map

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

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

package/dist/components/ActionsMenu/ActionsMenu.mjs

@@ -0,0 +1,126 @@
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { useState as f, useRef as l, useCallback as w, useEffect as p } from "react";
+import s from "prop-types";
+import { isEmpty as S } from "lodash";
+import D from "classnames";
+import L from "../../elements/ActionsMenuItem/ActionsMenuItem.mjs";
+import P from "../PopUpDialog/PopUpDialog.mjs";
+import k from "../RoundedIcon/RoundedIcon.mjs";
+import { ACTIONS_MENU as j } from "../../types.mjs";
+import H from "../../images/elipsis.svg.mjs";
+/* empty css                  */
+const I = ({
+  dataItem: i = {},
+  menu: c,
+  menuPosition: _ = "",
+  time: y = 100,
+  withQuickActions: b = !1
+}) => {
+  const [r, N] = f(c), [T, g] = f(!1), [a, o] = f(!1), E = l(), M = l(), x = l(), h = l();
+  let d = null;
+  const R = D(
+    "actions-menu__container",
+    b && "actions-menu__container_extended",
+    a && "actions-menu__container-active"
+  ), u = w(
+    (e) => {
+      e.target.closest(".actions-menu-button") || o(!1);
+    },
+    [o]
+  ), m = w(
+    (e) => {
+      e.target.closest(".actions-menu__body") || o(!1);
+    },
+    [o]
+  ), C = () => {
+    a && (d = setTimeout(() => {
+      o(!1);
+    }, y));
+  }, O = (e) => {
+    var n;
+    (n = h.current) != null && n.contains(e.target) && o(!1), d && clearTimeout(d);
+  };
+  return p(() => {
+    S(i) || N(typeof c == "function" ? c(i, _) : c);
+  }, [i, c, _]), p(() => {
+    var e;
+    g((e = r[0]) == null ? void 0 : e.some((n) => n.icon));
+  }, [r]), p(() => (window.addEventListener("click", u), window.addEventListener("scroll", m, !0), () => {
+    window.removeEventListener("click", u), window.removeEventListener("scroll", m, !0);
+  }), [u, m]), /* @__PURE__ */ v(
+    "div",
+    {
+      className: R,
+      onMouseOut: C,
+      onMouseOver: O,
+      ref: E,
+      children: [
+        b && /* @__PURE__ */ t("div", { className: "actions-menu__main-actions-wrapper", ref: h, children: r[1].map(
+          (e) => !e.hidden && /* @__PURE__ */ t(
+            k,
+            {
+              disabled: e.disabled,
+              id: `quick-link-${e.id}`,
+              onClick: () => e.onClick(i),
+              tooltipText: e.label,
+              children: e.icon
+            },
+            e.label
+          )
+        ) }),
+        r[0].length > 0 && /* @__PURE__ */ v("div", { className: "actions-menu", "data-testid": "actions-menu", children: [
+          /* @__PURE__ */ t(
+            k,
+            {
+              className: "actions-menu-button",
+              isActive: a,
+              id: "actions-menu-button",
+              onClick: () => {
+                o((e) => !e);
+              },
+              ref: M,
+              tooltipText: "More actions",
+              children: /* @__PURE__ */ t(H, {})
+            }
+          ),
+          a && /* @__PURE__ */ t(
+            P,
+            {
+              className: "actions-menu__body",
+              customPosition: {
+                element: M,
+                position: "bottom-left",
+                autoVerticalPosition: !0
+              },
+              headerIsHidden: !0,
+              ref: x,
+              children: /* @__PURE__ */ t("ul", { "data-testid": "actions-drop-down-menu", className: "actions-menu__list", children: r[0].map(
+                (e, n) => !e.hidden && /* @__PURE__ */ t(
+                  L,
+                  {
+                    dataItem: i,
+                    index: n,
+                    isIconDisplayed: T,
+                    menuItem: e
+                  },
+                  e.label
+                )
+              ) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+I.propTypes = {
+  dataItem: s.oneOfType([s.object, s.string]),
+  menu: j.isRequired,
+  menuPosition: s.string,
+  time: s.number,
+  withQuickActions: s.bool
+};
+export {
+  I as default
+};
+//# sourceMappingURL=ActionsMenu.mjs.map

package/dist/components/ActionsMenu/ActionsMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenu.mjs","sources":["../../../src/lib/components/ActionsMenu/ActionsMenu.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, { useCallback, useEffect, useRef, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { isEmpty } from 'lodash'\nimport classnames from 'classnames'\n\nimport ActionsMenuItem from '../../elements/ActionsMenuItem/ActionsMenuItem'\nimport PopUpDialog from '../PopUpDialog/PopUpDialog'\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\n\nimport { ACTIONS_MENU } from '../../types'\n\nimport ActionMenuIcon from '../../images/elipsis.svg?react'\n\nimport './actionsMenu.scss'\n\nconst ActionsMenu = ({\n  dataItem = {},\n  menu,\n  menuPosition = '',\n  time = 100,\n  withQuickActions = false\n}) => {\n  const [actionMenu, setActionMenu] = useState(menu)\n  const [isIconDisplayed, setIsIconDisplayed] = useState(false)\n  const [isShowMenu, setIsShowMenu] = useState(false)\n  const actionMenuRef = useRef()\n  const actionMenuBtnRef = useRef()\n  const dropDownMenuRef = useRef()\n  const mainActionsWrapperRef = useRef()\n\n  let idTimeout = null\n\n  const actionMenuClassNames = classnames(\n    'actions-menu__container',\n    withQuickActions && 'actions-menu__container_extended',\n    isShowMenu && 'actions-menu__container-active'\n  )\n\n  const clickHandler = useCallback(\n    event => {\n      if (!event.target.closest('.actions-menu-button')) {\n        setIsShowMenu(false)\n      }\n    },\n    [setIsShowMenu]\n  )\n\n  const scrollHandler = useCallback(\n    event => {\n      if (!event.target.closest('.actions-menu__body')) {\n        setIsShowMenu(false)\n      }\n    },\n    [setIsShowMenu]\n  )\n\n  const onMouseOut = () => {\n    if (isShowMenu) {\n      idTimeout = setTimeout(() => {\n        setIsShowMenu(false)\n      }, time)\n    }\n  }\n\n  const handleMouseOver = event => {\n    if (mainActionsWrapperRef.current?.contains(event.target)) {\n      setIsShowMenu(false)\n    }\n\n    if (idTimeout) clearTimeout(idTimeout)\n  }\n\n  useEffect(() => {\n    if (!isEmpty(dataItem)) {\n      setActionMenu(typeof menu === 'function' ? menu(dataItem, menuPosition) : menu)\n    }\n  }, [dataItem, menu, menuPosition])\n\n  useEffect(() => {\n    setIsIconDisplayed(actionMenu[0]?.some(menuItem => menuItem.icon))\n  }, [actionMenu])\n\n  useEffect(() => {\n    window.addEventListener('click', clickHandler)\n    window.addEventListener('scroll', scrollHandler, true)\n\n    return () => {\n      window.removeEventListener('click', clickHandler)\n      window.removeEventListener('scroll', scrollHandler, true)\n    }\n  }, [clickHandler, scrollHandler])\n\n  return (\n    <div\n      className={actionMenuClassNames}\n      onMouseOut={onMouseOut}\n      onMouseOver={handleMouseOver}\n      ref={actionMenuRef}\n    >\n      {withQuickActions && (\n        <div className=\"actions-menu__main-actions-wrapper\" ref={mainActionsWrapperRef}>\n          {actionMenu[1].map(\n            mainAction =>\n              !mainAction.hidden && (\n                <RoundedIcon\n                  disabled={mainAction.disabled}\n                  id={`quick-link-${mainAction.id}`}\n                  onClick={() => mainAction.onClick(dataItem)}\n                  tooltipText={mainAction.label}\n                  key={mainAction.label}\n                >\n                  {mainAction.icon}\n                </RoundedIcon>\n              )\n          )}\n        </div>\n      )}\n      {actionMenu[0].length > 0 && (\n        <div className=\"actions-menu\" data-testid=\"actions-menu\">\n          <RoundedIcon\n            className=\"actions-menu-button\"\n            isActive={isShowMenu}\n            id=\"actions-menu-button\"\n            onClick={() => {\n              setIsShowMenu(prevValue => !prevValue)\n            }}\n            ref={actionMenuBtnRef}\n            tooltipText=\"More actions\"\n          >\n            <ActionMenuIcon />\n          </RoundedIcon>\n          {isShowMenu && (\n            <PopUpDialog\n              className=\"actions-menu__body\"\n              customPosition={{\n                element: actionMenuBtnRef,\n                position: 'bottom-left',\n                autoVerticalPosition: true\n              }}\n              headerIsHidden\n              ref={dropDownMenuRef}\n            >\n              <ul data-testid=\"actions-drop-down-menu\" className=\"actions-menu__list\">\n                {actionMenu[0].map(\n                  (menuItem, idx) =>\n                    !menuItem.hidden && (\n                      <ActionsMenuItem\n                        dataItem={dataItem}\n                        index={idx}\n                        isIconDisplayed={isIconDisplayed}\n                        key={menuItem.label}\n                        menuItem={menuItem}\n                      />\n                    )\n                )}\n              </ul>\n            </PopUpDialog>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nActionsMenu.propTypes = {\n  dataItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  menu: ACTIONS_MENU.isRequired,\n  menuPosition: PropTypes.string,\n  time: PropTypes.number,\n  withQuickActions: PropTypes.bool\n}\n\nexport default ActionsMenu\n"],"names":["ActionsMenu","dataItem","menu","menuPosition","time","withQuickActions","actionMenu","setActionMenu","useState","isIconDisplayed","setIsIconDisplayed","isShowMenu","setIsShowMenu","actionMenuRef","useRef","actionMenuBtnRef","dropDownMenuRef","mainActionsWrapperRef","idTimeout","actionMenuClassNames","classnames","clickHandler","useCallback","event","scrollHandler","onMouseOut","handleMouseOver","_a","useEffect","isEmpty","menuItem","jsxs","jsx","mainAction","RoundedIcon","prevValue","ActionMenuIcon","PopUpDialog","idx","ActionsMenuItem","PropTypes","ACTIONS_MENU"],"mappings":"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"}

package/dist/components/BlockerSpy/BlockerSpy.d.ts

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

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

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

package/dist/components/BlockerSpy/BlockerSpy.mjs

@@ -0,0 +1,18 @@
+import { jsx as s, Fragment as t } from "react/jsx-runtime";
+import { useEffect as c } from "react";
+import e from "prop-types";
+import { useBlocker as f } from "react-router-dom";
+const m = ({ setBlocker: r, shouldBlock: p }) => {
+  const o = f(p);
+  return c(() => {
+    r(o);
+  }, [r, o]), /* @__PURE__ */ s(t, {});
+};
+m.propTypes = {
+  setBlocker: e.func.isRequired,
+  shouldBlock: e.func.isRequired
+};
+export {
+  m as default
+};
+//# sourceMappingURL=BlockerSpy.mjs.map

package/dist/components/BlockerSpy/BlockerSpy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockerSpy.mjs","sources":["../../../src/lib/components/BlockerSpy/BlockerSpy.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, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { useBlocker } from 'react-router-dom'\n\nconst BlockerSpy = ({ setBlocker, shouldBlock }) => {\n  const blocker = useBlocker(shouldBlock)\n\n  useEffect(() => {\n    setBlocker(blocker)\n  }, [setBlocker, blocker])\n\n  return <></>\n}\n\nBlockerSpy.propTypes = {\n  setBlocker: PropTypes.func.isRequired,\n  shouldBlock: PropTypes.func.isRequired\n}\n\nexport default BlockerSpy\n"],"names":["BlockerSpy","setBlocker","shouldBlock","blocker","useBlocker","useEffect","jsx","Fragment","PropTypes"],"mappings":";;;;AAuBA,MAAMA,IAAa,CAAC,EAAE,YAAAC,GAAY,aAAAC,QAAkB;AAC5C,QAAAC,IAAUC,EAAWF,CAAW;AAEtC,SAAAG,EAAU,MAAM;AACd,IAAAJ,EAAWE,CAAO;AAAA,EAAA,GACjB,CAACF,GAAYE,CAAO,CAAC,GAEf,gBAAAG,EAAAC,GAAA,EAAA;AACX;AAEAP,EAAW,YAAY;AAAA,EACrB,YAAYQ,EAAU,KAAK;AAAA,EAC3B,aAAaA,EAAU,KAAK;AAC9B;"}

package/dist/components/Button/Button.mjs

@@ -1,43 +1,44 @@
-import { jsxs as u, jsx as m } from "react/jsx-runtime";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import t from "prop-types";
-import g from "classnames";
-import y from "../Tooltip/Tooltip.mjs";
-import c from "../TooltipTemplate/TextTooltipTemplate.mjs";
-import { BUTTON_VARIANTS as h, DENSITY as x } from "../../types.mjs";
-import { TERTIARY_BUTTON as B } from "../../constants.mjs";
+import c from "classnames";
+import g from "../Tooltip/Tooltip.mjs";
+import y from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import { BUTTON_VARIANTS as B, DENSITY as h } from "../../types.mjs";
+import { TERTIARY_BUTTON as x } from "../../constants.mjs";
 /* empty css             */
-let o = ({
+let e = ({
   className: i = "",
   density: p = "normal",
-  icon: e = null,
-  iconPosition: n = "left",
+  icon: o = null,
+  iconPosition: m = "left",
   id: a = "btn",
   label: r = "Button",
   tooltip: s = "",
-  variant: l = B,
+  variant: l = x,
   ...f
 }, T) => {
-  const d = g("btn", `btn-${l}`, `btn-${p}`, i);
+  const d = c("btn", `btn-${l}`, `btn-${p}`, i);
   return /* @__PURE__ */ u("button", { ...f, className: d, ref: T, "data-testid": a, children: [
-    e && n === "left" && e,
-    (s || r) && /* @__PURE__ */ m(y, { template: /* @__PURE__ */ m(c, { text: s || r }), children: r && /* @__PURE__ */ m("span", { children: r }) }),
-    e && n === "right" && e
+    o && m === "left" && o,
+    (s || r) && /* @__PURE__ */ n(g, { template: /* @__PURE__ */ n(y, { text: s || r }), children: r && /* @__PURE__ */ n("span", { children: r }) }),
+    o && m === "right" && o
   ] });
 };
-o = N(o);
-o.displayName = "Button";
-o.propTypes = {
+e = N(e);
+e.displayName = "Button";
+e.propTypes = {
   className: t.string,
-  density: x,
+  density: h,
   icon: t.element,
   iconPosition: t.oneOf(["left", "right"]),
   id: t.string,
   label: t.oneOfType([t.string, t.element]),
   tooltip: t.oneOfType([t.string, t.element]),
-  variant: h
+  variant: B
 };
+const U = e;
 export {
-  o as default
+  U as default
 };
 //# sourceMappingURL=Button.mjs.map

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/lib/components/Button/Button.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, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { BUTTON_VARIANTS, DENSITY } from '../../types'\nimport { TERTIARY_BUTTON } from '../../constants'\n\nimport './Button.scss'\n\nlet Button = (\n  {\n    className = '',\n    density = 'normal',\n    icon = null,\n    iconPosition = 'left',\n    id = 'btn',\n    label = 'Button',\n    tooltip = '',\n    variant = TERTIARY_BUTTON,\n    ...restProps\n  },\n  ref\n) => {\n  const buttonClassName = classNames('btn', `btn-${variant}`, `btn-${density}`, className)\n\n  return (\n    <button {...restProps} className={buttonClassName} ref={ref} data-testid={id}>\n      {icon && iconPosition === 'left' && icon}\n      {(tooltip || label) && (\n        <Tooltip template={<TextTooltipTemplate text={tooltip || label} />}>\n          {label && <span>{label}</span>}\n        </Tooltip>\n      )}\n      {icon && iconPosition === 'right' && icon}\n    </button>\n  )\n}\n\nButton = forwardRef(Button)\n\nButton.displayName = 'Button'\n\nButton.propTypes = {\n  className: PropTypes.string,\n  density: DENSITY,\n  icon: PropTypes.element,\n  iconPosition: PropTypes.oneOf(['left', 'right']),\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  variant: BUTTON_VARIANTS\n}\n\nexport default Button\n"],"names":["Button","className","density","icon","iconPosition","id","label","tooltip","variant","TERTIARY_BUTTON","restProps","ref","buttonClassName","classNames","jsxs","jsx","Tooltip","TextTooltipTemplate","forwardRef","PropTypes","DENSITY","BUTTON_VARIANTS"],"mappings":";;;;;;;;;AA4BA,IAAIA,IAAS,CACX;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,GAAGC;AACL,GACAC,MACG;AACG,QAAAC,IAAkBC,EAAW,OAAO,OAAOL,CAAO,IAAI,OAAON,CAAO,IAAID,CAAS;AAGrF,SAAA,gBAAAa,EAAC,YAAQ,GAAGJ,GAAW,WAAWE,GAAiB,KAAAD,GAAU,eAAaN,GACvE,UAAA;AAAA,IAAAF,KAAQC,MAAiB,UAAUD;AAAA,KAClCI,KAAWD,MACV,gBAAAS,EAAAC,GAAA,EAAQ,UAAW,gBAAAD,EAAAE,GAAA,EAAoB,MAAMV,KAAWD,GAAO,GAC7D,UAAAA,KAAU,gBAAAS,EAAA,QAAA,EAAM,YAAM,CAAA,GACzB;AAAA,IAEDZ,KAAQC,MAAiB,WAAWD;AAAA,EAAA,GACvC;AAEJ;AAEAH,IAASkB,EAAWlB,CAAM;AAE1BA,EAAO,cAAc;AAErBA,EAAO,YAAY;AAAA,EACjB,WAAWmB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,MAAMD,EAAU;AAAA,EAChB,cAAcA,EAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAC/C,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,SAASA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAClE,SAASE;AACX;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/lib/components/Button/Button.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, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { BUTTON_VARIANTS, DENSITY } from '../../types'\nimport { TERTIARY_BUTTON } from '../../constants'\n\nimport './Button.scss'\n\nlet Button = (\n  {\n    className = '',\n    density = 'normal',\n    icon = null,\n    iconPosition = 'left',\n    id = 'btn',\n    label = 'Button',\n    tooltip = '',\n    variant = TERTIARY_BUTTON,\n    ...restProps\n  },\n  ref\n) => {\n  const buttonClassName = classNames('btn', `btn-${variant}`, `btn-${density}`, className)\n\n  return (\n    <button {...restProps} className={buttonClassName} ref={ref} data-testid={id}>\n      {icon && iconPosition === 'left' && icon}\n      {(tooltip || label) && (\n        <Tooltip template={<TextTooltipTemplate text={tooltip || label} />}>\n          {label && <span>{label}</span>}\n        </Tooltip>\n      )}\n      {icon && iconPosition === 'right' && icon}\n    </button>\n  )\n}\n\nButton = forwardRef(Button)\n\nButton.displayName = 'Button'\n\nButton.propTypes = {\n  className: PropTypes.string,\n  density: DENSITY,\n  icon: PropTypes.element,\n  iconPosition: PropTypes.oneOf(['left', 'right']),\n  id: PropTypes.string,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  variant: BUTTON_VARIANTS\n}\n\nexport default Button\n"],"names":["Button","className","density","icon","iconPosition","id","label","tooltip","variant","TERTIARY_BUTTON","restProps","ref","buttonClassName","classNames","jsxs","jsx","Tooltip","TextTooltipTemplate","forwardRef","PropTypes","DENSITY","BUTTON_VARIANTS","Button$1"],"mappings":";;;;;;;;;AA4BA,IAAIA,IAAS,CACX;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,GAAGC;AACL,GACAC,MACG;AACG,QAAAC,IAAkBC,EAAW,OAAO,OAAOL,CAAO,IAAI,OAAON,CAAO,IAAID,CAAS;AAGrF,SAAA,gBAAAa,EAAC,YAAQ,GAAGJ,GAAW,WAAWE,GAAiB,KAAAD,GAAU,eAAaN,GACvE,UAAA;AAAA,IAAAF,KAAQC,MAAiB,UAAUD;AAAA,KAClCI,KAAWD,MACV,gBAAAS,EAAAC,GAAA,EAAQ,UAAW,gBAAAD,EAAAE,GAAA,EAAoB,MAAMV,KAAWD,GAAO,GAC7D,UAAAA,KAAU,gBAAAS,EAAA,QAAA,EAAM,YAAM,CAAA,GACzB;AAAA,IAEDZ,KAAQC,MAAiB,WAAWD;AAAA,EAAA,GACvC;AAEJ;AAEAH,IAASkB,EAAWlB,CAAM;AAE1BA,EAAO,cAAc;AAErBA,EAAO,YAAY;AAAA,EACjB,WAAWmB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,MAAMD,EAAU;AAAA,EAChB,cAAcA,EAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAC/C,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,SAASA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAClE,SAASE;AACX;AAEA,MAAAC,IAAetB;"}

package/dist/components/Chip/Chip.d.ts

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

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

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

package/dist/components/Chip/Chip.mjs

@@ -0,0 +1,153 @@
+import { jsx as r, jsxs as T, Fragment as X } from "react/jsx-runtime";
+import h, { useState as Y, useCallback as Z, useEffect as z, useLayoutEffect as M } from "react";
+import e from "prop-types";
+import d from "classnames";
+import { useSelector as ee } from "react-redux";
+import { isEmpty as le } from "lodash";
+import ae from "../ChipForm/ChipForm.mjs";
+import { getChipLabelAndValue as ie } from "../../utils/chips.util.mjs";
+import { CHIP_OPTIONS as oe, CHIP as se } from "../../types.mjs";
+import re from "../../images/close.svg.mjs";
+/* empty css           */
+let t = ({
+  chip: i,
+  chipIndex: n = null,
+  chipOptions: b,
+  className: w,
+  editConfig: _ = {},
+  handleEditChip: H = () => {
+  },
+  handleIsEdit: I = () => {
+  },
+  handleRemoveChip: A = () => {
+  },
+  hiddenChips: B = !1,
+  isDeleteMode: D = !1,
+  isEditMode: o = !1,
+  onClick: O = null,
+  setChipsSizes: p = () => {
+  },
+  setEditConfig: V = () => {
+  },
+  setValidation: s = null,
+  shortChip: x = !1,
+  showChips: E,
+  textOverflowEllipsis: m = !1
+}, { chipsCellRef: G, hiddenChipsCounterRef: J }) => {
+  var P;
+  const [C, v] = Y([]), g = ee((l) => {
+    var a;
+    return (a = l.appStore) == null ? void 0 : a.frontendSpec;
+  }) ?? {}, c = h.useRef(), { chipLabel: y, chipValue: N } = ie(i), { background: R, boldValue: K, borderColor: k, density: $, font: S, borderRadius: L } = b, F = d(
+    "chip",
+    "chip__content",
+    (m || o) && "data-ellipsis",
+    x && "chip_short",
+    B && "chip_hidden",
+    $ && `chip-density_${$}`,
+    L && `chip-border_${L}`,
+    R && `chip-background_${R}`,
+    k && `chip-border_${k}`,
+    S && `chip-font_${S}`,
+    o && "editable",
+    (E || o) && "chip_visible",
+    w
+  ), Q = d(
+    "chip__label",
+    (m || o) && "data-ellipsis",
+    !le(C) && "chip__label_invalid"
+  ), U = d(
+    "chip__value",
+    (m || o) && "data-ellipsis",
+    K && "chip-value_bold"
+  ), f = Z(
+    (l) => {
+      var a;
+      if ((a = g.internal_labels) != null && a.includes(l))
+        return v([
+          { name: "internal label", label: "System-defined labels cannot be modified." }
+        ]), s && s(!1);
+      v([]), s && s(!0);
+    },
+    [g.internal_labels, s]
+  );
+  return z(() => {
+    var l, a;
+    s && f((a = (l = i.value.match(/^(?<key>|.+?):\s?(?<value>|.+?)$/)) == null ? void 0 : l.groups) == null ? void 0 : a.key);
+  }, [f, i, s]), M(() => {
+    if (c.current && p) {
+      const { marginLeft: l, marginRight: a } = getComputedStyle(c.current);
+      p((W) => {
+        var u, j, q;
+        return {
+          ...W,
+          [n]: (((q = (j = (u = c.current) == null ? void 0 : u.getBoundingClientRect) == null ? void 0 : j.call(u)) == null ? void 0 : q.width) ?? 0) + parseFloat(l) + parseFloat(a)
+        };
+      });
+    }
+  }, [n, p]), i.value.match(/^\+ [\d]+/g) ? /* @__PURE__ */ r(
+    "span",
+    {
+      className: `${F} chips_button`,
+      onClick: O,
+      ref: J,
+      children: i.value
+    }
+  ) : o && n === _.chipIndex ? /* @__PURE__ */ r(
+    ae,
+    {
+      chipOptions: b,
+      className: "input-label-key",
+      editConfig: _,
+      onChange: H,
+      ref: G,
+      setEditConfig: V,
+      value: (P = i.value.match(/^(?<key>|.+?):\s?(?<value>|.+?)$/)) == null ? void 0 : P.groups,
+      validationRules: C,
+      checkValidation: f
+    },
+    i.value
+  ) : /* @__PURE__ */ T(
+    "div",
+    {
+      className: F,
+      ref: c,
+      onClick: (l) => I(l, n),
+      children: [
+        y && /* @__PURE__ */ r("div", { className: Q, children: y }),
+        N && /* @__PURE__ */ T(X, { children: [
+          /* @__PURE__ */ r("div", { className: "chip__delimiter", children: i.delimiter ?? ":" }),
+          /* @__PURE__ */ r("div", { className: U, children: N })
+        ] }),
+        (o || D) && /* @__PURE__ */ r("button", { className: "item-icon-close", onClick: (l) => A(l, n), children: /* @__PURE__ */ r(re, {}) })
+      ]
+    }
+  );
+};
+t = h.forwardRef(t);
+t.displayName = "Chip";
+t.propTypes = {
+  chip: se.isRequired,
+  chipIndex: e.number,
+  chipOptions: oe.isRequired,
+  className: e.string,
+  editConfig: e.object,
+  handleEditChip: e.func,
+  handleIsEdit: e.func,
+  handleRemoveChip: e.func,
+  hiddenChips: e.bool,
+  isDeleteMode: e.bool,
+  isEditMode: e.bool,
+  onClick: e.func,
+  setChipsSizes: e.func,
+  setEditConfig: e.func,
+  setValidation: e.func,
+  shortChip: e.bool,
+  showChips: e.bool.isRequired,
+  textOverflowEllipsis: e.bool
+};
+const Ce = h.memo(t);
+export {
+  Ce as default
+};
+//# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.mjs","sources":["../../../src/lib/components/Chip/Chip.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, { useCallback, useEffect, useLayoutEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nimport ChipForm from '../ChipForm/ChipForm'\n\nimport { getChipLabelAndValue } from '../../utils/chips.util'\nimport { CHIP_OPTIONS, CHIP } from '../../types'\n\nimport Close from '../../images/close.svg?react'\n\nimport './chip.scss'\n\nlet Chip = (\n  {\n    chip,\n    chipIndex = null,\n    chipOptions,\n    className,\n    editConfig = {},\n    handleEditChip = () => {},\n    handleIsEdit = () => {},\n    handleRemoveChip = () => {},\n    hiddenChips = false,\n    isDeleteMode = false,\n    isEditMode = false,\n    onClick = null,\n    setChipsSizes = () => {},\n    setEditConfig = () => {},\n    setValidation = null,\n    shortChip = false,\n    showChips,\n    textOverflowEllipsis = false\n  },\n  { chipsCellRef, hiddenChipsCounterRef }\n) => {\n  const [validationRules, setValidationRules] = useState([])\n  const frontendSpec = useSelector(store => store.appStore?.frontendSpec) ?? {}\n  const chipRef = React.useRef()\n  const { chipLabel, chipValue } = getChipLabelAndValue(chip)\n  const { background, boldValue, borderColor, density, font, borderRadius } = chipOptions\n\n  const chipClassNames = classnames(\n    'chip',\n    'chip__content',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    shortChip && 'chip_short',\n    hiddenChips && 'chip_hidden',\n    density && `chip-density_${density}`,\n    borderRadius && `chip-border_${borderRadius}`,\n    background && `chip-background_${background}`,\n    borderColor && `chip-border_${borderColor}`,\n    font && `chip-font_${font}`,\n    isEditMode && 'editable',\n    (showChips || isEditMode) && 'chip_visible',\n    className\n  )\n  const chipLabelClassNames = classnames(\n    'chip__label',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    !isEmpty(validationRules) && 'chip__label_invalid'\n  )\n  const chipValueClassNames = classnames(\n    'chip__value',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    boldValue && 'chip-value_bold'\n  )\n\n  const checkValidation = useCallback(\n    chipKey => {\n      if (frontendSpec.internal_labels?.includes(chipKey)) {\n        setValidationRules([\n          { name: 'internal label', label: 'System-defined labels cannot be modified.' }\n        ])\n\n        return setValidation && setValidation(false)\n      }\n\n      setValidationRules([])\n      setValidation && setValidation(true)\n    },\n    [frontendSpec.internal_labels, setValidation]\n  )\n\n  useEffect(() => {\n    if (setValidation) {\n      checkValidation(chip.value.match(/^(?<key>|.+?):\\s?(?<value>|.+?)$/)?.groups?.key)\n    }\n  }, [checkValidation, chip, setValidation])\n\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes) {\n      const { marginLeft, marginRight } = getComputedStyle(chipRef.current)\n\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]:\n          (chipRef.current?.getBoundingClientRect?.()?.width ?? 0) +\n          parseFloat(marginLeft) +\n          parseFloat(marginRight)\n      }))\n    }\n  }, [chipIndex, setChipsSizes])\n\n  if (!chip.value.match(/^\\+ [\\d]+/g)) {\n    return isEditMode && chipIndex === editConfig.chipIndex ? (\n      <ChipForm\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        key={chip.value}\n        onChange={handleEditChip}\n        ref={chipsCellRef}\n        setEditConfig={setEditConfig}\n        value={chip.value.match(/^(?<key>|.+?):\\s?(?<value>|.+?)$/)?.groups}\n        validationRules={validationRules}\n        checkValidation={checkValidation}\n      />\n    ) : (\n      <div\n        className={chipClassNames}\n        ref={chipRef}\n        onClick={event => handleIsEdit(event, chipIndex)}\n      >\n        {chipLabel && <div className={chipLabelClassNames}>{chipLabel}</div>}\n        {chipValue && (\n          <>\n            <div className=\"chip__delimiter\">{chip.delimiter ?? ':'}</div>\n            <div className={chipValueClassNames}>{chipValue}</div>\n          </>\n        )}\n        {(isEditMode || isDeleteMode) && (\n          <button className=\"item-icon-close\" onClick={event => handleRemoveChip(event, chipIndex)}>\n            <Close />\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <span\n      className={`${chipClassNames} chips_button`}\n      onClick={onClick}\n      ref={hiddenChipsCounterRef}\n    >\n      {chip.value}\n    </span>\n  )\n}\n\nChip = React.forwardRef(Chip)\n\nChip.displayName = 'Chip'\n\nChip.propTypes = {\n  chip: CHIP.isRequired,\n  chipIndex: PropTypes.number,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object,\n  handleEditChip: PropTypes.func,\n  handleIsEdit: PropTypes.func,\n  handleRemoveChip: PropTypes.func,\n  hiddenChips: PropTypes.bool,\n  isDeleteMode: PropTypes.bool,\n  isEditMode: PropTypes.bool,\n  onClick: PropTypes.func,\n  setChipsSizes: PropTypes.func,\n  setEditConfig: PropTypes.func,\n  setValidation: PropTypes.func,\n  shortChip: PropTypes.bool,\n  showChips: PropTypes.bool.isRequired,\n  textOverflowEllipsis: PropTypes.bool\n}\n\nexport default React.memo(Chip)\n"],"names":["Chip","chip","chipIndex","chipOptions","className","editConfig","handleEditChip","handleIsEdit","handleRemoveChip","hiddenChips","isDeleteMode","isEditMode","onClick","setChipsSizes","setEditConfig","setValidation","shortChip","showChips","textOverflowEllipsis","chipsCellRef","hiddenChipsCounterRef","validationRules","setValidationRules","useState","frontendSpec","useSelector","store","_a","chipRef","React","chipLabel","chipValue","getChipLabelAndValue","background","boldValue","borderColor","density","font","borderRadius","chipClassNames","classnames","chipLabelClassNames","isEmpty","chipValueClassNames","checkValidation","useCallback","chipKey","useEffect","_b","useLayoutEffect","marginLeft","marginRight","state","_c","jsx","ChipForm","jsxs","event","Fragment","Close","CHIP","PropTypes","CHIP_OPTIONS","Chip$1"],"mappings":";;;;;;;;;;;AAkCA,IAAIA,IAAO,CACT;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAC;AAAA,EACd,gBAAAC,IAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,cAAAC,IAAe,MAAM;AAAA,EAAC;AAAA,EACtB,kBAAAC,IAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,sBAAAC,IAAuB;AACzB,GACA,EAAE,cAAAC,GAAc,uBAAAC,QACb;;AACH,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,CAAA,CAAE,GACnDC,IAAeC,GAAY,CAAAC,MAAS;;AAAA,YAAAC,IAAAD,EAAM,aAAN,gBAAAC,EAAgB;AAAA,GAAY,KAAK,CAAC,GACtEC,IAAUC,EAAM,OAAO,GACvB,EAAE,WAAAC,GAAW,WAAAC,MAAcC,GAAqB/B,CAAI,GACpD,EAAE,YAAAgC,GAAY,WAAAC,GAAW,aAAAC,GAAa,SAAAC,GAAS,MAAAC,GAAM,cAAAC,MAAiBnC,GAEtEoC,IAAiBC;AAAA,IACrB;AAAA,IACA;AAAA,KACCtB,KAAwBP,MAAe;AAAA,IACxCK,KAAa;AAAA,IACbP,KAAe;AAAA,IACf2B,KAAW,gBAAgBA,CAAO;AAAA,IAClCE,KAAgB,eAAeA,CAAY;AAAA,IAC3CL,KAAc,mBAAmBA,CAAU;AAAA,IAC3CE,KAAe,eAAeA,CAAW;AAAA,IACzCE,KAAQ,aAAaA,CAAI;AAAA,IACzB1B,KAAc;AAAA,KACbM,KAAaN,MAAe;AAAA,IAC7BP;AAAA,EACF,GACMqC,IAAsBD;AAAA,IAC1B;AAAA,KACCtB,KAAwBP,MAAe;AAAA,IACxC,CAAC+B,GAAQrB,CAAe,KAAK;AAAA,EAC/B,GACMsB,IAAsBH;AAAA,IAC1B;AAAA,KACCtB,KAAwBP,MAAe;AAAA,IACxCuB,KAAa;AAAA,EACf,GAEMU,IAAkBC;AAAA,IACtB,CAAWC,MAAA;;AACT,WAAInB,IAAAH,EAAa,oBAAb,QAAAG,EAA8B,SAASmB;AACtB,eAAAxB,EAAA;AAAA,UACjB,EAAE,MAAM,kBAAkB,OAAO,4CAA4C;AAAA,QAAA,CAC9E,GAEMP,KAAiBA,EAAc,EAAK;AAG7C,MAAAO,EAAmB,CAAA,CAAE,GACrBP,KAAiBA,EAAc,EAAI;AAAA,IACrC;AAAA,IACA,CAACS,EAAa,iBAAiBT,CAAa;AAAA,EAC9C;AAsBA,SApBAgC,EAAU,MAAM;;AACd,IAAIhC,KACF6B,GAAgBI,KAAArB,IAAA1B,EAAK,MAAM,MAAM,kCAAkC,MAAnD,gBAAA0B,EAAsD,WAAtD,gBAAAqB,EAA8D,GAAG;AAAA,EAElF,GAAA,CAACJ,GAAiB3C,GAAMc,CAAa,CAAC,GAEzCkC,EAAgB,MAAM;AAChB,QAAArB,EAAQ,WAAWf,GAAe;AACpC,YAAM,EAAE,YAAAqC,GAAY,aAAAC,EAAA,IAAgB,iBAAiBvB,EAAQ,OAAO;AAEpE,MAAAf,EAAc,CAAUuC,MAAA;;AAAA;AAAA,UACtB,GAAGA;AAAA,UACH,CAAClD,CAAS,MACPmD,KAAAL,KAAArB,IAAAC,EAAQ,YAAR,gBAAAD,EAAiB,0BAAjB,gBAAAqB,EAAA,KAAArB,OAAA,gBAAA0B,EAA4C,UAAS,KACtD,WAAWH,CAAU,IACrB,WAAWC,CAAW;AAAA,QAAA;AAAA,OACxB;AAAA,IAAA;AAAA,EACJ,GACC,CAACjD,GAAWW,CAAa,CAAC,GAExBZ,EAAK,MAAM,MAAM,YAAY,IAqChC,gBAAAqD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGf,CAAc;AAAA,MAC5B,SAAA3B;AAAA,MACA,KAAKQ;AAAA,MAEJ,UAAKnB,EAAA;AAAA,IAAA;AAAA,EACR,IA1COU,KAAcT,MAAcG,EAAW,YAC5C,gBAAAiD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAApD;AAAA,MACA,WAAU;AAAA,MACV,YAAAE;AAAA,MAEA,UAAUC;AAAA,MACV,KAAKa;AAAA,MACL,eAAAL;AAAA,MACA,QAAOa,IAAA1B,EAAK,MAAM,MAAM,kCAAkC,MAAnD,gBAAA0B,EAAsD;AAAA,MAC7D,iBAAAN;AAAA,MACA,iBAAAuB;AAAA,IAAA;AAAA,IANK3C,EAAK;AAAA,EAAA,IASZ,gBAAAuD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWjB;AAAA,MACX,KAAKX;AAAA,MACL,SAAS,CAAA6B,MAASlD,EAAakD,GAAOvD,CAAS;AAAA,MAE9C,UAAA;AAAA,QAAA4B,KAAc,gBAAAwB,EAAA,OAAA,EAAI,WAAWb,GAAsB,UAAUX,GAAA;AAAA,QAC7DC,KAEG,gBAAAyB,EAAAE,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,mBAAmB,UAAArD,EAAK,aAAa,KAAI;AAAA,UACvD,gBAAAqD,EAAA,OAAA,EAAI,WAAWX,GAAsB,UAAUZ,EAAA,CAAA;AAAA,QAAA,GAClD;AAAA,SAEApB,KAAcD,MACb,gBAAA4C,EAAA,UAAA,EAAO,WAAU,mBAAkB,SAAS,CAASG,MAAAjD,EAAiBiD,GAAOvD,CAAS,GACrF,UAAA,gBAAAoD,EAACK,MAAM,EACT,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAaN;AAEA3D,IAAO6B,EAAM,WAAW7B,CAAI;AAE5BA,EAAK,cAAc;AAEnBA,EAAK,YAAY;AAAA,EACf,MAAM4D,GAAK;AAAA,EACX,WAAWC,EAAU;AAAA,EACrB,aAAaC,GAAa;AAAA,EAC1B,WAAWD,EAAU;AAAA,EACrB,YAAYA,EAAU;AAAA,EACtB,gBAAgBA,EAAU;AAAA,EAC1B,cAAcA,EAAU;AAAA,EACxB,kBAAkBA,EAAU;AAAA,EAC5B,aAAaA,EAAU;AAAA,EACvB,cAAcA,EAAU;AAAA,EACxB,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,eAAeA,EAAU;AAAA,EACzB,eAAeA,EAAU;AAAA,EACzB,eAAeA,EAAU;AAAA,EACzB,WAAWA,EAAU;AAAA,EACrB,WAAWA,EAAU,KAAK;AAAA,EAC1B,sBAAsBA,EAAU;AAClC;AAEA,MAAAE,KAAelC,EAAM,KAAK7B,CAAI;"}

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

@@ -0,0 +1,26 @@
+declare namespace _default {
+    export let title: string;
+    export { Chip as component };
+}
+export default _default;
+export const LabelChip: any;
+export const MetricsChip: any;
+export const ParametersChip: any;
+export const GreenChip: any;
+export const DensePurpleChip: any;
+export const DenseGreyChip: any;
+export const DenseOrangeChip: any;
+export const DenseGreenChip: any;
+export const DenseAmethystChip: any;
+export const DenseJavaChip: any;
+export const DenseSorbusChip: any;
+export const LabelChipNormal: any;
+export const MetricsChipNormal: any;
+export const ParametersChipNormal: any;
+export const GreenChipNormal: any;
+export const LabelChipMedium: any;
+export const MetricsChipMedium: any;
+export const ParametersChipMedium: any;
+export const GreenChipMedium: any;
+import Chip from './Chip';
+//# sourceMappingURL=Chip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip/Chip.stories.js"],"names":[],"mappings":";;;;;AA0CA,4BAA0C;AAa1C,8BAA4C;AAa5C,iCAA+C;AAa/C,4BAA0C;AAa1C,kCAAgD;AAahD,gCAA8C;AAa9C,kCAAgD;AAahD,iCAA+C;AAa/C,oCAAkD;AAalD,gCAA8C;AAa9C,kCAAgD;AAahD,kCAAgD;AAahD,oCAAkD;AAalD,uCAAqD;AAarD,kCAAgD;AAahD,kCAAgD;AAahD,oCAAkD;AAalD,uCAAqD;AAarD,kCAAgD;iBA/P/B,QAAQ"}

package/dist/components/ChipCell/ChipCell.d.ts

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

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

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