@banyan_cloud/roots 1.0.152 → 1.0.154

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -5344,7 +5344,7 @@ var BreadcrumbSeperator = function BreadcrumbSeperator(props) {
5344
5344
  stroke: "black",
5345
5345
  xmlns: "http://www.w3.org/2000/svg",
5346
5346
  children: /*#__PURE__*/jsx("path", {
5347
- d: "M7.53998 6.28955L1.87998 0.639548C1.78702 0.54582 1.67642 0.471426 1.55456 0.420657C1.4327 0.369888 1.30199 0.34375 1.16998 0.34375C1.03797 0.34375 0.907264 0.369888 0.785405 0.420657C0.663546 0.471426 0.552945 0.54582 0.459982 0.639548C0.273731 0.826911 0.169189 1.08036 0.169189 1.34455C0.169189 1.60873 0.273731 1.86219 0.459982 2.04955L5.40998 7.04955L0.459982 11.9995C0.273731 12.1869 0.169189 12.4404 0.169189 12.7045C0.169189 12.9687 0.273731 13.2222 0.459982 13.4095C0.552597 13.504 0.663042 13.5792 0.784917 13.6307C0.906792 13.6822 1.03767 13.709 1.16998 13.7095C1.30229 13.709 1.43317 13.6822 1.55505 13.6307C1.67692 13.5792 1.78737 13.504 1.87998 13.4095L7.53998 7.75955C7.64149 7.66591 7.7225 7.55225 7.7779 7.42576C7.83331 7.29926 7.86191 7.16265 7.86191 7.02455C7.86191 6.88645 7.83331 6.74984 7.7779 6.62334C7.7225 6.49684 7.64149 6.38319 7.53998 6.28955Z",
5347
+ d: "M15.54 11.29L9.87998 5.64001C9.78702 5.54628 9.67642 5.47188 9.55456 5.42111C9.4327 5.37035 9.30199 5.34421 9.16998 5.34421C9.03797 5.34421 8.90726 5.37035 8.78541 5.42111C8.66355 5.47188 8.55294 5.54628 8.45998 5.64001C8.27373 5.82737 8.16919 6.08082 8.16919 6.34501C8.16919 6.60919 8.27373 6.86264 8.45998 7.05001L13.41 12.05L8.45998 17C8.27373 17.1874 8.16919 17.4408 8.16919 17.705C8.16919 17.9692 8.27373 18.2226 8.45998 18.41C8.5526 18.5045 8.66304 18.5797 8.78492 18.6312C8.90679 18.6827 9.03767 18.7095 9.16998 18.71C9.30229 18.7095 9.43317 18.6827 9.55505 18.6312C9.67692 18.5797 9.78737 18.5045 9.87998 18.41L15.54 12.76C15.6415 12.6664 15.7225 12.5527 15.7779 12.4262C15.8333 12.2997 15.8619 12.1631 15.8619 12.025C15.8619 11.8869 15.8333 11.7503 15.7779 11.6238C15.7225 11.4973 15.6415 11.3836 15.54 11.29Z",
5348
5348
  fill: "#141920"
5349
5349
  })
5350
5350
  });
@@ -5590,7 +5590,7 @@ var Server = function Server(props) {
5590
5590
  width: "16",
5591
5591
  height: "16",
5592
5592
  viewBox: "0 0 16 16",
5593
- fill: "#333333",
5593
+ fill: "#0f62fe",
5594
5594
  xmlns: "http://www.w3.org/2000/svg",
5595
5595
  children: /*#__PURE__*/jsx("path", {
5596
5596
  d: "M9.99998 11.3333C9.86812 11.3333 9.73923 11.3724 9.6296 11.4457C9.51997 11.5189 9.43452 11.623 9.38406 11.7449C9.3336 11.8667 9.3204 12.0007 9.34612 12.13C9.37185 12.2594 9.43534 12.3781 9.52857 12.4714C9.62181 12.5646 9.7406 12.6281 9.86992 12.6538C9.99924 12.6796 10.1333 12.6664 10.2551 12.6159C10.3769 12.5654 10.481 12.48 10.5543 12.3704C10.6275 12.2607 10.6666 12.1318 10.6666 12C10.6666 11.8232 10.5964 11.6536 10.4714 11.5286C10.3464 11.4036 10.1768 11.3333 9.99998 11.3333ZM5.99998 11.3333H3.99998C3.82317 11.3333 3.6536 11.4036 3.52858 11.5286C3.40355 11.6536 3.33331 11.8232 3.33331 12C3.33331 12.1768 3.40355 12.3464 3.52858 12.4714C3.6536 12.5964 3.82317 12.6666 3.99998 12.6666H5.99998C6.17679 12.6666 6.34636 12.5964 6.47138 12.4714C6.59641 12.3464 6.66665 12.1768 6.66665 12C6.66665 11.8232 6.59641 11.6536 6.47138 11.5286C6.34636 11.4036 6.17679 11.3333 5.99998 11.3333ZM12 11.3333C11.8681 11.3333 11.7392 11.3724 11.6296 11.4457C11.52 11.5189 11.4345 11.623 11.3841 11.7449C11.3336 11.8667 11.3204 12.0007 11.3461 12.13C11.3718 12.2594 11.4353 12.3781 11.5286 12.4714C11.6218 12.5646 11.7406 12.6281 11.8699 12.6538C11.9992 12.6796 12.1333 12.6664 12.2551 12.6159C12.3769 12.5654 12.481 12.48 12.5543 12.3704C12.6275 12.2607 12.6666 12.1318 12.6666 12C12.6666 11.8232 12.5964 11.6536 12.4714 11.5286C12.3464 11.4036 12.1768 11.3333 12 11.3333ZM9.99998 7.33331C9.86812 7.33331 9.73923 7.37241 9.6296 7.44567C9.51997 7.51892 9.43452 7.62304 9.38406 7.74486C9.3336 7.86667 9.3204 8.00072 9.34612 8.13004C9.37185 8.25936 9.43534 8.37815 9.52857 8.47138C9.62181 8.56462 9.7406 8.62811 9.86992 8.65384C9.99924 8.67956 10.1333 8.66636 10.2551 8.6159C10.3769 8.56544 10.481 8.47999 10.5543 8.37036C10.6275 8.26073 10.6666 8.13183 10.6666 7.99998C10.6666 7.82317 10.5964 7.6536 10.4714 7.52857C10.3464 7.40355 10.1768 7.33331 9.99998 7.33331ZM5.99998 7.33331H3.99998C3.82317 7.33331 3.6536 7.40355 3.52858 7.52857C3.40355 7.6536 3.33331 7.82317 3.33331 7.99998C3.33331 8.17679 3.40355 8.34636 3.52858 8.47138C3.6536 8.59641 3.82317 8.66665 3.99998 8.66665H5.99998C6.17679 8.66665 6.34636 8.59641 6.47138 8.47138C6.59641 8.34636 6.66665 8.17679 6.66665 7.99998C6.66665 7.82317 6.59641 7.6536 6.47138 7.52857C6.34636 7.40355 6.17679 7.33331 5.99998 7.33331ZM12 3.33331C11.8681 3.33331 11.7392 3.37241 11.6296 3.44567C11.52 3.51892 11.4345 3.62304 11.3841 3.74486C11.3336 3.86667 11.3204 4.00072 11.3461 4.13004C11.3718 4.25936 11.4353 4.37815 11.5286 4.47138C11.6218 4.56462 11.7406 4.62811 11.8699 4.65384C11.9992 4.67956 12.1333 4.66636 12.2551 4.6159C12.3769 4.56544 12.481 4.47999 12.5543 4.37036C12.6275 4.26073 12.6666 4.13183 12.6666 3.99998C12.6666 3.82317 12.5964 3.6536 12.4714 3.52858C12.3464 3.40355 12.1768 3.33331 12 3.33331ZM12 7.33331C11.8681 7.33331 11.7392 7.37241 11.6296 7.44567C11.52 7.51892 11.4345 7.62304 11.3841 7.74486C11.3336 7.86667 11.3204 8.00072 11.3461 8.13004C11.3718 8.25936 11.4353 8.37815 11.5286 8.47138C11.6218 8.56462 11.7406 8.62811 11.8699 8.65384C11.9992 8.67956 12.1333 8.66636 12.2551 8.6159C12.3769 8.56544 12.481 8.47999 12.5543 8.37036C12.6275 8.26073 12.6666 8.13183 12.6666 7.99998C12.6666 7.82317 12.5964 7.6536 12.4714 7.52857C12.3464 7.40355 12.1768 7.33331 12 7.33331ZM14.6666 3.33331C14.6666 2.80288 14.4559 2.29417 14.0809 1.9191C13.7058 1.54403 13.1971 1.33331 12.6666 1.33331H3.33331C2.80288 1.33331 2.29417 1.54403 1.9191 1.9191C1.54403 2.29417 1.33331 2.80288 1.33331 3.33331V4.66665C1.33625 5.16002 1.52145 5.63489 1.85331 5.99998C1.52145 6.36507 1.33625 6.83994 1.33331 7.33331V8.66665C1.33625 9.16002 1.52145 9.63489 1.85331 9.99998C1.52145 10.3651 1.33625 10.8399 1.33331 11.3333V12.6666C1.33331 13.1971 1.54403 13.7058 1.9191 14.0809C2.29417 14.4559 2.80288 14.6666 3.33331 14.6666H12.6666C13.1971 14.6666 13.7058 14.4559 14.0809 14.0809C14.4559 13.7058 14.6666 13.1971 14.6666 12.6666V11.3333C14.6637 10.8399 14.4785 10.3651 14.1466 9.99998C14.4785 9.63489 14.6637 9.16002 14.6666 8.66665V7.33331C14.6637 6.83994 14.4785 6.36507 14.1466 5.99998C14.4785 5.63489 14.6637 5.16002 14.6666 4.66665V3.33331ZM13.3333 12.6666C13.3333 12.8435 13.2631 13.013 13.1381 13.1381C13.013 13.2631 12.8435 13.3333 12.6666 13.3333H3.33331C3.1565 13.3333 2.98693 13.2631 2.86191 13.1381C2.73688 13.013 2.66665 12.8435 2.66665 12.6666V11.3333C2.66665 11.1565 2.73688 10.9869 2.86191 10.8619C2.98693 10.7369 3.1565 10.6666 3.33331 10.6666H12.6666C12.8435 10.6666 13.013 10.7369 13.1381 10.8619C13.2631 10.9869 13.3333 11.1565 13.3333 11.3333V12.6666ZM13.3333 8.66665C13.3333 8.84346 13.2631 9.01303 13.1381 9.13805C13.013 9.26307 12.8435 9.33331 12.6666 9.33331H3.33331C3.1565 9.33331 2.98693 9.26307 2.86191 9.13805C2.73688 9.01303 2.66665 8.84346 2.66665 8.66665V7.33331C2.66665 7.1565 2.73688 6.98693 2.86191 6.86191C2.98693 6.73688 3.1565 6.66665 3.33331 6.66665H12.6666C12.8435 6.66665 13.013 6.73688 13.1381 6.86191C13.2631 6.98693 13.3333 7.1565 13.3333 7.33331V8.66665ZM13.3333 4.66665C13.3333 4.84346 13.2631 5.01303 13.1381 5.13805C13.013 5.26307 12.8435 5.33331 12.6666 5.33331H3.33331C3.1565 5.33331 2.98693 5.26307 2.86191 5.13805C2.73688 5.01303 2.66665 4.84346 2.66665 4.66665V3.33331C2.66665 3.1565 2.73688 2.98693 2.86191 2.86191C2.98693 2.73688 3.1565 2.66665 3.33331 2.66665H12.6666C12.8435 2.66665 13.013 2.73688 13.1381 2.86191C13.2631 2.98693 13.3333 3.1565 13.3333 3.33331V4.66665ZM9.99998 3.33331C9.86812 3.33331 9.73923 3.37241 9.6296 3.44567C9.51997 3.51892 9.43452 3.62304 9.38406 3.74486C9.3336 3.86667 9.3204 4.00072 9.34612 4.13004C9.37185 4.25936 9.43534 4.37815 9.52857 4.47138C9.62181 4.56462 9.7406 4.62811 9.86992 4.65384C9.99924 4.67956 10.1333 4.66636 10.2551 4.6159C10.3769 4.56544 10.481 4.47999 10.5543 4.37036C10.6275 4.26073 10.6666 4.13183 10.6666 3.99998C10.6666 3.82317 10.5964 3.6536 10.4714 3.52858C10.3464 3.40355 10.1768 3.33331 9.99998 3.33331ZM5.99998 3.33331H3.99998C3.82317 3.33331 3.6536 3.40355 3.52858 3.52858C3.40355 3.6536 3.33331 3.82317 3.33331 3.99998C3.33331 4.17679 3.40355 4.34636 3.52858 4.47138C3.6536 4.59641 3.82317 4.66665 3.99998 4.66665H5.99998C6.17679 4.66665 6.34636 4.59641 6.47138 4.47138C6.59641 4.34636 6.66665 4.17679 6.66665 3.99998C6.66665 3.82317 6.59641 3.6536 6.47138 3.52858C6.34636 3.40355 6.17679 3.33331 5.99998 3.33331Z"
@@ -5615,7 +5615,7 @@ var Arrow$1 = function Arrow(props) {
5615
5615
  className: classes(className, modules_e313d483[position]),
5616
5616
  width: width !== null && width !== void 0 ? width : '1.5rem',
5617
5617
  height: height !== null && height !== void 0 ? height : '1.5rem',
5618
- viewBox: "0 0 25 24",
5618
+ viewBox: "0 0 24 24",
5619
5619
  fill: color !== null && color !== void 0 ? color : '#333333',
5620
5620
  xmlns: "http://www.w3.org/2000/svg",
5621
5621
  children: /*#__PURE__*/jsx("path", {
@@ -5758,6 +5758,61 @@ Filter.defaultProps = {
5758
5758
  className: ''
5759
5759
  };
5760
5760
 
5761
+ var ColumnFilter = function ColumnFilter(props) {
5762
+ var className = props.className;
5763
+ return /*#__PURE__*/jsxs("svg", {
5764
+ width: "24",
5765
+ height: "24",
5766
+ viewBox: "0 0 24 24",
5767
+ fill: "none",
5768
+ className: className,
5769
+ xmlns: "http://www.w3.org/2000/svg",
5770
+ children: [/*#__PURE__*/jsxs("g", {
5771
+ "clip-path": "url(#clip0_693_739)",
5772
+ children: [/*#__PURE__*/jsx("path", {
5773
+ d: "M0 0H24V24H0V0Z",
5774
+ fill: "#EFEFF0"
5775
+ }), /*#__PURE__*/jsx("path", {
5776
+ d: "M4 6H20",
5777
+ stroke: "#575F6E",
5778
+ "stroke-width": "2",
5779
+ "stroke-linecap": "round",
5780
+ "stroke-linejoin": "round"
5781
+ }), /*#__PURE__*/jsx("path", {
5782
+ d: "M4 12H8",
5783
+ stroke: "#575F6E",
5784
+ "stroke-width": "2",
5785
+ "stroke-linecap": "round",
5786
+ "stroke-linejoin": "round"
5787
+ }), /*#__PURE__*/jsx("path", {
5788
+ d: "M4 18H8",
5789
+ stroke: "#575F6E",
5790
+ "stroke-width": "2",
5791
+ "stroke-linecap": "round",
5792
+ "stroke-linejoin": "round"
5793
+ }), /*#__PURE__*/jsx("path", {
5794
+ d: "M10.5735 9H21.7163C21.8398 9.04329 21.9517 9.11427 22.0434 9.20748C22.1352 9.3007 22.2045 9.41369 22.2458 9.53779C22.2872 9.66189 22.2996 9.79382 22.2821 9.92346C22.2646 10.0531 22.2177 10.177 22.1449 10.2857L17.8592 15V21L14.4306 18.4286V15L10.1449 10.2857C10.0721 10.177 10.0252 10.0531 10.0077 9.92346C9.99021 9.79382 10.0026 9.66189 10.044 9.53779C10.0854 9.41369 10.1546 9.3007 10.2464 9.20748C10.3381 9.11427 10.45 9.04329 10.5735 9Z",
5795
+ stroke: "#0F62FE",
5796
+ "stroke-width": "1.71429",
5797
+ "stroke-linecap": "round",
5798
+ "stroke-linejoin": "round"
5799
+ })]
5800
+ }), /*#__PURE__*/jsx("defs", {
5801
+ children: /*#__PURE__*/jsx("clipPath", {
5802
+ id: "clip0_693_739",
5803
+ children: /*#__PURE__*/jsx("rect", {
5804
+ width: "24",
5805
+ height: "24",
5806
+ fill: "white"
5807
+ })
5808
+ })
5809
+ })]
5810
+ });
5811
+ };
5812
+ ColumnFilter.defaultProps = {
5813
+ className: ''
5814
+ };
5815
+
5761
5816
  var MagnifyingGlass = function MagnifyingGlass(props) {
5762
5817
  var className = props.className;
5763
5818
  return /*#__PURE__*/jsxs("svg", {
@@ -6073,6 +6128,28 @@ var Maximize = function Maximize(props) {
6073
6128
  });
6074
6129
  };
6075
6130
 
6131
+ var Home = function Home(props) {
6132
+ var className = props.className,
6133
+ width = props.width,
6134
+ height = props.height,
6135
+ color = props.color;
6136
+ return /*#__PURE__*/jsx("svg", {
6137
+ className: className,
6138
+ width: width !== null && width !== void 0 ? width : '1.5rem',
6139
+ height: height !== null && height !== void 0 ? height : '1.5rem',
6140
+ viewBox: "0 0 25 24",
6141
+ fill: color !== null && color !== void 0 ? color : '#333333',
6142
+ xmlns: "http://www.w3.org/2000/svg",
6143
+ children: /*#__PURE__*/jsx("path", {
6144
+ d: "M20 8.00001L14 2.74001C13.45 2.24805 12.7379 1.97607 12 1.97607C11.262 1.97607 10.55 2.24805 9.99997 2.74001L3.99997 8.00001C3.68234 8.28408 3.42887 8.63256 3.25644 9.02225C3.08402 9.41194 2.99659 9.83389 2.99997 10.26V19C2.99997 19.7957 3.31604 20.5587 3.87865 21.1213C4.44126 21.6839 5.20432 22 5.99997 22H18C18.7956 22 19.5587 21.6839 20.1213 21.1213C20.6839 20.5587 21 19.7957 21 19V10.25C21.0019 9.82557 20.9138 9.40555 20.7414 9.01769C20.5691 8.62983 20.3163 8.28296 20 8.00001ZM14 20H9.99997V15C9.99997 14.7348 10.1053 14.4804 10.2929 14.2929C10.4804 14.1054 10.7348 14 11 14H13C13.2652 14 13.5195 14.1054 13.7071 14.2929C13.8946 14.4804 14 14.7348 14 15V20ZM19 19C19 19.2652 18.8946 19.5196 18.7071 19.7071C18.5195 19.8946 18.2652 20 18 20H16V15C16 14.2044 15.6839 13.4413 15.1213 12.8787C14.5587 12.3161 13.7956 12 13 12H11C10.2043 12 9.44126 12.3161 8.87865 12.8787C8.31604 13.4413 7.99997 14.2044 7.99997 15V20H5.99997C5.73476 20 5.4804 19.8946 5.29287 19.7071C5.10533 19.5196 4.99997 19.2652 4.99997 19V10.25C5.00015 10.108 5.03057 9.9677 5.08919 9.83839C5.14781 9.70907 5.2333 9.59372 5.33997 9.50001L11.34 4.25001C11.5225 4.08969 11.7571 4.00127 12 4.00127C12.2429 4.00127 12.4775 4.08969 12.66 4.25001L18.66 9.50001C18.7666 9.59372 18.8521 9.70907 18.9108 9.83839C18.9694 9.9677 18.9998 10.108 19 10.25V19Z"
6145
+ })
6146
+ });
6147
+ };
6148
+ Home.defaultProps = {
6149
+ className: '',
6150
+ position: 'right'
6151
+ };
6152
+
6076
6153
  var css$1j = ".Accordion_module_root__86aa20a7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__86aa20a7, .Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__86aa20a7 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n fill: var(--dark-grey);\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] .Accordion_module_title__86aa20a7 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell]:hover .Accordion_module_icon__86aa20a7,\n.Accordion_module_root__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell]:hover .Accordion_module_title__86aa20a7 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__86aa20a7 > .Accordion_module_body__86aa20a7 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__86aa20a7.Accordion_module_open__86aa20a7 > .Accordion_module_header__86aa20a7[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__86aa20a7 {\n transform: none;\n}\n.Accordion_module_root__86aa20a7.Accordion_module_open__86aa20a7 > .Accordion_module_body__86aa20a7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__86aa20a7.Accordion_module_open__86aa20a7 > .Accordion_module_body__86aa20a7 > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__86aa20a7.Accordion_module_open__86aa20a7 > .Accordion_module_body__86aa20a7 > button[data-elem=base-cell] .Accordion_module_expand__86aa20a7 {\n height: 1.5rem;\n width: 1.5rem;\n}";
6077
6154
  var modules_8207625f = {"root":"Accordion_module_root__86aa20a7","header":"Accordion_module_header__86aa20a7","icon":"Accordion_module_icon__86aa20a7","title":"Accordion_module_title__86aa20a7","body":"Accordion_module_body__86aa20a7","open":"Accordion_module_open__86aa20a7","expand":"Accordion_module_expand__86aa20a7"};
6078
6155
  n(css$1j,{});
@@ -10408,8 +10485,8 @@ Alert.defaultProps = {
10408
10485
  position: 'bottom-center'
10409
10486
  };
10410
10487
 
10411
- var css$1e = ".Breadcrumbs_module_root__2092dc0c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n width: auto;\n}\n.Breadcrumbs_module_root__2092dc0c .Breadcrumbs_module_seperator__2092dc0c {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n margin-top: 0.625rem;\n margin-left: 0.375rem;\n}\n.Breadcrumbs_module_root__2092dc0c button.Breadcrumbs_module_expand__2092dc0c[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--dark-grey);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__2092dc0c button.Breadcrumbs_module_expand__2092dc0c[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__2092dc0c .Breadcrumbs_module_crumb__2092dc0c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n border-width: 0.0625rem;\n border-color: #dfe0e2;\n border-style: solid;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__2092dc0c .Breadcrumbs_module_crumb__2092dc0c .Breadcrumbs_module_title__2092dc0c {\n color: #818181;\n}\n.Breadcrumbs_module_root__2092dc0c .Breadcrumbs_module_crumb__2092dc0c .Breadcrumbs_module_value__2092dc0c {\n color: #1a2028;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeLight__2092dc0c .Breadcrumbs_module_crumb__2092dc0c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n font-weight: 500;\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeLight__2092dc0c .Breadcrumbs_module_crumb__2092dc0c.Breadcrumbs_module_active__2092dc0c {\n color: var(--black);\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeLight__2092dc0c .Breadcrumbs_module_crumb__2092dc0c:hover:not(.Breadcrumbs_module_active__2092dc0c) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeDark__2092dc0c .Breadcrumbs_module_crumb__2092dc0c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeDark__2092dc0c .Breadcrumbs_module_crumb__2092dc0c.Breadcrumbs_module_active__2092dc0c {\n color: var(--white);\n}\n.Breadcrumbs_module_root__2092dc0c.Breadcrumbs_module_themeDark__2092dc0c .Breadcrumbs_module_crumb__2092dc0c:hover:not(.Breadcrumbs_module_active__2092dc0c) {\n color: var(--info);\n}";
10412
- var modules_651f50a9 = {"root":"Breadcrumbs_module_root__2092dc0c","seperator":"Breadcrumbs_module_seperator__2092dc0c","expand":"Breadcrumbs_module_expand__2092dc0c","crumb":"Breadcrumbs_module_crumb__2092dc0c","title":"Breadcrumbs_module_title__2092dc0c","value":"Breadcrumbs_module_value__2092dc0c","theme-light":"Breadcrumbs_module_themeLight__2092dc0c","active":"Breadcrumbs_module_active__2092dc0c","theme-dark":"Breadcrumbs_module_themeDark__2092dc0c"};
10488
+ var css$1e = ".Breadcrumbs_module_root__a4a11e4a {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n width: auto;\n overflow: auto;\n width: 100%;\n}\n.Breadcrumbs_module_root__a4a11e4a [data-elem=breadcrumb-seperator-icon] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n stroke: #141920;\n fill: #141920;\n width: 1.5rem;\n height: 1.5rem;\n}\n.Breadcrumbs_module_root__a4a11e4a button.Breadcrumbs_module_expand__a4a11e4a[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--dark-grey);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__a4a11e4a button.Breadcrumbs_module_expand__a4a11e4a[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_back__a4a11e4a {\n height: 2rem;\n width: 2rem;\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n padding-left: 0.4375rem;\n padding-right: 0.4375rem;\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_back__a4a11e4a .Breadcrumbs_module_icon__a4a11e4a {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a .Breadcrumbs_module_title__a4a11e4a {\n color: #818181;\n margin-left: 0.25rem;\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a .Breadcrumbs_module_value__a4a11e4a {\n color: #1a2028;\n margin-left: 0.25rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.Breadcrumbs_module_root__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a .Breadcrumbs_module_iconWrapper__a4a11e4a {\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__a4a11e4a.Breadcrumbs_module_themeLight__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a {\n font-weight: 500;\n border: 0.0625rem solid #dfe0e2;\n}\n.Breadcrumbs_module_root__a4a11e4a.Breadcrumbs_module_themeLight__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a.Breadcrumbs_module_active__a4a11e4a {\n border: 1px solid var(--background);\n}\n.Breadcrumbs_module_root__a4a11e4a.Breadcrumbs_module_themeLight__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a:hover:not(.Breadcrumbs_module_active__a4a11e4a) {\n cursor: pointer;\n background: var(--support-colors-information-background, #edf5ff);\n}\n.Breadcrumbs_module_root__a4a11e4a.Breadcrumbs_module_themeDark__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a {\n color: var(--grey2);\n}\n.Breadcrumbs_module_root__a4a11e4a.Breadcrumbs_module_themeDark__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a.Breadcrumbs_module_active__a4a11e4a {\n color: var(--white);\n}\n.Breadcrumbs_module_root__a4a11e4a.Breadcrumbs_module_themeDark__a4a11e4a .Breadcrumbs_module_crumb__a4a11e4a:hover:not(.Breadcrumbs_module_active__a4a11e4a) {\n color: var(--info);\n}";
10489
+ var modules_651f50a9 = {"root":"Breadcrumbs_module_root__a4a11e4a","expand":"Breadcrumbs_module_expand__a4a11e4a","back":"Breadcrumbs_module_back__a4a11e4a","icon":"Breadcrumbs_module_icon__a4a11e4a","crumb":"Breadcrumbs_module_crumb__a4a11e4a","title":"Breadcrumbs_module_title__a4a11e4a","value":"Breadcrumbs_module_value__a4a11e4a","iconWrapper":"Breadcrumbs_module_iconWrapper__a4a11e4a","theme-light":"Breadcrumbs_module_themeLight__a4a11e4a","active":"Breadcrumbs_module_active__a4a11e4a","theme-dark":"Breadcrumbs_module_themeDark__a4a11e4a"};
10413
10490
  n(css$1e,{});
10414
10491
 
10415
10492
  var css$1d = ".Text_module_root__71f59b14 {\n color: var(--dark-grey);\n}\n.Text_module_root__71f59b14.Text_module_h1__71f59b14 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__71f59b14.Text_module_h2__71f59b14 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__71f59b14.Text_module_b1__71f59b14 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b2__71f59b14 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__71f59b14.Text_module_b3__71f59b14 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__71f59b14.Text_module_regularStroke__71f59b14 {\n font-weight: 400;\n}\n.Text_module_root__71f59b14.Text_module_mediumStroke__71f59b14 {\n font-weight: 500;\n}\n.Text_module_root__71f59b14.Text_module_semiboldStroke__71f59b14 {\n font-weight: 600;\n}\n.Text_module_root__71f59b14.Text_module_boldStroke__71f59b14 {\n font-weight: 800;\n}";
@@ -10520,13 +10597,15 @@ var BreadCrumbs = function BreadCrumbs(props) {
10520
10597
  itemsBeforeCollapse = props.itemsBeforeCollapse,
10521
10598
  itemsAfterCollapse = props.itemsAfterCollapse,
10522
10599
  linkComponent = props.linkComponent,
10523
- theme = props.theme;
10600
+ theme = props.theme,
10601
+ onBackClick = props.onBackClick,
10602
+ onHomeClick = props.onHomeClick;
10524
10603
  var _useState = useState(false),
10525
10604
  _useState2 = _slicedToArray(_useState, 2),
10526
10605
  expand = _useState2[0],
10527
10606
  setExpand = _useState2[1];
10528
10607
  var href = '';
10529
- var CrumbsDOM = crumbs.map(function (crumb, index) {
10608
+ var CrumbsDOM = crumbs !== null && crumbs.map(function (crumb, index) {
10530
10609
  var title = crumb.title,
10531
10610
  value = crumb.value,
10532
10611
  path = crumb.path,
@@ -10548,19 +10627,19 @@ var BreadCrumbs = function BreadCrumbs(props) {
10548
10627
  children: [/*#__PURE__*/jsx("div", {
10549
10628
  className: classes(modules_651f50a9.iconWrapper),
10550
10629
  children: icon && icon
10551
- }), title && /*#__PURE__*/jsx("span", {
10630
+ }), title && /*#__PURE__*/jsxs("span", {
10552
10631
  className: classes(modules_651f50a9.title),
10553
- children: getSpacedDisplayName(title).replace(/-/g, ' ')
10554
- }), value && /*#__PURE__*/jsxs("span", {
10632
+ children: [getSpacedDisplayName(title).replace(/-/g, ' '), " :"]
10633
+ }), value && /*#__PURE__*/jsx("span", {
10555
10634
  className: classes(modules_651f50a9.value),
10556
- children: [": ", getSpacedDisplayName(value).replace(/-/g, ' ')]
10635
+ children: getSpacedDisplayName(value).replace(/-/g, ' ')
10557
10636
  })]
10558
10637
  }), showSeperator && /*#__PURE__*/jsx(BreadcrumbSeperator, {
10559
10638
  className: modules_651f50a9.seperator
10560
10639
  })]
10561
10640
  }, path);
10562
10641
  });
10563
- if (CrumbsDOM.length > maxItems && !expand) {
10642
+ if (crumbs !== null && CrumbsDOM.length > maxItems && !expand) {
10564
10643
  CrumbsDOM.splice(itemsBeforeCollapse, CrumbsDOM.length - (itemsAfterCollapse + itemsBeforeCollapse), /*#__PURE__*/jsxs(React__default.Fragment, {
10565
10644
  children: [/*#__PURE__*/jsx(Button, {
10566
10645
  className: modules_651f50a9.expand,
@@ -10575,9 +10654,31 @@ var BreadCrumbs = function BreadCrumbs(props) {
10575
10654
  })]
10576
10655
  }, 'expand'));
10577
10656
  }
10578
- return /*#__PURE__*/jsx("div", {
10657
+ return (crumbs === null || crumbs === void 0 ? void 0 : crumbs.length) > 1 && /*#__PURE__*/jsxs("div", {
10579
10658
  className: classes(modules_651f50a9.root, modules_651f50a9["theme-".concat(theme)]),
10580
- children: CrumbsDOM
10659
+ children: [/*#__PURE__*/jsx(Button, {
10660
+ size: "auto",
10661
+ radius: "round",
10662
+ className: modules_651f50a9.back,
10663
+ leftComponent: function leftComponent() {
10664
+ return /*#__PURE__*/jsx(Arrow$1, {
10665
+ className: modules_651f50a9.icon,
10666
+ position: "left"
10667
+ });
10668
+ },
10669
+ onClick: onBackClick
10670
+ }), /*#__PURE__*/jsx(Button, {
10671
+ size: "auto",
10672
+ radius: "round",
10673
+ className: modules_651f50a9.back,
10674
+ leftComponent: function leftComponent() {
10675
+ return /*#__PURE__*/jsx(Home, {
10676
+ className: modules_651f50a9.icon,
10677
+ position: "left"
10678
+ });
10679
+ },
10680
+ onClick: onHomeClick
10681
+ }), CrumbsDOM]
10581
10682
  });
10582
10683
  };
10583
10684
  BreadCrumbs.propTypes = {
@@ -47909,9 +48010,6 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
47909
48010
  onSort = props.onSort;
47910
48011
  props.theme;
47911
48012
  var v2 = props.v2;
47912
- console.log({
47913
- v2: v2
47914
- });
47915
48013
  if (v2) {
47916
48014
  return /*#__PURE__*/jsx(TableCell$1, _objectSpread2({}, props));
47917
48015
  }
@@ -50158,8 +50256,8 @@ var Columns = function Columns(props) {
50158
50256
  });
50159
50257
  };
50160
50258
 
50161
- var css$n = ".TableFilters_module_root__5c8a9b08[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.375rem 1rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_icon__5c8a9b08 {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] button.TableFilters_module_iconButton__5c8a9b08 {\n height: 100%;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_left__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_center__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 {\n gap: 1rem;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_icon__5c8a9b08 {\n fill: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_filterValue__5c8a9b08 {\n color: var(--white);\n background: var(--highlight);\n padding: 0.125rem 0.5rem;\n border-radius: 50%;\n font-size: 0.813rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 {\n width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] {\n border-color: var(--grey4);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n height: 100%;\n padding: 0.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] [data-elem=base-cell] {\n outline: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component2] input:disabled {\n background: transparent;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell]:focus-within {\n outline: 1px solid var(--highlight);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label .TableFilters_module_icon__5c8a9b08 {\n width: 1.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n width: auto;\n padding: 0;\n min-width: 0rem;\n gap: 0.5rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 100%;\n}";
50162
- var modules_a0fe63f9 = {"root":"TableFilters_module_root__5c8a9b08","icon":"TableFilters_module_icon__5c8a9b08","icon-button":"TableFilters_module_iconButton__5c8a9b08","left":"TableFilters_module_left__5c8a9b08","center":"TableFilters_module_center__5c8a9b08","right":"TableFilters_module_right__5c8a9b08","filter-value":"TableFilters_module_filterValue__5c8a9b08"};
50259
+ var css$n = ".TableFilters_module_root__ee865d7d[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n background: #ececed;\n overflow-x: auto;\n padding: 0.375rem 1rem;\n width: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_icon__ee865d7d {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] button.TableFilters_module_iconButton__ee865d7d {\n border: 1px solid red;\n height: 100%;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: #141920;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_left__ee865d7d,\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_center__ee865d7d,\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_right__ee865d7d {\n height: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d {\n gap: 1rem;\n background: var(--grey8);\n border: 1px solid var(--grey4);\n color: var(--black);\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d .TableFilters_module_icon__ee865d7d {\n fill: var(--black);\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d .TableFilters_module_filterValue__ee865d7d {\n color: var(--white);\n background: var(--highlight);\n padding: 0.125rem 0.5rem;\n border-radius: 50%;\n font-size: 0.813rem;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component2] {\n gap: 0.5rem;\n height: 100%;\n}";
50260
+ var modules_a0fe63f9 = {"root":"TableFilters_module_root__ee865d7d","icon":"TableFilters_module_icon__ee865d7d","icon-button":"TableFilters_module_iconButton__ee865d7d","left":"TableFilters_module_left__ee865d7d","center":"TableFilters_module_center__ee865d7d","right":"TableFilters_module_right__ee865d7d","filter-value":"TableFilters_module_filterValue__ee865d7d"};
50163
50261
  n(css$n,{});
50164
50262
 
50165
50263
  var css$m = ".Skeleton_module_root__bdc934d4[data-elem=base-cell] {\n width: 100%;\n gap: 1.25rem;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component2] {\n flex: 6;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] {\n flex: 3;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] {\n padding: 0;\n align-items: flex-start;\n height: auto;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] {\n flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] > [data-elem=skeleton] {\n height: 1.5rem;\n}";
@@ -50199,12 +50297,9 @@ var TableFiltersSkeleton = function TableFiltersSkeleton(_ref) {
50199
50297
  };
50200
50298
 
50201
50299
  var TableFilters = function TableFilters(props) {
50202
- var _selectedFilters$leng;
50203
50300
  var className = props.className,
50204
50301
  style = props.style,
50205
- onRefresh = props.onRefresh,
50206
- searchOptions = props.searchOptions,
50207
- filterValue = props.filterValue,
50302
+ onSearch = props.onSearch,
50208
50303
  headerData = props.headerData,
50209
50304
  hiddenColumns = props.hiddenColumns,
50210
50305
  setHiddenColumns = props.setHiddenColumns,
@@ -50219,50 +50314,8 @@ var TableFilters = function TableFilters(props) {
50219
50314
  _useState4 = _slicedToArray(_useState3, 2),
50220
50315
  anchorEl = _useState4[0],
50221
50316
  setAnchorEl = _useState4[1];
50222
- var disabledFilterButton = disabledFilterOptions.filterButton,
50223
- disabledRefresh = disabledFilterOptions.refresh,
50224
- disabledColumnFilter = disabledFilterOptions.columnFilter,
50225
- disabledSettings = disabledFilterOptions.settings;
50226
- // const filterRefs = useRef([]);
50227
-
50228
- var hideRightOptions = disabledColumnFilter && disabledRefresh && disabledSettings;
50229
- var ref = useRef(null);
50230
- var onSearch = searchOptions.onSearch,
50231
- _onRemove = searchOptions.onRemove,
50232
- onLock = searchOptions.onLock,
50233
- selectedFilters = searchOptions.selectedFilters,
50234
- renderChipAutocomplete = searchOptions.renderChipAutocomplete,
50235
- searchbarOptions = searchOptions.searchbarOptions;
50236
- var totalFilters = (_selectedFilters$leng = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng !== void 0 ? _selectedFilters$leng : 0;
50237
- var renderFilters = useCallback(function () {
50238
- var filtersDOM = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.map(function (selectedFilter, index) {
50239
- // if (index === 0) {
50240
- // filterRefs.current = [];
50241
- // }
50242
- // const filterRef = createRef();
50243
- // filterRefs.current.push(filterRef);
50244
- return /*#__PURE__*/jsx(TableChipItem
50245
- // ref={filterRef}
50246
- // eslint-disable-next-line react/no-array-index-key
50247
- , _objectSpread2(_objectSpread2({}, selectedFilter), {}, {
50248
- onRemove: function onRemove() {
50249
- _onRemove(selectedFilter, index);
50250
- },
50251
- autocompleteOptions: _objectSpread2(_objectSpread2({}, selectedFilter.autocompleteOptions), {}, {
50252
- render: renderChipAutocomplete
50253
- }),
50254
- onSearch: onSearch,
50255
- onKeyDown: function onKeyDown(event) {
50256
- onLock(event, index);
50257
- }
50258
- }), index);
50259
- });
50260
- return /*#__PURE__*/jsxs(Fragment, {
50261
- children: [/*#__PURE__*/jsx(MagnifyingGlass, {
50262
- className: modules_a0fe63f9.icon
50263
- }), filtersDOM]
50264
- });
50265
- }, [totalFilters]);
50317
+ var disabledSearch = disabledFilterOptions.search,
50318
+ disabledColumnFilter = disabledFilterOptions.columnFilter;
50266
50319
  if (loading) {
50267
50320
  return /*#__PURE__*/jsx(TableFiltersSkeleton, {
50268
50321
  theme: theme
@@ -50276,106 +50329,51 @@ var TableFilters = function TableFilters(props) {
50276
50329
  // onBlur,
50277
50330
  },
50278
50331
 
50279
- component1: !disabledFilterButton && /*#__PURE__*/jsx(Button, {
50280
- className: modules_a0fe63f9.left,
50281
- title: "Filter",
50282
- variant: "outlined",
50332
+ component1: !disabledSearch && /*#__PURE__*/jsx(Button, {
50333
+ size: "auto",
50334
+ className: modules_a0fe63f9['icon-button'],
50335
+ color: "default",
50336
+ title: "Search Filter",
50337
+ onClick: onSearch,
50283
50338
  leftComponent: function leftComponent() {
50284
50339
  return /*#__PURE__*/jsx(Filter, {
50285
50340
  className: modules_a0fe63f9.icon
50286
50341
  });
50287
- },
50288
- rightComponent: function rightComponent() {
50289
- if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
50290
- return /*#__PURE__*/jsx("div", {
50291
- className: modules_a0fe63f9['filter-value'],
50292
- children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
50293
- });
50294
- }
50295
- return null;
50296
50342
  }
50297
50343
  }),
50298
- component2: /*#__PURE__*/jsx(TextField, _objectSpread2(_objectSpread2({}, searchbarOptions), {}, {
50299
- ref: ref,
50300
- className: modules_a0fe63f9.center
50301
- // {...searchOptions}
50302
- ,
50303
- onFocus: function onFocus() {
50304
- var _searchOptions$onFocu;
50305
- searchOptions === null || searchOptions === void 0 || (_searchOptions$onFocu = searchOptions.onFocus) === null || _searchOptions$onFocu === void 0 ? void 0 : _searchOptions$onFocu.call(searchOptions);
50306
- // if (filterRefs?.current?.length > 0) {
50307
- // const lastFilter = filterRefs?.current?.slice(-1);
50308
- // lastFilter?.current?.focusLabel();
50309
- // }
50310
- },
50311
-
50312
- onKeyDown: function onKeyDown(event) {
50313
- var _searchbarOptions$val;
50314
- if (event.keyCode === 8 && (searchbarOptions === null || searchbarOptions === void 0 || (_searchbarOptions$val = searchbarOptions.value) === null || _searchbarOptions$val === void 0 ? void 0 : _searchbarOptions$val.length) === 0) {
50315
- var _selectedFilters$leng2;
50316
- _onRemove(null, ((_selectedFilters$leng2 = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng2 !== void 0 ? _selectedFilters$leng2 : 0) - 1);
50317
- }
50318
- },
50319
- LeftComponent: renderFilters,
50320
- placeholder: (selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) > 0 ? '' : 'Search'
50321
- // disabled={selectedFilters?.length > 0}
50322
- })),
50323
-
50324
- component3: !hideRightOptions && /*#__PURE__*/jsx(BaseCell, {
50325
- flexible: true,
50326
- className: modules_a0fe63f9.right,
50327
- component1: !disabledColumnFilter && /*#__PURE__*/jsxs(Fragment, {
50328
- children: [/*#__PURE__*/jsx(Button, {
50329
- ref: function ref(el) {
50330
- setAnchorEl(el);
50331
- },
50332
- size: "auto",
50333
- className: modules_a0fe63f9['icon-button'],
50334
- color: "default",
50335
- leftComponent: function leftComponent() {
50336
- return /*#__PURE__*/jsx(Columns$2, {
50337
- className: modules_a0fe63f9.icon
50338
- });
50339
- },
50340
- title: "Columns",
50341
- onClick: function onClick() {
50342
- setOpenColumns(function (prev) {
50343
- return !prev;
50344
- });
50345
- }
50346
- }), /*#__PURE__*/jsx(Columns, {
50347
- anchorEl: anchorEl,
50348
- open: openColumns,
50349
- setOpen: setOpenColumns,
50350
- columns: headerData,
50351
- hiddenColumns: hiddenColumns,
50352
- setHiddenColumns: setHiddenColumns,
50353
- theme: theme
50354
- })]
50355
- }),
50356
- component2: !disabledRefresh && /*#__PURE__*/jsx(Button, {
50344
+ component2: !disabledColumnFilter && /*#__PURE__*/jsxs(Fragment, {
50345
+ children: [/*#__PURE__*/jsx(Button, {
50346
+ ref: function ref(el) {
50347
+ setAnchorEl(el);
50348
+ },
50357
50349
  size: "auto",
50358
50350
  className: modules_a0fe63f9['icon-button'],
50359
50351
  color: "default",
50360
- title: "Refresh",
50361
- onClick: onRefresh,
50362
50352
  leftComponent: function leftComponent() {
50363
- return /*#__PURE__*/jsx(Refresh, {
50353
+ return /*#__PURE__*/jsx(ColumnFilter, {
50364
50354
  className: modules_a0fe63f9.icon
50365
50355
  });
50366
- }
50367
- }),
50368
- component3: !disabledSettings && /*#__PURE__*/jsx(Button, {
50369
- size: "auto",
50370
- className: modules_a0fe63f9['icon-button'],
50371
- color: "default",
50372
- title: "Settings",
50373
- leftComponent: function leftComponent() {
50374
- return /*#__PURE__*/jsx(Settings, {
50356
+ },
50357
+ rightComponent: function rightComponent() {
50358
+ return /*#__PURE__*/jsx(Caret, {
50375
50359
  className: modules_a0fe63f9.icon
50376
50360
  });
50361
+ },
50362
+ title: "Columns",
50363
+ onClick: function onClick() {
50364
+ setOpenColumns(function (prev) {
50365
+ return !prev;
50366
+ });
50377
50367
  }
50378
- })
50368
+ }), /*#__PURE__*/jsx(Columns, {
50369
+ anchorEl: anchorEl,
50370
+ open: openColumns,
50371
+ setOpen: setOpenColumns,
50372
+ columns: headerData,
50373
+ hiddenColumns: hiddenColumns,
50374
+ setHiddenColumns: setHiddenColumns,
50375
+ theme: theme
50376
+ })]
50379
50377
  })
50380
50378
  });
50381
50379
  };
@@ -50383,7 +50381,6 @@ TableFilters.propTypes = {
50383
50381
  className: propTypesExports.string,
50384
50382
  // eslint-disable-next-line react/forbid-prop-types
50385
50383
  style: propTypesExports.object,
50386
- onRefresh: propTypesExports.func,
50387
50384
  onSearch: propTypesExports.func,
50388
50385
  searchValue: propTypesExports.string,
50389
50386
  // eslint-disable-next-line react/forbid-prop-types
@@ -50403,7 +50400,6 @@ TableFilters.propTypes = {
50403
50400
  TableFilters.defaultProps = {
50404
50401
  className: '',
50405
50402
  style: {},
50406
- onRefresh: function onRefresh() {},
50407
50403
  onSearch: function onSearch() {},
50408
50404
  searchValue: null,
50409
50405
  searchOptions: {},
@@ -50431,7 +50427,6 @@ for (var i$2 = 0; i$2 < INTERSECTION$1; i$2 += STEP$1) {
50431
50427
  THRESHOLD$1.push(i$2);
50432
50428
  }
50433
50429
  var Table$1 = function Table(props) {
50434
- var _chipsData$chips;
50435
50430
  var className = props.className,
50436
50431
  headerData = props.headerData,
50437
50432
  tableData = props.tableData,
@@ -50450,6 +50445,7 @@ var Table$1 = function Table(props) {
50450
50445
  rowHeight = props.rowHeight,
50451
50446
  theme = props.theme,
50452
50447
  onRowClick = props.onRowClick,
50448
+ onSearch = props.onSearch,
50453
50449
  defaultActiveIndex = props.defaultActiveIndex,
50454
50450
  custom = props.custom;
50455
50451
  var ref = useRef(null);
@@ -50533,22 +50529,18 @@ var Table$1 = function Table(props) {
50533
50529
  },
50534
50530
  children: /*#__PURE__*/jsxs("div", {
50535
50531
  className: classes(modules_2e8406c7.root, className),
50536
- children: [chipsData != null && ((chipsData === null || chipsData === void 0 || (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsx(TableChips, _objectSpread2(_objectSpread2({
50537
- className: modules_2e8406c7.chips
50538
- }, chipsData), {}, {
50539
- loading: loading,
50540
- theme: theme
50541
- })), filtersData != null && /*#__PURE__*/jsx(TableFilters, _objectSpread2(_objectSpread2({
50542
- className: modules_2e8406c7.filters
50543
- }, _objectSpread2(_objectSpread2({}, filtersData), {}, {
50532
+ children: [!Object.keys(disabledFilterOptions).every(function (key) {
50533
+ return disabledFilterOptions[key] === true;
50534
+ }) && /*#__PURE__*/jsx(TableFilters, {
50535
+ className: modules_2e8406c7.filters,
50544
50536
  disabledFilterOptions: disabledFilterOptions,
50545
50537
  headerData: headerData,
50546
50538
  hiddenColumns: hiddenColumns,
50547
- setHiddenColumns: setHiddenColumns
50548
- })), {}, {
50539
+ setHiddenColumns: setHiddenColumns,
50540
+ onSearch: onSearch,
50549
50541
  loading: loading,
50550
50542
  theme: theme
50551
- })), /*#__PURE__*/jsx(BaseTable, {
50543
+ }), /*#__PURE__*/jsx(BaseTable, {
50552
50544
  ref: ref,
50553
50545
  headerData: visibileColumns,
50554
50546
  tableData: tableData,
@@ -50606,6 +50598,7 @@ Table$1.propTypes = {
50606
50598
  onSort: propTypesExports.func,
50607
50599
  rowHeight: propTypesExports.oneOf(['md', 'lg']),
50608
50600
  onRowClick: propTypesExports.func,
50601
+ onSearch: propTypesExports.func,
50609
50602
  theme: propTypesExports.oneOf(['light', 'dark']),
50610
50603
  custom: propTypesExports.node
50611
50604
  };
@@ -50627,15 +50620,14 @@ Table$1.defaultProps = {
50627
50620
  paginationData: null,
50628
50621
  loading: false,
50629
50622
  disabledFilterOptions: {
50630
- filterButton: false,
50631
- refresh: false,
50632
- columnFilter: false,
50633
- settings: false
50623
+ search: false,
50624
+ columnFilter: false
50634
50625
  },
50635
50626
  onSort: function onSort() {},
50636
50627
  rowHeight: 'md',
50637
50628
  theme: 'light',
50638
50629
  onRowClick: function onRowClick() {},
50630
+ onSearch: function onSearch() {},
50639
50631
  custom: null
50640
50632
  };
50641
50633
 
@@ -118446,4 +118438,4 @@ InfoWindow.defaultProps = {
118446
118438
  disableAutoPan: true
118447
118439
  };
118448
118440
 
118449
- export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BaseAreaChart, BaseButton, BaseCell, BaseHorizontalBarChart, BaseMap, BaseModal, BasePieChart, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, Columns$2 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownIcon, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HeatMapChart, HierarchyBrowser, HierarchyItem, InfoWindow, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Map$1 as Map, Marker, Maximize as MaximizeIcon, NestedPieChart, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Sort as SortIcon, Step, Stepper, Switch, Table, TableCell, TableChip, TableChipItem$1 as TableChipItem, TableChips$1 as TableChips, TableColumn$1 as TableColumn, TableFilters$1 as TableFilters, Tabs, Text, TextField, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, View$2 as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, safeJSONParse, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter, useTableSearch };
118441
+ export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BaseAreaChart, BaseButton, BaseCell, BaseHorizontalBarChart, BaseMap, BaseModal, BasePieChart, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns$2 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownIcon, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HeatMapChart, HierarchyBrowser, HierarchyItem, Home as HomeIcon, InfoWindow, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Map$1 as Map, Marker, Maximize as MaximizeIcon, NestedPieChart, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Sort as SortIcon, Step, Stepper, Switch, Table, TableCell, TableChip, TableChipItem$1 as TableChipItem, TableChips$1 as TableChips, TableColumn$1 as TableColumn, TableFilters$1 as TableFilters, Tabs, Text, TextField, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, View$2 as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, safeJSONParse, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter, useTableSearch };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@banyan_cloud/roots",
3
- "version": "1.0.152",
3
+ "version": "1.0.154",
4
4
  "description": "Design System Library which drives the Banyan Cloud products",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",