iguazio.dashboard-react-controls 3.0.3 → 3.1.0

package/dist/constants.mjs

@@ -1,4 +1,4 @@
-const E = "Backspace", t = "Click", A = "Delete", n = "Tab", T = "Tab+Shift", _ = "primary", N = "secondary", e = "tertiary", s = "danger", o = "label", L = {
+const E = "view", t = "full", A = "dense", n = "normal", _ = "medium", T = "chunky", N = "Backspace", e = "Click", o = "Delete", s = "Tab", c = "Tab+Shift", L = "primary", O = "secondary", R = "tertiary", a = "danger", M = "label", i = {
   BEGIN_END_NOT_WITH: { LABEL: "Must not begin and end with", NAME: "beginEndNot" },
   BEGIN_END_WITH: { LABEL: "Must begin and end with", NAME: "beginEnd" },
   BEGIN_NOT_WITH: { LABEL: "Must not begin with", NAME: "beginNot" },
@@ -14,31 +14,40 @@ const E = "Backspace", t = "Click", A = "Delete", n = "Tab", T = "Tab+Shift", _
   REQUIRED: { LABEL: "This field is required", NAME: "required" },
   VALID_CHARACTERS_WITH_REFIX: { LABEL: "Valid characters", NAME: "validCharactersWithPrefix" },
   VALID_CHARACTERS: { LABEL: "Valid characters", NAME: "validCharacters" }
-}, c = 400, O = 403, R = 404, a = 409, i = 500, M = 502, B = 503, C = 504, D = "sm", I = "md", S = "lg", r = "min", d = "max";
+}, I = 400, B = 403, D = 404, C = 409, S = 500, r = 502, U = 503, d = 504, l = "sm", h = "md", u = "lg", b = "min", H = "max", Y = "main-table", g = "main-table-body", W = "buttonCopyURI";
 export {
-  E as BACKSPACE,
-  c as BADREQUEST_ERROR_STATUS_CODE,
-  M as BAD_GATEWAY_ERROR_STATUS_CODE,
-  t as CLICK,
-  a as CONFLICT_ERROR_STATUS_CODE,
-  s as DANGER_BUTTON,
-  A as DELETE,
-  O as FORBIDDEN_ERROR_STATUS_CODE,
-  C as GATEWAY_TIMEOUT_STATUS_CODE,
-  i as INTERNAL_SERVER_ERROR_STATUS_CODE,
-  o as LABEL_BUTTON,
-  S as MODAL_LG,
-  d as MODAL_MAX,
-  I as MODAL_MD,
-  r as MODAL_MIN,
-  D as MODAL_SM,
-  R as NOTFOUND_ERROR_STATUS_CODE,
-  _ as PRIMARY_BUTTON,
-  N as SECONDARY_BUTTON,
-  B as SERVICE_UNAVAILABLE_ERROR_STATUS_CODE,
-  n as TAB,
-  T as TAB_SHIFT,
-  e as TERTIARY_BUTTON,
-  L as validation
+  N as BACKSPACE,
+  I as BADREQUEST_ERROR_STATUS_CODE,
+  r as BAD_GATEWAY_ERROR_STATUS_CODE,
+  W as BUTTON_COPY_URI_CELL_TYPE,
+  e as CLICK,
+  C as CONFLICT_ERROR_STATUS_CODE,
+  a as DANGER_BUTTON,
+  o as DELETE,
+  T as DENSITY_CHUNKY,
+  A as DENSITY_DENSE,
+  _ as DENSITY_MEDIUM,
+  n as DENSITY_NORMAL,
+  B as FORBIDDEN_ERROR_STATUS_CODE,
+  t as FULL_VIEW_MODE,
+  d as GATEWAY_TIMEOUT_STATUS_CODE,
+  S as INTERNAL_SERVER_ERROR_STATUS_CODE,
+  M as LABEL_BUTTON,
+  g as MAIN_TABLE_BODY_ID,
+  Y as MAIN_TABLE_ID,
+  u as MODAL_LG,
+  H as MODAL_MAX,
+  h as MODAL_MD,
+  b as MODAL_MIN,
+  l as MODAL_SM,
+  D as NOTFOUND_ERROR_STATUS_CODE,
+  L as PRIMARY_BUTTON,
+  O as SECONDARY_BUTTON,
+  U as SERVICE_UNAVAILABLE_ERROR_STATUS_CODE,
+  s as TAB,
+  c as TAB_SHIFT,
+  R as TERTIARY_BUTTON,
+  E as VIEW_SEARCH_PARAMETER,
+  i as validation
 };
 //# sourceMappingURL=constants.mjs.map

package/dist/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"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*/\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n"],"names":["BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX"],"mappings":"AAiBY,MAACA,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY;"}
+{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"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*/\n\n/*=========== GENERAL =============*/\n\nexport const VIEW_SEARCH_PARAMETER = 'view'\nexport const FULL_VIEW_MODE = 'full'\n\nexport const DENSITY_DENSE = 'dense'\nexport const DENSITY_NORMAL = 'normal'\nexport const DENSITY_MEDIUM = 'medium'\nexport const DENSITY_CHUNKY = 'chunky'\n\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n\n/*=========== TABLE =============*/\n\nexport const MAIN_TABLE_ID = 'main-table'\nexport const MAIN_TABLE_BODY_ID = 'main-table-body'\nexport const BUTTON_COPY_URI_CELL_TYPE = 'buttonCopyURI'\n"],"names":["VIEW_SEARCH_PARAMETER","FULL_VIEW_MODE","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","MAIN_TABLE_ID","MAIN_TABLE_BODY_ID","BUTTON_COPY_URI_CELL_TYPE"],"mappings":"AAmBY,MAACA,IAAwB,QACxBC,IAAiB,QAEjBC,IAAgB,SAChBC,IAAiB,UACjBC,IAAiB,UACjBC,IAAiB,UAGjBC,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY,OAIZC,IAAgB,cAChBC,IAAqB,mBACrBC,IAA4B;"}

package/dist/elements/ActionsMenuItem/ActionsMenuItem.d.ts

@@ -0,0 +1,16 @@
+export default ActionsMenuItem;
+declare function ActionsMenuItem({ dataItem, index, isIconDisplayed, menuItem }: {
+    dataItem?: {};
+    index: any;
+    isIconDisplayed: any;
+    menuItem: any;
+}): JSX.Element;
+declare namespace ActionsMenuItem {
+    namespace propTypes {
+        let dataItem: any;
+        let index: any;
+        let isIconDisplayed: any;
+        let menuItem: any;
+    }
+}
+//# sourceMappingURL=ActionsMenuItem.d.ts.map

package/dist/elements/ActionsMenuItem/ActionsMenuItem.d.ts.map

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

package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs

@@ -0,0 +1,51 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import "react";
+import i from "prop-types";
+import t from "classnames";
+import { useDispatch as _, useSelector as b } from "react-redux";
+import h from "../../components/Tooltip/Tooltip.mjs";
+import C from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { performDetailsActionHelper as T } from "../../utils/common.util.mjs";
+/* empty css                      */
+const u = ({ dataItem: e = {}, index: n, isIconDisplayed: c, menuItem: o }) => {
+  const l = _(), r = b((a) => a.commonDetailsStore.changes), p = t(
+    "actions-menu__icon",
+    c && "actions-menu__icon_visible"
+  ), d = t(
+    "actions-menu__option",
+    o.className && `actions-menu__option_${o.className}`,
+    o.disabled && "actions-menu__option_disabled"
+  ), m = async () => {
+    o.disabled || (o.allowLeaveWarning ? await T(r, l) && o.onClick(e) : o.onClick(e));
+  };
+  return /* @__PURE__ */ s(
+    "li",
+    {
+      "data-testid": `actions-menu__option-${n}`,
+      className: d,
+      onClick: m,
+      children: /* @__PURE__ */ f(
+        h,
+        {
+          template: /* @__PURE__ */ s(C, { text: o.tooltip }),
+          hidden: !o.tooltip,
+          children: [
+            /* @__PURE__ */ s("span", { className: p, children: o.icon }),
+            o.label
+          ]
+        },
+        o.label
+      )
+    }
+  );
+};
+u.propTypes = {
+  dataItem: i.oneOfType([i.object, i.string]),
+  index: i.number.isRequired,
+  isIconDisplayed: i.bool.isRequired,
+  menuItem: i.object.isRequired
+};
+export {
+  u as default
+};
+//# sourceMappingURL=ActionsMenuItem.mjs.map

package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenuItem.mjs","sources":["../../../src/lib/elements/ActionsMenuItem/ActionsMenuItem.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'\nimport { useDispatch, useSelector } from 'react-redux'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { performDetailsActionHelper } from '../../utils/common.util'\n\nimport './actionsMenuItem.scss'\n\nconst ActionsMenuItem = ({ dataItem = {}, index, isIconDisplayed, menuItem }) => {\n  const dispatch = useDispatch()\n  const changes = useSelector(store => store.commonDetailsStore.changes)\n\n  const iconClassNames = classnames(\n    'actions-menu__icon',\n    isIconDisplayed && 'actions-menu__icon_visible'\n  )\n  const menuClassNames = classnames(\n    'actions-menu__option',\n    menuItem.className && `actions-menu__option_${menuItem.className}`,\n    menuItem.disabled && 'actions-menu__option_disabled'\n  )\n\n  const handleActionClick = async () => {\n    if (!menuItem.disabled) {\n      if (menuItem.allowLeaveWarning) {\n        const actionCanBePerformed = await performDetailsActionHelper(changes, dispatch)\n\n        if (actionCanBePerformed) {\n          menuItem.onClick(dataItem)\n        }\n      } else {\n        menuItem.onClick(dataItem)\n      }\n    }\n  }\n\n  return (\n    <li\n      data-testid={`actions-menu__option-${index}`}\n      className={menuClassNames}\n      onClick={handleActionClick}\n    >\n      <Tooltip\n        template={<TextTooltipTemplate text={menuItem.tooltip} />}\n        hidden={!menuItem.tooltip}\n        key={menuItem.label}\n      >\n        <span className={iconClassNames}>{menuItem.icon}</span>\n        {menuItem.label}\n      </Tooltip>\n    </li>\n  )\n}\n\nActionsMenuItem.propTypes = {\n  dataItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  index: PropTypes.number.isRequired,\n  isIconDisplayed: PropTypes.bool.isRequired,\n  menuItem: PropTypes.object.isRequired\n}\n\nexport default ActionsMenuItem\n"],"names":["ActionsMenuItem","dataItem","index","isIconDisplayed","menuItem","dispatch","useDispatch","changes","useSelector","store","iconClassNames","classnames","menuClassNames","handleActionClick","performDetailsActionHelper","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;;;AA+BM,MAAAA,IAAkB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,OAAAC,GAAO,iBAAAC,GAAiB,UAAAC,QAAe;AAC/E,QAAMC,IAAWC,EAAY,GACvBC,IAAUC,EAAY,CAASC,MAAAA,EAAM,mBAAmB,OAAO,GAE/DC,IAAiBC;AAAA,IACrB;AAAA,IACAR,KAAmB;AAAA,EACrB,GACMS,IAAiBD;AAAA,IACrB;AAAA,IACAP,EAAS,aAAa,wBAAwBA,EAAS,SAAS;AAAA,IAChEA,EAAS,YAAY;AAAA,EACvB,GAEMS,IAAoB,YAAY;AAChC,IAACT,EAAS,aACRA,EAAS,oBACkB,MAAMU,EAA2BP,GAASF,CAAQ,KAG7ED,EAAS,QAAQH,CAAQ,IAG3BG,EAAS,QAAQH,CAAQ;AAAA,EAG/B;AAGE,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa,wBAAwBb,CAAK;AAAA,MAC1C,WAAWU;AAAA,MACX,SAASC;AAAA,MAET,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAU,gBAAAF,EAACG,GAAoB,EAAA,MAAMd,EAAS,SAAS;AAAA,UACvD,QAAQ,CAACA,EAAS;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAW,EAAC,QAAK,EAAA,WAAWL,GAAiB,UAAAN,EAAS,MAAK;AAAA,YAC/CA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAHLA,EAAS;AAAA,MAAA;AAAA,IAIhB;AAAA,EACF;AAEJ;AAEAJ,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA,EAClE,OAAOA,EAAU,OAAO;AAAA,EACxB,iBAAiBA,EAAU,KAAK;AAAA,EAChC,UAAUA,EAAU,OAAO;AAC7B;"}

package/dist/elements/TableHead/TableHead.d.ts

@@ -0,0 +1,20 @@
+export default TableHead;
+declare function TableHead({ content, hideActionsMenu, mainRowItemsCount, selectedItem, sortProps }: {
+    content: any;
+    hideActionsMenu?: boolean;
+    mainRowItemsCount: any;
+    selectedItem: any;
+    sortProps?: any;
+}, ref: any): JSX.Element;
+declare namespace TableHead {
+    let displayName: string;
+    namespace propTypes {
+        export let content: any;
+        export let hideActionsMenu: any;
+        export let mainRowItemsCount: any;
+        export let selectedItem: any;
+        export { SORT_PROPS as sortProps };
+    }
+}
+import { SORT_PROPS } from '../../types';
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/elements/TableHead/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableHead/TableHead.jsx"],"names":[],"mappings":";AA8BA;;;;;;0BAoDC;;;;;;;;;;;2BAtD0B,aAAa"}

package/dist/elements/TableHead/TableHead.mjs

@@ -0,0 +1,58 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import c from "prop-types";
+import N from "classnames";
+import { isEmpty as b } from "lodash";
+import _ from "../../components/Tip/Tip.mjs";
+import y from "../../components/Tooltip/Tooltip.mjs";
+import C from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { SORT_PROPS as R } from "../../types.mjs";
+let d = ({ content: s, hideActionsMenu: h = !1, mainRowItemsCount: o, selectedItem: p, sortProps: e = null }, f) => {
+  const u = (m, a, i, l, n) => N(
+    "table-header__cell",
+    i,
+    l,
+    a && "sortable-header-cell",
+    a && (e == null ? void 0 : e.selectedColumnName) === m && "sortable-header-cell_active",
+    !b(p) && n >= o && "table-body__cell_hidden"
+  );
+  return /* @__PURE__ */ t("thead", { className: "table-header", children: /* @__PURE__ */ r("tr", { className: "table-row table-header-row", ref: f, children: [
+    s.map(({ headerLabel: m, headerId: a, isSortable: i, ...l }, n) => l.type !== "hidden" && !l.hidden && !l.headerIsHidden ? /* @__PURE__ */ r(
+      "th",
+      {
+        "data-testid": a,
+        className: u(
+          a,
+          i,
+          l.className,
+          l.headerCellClassName,
+          n
+        ),
+        onClick: i ? () => e == null ? void 0 : e.sortTable(a) : null,
+        children: [
+          /* @__PURE__ */ t(y, { template: /* @__PURE__ */ t(C, { text: m }), children: /* @__PURE__ */ r("label", { className: i ? "sortable-header-label" : "", children: [
+            /* @__PURE__ */ t("span", { className: "data-ellipsis", children: m }),
+            i && (e == null ? void 0 : e.getSortingIcon(a))
+          ] }) }),
+          l.tip && /* @__PURE__ */ t(_, { text: l.tip })
+        ]
+      },
+      a
+    ) : null),
+    !h && /* @__PURE__ */ t("th", { className: "table-header__cell table-cell-icon" })
+  ] }) });
+};
+d = T(d);
+d.displayName = "TableHead";
+d.propTypes = {
+  content: c.array.isRequired,
+  hideActionsMenu: c.bool,
+  mainRowItemsCount: c.number.isRequired,
+  selectedItem: c.object.isRequired,
+  sortProps: R
+};
+const A = d;
+export {
+  A as default
+};
+//# sourceMappingURL=TableHead.mjs.map

package/dist/elements/TableHead/TableHead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.mjs","sources":["../../../src/lib/elements/TableHead/TableHead.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, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport Tip from '../../components/Tip/Tip'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { SORT_PROPS } from '../../types'\n\nlet TableHead = (\n  { content, hideActionsMenu = false, mainRowItemsCount, selectedItem, sortProps = null },\n  ref\n) => {\n  const getHeaderCellClasses = (\n    headerId,\n    isSortable,\n    tableItemClassName,\n    headerCellClassName,\n    index\n  ) =>\n    classNames(\n      'table-header__cell',\n      tableItemClassName,\n      headerCellClassName,\n      isSortable && 'sortable-header-cell',\n      isSortable && sortProps?.selectedColumnName === headerId && 'sortable-header-cell_active',\n      !isEmpty(selectedItem) && index >= mainRowItemsCount && 'table-body__cell_hidden'\n    )\n\n  return (\n    <thead className=\"table-header\">\n      <tr className=\"table-row table-header-row\" ref={ref}>\n        {content.map(({ headerLabel, headerId, isSortable, ...tableItem }, index) => {\n          return tableItem.type !== 'hidden' && !tableItem.hidden && !tableItem.headerIsHidden ? (\n            <th\n              data-testid={headerId}\n              className={getHeaderCellClasses(\n                headerId,\n                isSortable,\n                tableItem.className,\n                tableItem.headerCellClassName,\n                index\n              )}\n              key={headerId}\n              onClick={isSortable ? () => sortProps?.sortTable(headerId) : null}\n            >\n              <Tooltip template={<TextTooltipTemplate text={headerLabel} />}>\n                <label className={isSortable ? 'sortable-header-label' : ''}>\n                  <span className=\"data-ellipsis\">{headerLabel}</span>\n                  {isSortable && sortProps?.getSortingIcon(headerId)}\n                </label>\n              </Tooltip>\n\n              {tableItem.tip && <Tip text={tableItem.tip} />}\n            </th>\n          ) : null\n        })}\n        {!hideActionsMenu && <th className=\"table-header__cell table-cell-icon\" />}\n      </tr>\n    </thead>\n  )\n}\n\nTableHead = forwardRef(TableHead)\n\nTableHead.displayName = 'TableHead'\n\nTableHead.propTypes = {\n  content: PropTypes.array.isRequired,\n  hideActionsMenu: PropTypes.bool,\n  mainRowItemsCount: PropTypes.number.isRequired,\n  selectedItem: PropTypes.object.isRequired,\n  sortProps: SORT_PROPS\n}\n\nexport default TableHead\n"],"names":["TableHead","content","hideActionsMenu","mainRowItemsCount","selectedItem","sortProps","ref","getHeaderCellClasses","headerId","isSortable","tableItemClassName","headerCellClassName","index","classNames","isEmpty","jsx","headerLabel","tableItem","jsxs","Tooltip","TextTooltipTemplate","Tip","forwardRef","PropTypes","SORT_PROPS","TableHead$1"],"mappings":";;;;;;;;;AA8BA,IAAIA,IAAY,CACd,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,IAAO,mBAAAC,GAAmB,cAAAC,GAAc,WAAAC,IAAY,KAAK,GACtFC,MACG;AACH,QAAMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,GACAC,MAEAC;AAAAA,IACE;AAAA,IACAH;AAAA,IACAC;AAAA,IACAF,KAAc;AAAA,IACdA,MAAcJ,KAAA,gBAAAA,EAAW,wBAAuBG,KAAY;AAAA,IAC5D,CAACM,EAAQV,CAAY,KAAKQ,KAAST,KAAqB;AAAA,EAC1D;AAGA,SAAA,gBAAAY,EAAC,WAAM,WAAU,gBACf,4BAAC,MAAG,EAAA,WAAU,8BAA6B,KAAAT,GACxC,UAAA;AAAA,IAAQL,EAAA,IAAI,CAAC,EAAE,aAAAe,GAAa,UAAAR,GAAU,YAAAC,GAAY,GAAGQ,EAAU,GAAGL,MAC1DK,EAAU,SAAS,YAAY,CAACA,EAAU,UAAU,CAACA,EAAU,iBACpE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAaV;AAAA,QACb,WAAWD;AAAA,UACTC;AAAA,UACAC;AAAA,UACAQ,EAAU;AAAA,UACVA,EAAU;AAAA,UACVL;AAAA,QACF;AAAA,QAEA,SAASH,IAAa,MAAMJ,KAAA,gBAAAA,EAAW,UAAUG,KAAY;AAAA,QAE7D,UAAA;AAAA,UAAA,gBAAAO,EAACI,GAAQ,EAAA,UAAW,gBAAAJ,EAAAK,GAAA,EAAoB,MAAMJ,EAAa,CAAA,GACzD,UAAA,gBAAAE,EAAC,SAAM,EAAA,WAAWT,IAAa,0BAA0B,IACvD,UAAA;AAAA,YAAC,gBAAAM,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAYC,GAAA;AAAA,YAC5CP,MAAcJ,KAAA,gBAAAA,EAAW,eAAeG;AAAA,UAAQ,EAAA,CACnD,EACF,CAAA;AAAA,UAECS,EAAU,OAAO,gBAAAF,EAACM,GAAI,EAAA,MAAMJ,EAAU,IAAK,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAVvCT;AAAA,IAAA,IAYL,IACL;AAAA,IACA,CAACN,KAAoB,gBAAAa,EAAA,MAAA,EAAG,WAAU,qCAAqC,CAAA;AAAA,EAAA,EAAA,CAC1E,EACF,CAAA;AAEJ;AAEAf,IAAYsB,EAAWtB,CAAS;AAEhCA,EAAU,cAAc;AAExBA,EAAU,YAAY;AAAA,EACpB,SAASuB,EAAU,MAAM;AAAA,EACzB,iBAAiBA,EAAU;AAAA,EAC3B,mBAAmBA,EAAU,OAAO;AAAA,EACpC,cAAcA,EAAU,OAAO;AAAA,EAC/B,WAAWC;AACb;AAEA,MAAAC,IAAezB;"}

package/dist/elements/TableLinkCell/TableLinkCell.d.ts

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

package/dist/elements/TableLinkCell/TableLinkCell.d.ts.map

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

package/dist/elements/TableLinkCell/TableLinkCell.mjs

@@ -0,0 +1,87 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import "react";
+import { Link as k } from "react-router-dom";
+import a from "prop-types";
+import u from "classnames";
+import r from "../../components/Tooltip/Tooltip.mjs";
+import i from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { formatDatetime as N } from "../../utils/datetime.util.mjs";
+import { truncateUid as g } from "../../utils/string.util.mjs";
+import T from "../../images/arrow.svg.mjs";
+/* empty css                    */
+const C = ({
+  cellData: e = {},
+  className: b = "",
+  item: t,
+  link: n,
+  selectItem: f,
+  selectedItem: m = {},
+  showExpandButton: x = !1,
+  toggleRow: p = null
+}) => {
+  const v = u(
+    "table-body__cell",
+    e.className,
+    b,
+    e.bodyCellClassName
+  ), c = u("item-name"), { value: d, label: l, className: h } = t.state ?? {};
+  return /* @__PURE__ */ o("td", { "data-testid": e.headerId, className: v, children: [
+    e.linkIsExternal ? /* @__PURE__ */ s("span", { className: "data-ellipsis", children: /* @__PURE__ */ o("a", { href: n, className: "link", target: "blank", children: [
+      /* @__PURE__ */ s(
+        r,
+        {
+          className: c,
+          template: /* @__PURE__ */ s(i, { text: e.tooltip || e.value || "" }),
+          children: e.value
+        }
+      ),
+      e.showStatus && d && l && /* @__PURE__ */ s(r, { className: "status", template: /* @__PURE__ */ s(i, { text: l }), children: /* @__PURE__ */ s("i", { className: h }) })
+    ] }) }) : /* @__PURE__ */ o(k, { to: n, onClick: () => f(t), className: "data-ellipsis", children: [
+      /* @__PURE__ */ o("div", { className: "name-wrapper", children: [
+        /* @__PURE__ */ o("div", { className: "link", children: [
+          /* @__PURE__ */ s(
+            r,
+            {
+              className: c,
+              template: /* @__PURE__ */ s(i, { text: e.tooltip || e.value || "" }),
+              children: e.value
+            }
+          ),
+          e.showStatus && d && l && /* @__PURE__ */ s(r, { className: "status", template: /* @__PURE__ */ s(i, { text: l }), children: /* @__PURE__ */ s("i", { className: h }) })
+        ] }),
+        e.showTag && /* @__PURE__ */ s(r, { className: "item-tag", template: /* @__PURE__ */ s(i, { text: t.tag }), children: /* @__PURE__ */ s("span", { className: "link-subtext", children: t.tag }) })
+      ] }),
+      (e.showUid || e.showSelectedUid && Object.values(m).length !== 0) && /* @__PURE__ */ o("div", { className: "date-uid-row", children: [
+        (t.startTime || t.created || t.updated) && e.type !== "date" && (e.showDate || e.showUpdatedDate) && /* @__PURE__ */ s("span", { className: "link-subtext", children: e.showUpdatedDate ? N(t.updated, "N/A") : N(
+          t.startTime || t.created,
+          d === "aborted" ? "N/A" : "Not yet started"
+        ) }),
+        e.value !== t.uid && e.value !== t.hash && /* @__PURE__ */ s("span", { className: "link-subtext", children: g(t.uid || t.hash) })
+      ] }),
+      e.additionalInfo && Object.values(m).length !== 0 && /* @__PURE__ */ s("span", { className: "link-subtext", children: e.additionalInfo })
+    ] }),
+    x && /* @__PURE__ */ s(
+      T,
+      {
+        onClick: (w) => {
+          p && p(w, t);
+        },
+        className: "expand-arrow"
+      }
+    )
+  ] });
+};
+C.propTypes = {
+  cellData: a.object,
+  className: a.string,
+  item: a.object.isRequired,
+  link: a.string.isRequired,
+  selectItem: a.func.isRequired,
+  selectedItem: a.object,
+  showExpandButton: a.bool,
+  toggleRow: a.func
+};
+export {
+  C as default
+};
+//# sourceMappingURL=TableLinkCell.mjs.map

package/dist/elements/TableLinkCell/TableLinkCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLinkCell.mjs","sources":["../../../src/lib/elements/TableLinkCell/TableLinkCell.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 { Link } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { formatDatetime } from '../../utils/datetime.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nimport './tableLinkCell.scss'\n\nconst TableLinkCell = ({\n  cellData = {},\n  className = '',\n  item,\n  link,\n  selectItem,\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const tableCellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName\n  )\n  const itemNameClassNames = classnames('item-name')\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n\n  return (\n    <td data-testid={cellData.headerId} className={tableCellClassNames}>\n      {cellData.linkIsExternal ? (\n        <span className=\"data-ellipsis\">\n          <a href={link} className=\"link\" target=\"blank\">\n            <Tooltip\n              className={itemNameClassNames}\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n\n            {cellData.showStatus && stateValue && stateLabel && (\n              <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n                <i className={stateClassName} />\n              </Tooltip>\n            )}\n          </a>\n        </span>\n      ) : (\n        <Link to={link} onClick={() => selectItem(item)} className=\"data-ellipsis\">\n          <div className=\"name-wrapper\">\n            <div className=\"link\">\n              <Tooltip\n                className={itemNameClassNames}\n                template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n              >\n                {cellData.value}\n              </Tooltip>\n\n              {cellData.showStatus && stateValue && stateLabel && (\n                <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n                  <i className={stateClassName} />\n                </Tooltip>\n              )}\n            </div>\n            {cellData.showTag && (\n              <Tooltip className=\"item-tag\" template={<TextTooltipTemplate text={item.tag} />}>\n                <span className=\"link-subtext\">{item.tag}</span>\n              </Tooltip>\n            )}\n          </div>\n          {(cellData.showUid ||\n            (cellData.showSelectedUid && Object.values(selectedItem).length !== 0)) && (\n            <div className=\"date-uid-row\">\n              {(item.startTime || item.created || item.updated) &&\n                cellData.type !== 'date' &&\n                (cellData.showDate || cellData.showUpdatedDate) && (\n                  <span className=\"link-subtext\">\n                    {cellData.showUpdatedDate\n                      ? formatDatetime(item.updated, 'N/A')\n                      : formatDatetime(\n                          item.startTime || item.created,\n                          stateValue === 'aborted' ? 'N/A' : 'Not yet started'\n                        )}\n                  </span>\n                )}\n              {cellData.value !== item.uid && cellData.value !== item.hash && (\n                <span className=\"link-subtext\">{truncateUid(item.uid || item.hash)}</span>\n              )}\n            </div>\n          )}\n          {cellData.additionalInfo && Object.values(selectedItem).length !== 0 && (\n            <span className=\"link-subtext\">{cellData.additionalInfo}</span>\n          )}\n        </Link>\n      )}\n      {showExpandButton && (\n        <Arrow\n          onClick={e => {\n            toggleRow && toggleRow(e, item)\n          }}\n          className=\"expand-arrow\"\n        />\n      )}\n    </td>\n  )\n}\n\nTableLinkCell.propTypes = {\n  cellData: PropTypes.object,\n  className: PropTypes.string,\n  item: PropTypes.object.isRequired,\n  link: PropTypes.string.isRequired,\n  selectItem: PropTypes.func.isRequired,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableLinkCell\n"],"names":["TableLinkCell","cellData","className","item","link","selectItem","selectedItem","showExpandButton","toggleRow","tableCellClassNames","classnames","itemNameClassNames","stateValue","stateLabel","stateClassName","jsx","jsxs","Tooltip","TextTooltipTemplate","Link","formatDatetime","truncateUid","Arrow","e","PropTypes"],"mappings":"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"}

package/dist/elements/TableTypeCell/TableTypeCell.d.ts

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

package/dist/elements/TableTypeCell/TableTypeCell.d.ts.map

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

package/dist/elements/TableTypeCell/TableTypeCell.mjs

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import p from "prop-types";
+import { capitalize as l } from "lodash";
+import d from "classnames";
+import y from "../../components/Tooltip/Tooltip.mjs";
+import b from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+const c = ({ cellData: e, className: i = "" }) => {
+  var s, t, r, m;
+  const a = d(
+    "table-body__cell",
+    e.className,
+    e.bodyCellClassName,
+    i
+  );
+  return /* @__PURE__ */ o("td", { "data-testid": e.headerId, className: a, children: /* @__PURE__ */ o(
+    y,
+    {
+      className: "table-body__cell_type",
+      template: /* @__PURE__ */ o(
+        b,
+        {
+          text: ((t = (s = e.types) == null ? void 0 : s[e.value]) == null ? void 0 : t.label) ?? l(e.value)
+        }
+      ),
+      children: ((m = (r = e.types) == null ? void 0 : r[e.value]) == null ? void 0 : m.icon) ?? l(e.value)
+    }
+  ) });
+};
+c.propTypes = {
+  cellData: p.object.isRequired,
+  className: p.string
+};
+export {
+  c as default
+};
+//# sourceMappingURL=TableTypeCell.mjs.map

package/dist/elements/TableTypeCell/TableTypeCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypeCell.mjs","sources":["../../../src/lib/elements/TableTypeCell/TableTypeCell.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 { capitalize } from 'lodash'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nconst TableTypeCell = ({ cellData, className = '' }) => {\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    cellData.bodyCellClassName,\n    className\n  )\n\n  return (\n    <td data-testid={cellData.headerId} className={cellClassNames}>\n      <Tooltip\n        className=\"table-body__cell_type\"\n        template={\n          <TextTooltipTemplate\n            text={cellData.types?.[cellData.value]?.label ?? capitalize(cellData.value)}\n          />\n        }\n      >\n        {cellData.types?.[cellData.value]?.icon ?? capitalize(cellData.value)}\n      </Tooltip>\n    </td>\n  )\n}\n\nTableTypeCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string\n}\n\nexport default TableTypeCell\n"],"names":["TableTypeCell","cellData","className","cellClassNames","classnames","jsx","Tooltip","TextTooltipTemplate","_b","_a","capitalize","_d","_c","PropTypes"],"mappings":";;;;;;;AA2BA,MAAMA,IAAgB,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,SAAS;;AACtD,QAAMC,IAAiBC;AAAA,IACrB;AAAA,IACAH,EAAS;AAAA,IACTA,EAAS;AAAA,IACTC;AAAA,EACF;AAEA,2BACG,MAAG,EAAA,eAAaD,EAAS,UAAU,WAAWE,GAC7C,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,UACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAMC,KAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAiBR,EAAS,WAA1B,gBAAAO,EAAkC,UAASE,EAAWT,EAAS,KAAK;AAAA,QAAA;AAAA,MAC5E;AAAA,MAGD,YAAAU,KAAAC,IAAAX,EAAS,UAAT,gBAAAW,EAAiBX,EAAS,WAA1B,gBAAAU,EAAkC,SAAQD,EAAWT,EAAS,KAAK;AAAA,IAAA;AAAA,EAAA,GAExE;AAEJ;AAEAD,EAAc,YAAY;AAAA,EACxB,UAAUa,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AACvB;"}

package/dist/elements/index.d.ts

@@ -1,7 +1,11 @@
+import ActionsMenuItem from './ActionsMenuItem/ActionsMenuItem';
 import FormActionButton from './FormActionButton/FormActionButton';
 import FormRowActions from './FormRowActions/FormRowActions';
 import OptionsMenu from './OptionsMenu/OptionsMenu';
 import SelectOption from './SelectOption/SelectOption';
+import TableHead from './TableHead/TableHead';
+import TableLinkCell from './TableLinkCell/TableLinkCell';
+import TableTypeCell from './TableTypeCell/TableTypeCell';
 import ValidationTemplate from './ValidationTemplate/ValidationTemplate';
-export { FormActionButton, FormRowActions, OptionsMenu, SelectOption, ValidationTemplate };
+export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTypeCell, ValidationTemplate };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"6BAiB6B,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;+BACvB,yCAAyC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;0BAC/B,+BAA+B;+BAC1B,yCAAyC"}

package/dist/elements/index.mjs

@@ -1,13 +1,21 @@
-import { default as e } from "./FormActionButton/FormActionButton.mjs";
-import { default as r } from "./FormRowActions/FormRowActions.mjs";
-import { default as l } from "./OptionsMenu/OptionsMenu.mjs";
-import { default as p } from "./SelectOption/SelectOption.mjs";
-import { default as s } from "./ValidationTemplate/ValidationTemplate.mjs";
+import { default as o } from "./ActionsMenuItem/ActionsMenuItem.mjs";
+import { default as r } from "./FormActionButton/FormActionButton.mjs";
+import { default as f } from "./FormRowActions/FormRowActions.mjs";
+import { default as p } from "./OptionsMenu/OptionsMenu.mjs";
+import { default as u } from "./SelectOption/SelectOption.mjs";
+import { default as n } from "./TableHead/TableHead.mjs";
+import { default as i } from "./TableLinkCell/TableLinkCell.mjs";
+import { default as c } from "./TableTypeCell/TableTypeCell.mjs";
+import { default as A } from "./ValidationTemplate/ValidationTemplate.mjs";
 export {
-  e as FormActionButton,
-  r as FormRowActions,
-  l as OptionsMenu,
-  p as SelectOption,
-  s as ValidationTemplate
+  o as ActionsMenuItem,
+  r as FormActionButton,
+  f as FormRowActions,
+  p as OptionsMenu,
+  u as SelectOption,
+  n as TableHead,
+  i as TableLinkCell,
+  c as TableTypeCell,
+  A as ValidationTemplate
 };
 //# sourceMappingURL=index.mjs.map

package/dist/elements/index.mjs.map

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

package/dist/hooks/index.d.ts

@@ -1,6 +1,9 @@
 export { useChipCell } from "./useChipCell.hook";
 export { useDebounce } from "./useDebounce.hook";
+export { useDetails } from "./useDetails.hook";
+export { useDetailsHeader } from "./useDetailsHeader.hook";
 export { useDetectOutsideClick } from "./useDetectOutsideClick.hook";
 export { useFormTable } from "./useFormTable.hook";
 export { useHiddenChipsBlock } from "./useHiddenChipsBlock.hook";
+export { useTable } from "./useTable.hook";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.mjs

@@ -1,13 +1,19 @@
 import { useChipCell as r } from "./useChipCell.hook.mjs";
-import { useDebounce as p } from "./useDebounce.hook.mjs";
-import { useDetectOutsideClick as u } from "./useDetectOutsideClick.hook.mjs";
-import { useFormTable as f } from "./useFormTable.hook.mjs";
-import { useHiddenChipsBlock as l } from "./useHiddenChipsBlock.hook.mjs";
+import { useDebounce as s } from "./useDebounce.hook.mjs";
+import { useDetails as u } from "./useDetails.hook.mjs";
+import { useDetailsHeader as f } from "./useDetailsHeader.hook.mjs";
+import { useDetectOutsideClick as x } from "./useDetectOutsideClick.hook.mjs";
+import { useFormTable as a } from "./useFormTable.hook.mjs";
+import { useHiddenChipsBlock as d } from "./useHiddenChipsBlock.hook.mjs";
+import { useTable as D } from "./useTable.hook.mjs";
 export {
   r as useChipCell,
-  p as useDebounce,
-  u as useDetectOutsideClick,
-  f as useFormTable,
-  l as useHiddenChipsBlock
+  s as useDebounce,
+  u as useDetails,
+  f as useDetailsHeader,
+  x as useDetectOutsideClick,
+  a as useFormTable,
+  d as useHiddenChipsBlock,
+  D as useTable
 };
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

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