@banyan_cloud/roots 1.0.44 → 1.0.46

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/cjs/index.js CHANGED
@@ -1574,9 +1574,9 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
1574
1574
 
1575
1575
  var e$1=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e$1.indexOf(i);-1===u&&(u=e$1.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
1576
1576
 
1577
- var css$W = ".BaseCell_module_root__81e07d2d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_sm__81e07d2d {\n width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_md__81e07d2d {\n width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_lg__81e07d2d {\n width: 21.875rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_auto__81e07d2d {\n width: auto;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusDefault__81e07d2d {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusRound__81e07d2d {\n border-radius: 50%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusEllipse__81e07d2d {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_sm__81e07d2d {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_md__81e07d2d {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_lg__81e07d2d {\n min-width: 21.875rem;\n}";
1577
+ var css$X = ".BaseCell_module_root__81e07d2d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_sm__81e07d2d {\n width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_md__81e07d2d {\n width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_lg__81e07d2d {\n width: 21.875rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_auto__81e07d2d {\n width: auto;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusDefault__81e07d2d {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusRound__81e07d2d {\n border-radius: 50%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusEllipse__81e07d2d {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_sm__81e07d2d {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_md__81e07d2d {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_lg__81e07d2d {\n min-width: 21.875rem;\n}";
1578
1578
  var modules_3af9b74c = {"root":"BaseCell_module_root__81e07d2d","sm":"BaseCell_module_sm__81e07d2d","md":"BaseCell_module_md__81e07d2d","lg":"BaseCell_module_lg__81e07d2d","auto":"BaseCell_module_auto__81e07d2d","border-radius-default":"BaseCell_module_borderRadiusDefault__81e07d2d","border-radius-round":"BaseCell_module_borderRadiusRound__81e07d2d","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__81e07d2d","flexible":"BaseCell_module_flexible__81e07d2d"};
1579
- n(css$W,{});
1579
+ n(css$X,{});
1580
1580
 
1581
1581
  var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
1582
1582
  var className = props.className,
@@ -1656,9 +1656,9 @@ var defaultProps = {
1656
1656
  attrs: {}
1657
1657
  };
1658
1658
 
1659
- var css$V = "button.BaseButton_module_root__39a3f3ec[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 -ms-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_contained__39a3f3ec {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_outlined__39a3f3ec {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_text__39a3f3ec {\n color: var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[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__39a3f3ec[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
1659
+ var css$W = "button.BaseButton_module_root__39a3f3ec[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 -ms-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_contained__39a3f3ec {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_outlined__39a3f3ec {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_text__39a3f3ec {\n color: var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[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__39a3f3ec[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
1660
1660
  var modules_ab72627b = {"root":"BaseButton_module_root__39a3f3ec","contained":"BaseButton_module_contained__39a3f3ec","outlined":"BaseButton_module_outlined__39a3f3ec","text":"BaseButton_module_text__39a3f3ec"};
1661
- n(css$V,{});
1661
+ n(css$W,{});
1662
1662
 
1663
1663
  var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
1664
1664
  var className = props.className,
@@ -1717,9 +1717,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
1717
1717
  variant: 'contained'
1718
1718
  });
1719
1719
 
1720
- var css$U = ".Button_module_root__0be1a26c[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_text__0be1a26c {\n color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_text__0be1a26c {\n color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_text__0be1a26c {\n color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--grey);\n}";
1720
+ var css$V = ".Button_module_root__0be1a26c[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_primary__0be1a26c.Button_module_text__0be1a26c {\n color: var(--highlight);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_success__0be1a26c.Button_module_text__0be1a26c {\n color: var(--success);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_danger__0be1a26c.Button_module_text__0be1a26c {\n color: var(--error);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell].Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--warning);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_contained__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_contained__0be1a26c {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_primary__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_success__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_danger__0be1a26c.Button_module_text__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_outlined__0be1a26c, .Button_module_root__0be1a26c[data-elem=base-cell]:disabled.Button_module_warning__0be1a26c.Button_module_text__0be1a26c {\n color: var(--grey);\n}";
1721
1721
  var modules_b0070f27 = {"root":"Button_module_root__0be1a26c","primary":"Button_module_primary__0be1a26c","contained":"Button_module_contained__0be1a26c","outlined":"Button_module_outlined__0be1a26c","text":"Button_module_text__0be1a26c","success":"Button_module_success__0be1a26c","danger":"Button_module_danger__0be1a26c","warning":"Button_module_warning__0be1a26c"};
1722
- n(css$U,{});
1722
+ n(css$V,{});
1723
1723
 
1724
1724
  var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
1725
1725
  var className = props.className,
@@ -1763,9 +1763,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
1763
1763
  radius: 'default'
1764
1764
  });
1765
1765
 
1766
- var css$T = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
1766
+ var css$U = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
1767
1767
  var modules_31aa5fd7 = {"root":"Chip_module_root__0aa07630","sm":"Chip_module_sm__0aa07630","md":"Chip_module_md__0aa07630","status":"Chip_module_status__0aa07630","success":"Chip_module_success__0aa07630","info":"Chip_module_info__0aa07630","danger":"Chip_module_danger__0aa07630","warning":"Chip_module_warning__0aa07630","default":"Chip_module_default__0aa07630","input":"Chip_module_input__0aa07630"};
1768
- n(css$T,{});
1768
+ n(css$U,{});
1769
1769
 
1770
1770
  var Chip = function Chip(props) {
1771
1771
  var className = props.className,
@@ -2136,9 +2136,9 @@ Server.defaultProps = {
2136
2136
  className: ''
2137
2137
  };
2138
2138
 
2139
- var css$S = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
2139
+ var css$T = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
2140
2140
  var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
2141
- n(css$S,{});
2141
+ n(css$T,{});
2142
2142
 
2143
2143
  var Arrow$1 = function Arrow(props) {
2144
2144
  var className = props.className,
@@ -2158,9 +2158,9 @@ Arrow$1.defaultProps = {
2158
2158
  position: 'right'
2159
2159
  };
2160
2160
 
2161
- var css$R = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
2161
+ var css$S = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
2162
2162
  var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
2163
- n(css$R,{});
2163
+ n(css$S,{});
2164
2164
 
2165
2165
  var Chevron = function Chevron(props) {
2166
2166
  var className = props.className,
@@ -2493,6 +2493,63 @@ var Trash = function Trash(props) {
2493
2493
  });
2494
2494
  };
2495
2495
 
2496
+ var SearchIcon = function SearchIcon(_ref) {
2497
+ var className = _ref.className;
2498
+ return /*#__PURE__*/jsxRuntime.jsx("svg", {
2499
+ className: className,
2500
+ width: "1.5rem",
2501
+ height: "1.5rem",
2502
+ viewBox: "0 0 17 16",
2503
+ fill: "#9B9BA3",
2504
+ xmlns: "http://www.w3.org/2000/svg",
2505
+ children: /*#__PURE__*/jsxRuntime.jsx("path", {
2506
+ d: "M14.4784 13.5267L12.0051 11.0733C12.9651 9.87629 13.4301 8.35688 13.3043 6.82755C13.1785 5.29821 12.4715 3.8752 11.3287 2.85111C10.186 1.82702 8.69427 1.27969 7.16035 1.32166C5.62642 1.36363 4.16688 1.99172 3.08182 3.07677C1.99677 4.16183 1.36868 5.62137 1.32671 7.15529C1.28474 8.68922 1.83207 10.1809 2.85616 11.3237C3.88025 12.4665 5.30326 13.1734 6.8326 13.2992C8.36193 13.425 9.88134 12.9601 11.0784 12L13.5317 14.4533C13.5937 14.5158 13.6674 14.5654 13.7487 14.5993C13.8299 14.6331 13.9171 14.6505 14.0051 14.6505C14.0931 14.6505 14.1802 14.6331 14.2614 14.5993C14.3427 14.5654 14.4164 14.5158 14.4784 14.4533C14.5986 14.329 14.6657 14.1629 14.6657 13.99C14.6657 13.8171 14.5986 13.651 14.4784 13.5267ZM7.3384 12C6.41542 12 5.51316 11.7263 4.74574 11.2135C3.97831 10.7008 3.38017 9.97192 3.02696 9.1192C2.67375 8.26648 2.58133 7.32817 2.7614 6.42292C2.94146 5.51768 3.38592 4.68616 4.03857 4.03351C4.69121 3.38087 5.52273 2.93641 6.42798 2.75635C7.33322 2.57628 8.27153 2.6687 9.12425 3.02191C9.97698 3.37512 10.7058 3.97326 11.2186 4.74068C11.7314 5.50811 12.0051 6.41037 12.0051 7.33335C12.0051 8.57102 11.5134 9.75801 10.6382 10.6332C9.76306 11.5083 8.57607 12 7.3384 12Z"
2507
+ })
2508
+ });
2509
+ };
2510
+
2511
+ var Close = function Close(_ref) {
2512
+ var className = _ref.className;
2513
+ return /*#__PURE__*/jsxRuntime.jsx("svg", {
2514
+ className: className,
2515
+ width: "1.5rem",
2516
+ height: "1.5rem",
2517
+ viewBox: "0 0 14 15",
2518
+ fill: "#333333",
2519
+ xmlns: "http://www.w3.org/2000/svg",
2520
+ children: /*#__PURE__*/jsxRuntime.jsx("path", {
2521
+ d: "M11.0834 3.74416L10.2609 2.92166L7.00002 6.18249L3.73919 2.92166L2.91669 3.74416L6.17752 7.00499L2.91669 10.2658L3.73919 11.0883L7.00002 7.82749L10.2609 11.0883L11.0834 10.2658L7.82252 7.00499L11.0834 3.74416Z"
2522
+ })
2523
+ });
2524
+ };
2525
+
2526
+ var css$R = ".Sort_module_root__5112e35d.Sort_module_orderAz__5112e35d {\n transform: none;\n}\n.Sort_module_root__5112e35d.Sort_module_orderZa__5112e35d {\n transform: rotate(180deg);\n}";
2527
+ var modules_501919d9 = {"root":"Sort_module_root__5112e35d","order-az":"Sort_module_orderAz__5112e35d","order-za":"Sort_module_orderZa__5112e35d"};
2528
+ n(css$R,{});
2529
+
2530
+ var Sort = function Sort(_ref) {
2531
+ var className = _ref.className,
2532
+ position = _ref.position;
2533
+ return /*#__PURE__*/jsxRuntime.jsxs("svg", {
2534
+ className: classes(modules_501919d9.root, className, modules_501919d9["order-".concat(position)]),
2535
+ width: "1.5rem",
2536
+ height: "1.5rem",
2537
+ viewBox: "0 0 16 16",
2538
+ fill: "#737373",
2539
+ xmlns: "http://www.w3.org/2000/svg",
2540
+ children: [/*#__PURE__*/jsxRuntime.jsx("path", {
2541
+ d: "M4 5.33333C4 4.96514 4.29848 4.66666 4.66667 4.66666H11.3333C11.7015 4.66666 12 4.96514 12 5.33333C12 5.70152 11.7015 6 11.3333 6H4.66667C4.29848 6 4 5.70152 4 5.33333Z"
2542
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
2543
+ d: "M5.33333 8C5.33333 7.63181 5.63181 7.33333 6 7.33333H10C10.3682 7.33333 10.6667 7.63181 10.6667 8C10.6667 8.36819 10.3682 8.66666 10 8.66666H6C5.63181 8.66666 5.33333 8.36819 5.33333 8Z"
2544
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
2545
+ d: "M7.33333 10C6.96514 10 6.66667 10.2985 6.66667 10.6667C6.66667 11.0349 6.96514 11.3333 7.33333 11.3333H8.66667C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10H7.33333Z"
2546
+ })]
2547
+ });
2548
+ };
2549
+ Sort.defaultProps = {
2550
+ position: 'az'
2551
+ };
2552
+
2496
2553
  var css$Q = ".Accordion_module_root__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[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__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] .Accordion_module_title__a63f6f55 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_icon__a63f6f55,\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_title__a63f6f55 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: none;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] {\n width: -webkit-fit-content;\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__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] .Accordion_module_expand__a63f6f55 {\n height: 1.5rem;\n width: 1.5rem;\n}";
2497
2554
  var modules_8207625f = {"root":"Accordion_module_root__a63f6f55","header":"Accordion_module_header__a63f6f55","icon":"Accordion_module_icon__a63f6f55","title":"Accordion_module_title__a63f6f55","body":"Accordion_module_body__a63f6f55","open":"Accordion_module_open__a63f6f55","expand":"Accordion_module_expand__a63f6f55"};
2498
2555
  n(css$Q,{});
@@ -6676,8 +6733,8 @@ Alert.defaultProps = {
6676
6733
  position: 'bottom-center'
6677
6734
  };
6678
6735
 
6679
- var css$N = ".Breadcrumbs_module_root__b14355df {\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__b14355df .Breadcrumbs_module_seperator__b14355df {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_root__b14355df button.Breadcrumbs_module_expand__b14355df[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__b14355df button.Breadcrumbs_module_expand__b14355df[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__b14355df .Breadcrumbs_module_crumb__b14355df {\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__b14355df .Breadcrumbs_module_crumb__b14355df.Breadcrumbs_module_active__b14355df {\n color: var(--black);\n}\n.Breadcrumbs_module_root__b14355df .Breadcrumbs_module_crumb__b14355df:hover {\n color: var(--info);\n}";
6680
- var modules_651f50a9 = {"root":"Breadcrumbs_module_root__b14355df","seperator":"Breadcrumbs_module_seperator__b14355df","expand":"Breadcrumbs_module_expand__b14355df","crumb":"Breadcrumbs_module_crumb__b14355df","active":"Breadcrumbs_module_active__b14355df"};
6736
+ var css$N = ".Breadcrumbs_module_root__f527a278 {\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__f527a278 .Breadcrumbs_module_seperator__f527a278 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_root__f527a278 button.Breadcrumbs_module_expand__f527a278[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__f527a278 button.Breadcrumbs_module_expand__f527a278[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278 {\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__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278 {\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__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--black);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeLight__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278 {\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__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278.Breadcrumbs_module_active__f527a278 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__f527a278.Breadcrumbs_module_themeDark__f527a278 .Breadcrumbs_module_crumb__f527a278:hover:not(.Breadcrumbs_module_active__f527a278) {\n color: var(--info);\n}";
6737
+ var modules_651f50a9 = {"root":"Breadcrumbs_module_root__f527a278","seperator":"Breadcrumbs_module_seperator__f527a278","expand":"Breadcrumbs_module_expand__f527a278","crumb":"Breadcrumbs_module_crumb__f527a278","active":"Breadcrumbs_module_active__f527a278","theme-light":"Breadcrumbs_module_themeLight__f527a278","theme-dark":"Breadcrumbs_module_themeDark__f527a278"};
6681
6738
  n(css$N,{});
6682
6739
 
6683
6740
  var css$M = ".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}";
@@ -6786,7 +6843,8 @@ var BreadCrumbs = function BreadCrumbs(props) {
6786
6843
  maxItems = props.maxItems,
6787
6844
  itemsBeforeCollapse = props.itemsBeforeCollapse,
6788
6845
  itemsAfterCollapse = props.itemsAfterCollapse,
6789
- linkComponent = props.linkComponent;
6846
+ linkComponent = props.linkComponent,
6847
+ theme = props.theme;
6790
6848
  var _useState = React.useState(false),
6791
6849
  _useState2 = _slicedToArray(_useState, 2),
6792
6850
  expand = _useState2[0],
@@ -6808,6 +6866,7 @@ var BreadCrumbs = function BreadCrumbs(props) {
6808
6866
  'data-state': active
6809
6867
  },
6810
6868
  component: !active ? linkComponent : 'span',
6869
+ stroke: !active ? 'regular' : 'medium',
6811
6870
  children: [icon && icon, title && /*#__PURE__*/jsxRuntime.jsx("span", {
6812
6871
  children: getSpacedDisplayName(title).replace(/-/g, ' ')
6813
6872
  })]
@@ -6832,11 +6891,12 @@ var BreadCrumbs = function BreadCrumbs(props) {
6832
6891
  }, 'expand'));
6833
6892
  }
6834
6893
  return /*#__PURE__*/jsxRuntime.jsx("div", {
6835
- className: classes(modules_651f50a9.root),
6894
+ className: classes(modules_651f50a9.root, modules_651f50a9["theme-".concat(theme)]),
6836
6895
  children: CrumbsDOM
6837
6896
  });
6838
6897
  };
6839
6898
  BreadCrumbs.propTypes = {
6899
+ theme: propTypes$1.exports.oneOf(['light', 'dark']),
6840
6900
  crumbs: propTypes$1.exports.arrayOf(propTypes$1.exports.shape({
6841
6901
  title: propTypes$1.exports.string,
6842
6902
  path: propTypes$1.exports.string,
@@ -6848,6 +6908,7 @@ BreadCrumbs.propTypes = {
6848
6908
  linkComponent: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.element])
6849
6909
  };
6850
6910
  BreadCrumbs.defaultProps = {
6911
+ theme: 'dark',
6851
6912
  crumbs: [],
6852
6913
  maxItems: 4,
6853
6914
  itemsBeforeCollapse: 2,
@@ -16586,126 +16647,134 @@ function c(Prism) {
16586
16647
  delete Prism.languages.c['boolean'];
16587
16648
  }
16588
16649
 
16589
- var refractorC$1 = c_1;
16590
- var cpp_1 = cpp;
16591
- cpp.displayName = 'cpp';
16592
- cpp.aliases = [];
16593
- function cpp(Prism) {
16594
- Prism.register(refractorC$1)
16595
- ;(function (Prism) {
16596
- var keyword =
16597
- /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
16598
- var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(
16599
- /<keyword>/g,
16600
- function () {
16601
- return keyword.source
16602
- }
16603
- );
16604
- Prism.languages.cpp = Prism.languages.extend('c', {
16605
- 'class-name': [
16606
- {
16607
- pattern: RegExp(
16608
- /(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(
16609
- /<keyword>/g,
16610
- function () {
16611
- return keyword.source
16612
- }
16613
- )
16614
- ),
16615
- lookbehind: true
16616
- }, // This is intended to capture the class name of method implementations like:
16617
- // void foo::bar() const {}
16618
- // However! The `foo` in the above example could also be a namespace, so we only capture the class name if
16619
- // it starts with an uppercase letter. This approximation should give decent results.
16620
- /\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/, // This will capture the class name before destructors like:
16621
- // Foo::~Foo() {}
16622
- /\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i, // This also intends to capture the class name of method implementations but here the class has template
16623
- // parameters, so it can't be a namespace (until C++ adds generic namespaces).
16624
- /\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
16625
- ],
16626
- keyword: keyword,
16627
- number: {
16628
- pattern:
16629
- /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
16630
- greedy: true
16631
- },
16632
- operator:
16633
- />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
16634
- boolean: /\b(?:false|true)\b/
16635
- });
16636
- Prism.languages.insertBefore('cpp', 'string', {
16637
- module: {
16638
- // https://en.cppreference.com/w/cpp/language/modules
16639
- pattern: RegExp(
16640
- /(\b(?:import|module)\s+)/.source +
16641
- '(?:' + // header-name
16642
- /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
16643
- '|' + // module name or partition or both
16644
- /<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(
16645
- /<mod-name>/g,
16646
- function () {
16647
- return modName
16648
- }
16649
- ) +
16650
- ')'
16651
- ),
16652
- lookbehind: true,
16653
- greedy: true,
16654
- inside: {
16655
- string: /^[<"][\s\S]+/,
16656
- operator: /:/,
16657
- punctuation: /\./
16658
- }
16659
- },
16660
- 'raw-string': {
16661
- pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
16662
- alias: 'string',
16663
- greedy: true
16664
- }
16665
- });
16666
- Prism.languages.insertBefore('cpp', 'keyword', {
16667
- 'generic-function': {
16668
- pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
16669
- inside: {
16670
- function: /^\w+/,
16671
- generic: {
16672
- pattern: /<[\s\S]+/,
16673
- alias: 'class-name',
16674
- inside: Prism.languages.cpp
16675
- }
16676
- }
16677
- }
16678
- });
16679
- Prism.languages.insertBefore('cpp', 'operator', {
16680
- 'double-colon': {
16681
- pattern: /::/,
16682
- alias: 'punctuation'
16683
- }
16684
- });
16685
- Prism.languages.insertBefore('cpp', 'class-name', {
16686
- // the base clause is an optional list of parent classes
16687
- // https://en.cppreference.com/w/cpp/language/class
16688
- 'base-clause': {
16689
- pattern:
16690
- /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
16691
- lookbehind: true,
16692
- greedy: true,
16693
- inside: Prism.languages.extend('cpp', {})
16694
- }
16695
- });
16696
- Prism.languages.insertBefore(
16697
- 'inside',
16698
- 'double-colon',
16699
- {
16700
- // All untokenized words that are not namespaces should be class names
16701
- 'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
16702
- },
16703
- Prism.languages.cpp['base-clause']
16704
- );
16705
- })(Prism);
16650
+ var cpp_1;
16651
+ var hasRequiredCpp;
16652
+
16653
+ function requireCpp () {
16654
+ if (hasRequiredCpp) return cpp_1;
16655
+ hasRequiredCpp = 1;
16656
+ var refractorC = c_1;
16657
+ cpp_1 = cpp;
16658
+ cpp.displayName = 'cpp';
16659
+ cpp.aliases = [];
16660
+ function cpp(Prism) {
16661
+ Prism.register(refractorC)
16662
+ ;(function (Prism) {
16663
+ var keyword =
16664
+ /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
16665
+ var modName = /\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(
16666
+ /<keyword>/g,
16667
+ function () {
16668
+ return keyword.source
16669
+ }
16670
+ );
16671
+ Prism.languages.cpp = Prism.languages.extend('c', {
16672
+ 'class-name': [
16673
+ {
16674
+ pattern: RegExp(
16675
+ /(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(
16676
+ /<keyword>/g,
16677
+ function () {
16678
+ return keyword.source
16679
+ }
16680
+ )
16681
+ ),
16682
+ lookbehind: true
16683
+ }, // This is intended to capture the class name of method implementations like:
16684
+ // void foo::bar() const {}
16685
+ // However! The `foo` in the above example could also be a namespace, so we only capture the class name if
16686
+ // it starts with an uppercase letter. This approximation should give decent results.
16687
+ /\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/, // This will capture the class name before destructors like:
16688
+ // Foo::~Foo() {}
16689
+ /\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i, // This also intends to capture the class name of method implementations but here the class has template
16690
+ // parameters, so it can't be a namespace (until C++ adds generic namespaces).
16691
+ /\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
16692
+ ],
16693
+ keyword: keyword,
16694
+ number: {
16695
+ pattern:
16696
+ /(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,
16697
+ greedy: true
16698
+ },
16699
+ operator:
16700
+ />>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
16701
+ boolean: /\b(?:false|true)\b/
16702
+ });
16703
+ Prism.languages.insertBefore('cpp', 'string', {
16704
+ module: {
16705
+ // https://en.cppreference.com/w/cpp/language/modules
16706
+ pattern: RegExp(
16707
+ /(\b(?:import|module)\s+)/.source +
16708
+ '(?:' + // header-name
16709
+ /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source +
16710
+ '|' + // module name or partition or both
16711
+ /<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(
16712
+ /<mod-name>/g,
16713
+ function () {
16714
+ return modName
16715
+ }
16716
+ ) +
16717
+ ')'
16718
+ ),
16719
+ lookbehind: true,
16720
+ greedy: true,
16721
+ inside: {
16722
+ string: /^[<"][\s\S]+/,
16723
+ operator: /:/,
16724
+ punctuation: /\./
16725
+ }
16726
+ },
16727
+ 'raw-string': {
16728
+ pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
16729
+ alias: 'string',
16730
+ greedy: true
16731
+ }
16732
+ });
16733
+ Prism.languages.insertBefore('cpp', 'keyword', {
16734
+ 'generic-function': {
16735
+ pattern: /\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,
16736
+ inside: {
16737
+ function: /^\w+/,
16738
+ generic: {
16739
+ pattern: /<[\s\S]+/,
16740
+ alias: 'class-name',
16741
+ inside: Prism.languages.cpp
16742
+ }
16743
+ }
16744
+ }
16745
+ });
16746
+ Prism.languages.insertBefore('cpp', 'operator', {
16747
+ 'double-colon': {
16748
+ pattern: /::/,
16749
+ alias: 'punctuation'
16750
+ }
16751
+ });
16752
+ Prism.languages.insertBefore('cpp', 'class-name', {
16753
+ // the base clause is an optional list of parent classes
16754
+ // https://en.cppreference.com/w/cpp/language/class
16755
+ 'base-clause': {
16756
+ pattern:
16757
+ /(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,
16758
+ lookbehind: true,
16759
+ greedy: true,
16760
+ inside: Prism.languages.extend('cpp', {})
16761
+ }
16762
+ });
16763
+ Prism.languages.insertBefore(
16764
+ 'inside',
16765
+ 'double-colon',
16766
+ {
16767
+ // All untokenized words that are not namespaces should be class names
16768
+ 'class-name': /\b[a-z_]\w*\b(?!\s*::)/i
16769
+ },
16770
+ Prism.languages.cpp['base-clause']
16771
+ );
16772
+ })(Prism);
16773
+ }
16774
+ return cpp_1;
16706
16775
  }
16707
16776
 
16708
- var refractorCpp$1 = cpp_1;
16777
+ var refractorCpp$1 = requireCpp();
16709
16778
  var arduino_1 = arduino;
16710
16779
  arduino.displayName = 'arduino';
16711
16780
  arduino.aliases = ['ino'];
@@ -18715,7 +18784,7 @@ function cfscript(Prism) {
18715
18784
  Prism.languages.cfc = Prism.languages['cfscript'];
18716
18785
  }
18717
18786
 
18718
- var refractorCpp = cpp_1;
18787
+ var refractorCpp = requireCpp();
18719
18788
  var chaiscript_1 = chaiscript;
18720
18789
  chaiscript.displayName = 'chaiscript';
18721
18790
  chaiscript.aliases = [];
@@ -38947,7 +39016,7 @@ refractor.register(requireCobol());
38947
39016
  refractor.register(requireCoffeescript());
38948
39017
  refractor.register(requireConcurnas());
38949
39018
  refractor.register(requireCoq());
38950
- refractor.register(cpp_1);
39019
+ refractor.register(requireCpp());
38951
39020
  refractor.register(requireCrystal());
38952
39021
  refractor.register(requireCsharp());
38953
39022
  refractor.register(requireCshtml());
@@ -43361,8 +43430,8 @@ function getPagination(curr, total, limit) {
43361
43430
  return pages;
43362
43431
  }
43363
43432
 
43364
- var css$p = ".Pagination_module_root__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__4c778f02::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__4c778f02.Pagination_module_floating__4c778f02 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_pagination__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_jumpToPage__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: none;\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.3125rem;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem=component2] {\n display: flex;\n flex: 1 0 auto;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_text__4c778f02 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n width: auto;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\n flex: 1 1 60%;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02.Pagination_module_disable__4c778f02 {\n pointer-events: none;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02.Pagination_module_active__4c778f02 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0.75rem;\n padding: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 {\n background-color: var(--grey);\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 {\n width: 5rem;\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: var(--grey);\n color: var(--white);\n border-color: var(--grey);\n width: 4.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: var(--grey);\n border: none;\n width: 100%;\n}\n\n.Pagination_module_paginationTest__4c778f02 {\n height: 80%;\n width: 100%;\n overflow: scroll;\n background-color: powderblue;\n display: flex;\n flex-direction: column;\n}\n\n.Pagination_module_dropdownPopper__4c778f02 {\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.25rem;\n}\n.Pagination_module_dropdownPopper__4c778f02::-webkit-scrollbar {\n display: none;\n}";
43365
- var modules_a3d40e77 = {"root":"Pagination_module_root__4c778f02","floating":"Pagination_module_floating__4c778f02","row-switcher":"Pagination_module_rowSwitcher__4c778f02","pagination":"Pagination_module_pagination__4c778f02","jump-to-page":"Pagination_module_jumpToPage__4c778f02","form":"Pagination_module_form__4c778f02","text":"Pagination_module_text__4c778f02","dropdown":"Pagination_module_dropdown__4c778f02","page-numbers":"Pagination_module_pageNumbers__4c778f02","button":"Pagination_module_button__4c778f02","disable":"Pagination_module_disable__4c778f02","icon":"Pagination_module_icon__4c778f02","pageSelect":"Pagination_module_pageSelect__4c778f02","number":"Pagination_module_number__4c778f02","active":"Pagination_module_active__4c778f02","inputbox":"Pagination_module_inputbox__4c778f02","pagination-test":"Pagination_module_paginationTest__4c778f02","dropdown-popper":"Pagination_module_dropdownPopper__4c778f02"};
43433
+ var css$p = ".Pagination_module_root__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n gap: 0.75rem;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__8f7084b9::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_floating__8f7084b9 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9,\n.Pagination_module_root__8f7084b9 .Pagination_module_jumpToPage__8f7084b9,\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n display: none;\n flex: 0 1 15%;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 > [data-elem=component2] {\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 {\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem=component2] {\n display: flex;\n flex: 0 0 auto;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_rowSwitcherHandle__8f7084b9 > [data-elem=component2]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.5px;\n height: 50%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_text__8f7084b9 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n max-height: 100%;\n width: auto;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 .Pagination_module_dropdown__8f7084b9 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 {\n flex: 1 1 40%;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9.Pagination_module_disable__8f7084b9 {\n pointer-events: none;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_button__8f7084b9 .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_pageNumbers__8f7084b9 > .Pagination_module_pageSelect__8f7084b9 .Pagination_module_number__8f7084b9.Pagination_module_active__8f7084b9 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: none;\n padding: 0;\n flex: 0 1 30%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 > [data-elem*=component] > form {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n margin-left: auto;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0rem;\n padding: 0;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: transparent;\n color: var(--white);\n border-color: var(--grey1);\n border-radius: 0.25rem 0 0 0.25rem;\n height: 100%;\n width: 10rem;\n flex: 1;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_inputbox__8f7084b9 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: transparent;\n border: none;\n height: 100%;\n width: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_button__8f7084b9 {\n border-radius: 0rem 0.25rem 0.25rem 0rem;\n background-color: var(--grey1);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_form__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 .Pagination_module_button__8f7084b9 .Pagination_module_icon__8f7084b9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__8f7084b9 .Pagination_module_totalData__8f7084b9 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: none;\n margin: auto;\n color: var(--white);\n flex: 0 1 15%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__8f7084b9 .Pagination_module_totalData__8f7084b9 {\n display: inline;\n }\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_rowSwitcher__8f7084b9 {\n flex: 0 1 20%;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_jumpToPage__8f7084b9 {\n flex: 1 1 60%;\n}\n.Pagination_module_root__8f7084b9.Pagination_module_noTotalData__8f7084b9 .Pagination_module_form__8f7084b9 {\n flex: 0 1 20%;\n}";
43434
+ var modules_a3d40e77 = {"root":"Pagination_module_root__8f7084b9","floating":"Pagination_module_floating__8f7084b9","row-switcher":"Pagination_module_rowSwitcher__8f7084b9","jump-to-page":"Pagination_module_jumpToPage__8f7084b9","form":"Pagination_module_form__8f7084b9","row-switcher-handle":"Pagination_module_rowSwitcherHandle__8f7084b9","text":"Pagination_module_text__8f7084b9","dropdown":"Pagination_module_dropdown__8f7084b9","page-numbers":"Pagination_module_pageNumbers__8f7084b9","button":"Pagination_module_button__8f7084b9","disable":"Pagination_module_disable__8f7084b9","icon":"Pagination_module_icon__8f7084b9","pageSelect":"Pagination_module_pageSelect__8f7084b9","number":"Pagination_module_number__8f7084b9","active":"Pagination_module_active__8f7084b9","inputbox":"Pagination_module_inputbox__8f7084b9","total-data":"Pagination_module_totalData__8f7084b9","no-total-data":"Pagination_module_noTotalData__8f7084b9"};
43366
43435
  n(css$p,{});
43367
43436
 
43368
43437
  var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
@@ -43390,6 +43459,10 @@ var reducer = function reducer(state, _ref) {
43390
43459
  return _objectSpread2(_objectSpread2({}, state), {}, {
43391
43460
  totalPages: payload
43392
43461
  });
43462
+ case 'SET_TOTAL_DATA':
43463
+ return _objectSpread2(_objectSpread2({}, state), {}, {
43464
+ totalData: payload
43465
+ });
43393
43466
  default:
43394
43467
  return state;
43395
43468
  }
@@ -43400,11 +43473,14 @@ var usePagination = function usePagination(props) {
43400
43473
  _props$currentPage = props.currentPage,
43401
43474
  currentPage = _props$currentPage === void 0 ? null : _props$currentPage,
43402
43475
  _props$step = props.step,
43403
- step = _props$step === void 0 ? 10 : _props$step;
43476
+ step = _props$step === void 0 ? 10 : _props$step,
43477
+ _props$totalData = props.totalData,
43478
+ totalData = _props$totalData === void 0 ? null : _props$totalData;
43404
43479
  var _useReducer = React.useReducer(reducer, {
43405
43480
  totalPages: totalPages,
43406
43481
  currentPage: currentPage,
43407
- step: step
43482
+ step: step,
43483
+ totalData: totalData
43408
43484
  }),
43409
43485
  _useReducer2 = _slicedToArray(_useReducer, 2),
43410
43486
  paginationState = _useReducer2[0],
@@ -43416,11 +43492,17 @@ var usePagination = function usePagination(props) {
43416
43492
  payload: totalPages
43417
43493
  });
43418
43494
  }
43495
+ if (paginationState.totalData !== totalData) {
43496
+ paginationDispatch({
43497
+ type: 'SET_TOTAL_DATA',
43498
+ payload: totalData
43499
+ });
43500
+ }
43419
43501
  paginationDispatch({
43420
43502
  type: 'SET_TOTAL_PAGES',
43421
43503
  payload: totalPages
43422
43504
  });
43423
- }, [totalPages]);
43505
+ }, [totalPages, totalData]);
43424
43506
  return [paginationState, paginationDispatch];
43425
43507
  };
43426
43508
  var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -43431,7 +43513,8 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
43431
43513
  loading = props.loading;
43432
43514
  var totalPages = paginationState.totalPages,
43433
43515
  currentPage = paginationState.currentPage,
43434
- step = paginationState.step;
43516
+ step = paginationState.step,
43517
+ totalData = paginationState.totalData;
43435
43518
  var paginationList = new PaginationList({
43436
43519
  curr: currentPage,
43437
43520
  total: totalPages
@@ -43450,40 +43533,54 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
43450
43533
  if (loading) {
43451
43534
  return null;
43452
43535
  }
43536
+ var showTotalData = totalData && (currentPage - 1) * step + 1 < totalData;
43453
43537
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
43454
43538
  ref: ref,
43455
- className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : ''),
43539
+ className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : '', showTotalData ? '' : modules_a3d40e77['no-total-data']),
43456
43540
  children: [/*#__PURE__*/jsxRuntime.jsx(BaseCell, {
43541
+ size: "auto",
43457
43542
  flexible: true,
43458
43543
  className: modules_a3d40e77['row-switcher'],
43459
- component1: /*#__PURE__*/jsxRuntime.jsx("span", {
43460
- title: "Rows per page",
43461
- className: modules_a3d40e77.text,
43462
- children: "Rows per page"
43463
- }),
43464
- component2: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
43465
- className: modules_a3d40e77.dropdown,
43466
- popperClassName: modules_a3d40e77['dropdown-popper'],
43467
- value: step,
43468
- placeholder: null,
43469
- onChange: function onChange(e, newStep) {
43470
- _onChange({
43471
- type: 'SET_STEP',
43472
- payload: newStep
43473
- });
43474
- },
43475
- children: dropdownOptions.map(function (item) {
43476
- return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
43477
- title: item,
43478
- value: item
43479
- }, item);
43544
+ component2: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
43545
+ size: "auto",
43546
+ flexible: true,
43547
+ className: modules_a3d40e77['row-switcher-handle'],
43548
+ component1: /*#__PURE__*/jsxRuntime.jsx("span", {
43549
+ title: "Rows per page",
43550
+ className: modules_a3d40e77.text,
43551
+ children: "Rows per page"
43552
+ }),
43553
+ component2: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
43554
+ className: modules_a3d40e77.dropdown,
43555
+ popperClassName: modules_a3d40e77['dropdown-popper'],
43556
+ value: step,
43557
+ placeholder: null,
43558
+ onChange: function onChange(e, newStep) {
43559
+ _onChange({
43560
+ type: 'SET_STEP',
43561
+ payload: newStep
43562
+ });
43563
+ },
43564
+ children: dropdownOptions.map(function (item) {
43565
+ return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
43566
+ title: item,
43567
+ value: item
43568
+ }, item);
43569
+ })
43480
43570
  })
43481
43571
  })
43572
+ }), showTotalData && /*#__PURE__*/jsxRuntime.jsxs(Text, {
43573
+ variant: "b1",
43574
+ stroke: "medium",
43575
+ className: modules_a3d40e77['total-data'],
43576
+ attrs: {
43577
+ title: "".concat((currentPage - 1) * step + 1, "-").concat(currentPage * step, " of ").concat(totalData)
43578
+ },
43579
+ children: [(currentPage - 1) * step + 1, "-", currentPage === totalPages ? totalData : currentPage * step, " of ", totalData]
43482
43580
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
43483
43581
  className: modules_a3d40e77['page-numbers'],
43484
43582
  children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
43485
43583
  size: "auto",
43486
- flexible: true,
43487
43584
  disabled: currentPage === 1,
43488
43585
  title: "Prev",
43489
43586
  onClick: function onClick() {
@@ -43518,7 +43615,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
43518
43615
  })
43519
43616
  }), /*#__PURE__*/jsxRuntime.jsx(Button, {
43520
43617
  size: "auto",
43521
- flexible: true,
43522
43618
  disabled: currentPage === totalPages,
43523
43619
  title: "Next",
43524
43620
  onClick: function onClick() {
@@ -43548,21 +43644,26 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
43548
43644
  });
43549
43645
  },
43550
43646
  children: /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
43551
- flexible: true,
43647
+ size: "auto",
43552
43648
  className: modules_a3d40e77['jump-to-page'],
43553
43649
  component1: /*#__PURE__*/jsxRuntime.jsx(TextField, {
43554
43650
  inputProps: {
43555
43651
  min: 1,
43556
43652
  max: totalPages,
43557
- required: true
43653
+ required: true,
43654
+ placeholder: 'Jump to Page'
43558
43655
  },
43559
43656
  ref: jumpPageRef,
43560
43657
  type: "number",
43561
- className: modules_a3d40e77.inputbox
43658
+ className: modules_a3d40e77.inputbox,
43659
+ LeftComponent: function LeftComponent() {
43660
+ return /*#__PURE__*/jsxRuntime.jsx(SearchIcon, {
43661
+ className: modules_a3d40e77.icon
43662
+ });
43663
+ }
43562
43664
  }),
43563
43665
  component2: /*#__PURE__*/jsxRuntime.jsx(Button, {
43564
- title: "Jump to page",
43565
- size: "medium",
43666
+ size: "auto",
43566
43667
  variant: "contained",
43567
43668
  className: modules_a3d40e77.button,
43568
43669
  rightComponent: function rightComponent() {
@@ -43717,12 +43818,37 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
43717
43818
  this.sticky = sticky;
43718
43819
  });
43719
43820
 
43720
- var css$m = ".TableCell_module_root__b998b6b2[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__b998b6b2 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 0.875rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 {\n background: var(--grey7);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 .TableCell_module_cellText__b998b6b2 {\n font-weight: 600;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_bodyCell__b998b6b2 .TableCell_module_cellText__b998b6b2.TableCell_module_multiLine__b998b6b2 {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyLeft__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyRight__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n}";
43721
- var modules_7ba8d001 = {"root":"TableCell_module_root__b998b6b2","cell-text":"TableCell_module_cellText__b998b6b2","header-cell":"TableCell_module_headerCell__b998b6b2","body-cell":"TableCell_module_bodyCell__b998b6b2","multi-line":"TableCell_module_multiLine__b998b6b2","sticky-left":"TableCell_module_stickyLeft__b998b6b2","sticky-right":"TableCell_module_stickyRight__b998b6b2"};
43821
+ var css$m = ".TableCell_module_root__ff5c86cb[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__ff5c86cb {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 0.875rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb {\n background: var(--grey6);\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb .TableCell_module_cellText__ff5c86cb {\n font-weight: 500;\n color: var(--grey);\n font-size: 0.75rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb > [data-elem=component2] {\n flex: 0 0 auto;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb > [data-elem=component2] .TableCell_module_cellText__ff5c86cb {\n width: auto;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb > [data-elem=component3] {\n flex: 0 0 auto;\n margin-right: auto;\n overflow: visible;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb > [data-elem=component3] button.TableCell_module_sort__ff5c86cb {\n height: auto;\n background: transparent;\n padding: 0;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb > [data-elem=component3] .TableCell_module_sortIcon__ff5c86cb {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortDefault__ff5c86cb > [data-elem=component3] {\n visibility: hidden;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortDefault__ff5c86cb > [data-elem=component3] .TableCell_module_sortIcon__ff5c86cb {\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortAsc__ff5c86cb > [data-elem=component3], .TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortDesc__ff5c86cb > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortAsc__ff5c86cb > [data-elem=component3] .TableCell_module_sortIcon__ff5c86cb, .TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb.TableCell_module_sortDesc__ff5c86cb > [data-elem=component3] .TableCell_module_sortIcon__ff5c86cb {\n fill: var(--highlight);\n width: 1rem;\n height: 1rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_headerCell__ff5c86cb.TableCell_module_sortable__ff5c86cb:hover > [data-elem=component3] {\n visibility: visible;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_bodyCell__ff5c86cb .TableCell_module_cellText__ff5c86cb.TableCell_module_multiLine__ff5c86cb {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_stickyLeft__ff5c86cb {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__ff5c86cb[data-elem=base-cell].TableCell_module_stickyRight__ff5c86cb {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n}";
43822
+ var modules_7ba8d001 = {"root":"TableCell_module_root__ff5c86cb","cell-text":"TableCell_module_cellText__ff5c86cb","header-cell":"TableCell_module_headerCell__ff5c86cb","sortable":"TableCell_module_sortable__ff5c86cb","sort":"TableCell_module_sort__ff5c86cb","sort-icon":"TableCell_module_sortIcon__ff5c86cb","sort-default":"TableCell_module_sortDefault__ff5c86cb","sort-asc":"TableCell_module_sortAsc__ff5c86cb","sort-desc":"TableCell_module_sortDesc__ff5c86cb","body-cell":"TableCell_module_bodyCell__ff5c86cb","multi-line":"TableCell_module_multiLine__ff5c86cb","sticky-left":"TableCell_module_stickyLeft__ff5c86cb","sticky-right":"TableCell_module_stickyRight__ff5c86cb"};
43722
43823
  n(css$m,{});
43723
43824
 
43825
+ var SORT_ICONS = {
43826
+ asc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
43827
+ className: modules_7ba8d001['sort-icon'],
43828
+ position: "az"
43829
+ }),
43830
+ desc: /*#__PURE__*/jsxRuntime.jsx(Sort, {
43831
+ className: modules_7ba8d001['sort-icon'],
43832
+ position: "za"
43833
+ }),
43834
+ "default": /*#__PURE__*/jsxRuntime.jsx(Sort, {
43835
+ className: modules_7ba8d001['sort-icon'],
43836
+ position: "az"
43837
+ })
43838
+ };
43839
+ var getNextSortState = function getNextSortState(currentSort) {
43840
+ var _asc$desc$default;
43841
+ return (_asc$desc$default = {
43842
+ asc: 'desc',
43843
+ desc: 'default',
43844
+ "default": 'asc'
43845
+ }) === null || _asc$desc$default === void 0 ? void 0 : _asc$desc$default[currentSort];
43846
+ };
43847
+
43848
+ // eslint-disable-next-line prefer-arrow-callback
43724
43849
  var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
43725
- var className = props.className,
43850
+ var id = props.id,
43851
+ className = props.className,
43726
43852
  size = props.size,
43727
43853
  flexible = props.flexible,
43728
43854
  rounded = props.rounded,
@@ -43736,10 +43862,12 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
43736
43862
  type = props.type,
43737
43863
  cellContent = props.cellContent,
43738
43864
  cellTitle = props.cellTitle,
43739
- sticky = props.sticky;
43865
+ sticky = props.sticky,
43866
+ sort = props.sort,
43867
+ onSort = props.onSort;
43740
43868
  return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
43741
43869
  ref: ref,
43742
- className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)]),
43870
+ className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)], modules_7ba8d001["sort-".concat(sort)], sort != null ? modules_7ba8d001.sortable : ''),
43743
43871
  attrs: _objectSpread2({
43744
43872
  style: style
43745
43873
  }, attrs),
@@ -43756,7 +43884,16 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
43756
43884
  })), {}, {
43757
43885
  children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
43758
43886
  })),
43759
- component3: component3,
43887
+ component3: type === 'header' && sort ? /*#__PURE__*/jsxRuntime.jsx(Button, {
43888
+ className: modules_7ba8d001.sort,
43889
+ size: "auto",
43890
+ onClick: function onClick() {
43891
+ onSort(id, getNextSortState(sort));
43892
+ },
43893
+ leftComponent: function leftComponent() {
43894
+ return SORT_ICONS[sort];
43895
+ }
43896
+ }) : component3,
43760
43897
  RootDOM: RootDOM,
43761
43898
  radius: radius
43762
43899
  });
@@ -43766,18 +43903,20 @@ TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {},
43766
43903
  id: propTypes$1.exports.string,
43767
43904
  size: propTypes$1.exports.oneOf(['sm', 'md', 'lg']),
43768
43905
  flexible: propTypes$1.exports.bool,
43769
- sort: propTypes$1.exports.bool,
43906
+ sort: propTypes$1.exports.oneOf(['default', 'asc', 'desc']),
43770
43907
  // eslint-disable-next-line react/forbid-prop-types
43771
43908
  style: propTypes$1.exports.object,
43772
43909
  multiLine: propTypes$1.exports.bool,
43773
43910
  sticky: propTypes$1.exports.oneOf(['left', 'right', 'none']),
43774
43911
  cellContent: propTypes$1.exports.node,
43775
- cellTitle: propTypes$1.exports.string
43912
+ cellTitle: propTypes$1.exports.string,
43913
+ onSort: propTypes$1.exports.func
43776
43914
  });
43777
43915
  TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
43778
43916
  cellContent: null,
43779
43917
  cellTitle: null,
43780
- RootDOM: 'td'
43918
+ RootDOM: 'td',
43919
+ onSort: function onSort() {}
43781
43920
  });
43782
43921
 
43783
43922
  var css$l = ".TableRow_module_root__a0ba90a7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__a0ba90a7.TableRow_module_headerRow__a0ba90a7 {\n background: var(--grey6);\n}\n.TableRow_module_root__a0ba90a7.TableRow_module_headerRow__a0ba90a7.TableRow_module_expandable__a0ba90a7 > [data-elem=base-cell]:first-child {\n padding-left: 4.5rem;\n}\n.TableRow_module_root__a0ba90a7.TableRow_module_bodyRow__a0ba90a7 {\n background: var(--white);\n}\n.TableRow_module_root__a0ba90a7.TableRow_module_bodyRow__a0ba90a7:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__a0ba90a7.TableRow_module_bodyRow__a0ba90a7[data-active=true] > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__a0ba90a7 > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__a0ba90a7 > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}\n.TableRow_module_root__a0ba90a7 > [data-elem=base-cell].TableRow_module_expandableCell__a0ba90a7 {\n padding-left: 0.9rem;\n padding-right: 0.1rem;\n overflow: visible;\n}\n.TableRow_module_root__a0ba90a7 > [data-elem=base-cell].TableRow_module_expandableCell__a0ba90a7 > [data-elem=component2] {\n overflow: visible;\n}\n.TableRow_module_root__a0ba90a7 > [data-elem=base-cell].TableRow_module_expandableCell__a0ba90a7 > [data-elem=component2] > [data-elem=text] {\n overflow: visible;\n}\n.TableRow_module_root__a0ba90a7 .TableRow_module_button__a0ba90a7 .TableRow_module_icon__a0ba90a7 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableRow_module_root__a0ba90a7 .TableRow_module_expanded__a0ba90a7 .TableRow_module_button__a0ba90a7 .TableRow_module_icon__a0ba90a7 {\n transform: rotate(180deg);\n}";
@@ -43793,7 +43932,8 @@ var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
43793
43932
  customCells = props.customCells,
43794
43933
  className = props.className,
43795
43934
  setActiveId = props.setActiveId,
43796
- Expandable = props.expandable;
43935
+ Expandable = props.expandable,
43936
+ onSort = props.onSort;
43797
43937
  var _useState = React.useState(false),
43798
43938
  _useState2 = _slicedToArray(_useState, 2),
43799
43939
  expanded = _useState2[0],
@@ -43813,7 +43953,8 @@ var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
43813
43953
  datum: datum,
43814
43954
  cellContent: cellContent,
43815
43955
  cellTitle: cellContent,
43816
- type: type
43956
+ type: type,
43957
+ onSort: onSort
43817
43958
  });
43818
43959
  var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
43819
43960
  var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
@@ -43878,10 +44019,9 @@ TableRow.propTypes = {
43878
44019
  multiLine: propTypes$1.exports.bool
43879
44020
  })),
43880
44021
  setActiveId: propTypes$1.exports.func,
43881
- expandable: propTypes$1.exports.func
43882
- // expandableComponent:
44022
+ expandable: propTypes$1.exports.func,
44023
+ onSort: propTypes$1.exports.func
43883
44024
  };
43884
-
43885
44025
  TableRow.defaultProps = {
43886
44026
  className: '',
43887
44027
  type: 'body',
@@ -43892,7 +44032,8 @@ TableRow.defaultProps = {
43892
44032
  },
43893
44033
  headerData: [],
43894
44034
  setActiveId: function setActiveId() {},
43895
- expandable: null
44035
+ expandable: null,
44036
+ onSort: function onSort() {}
43896
44037
  };
43897
44038
 
43898
44039
  var css$k = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
@@ -43975,7 +44116,8 @@ n(css$j,{});
43975
44116
  var TableHeader = function TableHeader(props) {
43976
44117
  var headerData = props.headerData,
43977
44118
  customCells = props.customCells,
43978
- expandable = props.expandable;
44119
+ expandable = props.expandable,
44120
+ onSort = props.onSort;
43979
44121
  return /*#__PURE__*/jsxRuntime.jsx("thead", {
43980
44122
  "data-elem": "table-header",
43981
44123
  className: modules_3be98c28.root,
@@ -43983,7 +44125,8 @@ var TableHeader = function TableHeader(props) {
43983
44125
  type: "header",
43984
44126
  headerData: headerData,
43985
44127
  customCells: customCells,
43986
- expandable: expandable
44128
+ expandable: expandable,
44129
+ onSort: onSort
43987
44130
  })
43988
44131
  });
43989
44132
  };
@@ -44001,7 +44144,8 @@ TableHeader.propTypes = {
44001
44144
  header: propTypes$1.exports.func,
44002
44145
  body: propTypes$1.exports.func
44003
44146
  }),
44004
- expandable: propTypes$1.exports.func
44147
+ expandable: propTypes$1.exports.func,
44148
+ onSort: propTypes$1.exports.func
44005
44149
  };
44006
44150
  TableHeader.defaultProps = {
44007
44151
  headerData: [],
@@ -44009,7 +44153,8 @@ TableHeader.defaultProps = {
44009
44153
  header: null,
44010
44154
  body: null
44011
44155
  },
44012
- expandable: null
44156
+ expandable: null,
44157
+ onSort: function onSort() {}
44013
44158
  };
44014
44159
 
44015
44160
  var css$i = ".BaseTable_module_root__7a8d241c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--white);\n overflow: auto;\n}";
@@ -44080,7 +44225,8 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
44080
44225
  tableData = props.tableData,
44081
44226
  className = props.className,
44082
44227
  loading = props.loading,
44083
- expandable = props.expandable;
44228
+ expandable = props.expandable,
44229
+ onSort = props.onSort;
44084
44230
  if (loading) {
44085
44231
  return /*#__PURE__*/jsxRuntime.jsx(BaseTableSkeleton, {});
44086
44232
  }
@@ -44094,7 +44240,8 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
44094
44240
  children: [/*#__PURE__*/jsxRuntime.jsx(TableHeader, {
44095
44241
  headerData: transformedHeaderData,
44096
44242
  customCells: customCells,
44097
- expandable: expandable
44243
+ expandable: expandable,
44244
+ onSort: onSort
44098
44245
  }), /*#__PURE__*/jsxRuntime.jsx(TableBody, {
44099
44246
  ref: ref,
44100
44247
  headerData: transformedHeaderData,
@@ -44121,7 +44268,8 @@ BaseTable.propTypes = {
44121
44268
  body: propTypes$1.exports.func
44122
44269
  }),
44123
44270
  loading: propTypes$1.exports.bool,
44124
- expandable: propTypes$1.exports.func
44271
+ expandable: propTypes$1.exports.func,
44272
+ onSort: propTypes$1.exports.func
44125
44273
  };
44126
44274
  BaseTable.defaultProps = {
44127
44275
  className: '',
@@ -44132,7 +44280,8 @@ BaseTable.defaultProps = {
44132
44280
  body: null
44133
44281
  },
44134
44282
  loading: null,
44135
- expandable: null
44283
+ expandable: null,
44284
+ onSort: function onSort() {}
44136
44285
  };
44137
44286
 
44138
44287
  var css$f = ".Skeleton_module_root__15c10a9b[data-elem=base-cell] {\n align-items: flex-start;\n width: 100%;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] {\n width: auto;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component1] > [data-elem=skeleton] {\n height: 1.5rem;\n width: 1.5rem !important;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n flex: 8;\n}\n.Skeleton_module_root__15c10a9b[data-elem=base-cell] > [data-elem=component2] > [data-elem=skeleton] {\n max-width: 9rem;\n height: 1.5rem;\n}";
@@ -44155,42 +44304,88 @@ var TableChipsSkeleton = function TableChipsSkeleton() {
44155
44304
  });
44156
44305
  };
44157
44306
 
44158
- var css$e = ".TableChips_module_root__dfc60d0e[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey8);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__dfc60d0e {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__dfc60d0e [data-elem=component1] .TableChips_module_icon__dfc60d0e {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component2] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n overflow-x: auto;\n flex: 1;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chip__dfc60d0e .TableChips_module_chipIcon__dfc60d0e {\n width: 1rem;\n height: 1rem;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component3] {\n height: 100%;\n}\n.TableChips_module_root__dfc60d0e[data-elem=base-cell] > [data-elem=component3] .TableChips_module_clear__dfc60d0e {\n height: 100%;\n}";
44159
- var modules_016d9b3e = {"root":"TableChips_module_root__dfc60d0e","back":"TableChips_module_back__dfc60d0e","icon":"TableChips_module_icon__dfc60d0e","chip":"TableChips_module_chip__dfc60d0e","chip-icon":"TableChips_module_chipIcon__dfc60d0e","clear":"TableChips_module_clear__dfc60d0e"};
44307
+ var css$e = ".TableChips_module_root__5d8107b3[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey6);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__5d8107b3 {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__5d8107b3 [data-elem=component1] .TableChips_module_icon__5d8107b3 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n gap: 0.5rem;\n overflow: auto hidden;\n flex: 1;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 {\n background: var(--grey8);\n border: 1px solid var(--grey4);\n padding: 0.344rem 0.25rem;\n height: 100%;\n cursor: default;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 .TableChips_module_chipIcon__5d8107b3 {\n width: 1rem;\n height: 1rem;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n height: 100%;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 {\n height: 100%;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 > [data-elem=component2] > [data-elem=title] {\n color: var(--dark-grey);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 .TableChips_module_icon__5d8107b3 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3 > [data-elem=component3] {\n height: 100%;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3:hover {\n border-color: var(--highlight);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3:hover > [data-elem=component2] .TableChips_module_label__5d8107b3 {\n color: var(--highlight);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3:hover > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 {\n background: var(--background);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3:hover > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 > [data-elem=component2] > [data-elem=title] {\n color: var(--highlight);\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chipParent__5d8107b3:hover > [data-elem=component2] .TableChips_module_chipChild__5d8107b3 .TableChips_module_icon__5d8107b3 {\n width: 0.875rem;\n height: 0.875rem;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component3] {\n height: 100%;\n}\n.TableChips_module_root__5d8107b3[data-elem=base-cell] > [data-elem=component3] .TableChips_module_clear__5d8107b3 {\n height: 100%;\n}";
44308
+ var modules_016d9b3e = {"root":"TableChips_module_root__5d8107b3","back":"TableChips_module_back__5d8107b3","icon":"TableChips_module_icon__5d8107b3","chip-parent":"TableChips_module_chipParent__5d8107b3","chip-icon":"TableChips_module_chipIcon__5d8107b3","chip-child":"TableChips_module_chipChild__5d8107b3","label":"TableChips_module_label__5d8107b3","clear":"TableChips_module_clear__5d8107b3"};
44160
44309
  n(css$e,{});
44161
44310
 
44311
+ var TableChip$1 = function TableChip(props) {
44312
+ var icon = props.icon,
44313
+ rightComponent = props.rightComponent,
44314
+ label = props.label,
44315
+ value = props.value,
44316
+ onRemove = props.onRemove;
44317
+
44318
+ // component 1
44319
+ var Icon = icon;
44320
+ if (Icon) {
44321
+ Icon = /*#__PURE__*/jsxRuntime.jsx(Icon, {
44322
+ className: modules_016d9b3e['chip-icon']
44323
+ });
44324
+ } else {
44325
+ Icon = null;
44326
+ }
44327
+
44328
+ // component 2
44329
+ var Title = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
44330
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Text, {
44331
+ className: modules_016d9b3e.label,
44332
+ variant: "b2",
44333
+ stroke: "medium",
44334
+ children: [label, " :"]
44335
+ }), typeof value === 'string' && value.length > 0 && /*#__PURE__*/jsxRuntime.jsx(Chip, {
44336
+ className: modules_016d9b3e['chip-child'],
44337
+ title: value,
44338
+ radius: "ellipse",
44339
+ color: "info",
44340
+ variant: "input",
44341
+ onClick: onRemove,
44342
+ rightComponent: function rightComponent() {
44343
+ return /*#__PURE__*/jsxRuntime.jsx(Close, {
44344
+ className: modules_016d9b3e.icon
44345
+ });
44346
+ }
44347
+ })]
44348
+ });
44349
+
44350
+ // component 3
44351
+ var RightComponent = rightComponent;
44352
+ if (RightComponent) {
44353
+ RightComponent = /*#__PURE__*/jsxRuntime.jsx(RightComponent, {});
44354
+ } else {
44355
+ RightComponent = null;
44356
+ }
44357
+ return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
44358
+ radius: "default",
44359
+ size: "auto",
44360
+ className: modules_016d9b3e['chip-parent'],
44361
+ component1: Icon,
44362
+ component2: Title,
44363
+ component3: RightComponent,
44364
+ title: "".concat(label, " : ").concat(value)
44365
+ });
44366
+ };
44162
44367
  var TableChips = function TableChips(props) {
44163
44368
  var _chips$filter;
44369
+ // eslint-disable-next-line object-curly-newline
44164
44370
  var showBack = props.showBack,
44165
44371
  onBack = props.onBack,
44166
44372
  onClear = props.onClear,
44167
44373
  chips = props.chips,
44168
44374
  className = props.className,
44169
44375
  style = props.style,
44170
- loading = props.loading;
44376
+ loading = props.loading,
44377
+ _onRemove = props.onRemove;
44171
44378
  if (loading) {
44172
44379
  return /*#__PURE__*/jsxRuntime.jsx(TableChipsSkeleton, {});
44173
44380
  }
44174
44381
  var chipsDOM = chips === null || chips === void 0 ? void 0 : (_chips$filter = chips.filter(function (chip) {
44175
44382
  return (chip === null || chip === void 0 ? void 0 : chip.value) != null;
44176
- })) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip) {
44177
- return /*#__PURE__*/jsxRuntime.jsx(Chip, {
44178
- variant: "input",
44179
- color: "default",
44180
- disabled: chip.disabled,
44181
- className: modules_016d9b3e.chip,
44182
- title: "".concat(chip.label, " : ").concat(chip.value),
44183
- leftComponent: function leftComponent(iconProps) {
44184
- var Icon = chip.icon;
44185
- if ( /*#__PURE__*/React.isValidElement( /*#__PURE__*/jsxRuntime.jsx(Icon, {}))) {
44186
- return /*#__PURE__*/jsxRuntime.jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
44187
- className: modules_016d9b3e['chip-icon']
44188
- }));
44189
- }
44190
- return null;
44191
- },
44192
- rightComponent: chip.rightComponent
44193
- }, chip.key);
44383
+ })) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip, index) {
44384
+ return /*#__PURE__*/jsxRuntime.jsx(TableChip$1, _objectSpread2(_objectSpread2({}, chip), {}, {
44385
+ onRemove: function onRemove() {
44386
+ _onRemove(chip, index);
44387
+ }
44388
+ }), chip.key);
44194
44389
  });
44195
44390
  if ((chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 || showBack) {
44196
44391
  return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
@@ -44244,7 +44439,8 @@ TableChips.propTypes = {
44244
44439
  disabled: propTypes$1.exports.bool,
44245
44440
  rightComponent: propTypes$1.exports.node
44246
44441
  })),
44247
- loading: propTypes$1.exports.bool
44442
+ loading: propTypes$1.exports.bool,
44443
+ onRemove: propTypes$1.exports.func
44248
44444
  };
44249
44445
  TableChips.defaultProps = {
44250
44446
  className: '',
@@ -44253,7 +44449,8 @@ TableChips.defaultProps = {
44253
44449
  onBack: function onBack() {},
44254
44450
  onClear: function onClear() {},
44255
44451
  chips: [],
44256
- loading: null
44452
+ loading: null,
44453
+ onRemove: function onRemove() {}
44257
44454
  };
44258
44455
 
44259
44456
  var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
@@ -44266,13 +44463,16 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
44266
44463
  _ref$value = _ref.value,
44267
44464
  value = _ref$value === void 0 ? '' : _ref$value,
44268
44465
  _ref$disabled = _ref.disabled,
44269
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
44466
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
44467
+ _ref$rightComponent = _ref.rightComponent,
44468
+ rightComponent = _ref$rightComponent === void 0 ? null : _ref$rightComponent;
44270
44469
  _classCallCheck(this, TableChip);
44271
44470
  this.key = key;
44272
44471
  this.icon = icon;
44273
44472
  this.label = label;
44274
44473
  this.value = value;
44275
44474
  this.disabled = disabled;
44475
+ this.rightComponent = rightComponent;
44276
44476
  });
44277
44477
 
44278
44478
  var css$d = ".Popover_module_root__265e51dc {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background-color: var(--white);\n padding: 1rem;\n border-radius: 0.25rem;\n}";
@@ -44656,7 +44856,7 @@ var modules_2e8406c7 = {"root":"Table_module_root__d17cb64f","table":"Table_modu
44656
44856
  n(css$9,{});
44657
44857
 
44658
44858
  var INTERSECTION = 1;
44659
- var STEP = 0.1;
44859
+ var STEP = 0.05;
44660
44860
  var THRESHOLD = [];
44661
44861
  for (var i = 0; i < INTERSECTION; i += STEP) {
44662
44862
  THRESHOLD.push(i);
@@ -44674,7 +44874,8 @@ var Table = function Table(props) {
44674
44874
  filtersData = props.filtersData,
44675
44875
  paginationData = props.paginationData,
44676
44876
  loading = props.loading,
44677
- disabledFilterOptions = props.disabledFilterOptions;
44877
+ disabledFilterOptions = props.disabledFilterOptions,
44878
+ onSort = props.onSort;
44678
44879
  var ref = React.useRef(null);
44679
44880
  var paginationRef = React.useRef(null);
44680
44881
  var _useState = React.useState(false),
@@ -44700,7 +44901,7 @@ var Table = function Table(props) {
44700
44901
  entries.forEach(function (entry) {
44701
44902
  var _entry$intersectionRe;
44702
44903
  // if the target is visibile
44703
- if (entry.isIntersecting && entry.intersectionRatio >= INTERSECTION || (entry === null || entry === void 0 ? void 0 : (_entry$intersectionRe = entry.intersectionRect) === null || _entry$intersectionRe === void 0 ? void 0 : _entry$intersectionRe.height) === lastRowHeight) {
44904
+ if (entry.isIntersecting && entry.intersectionRatio >= INTERSECTION || (entry === null || entry === void 0 ? void 0 : (_entry$intersectionRe = entry.intersectionRect) === null || _entry$intersectionRe === void 0 ? void 0 : _entry$intersectionRe.height) >= lastRowHeight) {
44704
44905
  setFloating(false);
44705
44906
  } else {
44706
44907
  setFloating(true);
@@ -44770,6 +44971,7 @@ var Table = function Table(props) {
44770
44971
  setActiveData: setActiveData,
44771
44972
  customCells: customCells,
44772
44973
  className: modules_2e8406c7.table,
44974
+ onSort: onSort,
44773
44975
  loading: loading
44774
44976
  }), paginationData != null && /*#__PURE__*/jsxRuntime.jsx(Pagination, _objectSpread2(_objectSpread2({
44775
44977
  className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
@@ -44808,7 +45010,8 @@ Table.propTypes = {
44808
45010
  refresh: propTypes$1.exports.bool,
44809
45011
  columnFilter: propTypes$1.exports.bool,
44810
45012
  settings: propTypes$1.exports.bool
44811
- })
45013
+ }),
45014
+ onSort: propTypes$1.exports.func
44812
45015
  };
44813
45016
  Table.defaultProps = {
44814
45017
  className: '',
@@ -44830,7 +45033,8 @@ Table.defaultProps = {
44830
45033
  refresh: false,
44831
45034
  columnFilter: false,
44832
45035
  settings: false
44833
- }
45036
+ },
45037
+ onSort: function onSort() {}
44834
45038
  };
44835
45039
 
44836
45040
  var css$8 = ".Tabs_module_root__83feec3e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e {\n padding: 0.75rem;\n gap: 0.75rem;\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e > [data-elem=component1] > .Tabs_module_icon__83feec3e,\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e > [data-elem=component3] > .Tabs_module_icon__83feec3e {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e > [data-elem=component2] {\n color: var(--black);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e.Tabs_module_active__83feec3e {\n border-bottom: 2px solid var(--highlight);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e.Tabs_module_active__83feec3e > [data-elem=component1] > .Tabs_module_icon__83feec3e,\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e.Tabs_module_active__83feec3e > [data-elem=component3] > .Tabs_module_icon__83feec3e {\n fill: var(--highlight);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e.Tabs_module_active__83feec3e > [data-elem=component2] {\n color: var(--highlight);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e:hover {\n background: var(--info-bg);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e:hover > [data-elem=component1] > .Tabs_module_icon__83feec3e,\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e:hover > [data-elem=component3] > .Tabs_module_icon__83feec3e {\n fill: var(--highlight);\n}\n.Tabs_module_root__83feec3e > .Tabs_module_tab__83feec3e:hover > [data-elem=component2] {\n color: var(--highlight);\n}";
@@ -95236,6 +95440,7 @@ exports.Checkbox = Checkbox;
95236
95440
  exports.CheckboxIcon = CheckboxIcon;
95237
95441
  exports.ChevronIcon = Chevron;
95238
95442
  exports.Chip = Chip;
95443
+ exports.CloseIcon = Close;
95239
95444
  exports.CodeSnippet = CodeSnippet;
95240
95445
  exports.ColumnsIcon = Columns$1;
95241
95446
  exports.CopyIcon = Copy;
@@ -95269,8 +95474,10 @@ exports.Radio = Radio;
95269
95474
  exports.RadioIcon = RadioIcon;
95270
95475
  exports.RefreshIcon = Refresh;
95271
95476
  exports.ResetIcon = Reset;
95477
+ exports.SearchIcon = SearchIcon;
95272
95478
  exports.ServerIcon = Server;
95273
95479
  exports.SettingsIcon = Settings;
95480
+ exports.SortIcon = Sort;
95274
95481
  exports.Stepper = Stepper;
95275
95482
  exports.Table = Table;
95276
95483
  exports.TableCell = TableCell;