iguazio.dashboard-react-controls 3.2.15 → 3.2.16

package/dist/scss/shadows.scss

@@ -0,0 +1,16 @@
+@use './colors';
+
+$jobsShadow: 0 3px 4px rgba(colors.$black, 0.18);
+$headerShadow: inset 0 -1px 0 #edecef;
+$mainHeaderShadow:
+  0 2px 4px -1px rgba(colors.$black, 0.2),
+  0 4px 5px 0 rgba(colors.$black, 0.14),
+  0 1px 10px 0 rgba(colors.$black, 0.12);
+$filterShadow: 0 4px 8px rgba(colors.$black, 0.23);
+$tooltipShadow: 0 5px 11px rgba(colors.$black, 0.18);
+$hiddenChipsBlockShadow: 2px 2px 8px 2px rgba(colors.$black, 0.2);
+$previewBoxShadowInit: 0px 3px 10px rgba(0, 0, 0, 0.07);
+$previewBoxShadow: 0 2px 10px rgba(colors.$black, 0.2);
+$projectStatisticsShadow: 0 8px 30px rgba(colors.$topaz, 0.08);
+$dropdownShadow: 0 0 30px rgba(colors.$black, 0.15);
+$tablePanelShadow: -3px 0 10px -5px rgba(colors.$black, 0.2);

package/dist/scss/table.scss

@@ -0,0 +1,283 @@
+@use './variables';
+@use './colors';
+@use './mixins';
+@use './borders';
+@use './shadows';
+
+@mixin tableCellWidth {
+  flex: 0 0 auto;
+  min-width: 75px;
+}
+
+.table {
+  &__flex {
+    display: flex;
+    flex: 1;
+    flex-flow: row wrap;
+  }
+
+  &__content {
+    position: relative;
+    flex: 1;
+
+    [class*='icon'] {
+      flex-wrap: nowrap;
+    }
+
+    .text-bold {
+      font-weight: 500;
+    }
+  }
+
+  &__wrapper {
+    .content & {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 2;
+      display: flex;
+      width: 100%;
+      height: 100%;
+      overflow-y: auto;
+      color: colors.$mulledWine;
+      background-color: colors.$white;
+    }
+  }
+
+  & [class*='table-cell-'] {
+    @include tableCellWidth;
+  }
+
+  .table-row {
+    .table-cell {
+      &-1 {
+        flex: 1;
+      }
+
+      &-2 {
+        flex: 2;
+      }
+
+      &-3 {
+        flex: 3;
+      }
+
+      &-4 {
+        flex: 4;
+      }
+
+      &-5 {
+        flex: 5;
+      }
+
+      &-6 {
+        flex: 6;
+      }
+
+      &-7 {
+        flex: 7;
+      }
+
+      &-8 {
+        flex: 8;
+      }
+
+      &-9 {
+        flex: 9;
+      }
+
+      &-10 {
+        flex: 10;
+      }
+
+      &-extra-small {
+        flex: 1;
+        max-width: 85px;
+      }
+
+      &-small {
+        flex: 1;
+        max-width: 150px;
+      }
+    }
+
+    &:has(.actions-menu__container-active) {
+      background-color: colors.$ghostWhite;
+    }
+  }
+
+  &.table {
+    &__scrolled {
+      .table-cell-name {
+        &::after {
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          width: 5px;
+          background-color: inherit;
+          border-right: borders.$secondaryBorder;
+          box-shadow: 2px 0 2px -1px rgba(colors.$black, 0.2);
+          content: '';
+        }
+      }
+
+      .parent-row_expanded {
+        .row_grouped-by {
+          .table-cell-name {
+            border-right: none;
+            box-shadow: none;
+          }
+        }
+      }
+    }
+  }
+
+  .targets-cell {
+    flex-wrap: nowrap;
+    min-width: 130px;
+
+    svg {
+      margin: 0 5px;
+
+      &:first-child {
+        margin-left: 0;
+      }
+    }
+  }
+
+  &__panel-container {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    width: auto;
+    border-left: borders.$primaryBorder;
+    box-shadow: shadows.$tablePanelShadow;
+
+    &.hidden {
+      display: none;
+    }
+  }
+
+  &__panel {
+    height: 100%;
+    overflow: hidden auto;
+  }
+
+  .error-message {
+    justify-content: center;
+    width: 100%;
+  }
+
+  .table {
+    &-header {
+      &__cell {
+        @include tableCellWidth;
+
+        &.buttonPopout,
+        &.buttonDownload {
+          @include mixins.tableColumnFlex(0.5, 80px);
+        }
+
+        &.align-right {
+          justify-content: flex-end;
+        }
+
+        .tip-container {
+          margin-left: 2px;
+        }
+      }
+
+      .icons-container {
+        min-width: 150px;
+      }
+    }
+
+    &-body {
+      color: colors.$mulledWine;
+
+      &__cell {
+        @include tableCellWidth;
+
+        &_hidden {
+          font-size: 0;
+
+          * {
+            visibility: hidden;
+          }
+
+          .chip {
+            visibility: hidden;
+          }
+        }
+
+        .cell_name {
+          position: relative;
+          display: flex;
+          flex: 1;
+          flex-direction: column;
+          margin: 0;
+        }
+
+        .text_small {
+          min-width: 100%;
+          max-width: 50px;
+        }
+
+        &.align-right {
+          justify-content: flex-end;
+        }
+
+        &_type {
+          display: inline-flex;
+          text-transform: capitalize;
+        }
+
+        a {
+          position: relative;
+          width: 100%;
+          margin: 0;
+          text-decoration: none;
+
+          span {
+            display: block;
+            width: 100%;
+          }
+        }
+
+        i {
+          margin-right: 5px;
+        }
+
+        button {
+          display: flex;
+          font-size: 15px;
+          background-color: transparent;
+          border: none;
+
+          &:disabled {
+            cursor: default;
+          }
+
+          &:not(:disabled) {
+            cursor: pointer;
+          }
+        }
+
+        .path-tooltip {
+          cursor: pointer;
+        }
+
+        .chip_short {
+          max-width: 100px;
+        }
+
+        .alert-icon-cell {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+        }
+      }
+    }
+  }
+}

package/dist/scss/variables.scss

@@ -0,0 +1,28 @@
+@use './colors';
+
+$heightRowTable: 55px;
+$leftRowOffset: 49px;
+$mainBorderRadius: 4px;
+$modalBorderRadius: 8px;
+
+$navbarTogglerWidth: 35px;
+
+$headerHeight: 64px;
+
+$primaryTextColor: colors.$primary;
+$secondaryTextColor: colors.$topaz;
+
+$actionsCellWidth: 82px;
+
+// Fields and button heights
+$fieldDense: 36px;
+$fieldNormal: 40px;
+$fieldMedium: 44px;
+$fieldChunky: 48px;
+
+// Table row heights
+$headerRowHeight: 40;
+$headerRowHeightBig: 50;
+$rowHeightSmall: 50;
+$rowHeight: 57;
+$rowHeightExtended: 82;

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+export const BUTTON_VARIANTS: any;
+export const CHIP: any;
+export const CHIP_INPUT_LIST: any;
+export const DENSITY_OPTIONS: any;
+export const CHIP_OPTIONS: any;
+export const CHIPS: any;
+export const VISIBLE_CHIPS_MAX_LENGTH: any;
+export const POP_UP_CUSTOM_POSITION: any;
+export const MODAL_SIZES: any;
+export const CONFIRM_DIALOG_CANCEL_BUTTON: any;
+export const CONFIRM_DIALOG_MESSAGE: any;
+export const CONFIRM_DIALOG_SUBMIT_BUTTON: any;
+export const WIZARD_STEPS_CONFIG: any;
+export const INPUT_LINK: any;
+export const SELECT_OPTION: any;
+export const SELECT_OPTIONS: any;
+export const INPUT_VALIDATION_RULES: any;
+export const COMBOBOX_SUGGESTION_LIST: any;
+export const COMBOBOX_VALIDATION_RULES: any;
+export const COMBOBOX_SELECT_OPTIONS: any;
+export const FORM_TABLE_EDITING_ITEM: any;
+export const SORT_PROPS: any;
+export const ALLOW_SORT_BY: any;
+export const DEFAULT_SORT_BY: any;
+export const EXCLUDE_SORT_BY: any;
+export const DENSITY: any;
+export const VIRTUALIZATION_CONFIG: any;
+export const SLIDER_TABS: any;
+export const DETAILS_MENU: any;
+export const ACTION_BUTTON: any;
+export const ACTIONS_MENU: any;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.js"],"names":[],"mappings":"AAmCA,kCAME;AAEF,uBAIE;AAEF,kCASC;AAED,kCAKE;AAEF,+BAgBE;AAEF,wBAA4C;AAE5C,2CAGE;AAEF,yCAKE;AAEF,8BAAgG;AAEhG,+CAIE;AACF,yCAAgG;AAChG,+CAIE;AAEF,sCAQC;AAED,6BAGE;AAEF,gCASE;AAEF,iCAA8D;AAE9D,yCAOC;AAED,2CAMC;AAED,4CAMC;AAED,0CAMC;AAED,0CAQE;AAEF,6BAIE;AAEF,gCAIE;AAEF,kCAAwF;AAExF,kCAIE;AAEF,0BAA+E;AAE/E,wCAIE;AAEF,8BAOC;AAED,+BAMC;AAED,gCAOE;AAUF,+BAGE"}

package/dist/types.mjs

@@ -0,0 +1,191 @@
+import e from "prop-types";
+import { DANGER_BUTTON as i, LABEL_BUTTON as s, PRIMARY_BUTTON as n, SECONDARY_BUTTON as r, TERTIARY_BUTTON as o, DENSITY_DENSE as t, DENSITY_NORMAL as a, DENSITY_MEDIUM as O, DENSITY_CHUNKY as d, MODAL_SM as l, MODAL_MD as u, MODAL_LG as T, MODAL_MIN as R, MODAL_MAX as _ } from "./constants.mjs";
+const f = e.oneOf([
+  i,
+  s,
+  n,
+  r,
+  o
+]), I = e.shape({
+  delimiter: e.element,
+  id: e.string,
+  value: e.string.isRequired
+}), S = e.arrayOf(
+  e.shape({
+    disabled: e.bool,
+    icon: e.element,
+    id: e.string.isRequired,
+    label: e.string.isRequired,
+    subLabel: e.string,
+    ui: e.shape({})
+  })
+), b = e.oneOf([
+  t,
+  a,
+  O,
+  d
+]), E = e.shape({
+  background: e.oneOf([
+    "amethyst",
+    "green",
+    "grey",
+    "java",
+    "none",
+    "orange",
+    "purple",
+    "sorbus"
+  ]),
+  boldValue: e.bool,
+  borderColor: e.oneOf(["transparent", "orange", "green", "purple", "grey"]),
+  density: b,
+  font: e.oneOf(["primary", "white", "green", "purple", "orange"]),
+  borderRadius: e.oneOf(["primary", "secondary"])
+}), q = e.arrayOf(I), h = e.oneOfType([
+  e.number,
+  e.oneOf(["all"])
+]), m = e.shape({
+  element: e.shape({}),
+  position: e.oneOf(["top-left", "top-right", "bottom-left", "bottom-right"]),
+  autoHorizontalPosition: e.bool,
+  autoVerticalPosition: e.bool
+}), A = e.oneOf([l, u, T, R, _]), L = e.shape({
+  handler: e.func,
+  label: e.string.isRequired,
+  variant: e.string.isRequired
+}), y = e.oneOfType([e.element, e.string]), D = e.shape({
+  handler: e.func.isRequired,
+  label: e.string.isRequired,
+  variant: e.string.isRequired
+}), M = e.arrayOf(
+  e.shape({
+    id: e.string.isRequired,
+    label: e.string.isRequired,
+    hidden: e.bool,
+    disabled: e.bool,
+    nextIsDisabled: e.bool
+  })
+), C = e.shape({
+  show: e.oneOfType([e.bool, e.string]),
+  url: e.string
+}), g = e.shape({
+  disabled: e.bool,
+  hidden: e.bool,
+  icon: e.element,
+  id: e.string.isRequired,
+  label: e.oneOfType([e.string, e.element]).isRequired,
+  labelHtml: e.string,
+  status: e.string,
+  subLabel: e.string
+}), P = e.arrayOf(g), U = e.arrayOf(
+  e.shape({
+    name: e.string.isRequired,
+    label: e.string.isRequired,
+    pattern: e.oneOfType([e.instanceOf(RegExp), e.func]).isRequired,
+    isValid: e.bool
+  })
+), B = e.arrayOf(
+  e.shape({
+    customDelimiter: e.string,
+    id: e.string.isRequired,
+    label: e.string.isRequired
+  })
+), Y = e.arrayOf(
+  e.shape({
+    name: e.string.isRequired,
+    label: e.string.isRequired,
+    isValid: e.bool
+  })
+), G = e.arrayOf(
+  e.shape({
+    className: e.string,
+    id: e.string.isRequired,
+    label: e.string.isRequired
+  })
+), H = e.shape({
+  data: e.shape({}).isRequired,
+  ui: e.shape({
+    isNew: e.bool,
+    index: e.number.isRequired,
+    fieldsPath: e.string.isRequired
+  }).isRequired,
+  [e.string]: e.any
+}), V = e.shape({
+  selectedColumnName: e.string.isRequired,
+  getSortingIcon: e.func.isRequired,
+  sortTable: e.func.isRequired
+}), F = e.oneOfType([
+  e.string,
+  e.number,
+  e.arrayOf(e.string, e.number)
+]), x = e.oneOfType([e.string, e.number]), X = e.oneOfType([
+  e.string,
+  e.number,
+  e.arrayOf(e.string, e.number)
+]), v = e.oneOf(["dense", "normal", "medium", "chunky"]), k = e.shape({
+  startIndex: e.number.isRequired,
+  endIndex: e.number.isRequired,
+  tableBodyPaddingTop: e.number.isRequired
+}), w = e.arrayOf(
+  e.shape({
+    id: e.string.isRequired,
+    label: e.string.isRequired,
+    tip: e.string,
+    hidden: e.bool
+  })
+), Z = e.arrayOf(
+  e.shape({
+    id: e.string.isRequired,
+    label: e.string.isRequired,
+    hidden: e.bool
+  })
+), j = e.shape({
+  disabled: e.bool,
+  hidden: e.bool,
+  label: e.string.isRequired,
+  onClick: e.func.isRequired,
+  tooltip: e.string,
+  variant: e.string
+}), c = e.shape({
+  label: e.string.isRequired,
+  icon: e.object,
+  onClick: e.func.isRequired,
+  disabled: e.bool,
+  className: e.string
+}), K = e.oneOfType([
+  e.arrayOf(e.arrayOf(c.isRequired)),
+  e.func
+]);
+export {
+  K as ACTIONS_MENU,
+  j as ACTION_BUTTON,
+  F as ALLOW_SORT_BY,
+  f as BUTTON_VARIANTS,
+  I as CHIP,
+  q as CHIPS,
+  S as CHIP_INPUT_LIST,
+  E as CHIP_OPTIONS,
+  G as COMBOBOX_SELECT_OPTIONS,
+  B as COMBOBOX_SUGGESTION_LIST,
+  Y as COMBOBOX_VALIDATION_RULES,
+  L as CONFIRM_DIALOG_CANCEL_BUTTON,
+  y as CONFIRM_DIALOG_MESSAGE,
+  D as CONFIRM_DIALOG_SUBMIT_BUTTON,
+  x as DEFAULT_SORT_BY,
+  v as DENSITY,
+  b as DENSITY_OPTIONS,
+  Z as DETAILS_MENU,
+  X as EXCLUDE_SORT_BY,
+  H as FORM_TABLE_EDITING_ITEM,
+  C as INPUT_LINK,
+  U as INPUT_VALIDATION_RULES,
+  A as MODAL_SIZES,
+  m as POP_UP_CUSTOM_POSITION,
+  g as SELECT_OPTION,
+  P as SELECT_OPTIONS,
+  w as SLIDER_TABS,
+  V as SORT_PROPS,
+  k as VIRTUALIZATION_CONFIG,
+  h as VISIBLE_CHIPS_MAX_LENGTH,
+  M as WIZARD_STEPS_CONFIG
+};
+//# sourceMappingURL=types.mjs.map

package/dist/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../src/lib/types.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*/\nimport PropTypes from 'prop-types'\n\nimport {\n  DANGER_BUTTON,\n  DENSITY_CHUNKY,\n  DENSITY_DENSE,\n  DENSITY_MEDIUM,\n  DENSITY_NORMAL,\n  LABEL_BUTTON,\n  MODAL_LG,\n  MODAL_MAX,\n  MODAL_MD,\n  MODAL_MIN,\n  MODAL_SM,\n  PRIMARY_BUTTON,\n  SECONDARY_BUTTON,\n  TERTIARY_BUTTON\n} from './constants'\n\nexport const BUTTON_VARIANTS = PropTypes.oneOf([\n  DANGER_BUTTON,\n  LABEL_BUTTON,\n  PRIMARY_BUTTON,\n  SECONDARY_BUTTON,\n  TERTIARY_BUTTON\n])\n\nexport const CHIP = PropTypes.shape({\n  delimiter: PropTypes.element,\n  id: PropTypes.string,\n  value: PropTypes.string.isRequired\n})\n\nexport const CHIP_INPUT_LIST = PropTypes.arrayOf(\n  PropTypes.shape({\n    disabled: PropTypes.bool,\n    icon: PropTypes.element,\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    subLabel: PropTypes.string,\n    ui: PropTypes.shape({})\n  })\n)\n\nexport const DENSITY_OPTIONS = PropTypes.oneOf([\n  DENSITY_DENSE,\n  DENSITY_NORMAL,\n  DENSITY_MEDIUM,\n  DENSITY_CHUNKY\n])\n\nexport const CHIP_OPTIONS = PropTypes.shape({\n  background: PropTypes.oneOf([\n    'amethyst',\n    'green',\n    'grey',\n    'java',\n    'none',\n    'orange',\n    'purple',\n    'sorbus'\n  ]),\n  boldValue: PropTypes.bool,\n  borderColor: PropTypes.oneOf(['transparent', 'orange', 'green', 'purple', 'grey']),\n  density: DENSITY_OPTIONS,\n  font: PropTypes.oneOf(['primary', 'white', 'green', 'purple', 'orange']),\n  borderRadius: PropTypes.oneOf(['primary', 'secondary'])\n})\n\nexport const CHIPS = PropTypes.arrayOf(CHIP)\n\nexport const VISIBLE_CHIPS_MAX_LENGTH = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.oneOf(['all'])\n])\n\nexport const POP_UP_CUSTOM_POSITION = PropTypes.shape({\n  element: PropTypes.shape({}),\n  position: PropTypes.oneOf(['top-left', 'top-right', 'bottom-left', 'bottom-right']),\n  autoHorizontalPosition: PropTypes.bool,\n  autoVerticalPosition: PropTypes.bool\n})\n\nexport const MODAL_SIZES = PropTypes.oneOf([MODAL_SM, MODAL_MD, MODAL_LG, MODAL_MIN, MODAL_MAX])\n\nexport const CONFIRM_DIALOG_CANCEL_BUTTON = PropTypes.shape({\n  handler: PropTypes.func,\n  label: PropTypes.string.isRequired,\n  variant: PropTypes.string.isRequired\n})\nexport const CONFIRM_DIALOG_MESSAGE = PropTypes.oneOfType([PropTypes.element, PropTypes.string])\nexport const CONFIRM_DIALOG_SUBMIT_BUTTON = PropTypes.shape({\n  handler: PropTypes.func.isRequired,\n  label: PropTypes.string.isRequired,\n  variant: PropTypes.string.isRequired\n})\n\nexport const WIZARD_STEPS_CONFIG = PropTypes.arrayOf(\n  PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    hidden: PropTypes.bool,\n    disabled: PropTypes.bool,\n    nextIsDisabled: PropTypes.bool\n  })\n)\n\nexport const INPUT_LINK = PropTypes.shape({\n  show: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  url: PropTypes.string\n})\n\nexport const SELECT_OPTION = PropTypes.shape({\n  disabled: PropTypes.bool,\n  hidden: PropTypes.bool,\n  icon: PropTypes.element,\n  id: PropTypes.string.isRequired,\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n  labelHtml: PropTypes.string,\n  status: PropTypes.string,\n  subLabel: PropTypes.string\n})\n\nexport const SELECT_OPTIONS = PropTypes.arrayOf(SELECT_OPTION)\n\nexport const INPUT_VALIDATION_RULES = PropTypes.arrayOf(\n  PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    pattern: PropTypes.oneOfType([PropTypes.instanceOf(RegExp), PropTypes.func]).isRequired,\n    isValid: PropTypes.bool\n  })\n)\n\nexport const COMBOBOX_SUGGESTION_LIST = PropTypes.arrayOf(\n  PropTypes.shape({\n    customDelimiter: PropTypes.string,\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired\n  })\n)\n\nexport const COMBOBOX_VALIDATION_RULES = PropTypes.arrayOf(\n  PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    isValid: PropTypes.bool\n  })\n)\n\nexport const COMBOBOX_SELECT_OPTIONS = PropTypes.arrayOf(\n  PropTypes.shape({\n    className: PropTypes.string,\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired\n  })\n)\n\nexport const FORM_TABLE_EDITING_ITEM = PropTypes.shape({\n  data: PropTypes.shape({}).isRequired,\n  ui: PropTypes.shape({\n    isNew: PropTypes.bool,\n    index: PropTypes.number.isRequired,\n    fieldsPath: PropTypes.string.isRequired\n  }).isRequired,\n  [PropTypes.string]: PropTypes.any\n})\n\nexport const SORT_PROPS = PropTypes.shape({\n  selectedColumnName: PropTypes.string.isRequired,\n  getSortingIcon: PropTypes.func.isRequired,\n  sortTable: PropTypes.func.isRequired\n})\n\nexport const ALLOW_SORT_BY = PropTypes.oneOfType([\n  PropTypes.string,\n  PropTypes.number,\n  PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DEFAULT_SORT_BY = PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n\nexport const EXCLUDE_SORT_BY = PropTypes.oneOfType([\n  PropTypes.string,\n  PropTypes.number,\n  PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DENSITY = PropTypes.oneOf(['dense', 'normal', 'medium', 'chunky'])\n\nexport const VIRTUALIZATION_CONFIG = PropTypes.shape({\n  startIndex: PropTypes.number.isRequired,\n  endIndex: PropTypes.number.isRequired,\n  tableBodyPaddingTop: PropTypes.number.isRequired\n})\n\nexport const SLIDER_TABS = PropTypes.arrayOf(\n  PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    tip: PropTypes.string,\n    hidden: PropTypes.bool\n  })\n)\n\nexport const DETAILS_MENU = PropTypes.arrayOf(\n  PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    hidden: PropTypes.bool\n  })\n)\n\nexport const ACTION_BUTTON = PropTypes.shape({\n  disabled: PropTypes.bool,\n  hidden: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  tooltip: PropTypes.string,\n  variant: PropTypes.string\n})\n\nconst ACTIONS_MENU_ITEM = PropTypes.shape({\n  label: PropTypes.string.isRequired,\n  icon: PropTypes.object,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  className: PropTypes.string\n})\n\nexport const ACTIONS_MENU = PropTypes.oneOfType([\n  PropTypes.arrayOf(PropTypes.arrayOf(ACTIONS_MENU_ITEM.isRequired)),\n  PropTypes.func\n])\n"],"names":["BUTTON_VARIANTS","PropTypes","DANGER_BUTTON","LABEL_BUTTON","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","CHIP","CHIP_INPUT_LIST","DENSITY_OPTIONS","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","CHIP_OPTIONS","CHIPS","VISIBLE_CHIPS_MAX_LENGTH","POP_UP_CUSTOM_POSITION","MODAL_SIZES","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","CONFIRM_DIALOG_CANCEL_BUTTON","CONFIRM_DIALOG_MESSAGE","CONFIRM_DIALOG_SUBMIT_BUTTON","WIZARD_STEPS_CONFIG","INPUT_LINK","SELECT_OPTION","SELECT_OPTIONS","INPUT_VALIDATION_RULES","COMBOBOX_SUGGESTION_LIST","COMBOBOX_VALIDATION_RULES","COMBOBOX_SELECT_OPTIONS","FORM_TABLE_EDITING_ITEM","SORT_PROPS","ALLOW_SORT_BY","DEFAULT_SORT_BY","EXCLUDE_SORT_BY","DENSITY","VIRTUALIZATION_CONFIG","SLIDER_TABS","DETAILS_MENU","ACTION_BUTTON","ACTIONS_MENU_ITEM","ACTIONS_MENU"],"mappings":"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"}

package/dist/utils/chips.util.d.ts

@@ -0,0 +1,30 @@
+export function getChipOptions(variant: any): {
+    type: string;
+    boldValue: boolean;
+    background: string;
+    borderColor: string;
+    density: string;
+    font: string;
+    borderRadius: string;
+};
+export function cutChips(chips: any[], maxLength: any, delimiter: any): {
+    visibleChips: {
+        value: any;
+        delimiter: any;
+    }[];
+    hiddenChips: {
+        value: any;
+        delimiter: any;
+    }[];
+} | {
+    visibleChips: {
+        value: any;
+        delimiter: any;
+    }[];
+    hiddenChips?: undefined;
+};
+export function getChipLabelAndValue(chip: any): {
+    chipLabel: any;
+    chipValue: any;
+};
+//# sourceMappingURL=chips.util.d.ts.map

package/dist/utils/chips.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.util.d.ts","sourceRoot":"","sources":["../../src/lib/utils/chips.util.js"],"names":[],"mappings":"AAmEO;;;;;;;;EAAiF;AAEjF;;;;;;;;;;;;;;;EAkBN;AAEM;;;EAQN"}

package/dist/utils/chips.util.mjs

@@ -0,0 +1,75 @@
+import { roundFloats as l } from "./common.util.mjs";
+const d = [
+  {
+    type: "labels",
+    boldValue: !1,
+    background: "purple",
+    borderColor: "transparent",
+    density: "dense",
+    font: "purple",
+    borderRadius: "primary"
+  },
+  {
+    type: "metrics",
+    boldValue: !1,
+    background: "grey",
+    borderColor: "transparent",
+    borderRadius: "primary",
+    density: "dense",
+    font: "primary"
+  },
+  {
+    type: "parameters",
+    boldValue: !1,
+    background: "orange",
+    borderColor: "transparent",
+    borderRadius: "primary",
+    density: "dense",
+    font: "orange"
+  },
+  {
+    type: "results",
+    boldValue: !1,
+    background: "grey",
+    borderColor: "transparent",
+    borderRadius: "primary",
+    density: "dense",
+    font: "primary"
+  },
+  {
+    type: "relations",
+    boldValue: !1,
+    background: "orange",
+    borderColor: "transparent",
+    borderRadius: "primary",
+    density: "dense",
+    font: "orange"
+  }
+], p = (e) => d.find((r) => r.type === e), u = (e = [], r, a) => {
+  if (e.length > r) {
+    let n = `+ ${e.length - r}`;
+    const t = e.slice(r).map((o) => ({ value: o, delimiter: a })), s = e.slice(0, r).map((o) => ({ value: o, delimiter: a }));
+    return s.push({
+      value: n,
+      delimiter: a
+    }), {
+      visibleChips: s,
+      hiddenChips: t
+    };
+  }
+  return {
+    visibleChips: e.map((n) => ({ value: n, delimiter: a }))
+  };
+}, b = (e) => {
+  const r = e.value.indexOf(":"), a = e.value.slice(r + 1);
+  return {
+    chipLabel: r > 0 ? e.value.slice(0, r) : e.value,
+    chipValue: r > 0 ? Number.isInteger(a) ? l(a) : a : ""
+  };
+};
+export {
+  u as cutChips,
+  b as getChipLabelAndValue,
+  p as getChipOptions
+};
+//# sourceMappingURL=chips.util.mjs.map