@banyan_cloud/roots 2.0.5 → 2.0.7

package/dist/esm/src/components/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,221 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/prop-types/index.js';
+import React__default, { useState } from 'react';
+import { classes, getSpacedDisplayName } from '../../utils/utils.js';
+import Button from '../buttons/button/Button.js';
+import Popover from '../popover/Popover.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../icons/AngleDouble/AngleDouble.js';
+import Arrow from '../icons/Arrow/Arrow.js';
+import BreadcrumbSeparator from '../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../icons/Calender/Calender.js';
+import '../icons/CheckboxIcon/CheckboxIcon.js';
+import '../icons/Chevron/Chevron.js';
+import '../icons/ColumnFilter/ColumnFilter.js';
+import '../icons/Columns/Columns.js';
+import '../icons/Copy/Copy.js';
+import '../icons/Cross/Cross.js';
+import '../icons/Delete/Delete.js';
+import '../icons/Download/Download.js';
+import '../icons/Dropdown/DropdownIcon.js';
+import '../icons/Edit/Edit.js';
+import '../icons/Filter/Filter.js';
+import '../icons/FlowChart/FlowChart.js';
+import '../icons/fullScreen/FullScreen.js';
+import '../icons/HalfShade/HalfShade.js';
+import Home from '../icons/Home/Home.js';
+import '../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../icons/Nut/Nut.js';
+import '../icons/Plus/Plus.js';
+import '../icons/RadioIcon/RadioIcon.js';
+import '../icons/Refresh/Refresh.js';
+import '../icons/Reset/Reset.js';
+import '../icons/Server/Server.js';
+import '../icons/Tick/Tick.js';
+import '../icons/View/View.js';
+import Link from '../link/Link.js';
+import modules_651f50a9 from './Breadcrumbs.module.css.js';
+import { exports as propTypesExports } from '../../../_virtual/index.js';
+
+var BreadCrumbs = function BreadCrumbs(props) {
+  var crumbs = props.crumbs,
+    maxItems = props.maxItems,
+    itemsBeforeCollapse = props.itemsBeforeCollapse,
+    itemsAfterCollapse = props.itemsAfterCollapse,
+    linkComponent = props.linkComponent,
+    onBackClick = props.onBackClick,
+    onHomeClick = props.onHomeClick,
+    homeTitle = props.homeTitle,
+    className = props.className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+
+  // let href = `/${crumbs?.[0]?.path}`;
+  var crumbsList = crumbs === null || crumbs === void 0 ? void 0 : crumbs.slice(1);
+  var CrumbsDOM = crumbsList !== null && crumbsList.map(function (crumb, index) {
+    var title = crumb.title,
+      value = crumb.value,
+      icon = crumb.icon,
+      navigate = crumb.navigate,
+      _crumb$isDisabled = crumb.isDisabled,
+      isDisabled = _crumb$isDisabled === void 0 ? false : _crumb$isDisabled;
+    var active = index === crumbsList.length - 1;
+    var showSeparator = index < crumbsList.length - 1;
+    return /*#__PURE__*/jsxs(React__default.Fragment, {
+      children: [/*#__PURE__*/jsxs(Link, {
+        underline: "none",
+        onClick: !isDisabled ? navigate : null,
+        className: classes(modules_651f50a9.crumb, active ? modules_651f50a9.active : ''),
+        dataAttrs: {
+          'data-state': active
+        },
+        component: !active ? linkComponent : 'span',
+        stroke: !active ? 'regular' : 'medium',
+        children: [icon && /*#__PURE__*/jsx("div", {
+          className: classes(modules_651f50a9.iconWrapper),
+          children: icon
+        }), title && /*#__PURE__*/jsxs("span", {
+          className: classes(modules_651f50a9.title),
+          children: [getSpacedDisplayName(title).replace(/-/g, ' '), " :"]
+        }), value && /*#__PURE__*/jsx("span", {
+          className: classes(modules_651f50a9.value),
+          children: getSpacedDisplayName(value).replace(/-/g, ' ')
+        })]
+      }), showSeparator && /*#__PURE__*/jsx(BreadcrumbSeparator, {
+        className: modules_651f50a9.separator
+      })]
+    }, title);
+  });
+
+  // const tempCrumbsDropList = crumbsList;
+  crumbsList.splice(0, 1);
+  crumbsList.splice(crumbsList.length - 1, 1);
+  var crumbsDropList = crumbsList.map(function (crumb) {
+    var title = crumb.title,
+      value = crumb.value,
+      navigate = crumb.navigate,
+      _crumb$isDisabled2 = crumb.isDisabled,
+      isDisabled = _crumb$isDisabled2 === void 0 ? false : _crumb$isDisabled2;
+    return /*#__PURE__*/jsx(React__default.Fragment, {
+      children: /*#__PURE__*/jsxs(Link, {
+        underline: "none",
+        onClick: !isDisabled ? navigate : null,
+        className: classes(modules_651f50a9['crumb-list']),
+        component: linkComponent,
+        stroke: "regular",
+        children: [title && /*#__PURE__*/jsxs("span", {
+          className: classes(modules_651f50a9.title),
+          children: [getSpacedDisplayName(title).replace(/-/g, ' '), " :"]
+        }), value && /*#__PURE__*/jsx("span", {
+          className: classes(modules_651f50a9.value),
+          children: getSpacedDisplayName(value).replace(/-/g, ' ')
+        })]
+      })
+    }, title);
+  });
+  if (crumbsList !== null && CrumbsDOM.length > maxItems) {
+    CrumbsDOM.splice(itemsBeforeCollapse, CrumbsDOM.length - (itemsAfterCollapse + itemsBeforeCollapse), /*#__PURE__*/jsxs(React__default.Fragment, {
+      children: [/*#__PURE__*/jsx(Button, {
+        className: modules_651f50a9.expand,
+        size: "auto",
+        color: "default",
+        title: "...",
+        ref: function ref(el) {
+          setAnchorEl(el);
+        },
+        onClick: function onClick() {
+          setExpand(function (prev) {
+            return !prev;
+          });
+        }
+      }), /*#__PURE__*/jsx(Popover, {
+        className: classes(modules_651f50a9.popover, modules_651f50a9['popover-light']),
+        anchorEl: anchorEl,
+        open: expand,
+        placement: "bottom-end",
+        setOpen: setExpand,
+        children: crumbsDropList
+      }), /*#__PURE__*/jsx(BreadcrumbSeparator, {
+        className: modules_651f50a9.separator
+      })]
+    }, 'expand'));
+  }
+  if ((crumbs === null || crumbs === void 0 ? void 0 : crumbs.length) <= 1) {
+    return /*#__PURE__*/jsx("div", {
+      className: classes(modules_651f50a9.root),
+      children: /*#__PURE__*/jsx(Button, {
+        size: "auto",
+        radius: "round",
+        className: classes(modules_651f50a9['crumb-actions'], modules_651f50a9.home, modules_651f50a9.highlight),
+        title: homeTitle,
+        leftComponent: function leftComponent() {
+          return /*#__PURE__*/jsx(Home, {
+            className: modules_651f50a9.icon,
+            position: "left"
+          });
+        }
+      })
+    });
+  }
+  return (crumbs === null || crumbs === void 0 ? void 0 : crumbs.length) > 1 && /*#__PURE__*/jsxs("div", {
+    className: classes(modules_651f50a9.root, className),
+    children: [/*#__PURE__*/jsx(Button, {
+      size: "auto",
+      radius: "round",
+      className: modules_651f50a9['crumb-actions'],
+      leftComponent: function leftComponent() {
+        return /*#__PURE__*/jsx(Arrow, {
+          className: modules_651f50a9.icon,
+          position: "left"
+        });
+      },
+      onClick: onBackClick
+    }), /*#__PURE__*/jsx(Button, {
+      size: "auto",
+      radius: "round",
+      className: classes(modules_651f50a9['crumb-actions'], modules_651f50a9.home),
+      leftComponent: function leftComponent() {
+        return /*#__PURE__*/jsx(Home, {
+          className: modules_651f50a9.icon,
+          position: "left"
+        });
+      },
+      title: homeTitle,
+      onClick: onHomeClick
+    }), /*#__PURE__*/jsx(BreadcrumbSeparator, {
+      className: modules_651f50a9.separator
+    }), CrumbsDOM]
+  });
+};
+BreadCrumbs.propTypes = {
+  crumbs: propTypesExports.arrayOf(propTypesExports.shape({
+    title: propTypesExports.string,
+    value: propTypesExports.string,
+    path: propTypesExports.string,
+    icon: propTypesExports.node
+  })),
+  maxItems: propTypesExports.number,
+  itemsBeforeCollapse: propTypesExports.number,
+  itemsAfterCollapse: propTypesExports.number,
+  linkComponent: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.element]),
+  homeTitle: propTypesExports.string,
+  className: propTypesExports.string
+};
+BreadCrumbs.defaultProps = {
+  crumbs: [],
+  maxItems: 2,
+  itemsBeforeCollapse: 1,
+  itemsAfterCollapse: 1,
+  linkComponent: 'a',
+  homeTitle: '',
+  className: ''
+};
+
+export { BreadCrumbs as default };
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/src/components/breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/breadcrumbs/Breadcrumbs.jsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { classes, getSpacedDisplayName } from '../../utils/utils';\nimport Button from '../buttons/button/Button';\nimport { Popover } from '../popover';\nimport { ArrowIcon, HomeIcon } from '../icons';\nimport BreadcrumbSeparator from '../icons/BreadcrumbSeperator/BreadcrumbSeperator';\nimport { Link } from '../link';\nimport styles from './Breadcrumbs.module.css';\n\nconst BreadCrumbs = (props) => {\n\tconst {\n\t\tcrumbs,\n\t\tmaxItems,\n\t\titemsBeforeCollapse,\n\t\titemsAfterCollapse,\n\t\tlinkComponent,\n\t\tonBackClick,\n\t\tonHomeClick,\n\t\thomeTitle,\n\t\tclassName,\n\t} = props;\n\n\tconst [expand, setExpand] = useState(false);\n\tconst [anchorEl, setAnchorEl] = useState(null);\n\n\t// let href = `/${crumbs?.[0]?.path}`;\n\tconst crumbsList = crumbs?.slice(1);\n\n\tconst CrumbsDOM =\n\t\tcrumbsList !== null &&\n\t\tcrumbsList.map((crumb, index) => {\n\t\t\tconst { title, value, icon, navigate, isDisabled = false } = crumb;\n\n\t\t\tconst active = index === crumbsList.length - 1;\n\t\t\tconst showSeparator = index < crumbsList.length - 1;\n\n\t\t\treturn (\n\t\t\t\t<React.Fragment key={title}>\n\t\t\t\t\t<Link\n\t\t\t\t\t\tunderline='none'\n\t\t\t\t\t\tonClick={!isDisabled ? navigate : null}\n\t\t\t\t\t\tclassName={classes(styles.crumb, active ? styles.active : '')}\n\t\t\t\t\t\tdataAttrs={{\n\t\t\t\t\t\t\t'data-state': active,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcomponent={!active ? linkComponent : 'span'}\n\t\t\t\t\t\tstroke={!active ? 'regular' : 'medium'}>\n\t\t\t\t\t\t{icon && <div className={classes(styles.iconWrapper)}>{icon}</div>}\n\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t<span className={classes(styles.title)}>\n\t\t\t\t\t\t\t\t{getSpacedDisplayName(title).replace(/-/g, ' ')} :\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{value && (\n\t\t\t\t\t\t\t<span className={classes(styles.value)}>\n\t\t\t\t\t\t\t\t{getSpacedDisplayName(value).replace(/-/g, ' ')}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Link>\n\t\t\t\t\t{showSeparator && <BreadcrumbSeparator className={styles.separator} />}\n\t\t\t\t</React.Fragment>\n\t\t\t);\n\t\t});\n\n\t// const tempCrumbsDropList = crumbsList;\n\tcrumbsList.splice(0, 1);\n\tcrumbsList.splice(crumbsList.length - 1, 1);\n\n\tconst crumbsDropList = crumbsList.map((crumb) => {\n\t\tconst { title, value, navigate, isDisabled = false } = crumb;\n\n\t\treturn (\n\t\t\t<React.Fragment key={title}>\n\t\t\t\t<Link\n\t\t\t\t\tunderline='none'\n\t\t\t\t\tonClick={!isDisabled ? navigate : null}\n\t\t\t\t\tclassName={classes(styles['crumb-list'])}\n\t\t\t\t\tcomponent={linkComponent}\n\t\t\t\t\tstroke='regular'>\n\t\t\t\t\t{title && (\n\t\t\t\t\t\t<span className={classes(styles.title)}>\n\t\t\t\t\t\t\t{getSpacedDisplayName(title).replace(/-/g, ' ')} :\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t{value && (\n\t\t\t\t\t\t<span className={classes(styles.value)}>\n\t\t\t\t\t\t\t{getSpacedDisplayName(value).replace(/-/g, ' ')}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</Link>\n\t\t\t</React.Fragment>\n\t\t);\n\t});\n\n\tif (crumbsList !== null && CrumbsDOM.length > maxItems) {\n\t\tCrumbsDOM.splice(\n\t\t\titemsBeforeCollapse,\n\t\t\tCrumbsDOM.length - (itemsAfterCollapse + itemsBeforeCollapse),\n\t\t\t<React.Fragment key='expand'>\n\t\t\t\t<Button\n\t\t\t\t\tclassName={styles.expand}\n\t\t\t\t\tsize='auto'\n\t\t\t\t\tcolor='default'\n\t\t\t\t\ttitle='...'\n\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\tsetAnchorEl(el);\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetExpand((prev) => {\n\t\t\t\t\t\t\treturn !prev;\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Popover\n\t\t\t\t\tclassName={classes(styles.popover, styles['popover-light'])}\n\t\t\t\t\tanchorEl={anchorEl}\n\t\t\t\t\topen={expand}\n\t\t\t\t\tplacement='bottom-end'\n\t\t\t\t\tsetOpen={setExpand}>\n\t\t\t\t\t{crumbsDropList}\n\t\t\t\t</Popover>\n\t\t\t\t<BreadcrumbSeparator className={styles.separator} />\n\t\t\t</React.Fragment>\n\t\t);\n\t}\n\n\tif (crumbs?.length <= 1) {\n\t\treturn (\n\t\t\t<div className={classes(styles.root)}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='auto'\n\t\t\t\t\tradius='round'\n\t\t\t\t\tclassName={classes(styles['crumb-actions'], styles.home, styles.highlight)}\n\t\t\t\t\ttitle={homeTitle}\n\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\treturn <HomeIcon className={styles.icon} position='left' />;\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\tcrumbs?.length > 1 && (\n\t\t\t<div className={classes(styles.root, className)}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='auto'\n\t\t\t\t\tradius='round'\n\t\t\t\t\tclassName={styles['crumb-actions']}\n\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\treturn <ArrowIcon className={styles.icon} position='left' />;\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={onBackClick}\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\tsize='auto'\n\t\t\t\t\tradius='round'\n\t\t\t\t\tclassName={classes(styles['crumb-actions'], styles.home)}\n\t\t\t\t\tleftComponent={() => {\n\t\t\t\t\t\treturn <HomeIcon className={styles.icon} position='left' />;\n\t\t\t\t\t}}\n\t\t\t\t\ttitle={homeTitle}\n\t\t\t\t\tonClick={onHomeClick}\n\t\t\t\t/>\n\t\t\t\t<BreadcrumbSeparator className={styles.separator} />\n\t\t\t\t{CrumbsDOM}\n\t\t\t</div>\n\t\t)\n\t);\n};\n\nBreadCrumbs.propTypes = {\n\tcrumbs: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\ttitle: PropTypes.string,\n\t\t\tvalue: PropTypes.string,\n\t\t\tpath: PropTypes.string,\n\t\t\ticon: PropTypes.node,\n\t\t})\n\t),\n\tmaxItems: PropTypes.number,\n\titemsBeforeCollapse: PropTypes.number,\n\titemsAfterCollapse: PropTypes.number,\n\tlinkComponent: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n\thomeTitle: PropTypes.string,\n\tclassName: PropTypes.string,\n};\n\nBreadCrumbs.defaultProps = {\n\tcrumbs: [],\n\tmaxItems: 2,\n\titemsBeforeCollapse: 1,\n\titemsAfterCollapse: 1,\n\tlinkComponent: 'a',\n\thomeTitle: '',\n\tclassName: '',\n};\n\nexport default BreadCrumbs;\n"],"names":["BreadCrumbs","props","crumbs","maxItems","itemsBeforeCollapse","itemsAfterCollapse","linkComponent","onBackClick","onHomeClick","homeTitle","className","_useState","useState","_useState2","_slicedToArray","expand","setExpand","_useState3","_useState4","anchorEl","setAnchorEl","crumbsList","slice","CrumbsDOM","map","crumb","index","title","value","icon","navigate","_crumb$isDisabled","isDisabled","active","length","showSeparator","_jsxs","React","Fragment","children","Link","underline","onClick","classes","styles","dataAttrs","component","stroke","_jsx","iconWrapper","getSpacedDisplayName","replace","BreadcrumbSeparator","separator","splice","crumbsDropList","_crumb$isDisabled2","Button","size","color","ref","el","prev","Popover","popover","open","placement","setOpen","root","radius","home","highlight","leftComponent","HomeIcon","position","ArrowIcon","propTypes","PropTypes","arrayOf","shape","string","path","node","number","oneOfType","element","defaultProps"],"mappings":"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"}

package/dist/esm/src/components/breadcrumbs/Breadcrumbs.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Breadcrumbs_module_root__b3226ed9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 1rem;\n  width: auto;\n  overflow: auto;\n  width: 100%;\n}\n.Breadcrumbs_module_root__b3226ed9 [data-elem=breadcrumb-separator-icon] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  stroke: var(--text-color);\n  fill: var(--text-color);\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] {\n  background: var(--grey6);\n  color: var(--text-color);\n  height: 0.75rem;\n  padding: 0.25rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] [data-elem=title] {\n  margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] {\n  height: 2rem;\n  width: 2rem;\n  background-color: var(--mono-color1) !important;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] > [data-elem=component1] > svg {\n  margin-left: 0.125rem;\n  fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] .Breadcrumbs_module_icon__b3226ed9 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 {\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 4px;\n  background-color: var(--mono-color2) !important;\n  color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 {\n  background-color: var(--mono-color1) !important;\n  color: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.5rem;\n  border-radius: 0.25rem;\n  background: var(--mono-color2);\n  font-weight: 500;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9:hover:not(.Breadcrumbs_module_active__b3226ed9) {\n  cursor: pointer;\n  background: var(--light-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 {\n  background-color: var(--mono-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n  color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n  color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n  fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n  color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n  color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  height: 1rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n  fill: var(--primary-color4);\n}\n\ndiv.Breadcrumbs_module_popover__b3226ed9 {\n  height: auto;\n  width: auto;\n  padding: 0.07rem 0.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 [data-elem=placeholder] {\n  font-size: 0.875rem;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.5rem;\n  border-radius: 0.25rem;\n  background: transparent;\n  font-weight: 500;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9:hover {\n  cursor: pointer;\n  background: var(--light-color1);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n  color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n  color: var(--text-color);\n}\n\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 {\n  background: var(--white) !important;\n  border-color: var(--white) !important;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 [data-elem=placeholder] {\n  color: var(--white);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 > svg {\n  fill: var(--dark-grey);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] {\n  flex: 1;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] .Breadcrumbs_module_contentLight__b3226ed9 {\n  color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 {\n  color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 button.Breadcrumbs_module_optionLight__b3226ed9 {\n  color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 .Breadcrumbs_module_expandIconLight__b3226ed9 {\n  fill: var(--dark-grey);\n}";
+var modules_651f50a9 = {"root":"Breadcrumbs_module_root__b3226ed9","expand":"Breadcrumbs_module_expand__b3226ed9","crumb-actions":"Breadcrumbs_module_crumbActions__b3226ed9","icon":"Breadcrumbs_module_icon__b3226ed9","home":"Breadcrumbs_module_home__b3226ed9","highlight":"Breadcrumbs_module_highlight__b3226ed9","crumb":"Breadcrumbs_module_crumb__b3226ed9","active":"Breadcrumbs_module_active__b3226ed9","title":"Breadcrumbs_module_title__b3226ed9","value":"Breadcrumbs_module_value__b3226ed9","iconWrapper":"Breadcrumbs_module_iconWrapper__b3226ed9","popover":"Breadcrumbs_module_popover__b3226ed9","crumb-list":"Breadcrumbs_module_crumbList__b3226ed9","popover-light":"Breadcrumbs_module_popoverLight__b3226ed9","body-light":"Breadcrumbs_module_bodyLight__b3226ed9","content-light":"Breadcrumbs_module_contentLight__b3226ed9","option-light":"Breadcrumbs_module_optionLight__b3226ed9","expand-icon-light":"Breadcrumbs_module_expandIconLight__b3226ed9"};
+n(css,{});
+
+export { css, modules_651f50a9 as default };
+//# sourceMappingURL=Breadcrumbs.module.css.js.map

package/dist/esm/src/components/breadcrumbs/Breadcrumbs.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/breadcrumbsv2/Breadcrumbs.js

@@ -0,0 +1,148 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../node_modules/prop-types/index.js';
+import { useState } from 'react';
+import { classes } from '../../utils/utils.js';
+import Button from '../buttons/button/Button.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../icons/AngleDouble/AngleDouble.js';
+import '../icons/Arrow/Arrow.js';
+import '../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../icons/Calender/Calender.js';
+import Caret from '../icons/Caret/Caret.js';
+import '../icons/CheckboxIcon/CheckboxIcon.js';
+import '../icons/Chevron/Chevron.js';
+import '../icons/ColumnFilter/ColumnFilter.js';
+import '../icons/Columns/Columns.js';
+import '../icons/Copy/Copy.js';
+import '../icons/Cross/Cross.js';
+import '../icons/Delete/Delete.js';
+import '../icons/Download/Download.js';
+import '../icons/Dropdown/DropdownIcon.js';
+import '../icons/Edit/Edit.js';
+import '../icons/Filter/Filter.js';
+import '../icons/FlowChart/FlowChart.js';
+import '../icons/fullScreen/FullScreen.js';
+import '../icons/HalfShade/HalfShade.js';
+import '../icons/Home/Home.js';
+import '../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../icons/Nut/Nut.js';
+import '../icons/Plus/Plus.js';
+import '../icons/RadioIcon/RadioIcon.js';
+import '../icons/Refresh/Refresh.js';
+import '../icons/Reset/Reset.js';
+import '../icons/Server/Server.js';
+import '../icons/Tick/Tick.js';
+import '../icons/View/View.js';
+import Link from '../link/Link.js';
+import Popover from '../popover/Popover.js';
+import modules_651f50a9 from './Breadcrumbs.module.css.js';
+import { exports as propTypesExports } from '../../../_virtual/index.js';
+
+var BreadCrumbs = function BreadCrumbs(props) {
+  var _crumbs, _crumbs2, _crumbs3;
+  var _props$crumbs = props.crumbs,
+    crumbs = _props$crumbs === void 0 ? [] : _props$crumbs,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  if (!crumbs || crumbs.length === 0) {
+    return null;
+  }
+  var CrumbsDOM = crumbs.map(function () {
+    var crumb = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var index = arguments.length > 1 ? arguments[1] : undefined;
+    var title = crumb.title,
+      value = crumb.value,
+      icon = crumb.icon,
+      navigate = crumb.navigate,
+      _crumb$isDisabled = crumb.isDisabled,
+      isDisabled = _crumb$isDisabled === void 0 ? false : _crumb$isDisabled;
+    var active = index === crumbs.length - 1;
+    return /*#__PURE__*/jsxs(Link, {
+      underline: "none",
+      onClick: !isDisabled ? navigate : null,
+      className: classes(modules_651f50a9['crumb-list'], active ? modules_651f50a9.active : ''),
+      dataAttrs: {
+        'data-state': active
+      },
+      children: [/*#__PURE__*/jsxs("div", {
+        className: modules_651f50a9.left,
+        children: [icon && /*#__PURE__*/jsx("div", {
+          className: classes(modules_651f50a9.iconWrapper),
+          children: icon
+        }), value && /*#__PURE__*/jsxs("span", {
+          className: modules_651f50a9.value,
+          children: [title && "".concat(title, ": "), value]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: modules_651f50a9.right,
+        children: [index === 0 && /*#__PURE__*/jsx("div", {
+          className: modules_651f50a9.circle
+        }), index !== 0 && index !== crumbs.length - 1 && /*#__PURE__*/jsx("div", {
+          className: modules_651f50a9['circle-dropdown'],
+          children: /*#__PURE__*/jsx(Caret, {
+            className: modules_651f50a9.icon
+          })
+        }), index === crumbs.length - 1 && /*#__PURE__*/jsx("div", {
+          className: modules_651f50a9['circle-filled']
+        })]
+      })]
+    }, crumb);
+  });
+  var icon = (_crumbs = crumbs[crumbs.length - 1]) === null || _crumbs === void 0 ? void 0 : _crumbs.icon;
+  return /*#__PURE__*/jsxs("div", {
+    className: classes(modules_651f50a9.root, className),
+    children: [/*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+      ref: setAnchorEl,
+      onClick: function onClick() {
+        if (crumbs.length > 1) {
+          setExpand(function (prev) {
+            return !prev;
+          });
+        }
+      },
+      className: classes(modules_651f50a9.selected, expand ? modules_651f50a9.expand : '', icon ? modules_651f50a9.gap : '')
+    }, icon && {
+      leftComponent: function leftComponent() {
+        return /*#__PURE__*/jsx("div", {
+          className: classes(modules_651f50a9.iconWrapper),
+          children: icon
+        });
+      }
+    }), {}, {
+      title: "".concat((_crumbs2 = crumbs[crumbs.length - 1]) === null || _crumbs2 === void 0 ? void 0 : _crumbs2.title, " : ").concat((_crumbs3 = crumbs[crumbs.length - 1]) === null || _crumbs3 === void 0 ? void 0 : _crumbs3.value),
+      rightComponent: function rightComponent() {
+        return /*#__PURE__*/jsx(Caret, {
+          className: classes(modules_651f50a9.icon, expand && modules_651f50a9.expand),
+          upDown: true
+        });
+      }
+    })), /*#__PURE__*/jsx(Popover, {
+      className: classes(modules_651f50a9.popover),
+      anchorEl: anchorEl,
+      open: expand,
+      placement: "bottom-start",
+      setOpen: setExpand,
+      children: CrumbsDOM
+    })]
+  });
+};
+BreadCrumbs.propTypes = {
+  crumbs: propTypesExports.arrayOf(propTypesExports.shape({
+    title: propTypesExports.string,
+    value: propTypesExports.string,
+    path: propTypesExports.string,
+    icon: propTypesExports.node
+  })),
+  className: propTypesExports.string
+};
+
+export { BreadCrumbs as default };
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/src/components/breadcrumbsv2/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/breadcrumbsv2/Breadcrumbs.jsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { classes } from '../../utils/utils';\nimport Button from '../buttons/button/Button';\nimport { CaretIcon } from '../icons';\nimport { Link } from '../link';\nimport { Popover } from '../popover';\nimport styles from './Breadcrumbs.module.css';\n\nconst BreadCrumbs = (props) => {\n\tconst { crumbs = [], className = '' } = props;\n\n\tconst [expand, setExpand] = useState(false);\n\tconst [anchorEl, setAnchorEl] = useState(null);\n\n\tif (!crumbs || crumbs.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst CrumbsDOM = crumbs.map((crumb = {}, index) => {\n\t\tconst { title, value, icon, navigate, isDisabled = false } = crumb;\n\t\tconst active = index === crumbs.length - 1;\n\n\t\treturn (\n\t\t\t<Link\n\t\t\t\tunderline='none'\n\t\t\t\tkey={crumb}\n\t\t\t\tonClick={!isDisabled ? navigate : null}\n\t\t\t\tclassName={classes(styles['crumb-list'], active ? styles.active : '')}\n\t\t\t\tdataAttrs={{\n\t\t\t\t\t'data-state': active,\n\t\t\t\t}}>\n\t\t\t\t<div className={styles.left}>\n\t\t\t\t\t{icon && <div className={classes(styles.iconWrapper)}>{icon}</div>}\n\t\t\t\t\t{value && (\n\t\t\t\t\t\t<span className={styles.value}>\n\t\t\t\t\t\t\t{title && `${title}: `}\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.right}>\n\t\t\t\t\t{index === 0 && <div className={styles.circle} />}\n\t\t\t\t\t{index !== 0 && index !== crumbs.length - 1 && (\n\t\t\t\t\t\t<div className={styles['circle-dropdown']}>\n\t\t\t\t\t\t\t<CaretIcon className={styles.icon} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{index === crumbs.length - 1 && <div className={styles['circle-filled']} />}\n\t\t\t\t</div>\n\t\t\t</Link>\n\t\t);\n\t});\n\n\tconst icon = crumbs[crumbs.length - 1]?.icon;\n\n\treturn (\n\t\t<div className={classes(styles.root, className)}>\n\t\t\t<Button\n\t\t\t\tref={setAnchorEl}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (crumbs.length > 1) {\n\t\t\t\t\t\tsetExpand((prev) => {\n\t\t\t\t\t\t\treturn !prev;\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tclassName={classes(\n\t\t\t\t\tstyles.selected,\n\t\t\t\t\texpand ? styles.expand : '',\n\t\t\t\t\ticon ? styles.gap : ''\n\t\t\t\t)}\n\t\t\t\t{...(icon && {\n\t\t\t\t\tleftComponent: () => {\n\t\t\t\t\t\treturn <div className={classes(styles.iconWrapper)}>{icon}</div>;\n\t\t\t\t\t},\n\t\t\t\t})}\n\t\t\t\ttitle={`${crumbs[crumbs.length - 1]?.title} : ${crumbs[crumbs.length - 1]?.value}`}\n\t\t\t\trightComponent={() => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CaretIcon\n\t\t\t\t\t\t\tclassName={classes(styles.icon, expand && styles.expand)}\n\t\t\t\t\t\t\tupDown\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<Popover\n\t\t\t\tclassName={classes(styles.popover)}\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={expand}\n\t\t\t\tplacement='bottom-start'\n\t\t\t\tsetOpen={setExpand}>\n\t\t\t\t{CrumbsDOM}\n\t\t\t</Popover>\n\t\t</div>\n\t);\n};\n\nBreadCrumbs.propTypes = {\n\tcrumbs: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\ttitle: PropTypes.string,\n\t\t\tvalue: PropTypes.string,\n\t\t\tpath: PropTypes.string,\n\t\t\ticon: PropTypes.node,\n\t\t})\n\t),\n\tclassName: PropTypes.string,\n};\n\nexport default BreadCrumbs;\n"],"names":["BreadCrumbs","props","_crumbs","_crumbs2","_crumbs3","_props$crumbs","crumbs","_props$className","className","_useState","useState","_useState2","_slicedToArray","expand","setExpand","_useState3","_useState4","anchorEl","setAnchorEl","length","CrumbsDOM","map","crumb","arguments","undefined","index","title","value","icon","navigate","_crumb$isDisabled","isDisabled","active","_jsxs","Link","underline","onClick","classes","styles","dataAttrs","children","left","_jsx","iconWrapper","concat","right","circle","CaretIcon","root","Button","_objectSpread","ref","prev","selected","gap","leftComponent","rightComponent","upDown","Popover","popover","open","placement","setOpen","propTypes","PropTypes","arrayOf","shape","string","path","node"],"mappings":"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"}

package/dist/esm/src/components/breadcrumbsv2/Breadcrumbs.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".Breadcrumbs_module_root__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  width: auto;\n  max-width: 17rem;\n  border: 0.0313rem solid transparent;\n  background: var(--light-color2);\n  padding: 0.625rem 0.75rem;\n  gap: 0rem;\n  border-radius: 0.25rem;\n  border: 0.0938rem solid transparent;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_expand__a12d45a5 {\n  border: 0.0938rem solid var(--secondary-color2);\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 > svg {\n  width: 1rem;\n  height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] > [data-elem=title] {\n  font-size: 0.875rem;\n  color: var(--text-color);\n  line-height: 1.3125rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_gap__a12d45a5 > [data-elem=component2] {\n  margin-left: 0.7775rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] {\n  margin-left: 1.785rem;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5 {\n  width: 1rem;\n  height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5.Breadcrumbs_module_expand__a12d45a5 path {\n  stroke: var(--secondary-color2);\n}\n\ndiv.Breadcrumbs_module_popover__a12d45a5 {\n  height: auto;\n  padding: 0.75rem 0.625rem 0rem 0.625rem;\n  background: var(--white) !important;\n  border-color: var(--white) !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.5rem 0.75rem;\n  margin-bottom: 0.625rem;\n  border-radius: 0.125rem;\n  border: 0.0313rem solid var(--side-bar-icon2);\n  font-weight: 500;\n  color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5:hover {\n  cursor: pointer;\n  background: var(--light-color2);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5.Breadcrumbs_module_active__a12d45a5 {\n  background: var(--background-color5);\n  border: 0.0313rem solid transparent;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.625rem;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_iconWrapper__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_value__a12d45a5 {\n  color: var(--text-color);\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circle__a12d45a5 {\n  width: 12px;\n  height: 12px;\n  border: 1.5px solid var(--secondary-color2);\n  background-color: white;\n  border-radius: 50%;\n  z-index: 1000;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: flex-end;\n  width: 12px;\n  height: 12px;\n  border: 1.5px solid var(--secondary-color2);\n  background-color: var(--white);\n  border-radius: 50%;\n  z-index: 101;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 {\n  margin-right: 1.8px;\n  margin-bottom: 1.4px;\n  transform: rotate(180deg);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 > path {\n  fill: var(--secondary-color2);\n  stroke: var(--secondary-color2);\n  stroke-width: 0.2rem;\n  stroke-linecap: round !important;\n  stroke-linejoin: round;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5::before {\n  content: \"\";\n  width: 0%;\n  height: 26px;\n  border-left: 1.5px dashed var(--secondary-color2);\n  position: relative;\n  bottom: 100%;\n  right: -3.6px;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 12px;\n  height: 12px;\n  border: 1.5px solid var(--secondary-color2);\n  background-color: var(--secondary-color2);\n  border-radius: 50%;\n  z-index: 100;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5::before {\n  content: \"\";\n  width: 0%;\n  height: 40px;\n  border-left: 1.5px solid var(--secondary-color2);\n  position: relative;\n  bottom: 200%;\n  right: -3.6px;\n}";
+var modules_651f50a9 = {"root":"Breadcrumbs_module_root__a12d45a5","selected":"Breadcrumbs_module_selected__a12d45a5","expand":"Breadcrumbs_module_expand__a12d45a5","iconWrapper":"Breadcrumbs_module_iconWrapper__a12d45a5","gap":"Breadcrumbs_module_gap__a12d45a5","icon":"Breadcrumbs_module_icon__a12d45a5","popover":"Breadcrumbs_module_popover__a12d45a5","crumb-list":"Breadcrumbs_module_crumbList__a12d45a5","active":"Breadcrumbs_module_active__a12d45a5","left":"Breadcrumbs_module_left__a12d45a5","value":"Breadcrumbs_module_value__a12d45a5","right":"Breadcrumbs_module_right__a12d45a5","circle":"Breadcrumbs_module_circle__a12d45a5","circle-dropdown":"Breadcrumbs_module_circleDropdown__a12d45a5","circle-filled":"Breadcrumbs_module_circleFilled__a12d45a5"};
+n(css,{});
+
+export { css, modules_651f50a9 as default };
+//# sourceMappingURL=Breadcrumbs.module.css.js.map

package/dist/esm/src/components/breadcrumbsv2/Breadcrumbs.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/buttons/baseButton/BaseButton.js

@@ -0,0 +1,70 @@
+import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../node_modules/prop-types/index.js';
+import { forwardRef } from 'react';
+import { classes } from '../../../utils/utils.js';
+import { BaseCell } from '../../cell/BaseCell.js';
+import '../../cell/BaseCell.types.js';
+import modules_ab72627b from './BaseButton.module.css.js';
+import { jsx } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+
+var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    component1 = props.component1,
+    title = props.title,
+    component3 = props.component3,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'sm' : _props$size,
+    flexible = props.flexible,
+    _props$radius = props.radius,
+    radius = _props$radius === void 0 ? 'default' : _props$radius,
+    disabled = props.disabled,
+    id = props.id,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'submit' : _props$type,
+    _props$onClick = props.onClick,
+    _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
+    _props$blurOnClick = props.blurOnClick,
+    blurOnClick = _props$blurOnClick === void 0 ? true : _props$blurOnClick,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'contained' : _props$variant;
+  var Title = title && /*#__PURE__*/jsx("span", {
+    "data-elem": "title",
+    children: title
+  });
+  return /*#__PURE__*/jsx(BaseCell, {
+    className: classes(modules_ab72627b.root, modules_ab72627b[variant], className),
+    ref: ref,
+    component1: component1,
+    component2: Title,
+    component3: component3,
+    flexible: flexible,
+    radius: radius,
+    size: size,
+    attrs: {
+      disabled: disabled,
+      type: type,
+      id: id,
+      onClick: function onClick(event) {
+        if (blurOnClick) {
+          var _event$currentTarget;
+          event === null || event === void 0 || (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || _event$currentTarget.blur();
+        }
+        _onClick(event);
+      }
+    },
+    RootDOM: "button"
+  });
+});
+BaseButton.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
+  title: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  type: propTypesExports.oneOf(['button', 'submit', 'reset']),
+  onClick: propTypesExports.func,
+  blurOnClick: propTypesExports.bool,
+  variant: propTypesExports.oneOf(['contained', 'outlined', 'text'])
+});
+
+export { BaseButton as default };
+//# sourceMappingURL=BaseButton.js.map

package/dist/esm/src/components/buttons/baseButton/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../src/components/buttons/baseButton/BaseButton.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { forwardRef } from 'react';\nimport { classes } from '../../../utils';\nimport { BaseCell } from '../../cell';\nimport styles from './BaseButton.module.css';\n\n// eslint-disable-next-line prefer-arrow-callback\nconst BaseButton = forwardRef(function BaseButton(props, ref) {\n\tconst {\n\t\tclassName = '',\n\t\tcomponent1,\n\t\ttitle,\n\t\tcomponent3,\n\t\tsize = 'sm',\n\t\tflexible,\n\t\tradius = 'default',\n\t\tdisabled,\n\t\tid,\n\t\ttype = 'submit',\n\t\tonClick = () => {},\n\t\tblurOnClick = true,\n\t\tvariant = 'contained',\n\t} = props;\n\n\tconst Title = title && <span data-elem='title'>{title}</span>;\n\n\treturn (\n\t\t<BaseCell\n\t\t\tclassName={classes(styles.root, styles[variant], className)}\n\t\t\t{...{\n\t\t\t\tref,\n\t\t\t\tcomponent1,\n\t\t\t\tcomponent2: Title,\n\t\t\t\tcomponent3,\n\t\t\t\tflexible,\n\t\t\t\tradius,\n\t\t\t\tsize,\n\t\t\t}}\n\t\t\tattrs={{\n\t\t\t\tdisabled,\n\t\t\t\ttype,\n\t\t\t\tid,\n\t\t\t\tonClick: (event) => {\n\t\t\t\t\tif (blurOnClick) {\n\t\t\t\t\t\tevent?.currentTarget?.blur();\n\t\t\t\t\t}\n\t\t\t\t\tonClick(event);\n\t\t\t\t},\n\t\t\t}}\n\t\t\tRootDOM='button'\n\t\t/>\n\t);\n});\n\nBaseButton.propTypes = {\n\t...BaseCell.propTypes,\n\ttitle: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\ttype: PropTypes.oneOf(['button', 'submit', 'reset']),\n\tonClick: PropTypes.func,\n\tblurOnClick: PropTypes.bool,\n\tvariant: PropTypes.oneOf(['contained', 'outlined', 'text']),\n};\n\nexport default BaseButton;\n"],"names":["BaseButton","forwardRef","props","ref","_props$className","className","component1","title","component3","_props$size","size","flexible","_props$radius","radius","disabled","id","_props$type","type","_props$onClick","onClick","_props$blurOnClick","blurOnClick","_props$variant","variant","Title","_jsx","children","BaseCell","classes","styles","root","component2","attrs","event","_event$currentTarget","currentTarget","blur","RootDOM","propTypes","_objectSpread","PropTypes","string","bool","oneOf","func"],"mappings":"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"}

package/dist/esm/src/components/buttons/baseButton/BaseButton.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = "button.BaseButton_module_root__c1cc92c2[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  border: none;\n  background: none;\n  padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell]:focus {\n  outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell]:active {\n  outline: none;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell]:disabled {\n  cursor: not-allowed;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_contained__c1cc92c2 {\n  background: var(--text-color);\n  color: var(--light-color3);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_outlined__c1cc92c2 {\n  color: var(--text-color);\n  border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_text__c1cc92c2 {\n  color: var(--text-color);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell] [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell] [data-elem=component2] {\n  min-width: 0;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell] [data-elem=title] {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}";
+var modules_ab72627b = {"root":"BaseButton_module_root__c1cc92c2","contained":"BaseButton_module_contained__c1cc92c2","outlined":"BaseButton_module_outlined__c1cc92c2","text":"BaseButton_module_text__c1cc92c2"};
+n(css,{});
+
+export { css, modules_ab72627b as default };
+//# sourceMappingURL=BaseButton.module.css.js.map

package/dist/esm/src/components/buttons/baseButton/BaseButton.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}