@banyan_cloud/roots 1.0.45 → 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/esm/index.js CHANGED
@@ -1554,9 +1554,9 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
1554
1554
 
1555
1555
  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}}
1556
1556
 
1557
- 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}";
1557
+ 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}";
1558
1558
  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"};
1559
- n(css$W,{});
1559
+ n(css$X,{});
1560
1560
 
1561
1561
  var BaseCell = /*#__PURE__*/forwardRef(function BaseCell(props, ref) {
1562
1562
  var className = props.className,
@@ -1636,9 +1636,9 @@ var defaultProps = {
1636
1636
  attrs: {}
1637
1637
  };
1638
1638
 
1639
- 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}";
1639
+ 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}";
1640
1640
  var modules_ab72627b = {"root":"BaseButton_module_root__39a3f3ec","contained":"BaseButton_module_contained__39a3f3ec","outlined":"BaseButton_module_outlined__39a3f3ec","text":"BaseButton_module_text__39a3f3ec"};
1641
- n(css$V,{});
1641
+ n(css$W,{});
1642
1642
 
1643
1643
  var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
1644
1644
  var className = props.className,
@@ -1697,9 +1697,9 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
1697
1697
  variant: 'contained'
1698
1698
  });
1699
1699
 
1700
- 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}";
1700
+ 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}";
1701
1701
  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"};
1702
- n(css$U,{});
1702
+ n(css$V,{});
1703
1703
 
1704
1704
  var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
1705
1705
  var className = props.className,
@@ -1743,9 +1743,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
1743
1743
  radius: 'default'
1744
1744
  });
1745
1745
 
1746
- 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}";
1746
+ 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}";
1747
1747
  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"};
1748
- n(css$T,{});
1748
+ n(css$U,{});
1749
1749
 
1750
1750
  var Chip = function Chip(props) {
1751
1751
  var className = props.className,
@@ -2116,9 +2116,9 @@ Server.defaultProps = {
2116
2116
  className: ''
2117
2117
  };
2118
2118
 
2119
- 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}";
2119
+ 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}";
2120
2120
  var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
2121
- n(css$S,{});
2121
+ n(css$T,{});
2122
2122
 
2123
2123
  var Arrow$1 = function Arrow(props) {
2124
2124
  var className = props.className,
@@ -2138,9 +2138,9 @@ Arrow$1.defaultProps = {
2138
2138
  position: 'right'
2139
2139
  };
2140
2140
 
2141
- 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}";
2141
+ 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}";
2142
2142
  var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
2143
- n(css$R,{});
2143
+ n(css$S,{});
2144
2144
 
2145
2145
  var Chevron = function Chevron(props) {
2146
2146
  var className = props.className,
@@ -2488,6 +2488,48 @@ var SearchIcon = function SearchIcon(_ref) {
2488
2488
  });
2489
2489
  };
2490
2490
 
2491
+ var Close = function Close(_ref) {
2492
+ var className = _ref.className;
2493
+ return /*#__PURE__*/jsx("svg", {
2494
+ className: className,
2495
+ width: "1.5rem",
2496
+ height: "1.5rem",
2497
+ viewBox: "0 0 14 15",
2498
+ fill: "#333333",
2499
+ xmlns: "http://www.w3.org/2000/svg",
2500
+ children: /*#__PURE__*/jsx("path", {
2501
+ 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"
2502
+ })
2503
+ });
2504
+ };
2505
+
2506
+ 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}";
2507
+ var modules_501919d9 = {"root":"Sort_module_root__5112e35d","order-az":"Sort_module_orderAz__5112e35d","order-za":"Sort_module_orderZa__5112e35d"};
2508
+ n(css$R,{});
2509
+
2510
+ var Sort = function Sort(_ref) {
2511
+ var className = _ref.className,
2512
+ position = _ref.position;
2513
+ return /*#__PURE__*/jsxs("svg", {
2514
+ className: classes(modules_501919d9.root, className, modules_501919d9["order-".concat(position)]),
2515
+ width: "1.5rem",
2516
+ height: "1.5rem",
2517
+ viewBox: "0 0 16 16",
2518
+ fill: "#737373",
2519
+ xmlns: "http://www.w3.org/2000/svg",
2520
+ children: [/*#__PURE__*/jsx("path", {
2521
+ 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"
2522
+ }), /*#__PURE__*/jsx("path", {
2523
+ 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"
2524
+ }), /*#__PURE__*/jsx("path", {
2525
+ 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"
2526
+ })]
2527
+ });
2528
+ };
2529
+ Sort.defaultProps = {
2530
+ position: 'az'
2531
+ };
2532
+
2491
2533
  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}";
2492
2534
  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"};
2493
2535
  n(css$Q,{});
@@ -43368,8 +43410,8 @@ function getPagination(curr, total, limit) {
43368
43410
  return pages;
43369
43411
  }
43370
43412
 
43371
- var css$p = ".Pagination_module_root__6d89f0eb {\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__6d89f0eb::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__6d89f0eb.Pagination_module_floating__6d89f0eb {\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__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_pagination__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb,\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb {\n display: none;\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [data-elem=component2] {\n display: flex;\n flex: 0 1 auto;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb > [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__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_text__6d89f0eb {\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__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [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__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_rowSwitcher__6d89f0eb .Pagination_module_dropdown__6d89f0eb > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb {\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__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb {\n flex: 1 1 60%;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb.Pagination_module_disable__6d89f0eb {\n pointer-events: none;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_button__6d89f0eb .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb {\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__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb {\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__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_pageNumbers__6d89f0eb > .Pagination_module_pageSelect__6d89f0eb .Pagination_module_number__6d89f0eb.Pagination_module_active__6d89f0eb {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb {\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__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb {\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > 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__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Pagination_module_root__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_inputbox__6d89f0eb > 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__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_button__6d89f0eb {\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__6d89f0eb .Pagination_module_form__6d89f0eb .Pagination_module_jumpToPage__6d89f0eb .Pagination_module_button__6d89f0eb .Pagination_module_icon__6d89f0eb {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}";
43372
- var modules_a3d40e77 = {"root":"Pagination_module_root__6d89f0eb","floating":"Pagination_module_floating__6d89f0eb","row-switcher":"Pagination_module_rowSwitcher__6d89f0eb","pagination":"Pagination_module_pagination__6d89f0eb","jump-to-page":"Pagination_module_jumpToPage__6d89f0eb","form":"Pagination_module_form__6d89f0eb","text":"Pagination_module_text__6d89f0eb","dropdown":"Pagination_module_dropdown__6d89f0eb","page-numbers":"Pagination_module_pageNumbers__6d89f0eb","button":"Pagination_module_button__6d89f0eb","disable":"Pagination_module_disable__6d89f0eb","icon":"Pagination_module_icon__6d89f0eb","pageSelect":"Pagination_module_pageSelect__6d89f0eb","number":"Pagination_module_number__6d89f0eb","active":"Pagination_module_active__6d89f0eb","inputbox":"Pagination_module_inputbox__6d89f0eb"};
43413
+ 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}";
43414
+ 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"};
43373
43415
  n(css$p,{});
43374
43416
 
43375
43417
  var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
@@ -43397,6 +43439,10 @@ var reducer = function reducer(state, _ref) {
43397
43439
  return _objectSpread2(_objectSpread2({}, state), {}, {
43398
43440
  totalPages: payload
43399
43441
  });
43442
+ case 'SET_TOTAL_DATA':
43443
+ return _objectSpread2(_objectSpread2({}, state), {}, {
43444
+ totalData: payload
43445
+ });
43400
43446
  default:
43401
43447
  return state;
43402
43448
  }
@@ -43407,11 +43453,14 @@ var usePagination = function usePagination(props) {
43407
43453
  _props$currentPage = props.currentPage,
43408
43454
  currentPage = _props$currentPage === void 0 ? null : _props$currentPage,
43409
43455
  _props$step = props.step,
43410
- step = _props$step === void 0 ? 10 : _props$step;
43456
+ step = _props$step === void 0 ? 10 : _props$step,
43457
+ _props$totalData = props.totalData,
43458
+ totalData = _props$totalData === void 0 ? null : _props$totalData;
43411
43459
  var _useReducer = useReducer(reducer, {
43412
43460
  totalPages: totalPages,
43413
43461
  currentPage: currentPage,
43414
- step: step
43462
+ step: step,
43463
+ totalData: totalData
43415
43464
  }),
43416
43465
  _useReducer2 = _slicedToArray(_useReducer, 2),
43417
43466
  paginationState = _useReducer2[0],
@@ -43423,11 +43472,17 @@ var usePagination = function usePagination(props) {
43423
43472
  payload: totalPages
43424
43473
  });
43425
43474
  }
43475
+ if (paginationState.totalData !== totalData) {
43476
+ paginationDispatch({
43477
+ type: 'SET_TOTAL_DATA',
43478
+ payload: totalData
43479
+ });
43480
+ }
43426
43481
  paginationDispatch({
43427
43482
  type: 'SET_TOTAL_PAGES',
43428
43483
  payload: totalPages
43429
43484
  });
43430
- }, [totalPages]);
43485
+ }, [totalPages, totalData]);
43431
43486
  return [paginationState, paginationDispatch];
43432
43487
  };
43433
43488
  var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -43438,7 +43493,8 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
43438
43493
  loading = props.loading;
43439
43494
  var totalPages = paginationState.totalPages,
43440
43495
  currentPage = paginationState.currentPage,
43441
- step = paginationState.step;
43496
+ step = paginationState.step,
43497
+ totalData = paginationState.totalData;
43442
43498
  var paginationList = new PaginationList({
43443
43499
  curr: currentPage,
43444
43500
  total: totalPages
@@ -43457,35 +43513,50 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
43457
43513
  if (loading) {
43458
43514
  return null;
43459
43515
  }
43516
+ var showTotalData = totalData && (currentPage - 1) * step + 1 < totalData;
43460
43517
  return /*#__PURE__*/jsxs("div", {
43461
43518
  ref: ref,
43462
- className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : ''),
43519
+ className: classes(modules_a3d40e77.root, className, floating ? modules_a3d40e77.floating : '', showTotalData ? '' : modules_a3d40e77['no-total-data']),
43463
43520
  children: [/*#__PURE__*/jsx(BaseCell, {
43521
+ size: "auto",
43464
43522
  flexible: true,
43465
43523
  className: modules_a3d40e77['row-switcher'],
43466
- component1: /*#__PURE__*/jsx("span", {
43467
- title: "Rows per page",
43468
- className: modules_a3d40e77.text,
43469
- children: "Rows per page"
43470
- }),
43471
- component2: /*#__PURE__*/jsx(Dropdown, {
43472
- className: modules_a3d40e77.dropdown,
43473
- popperClassName: modules_a3d40e77['dropdown-popper'],
43474
- value: step,
43475
- placeholder: null,
43476
- onChange: function onChange(e, newStep) {
43477
- _onChange({
43478
- type: 'SET_STEP',
43479
- payload: newStep
43480
- });
43481
- },
43482
- children: dropdownOptions.map(function (item) {
43483
- return /*#__PURE__*/jsx(DropdownItem, {
43484
- title: item,
43485
- value: item
43486
- }, item);
43524
+ component2: /*#__PURE__*/jsx(BaseCell, {
43525
+ size: "auto",
43526
+ flexible: true,
43527
+ className: modules_a3d40e77['row-switcher-handle'],
43528
+ component1: /*#__PURE__*/jsx("span", {
43529
+ title: "Rows per page",
43530
+ className: modules_a3d40e77.text,
43531
+ children: "Rows per page"
43532
+ }),
43533
+ component2: /*#__PURE__*/jsx(Dropdown, {
43534
+ className: modules_a3d40e77.dropdown,
43535
+ popperClassName: modules_a3d40e77['dropdown-popper'],
43536
+ value: step,
43537
+ placeholder: null,
43538
+ onChange: function onChange(e, newStep) {
43539
+ _onChange({
43540
+ type: 'SET_STEP',
43541
+ payload: newStep
43542
+ });
43543
+ },
43544
+ children: dropdownOptions.map(function (item) {
43545
+ return /*#__PURE__*/jsx(DropdownItem, {
43546
+ title: item,
43547
+ value: item
43548
+ }, item);
43549
+ })
43487
43550
  })
43488
43551
  })
43552
+ }), showTotalData && /*#__PURE__*/jsxs(Text, {
43553
+ variant: "b1",
43554
+ stroke: "medium",
43555
+ className: modules_a3d40e77['total-data'],
43556
+ attrs: {
43557
+ title: "".concat((currentPage - 1) * step + 1, "-").concat(currentPage * step, " of ").concat(totalData)
43558
+ },
43559
+ children: [(currentPage - 1) * step + 1, "-", currentPage === totalPages ? totalData : currentPage * step, " of ", totalData]
43489
43560
  }), /*#__PURE__*/jsxs("div", {
43490
43561
  className: modules_a3d40e77['page-numbers'],
43491
43562
  children: [/*#__PURE__*/jsx(Button, {
@@ -43553,7 +43624,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
43553
43624
  });
43554
43625
  },
43555
43626
  children: /*#__PURE__*/jsx(BaseCell, {
43556
- flexible: true,
43627
+ size: "auto",
43557
43628
  className: modules_a3d40e77['jump-to-page'],
43558
43629
  component1: /*#__PURE__*/jsx(TextField, {
43559
43630
  inputProps: {
@@ -43727,12 +43798,37 @@ var TableColumn = /*#__PURE__*/_createClass(function TableColumn(_ref) {
43727
43798
  this.sticky = sticky;
43728
43799
  });
43729
43800
 
43730
- 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}";
43731
- 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"};
43801
+ 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}";
43802
+ 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"};
43732
43803
  n(css$m,{});
43733
43804
 
43805
+ var SORT_ICONS = {
43806
+ asc: /*#__PURE__*/jsx(Sort, {
43807
+ className: modules_7ba8d001['sort-icon'],
43808
+ position: "az"
43809
+ }),
43810
+ desc: /*#__PURE__*/jsx(Sort, {
43811
+ className: modules_7ba8d001['sort-icon'],
43812
+ position: "za"
43813
+ }),
43814
+ "default": /*#__PURE__*/jsx(Sort, {
43815
+ className: modules_7ba8d001['sort-icon'],
43816
+ position: "az"
43817
+ })
43818
+ };
43819
+ var getNextSortState = function getNextSortState(currentSort) {
43820
+ var _asc$desc$default;
43821
+ return (_asc$desc$default = {
43822
+ asc: 'desc',
43823
+ desc: 'default',
43824
+ "default": 'asc'
43825
+ }) === null || _asc$desc$default === void 0 ? void 0 : _asc$desc$default[currentSort];
43826
+ };
43827
+
43828
+ // eslint-disable-next-line prefer-arrow-callback
43734
43829
  var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
43735
- var className = props.className,
43830
+ var id = props.id,
43831
+ className = props.className,
43736
43832
  size = props.size,
43737
43833
  flexible = props.flexible,
43738
43834
  rounded = props.rounded,
@@ -43746,10 +43842,12 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
43746
43842
  type = props.type,
43747
43843
  cellContent = props.cellContent,
43748
43844
  cellTitle = props.cellTitle,
43749
- sticky = props.sticky;
43845
+ sticky = props.sticky,
43846
+ sort = props.sort,
43847
+ onSort = props.onSort;
43750
43848
  return /*#__PURE__*/jsx(BaseCell, {
43751
43849
  ref: ref,
43752
- className: classes(modules_7ba8d001.root, className, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(sticky)]),
43850
+ 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 : ''),
43753
43851
  attrs: _objectSpread2({
43754
43852
  style: style
43755
43853
  }, attrs),
@@ -43766,7 +43864,16 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
43766
43864
  })), {}, {
43767
43865
  children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
43768
43866
  })),
43769
- component3: component3,
43867
+ component3: type === 'header' && sort ? /*#__PURE__*/jsx(Button, {
43868
+ className: modules_7ba8d001.sort,
43869
+ size: "auto",
43870
+ onClick: function onClick() {
43871
+ onSort(id, getNextSortState(sort));
43872
+ },
43873
+ leftComponent: function leftComponent() {
43874
+ return SORT_ICONS[sort];
43875
+ }
43876
+ }) : component3,
43770
43877
  RootDOM: RootDOM,
43771
43878
  radius: radius
43772
43879
  });
@@ -43776,18 +43883,20 @@ TableCell.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {},
43776
43883
  id: propTypes$1.exports.string,
43777
43884
  size: propTypes$1.exports.oneOf(['sm', 'md', 'lg']),
43778
43885
  flexible: propTypes$1.exports.bool,
43779
- sort: propTypes$1.exports.bool,
43886
+ sort: propTypes$1.exports.oneOf(['default', 'asc', 'desc']),
43780
43887
  // eslint-disable-next-line react/forbid-prop-types
43781
43888
  style: propTypes$1.exports.object,
43782
43889
  multiLine: propTypes$1.exports.bool,
43783
43890
  sticky: propTypes$1.exports.oneOf(['left', 'right', 'none']),
43784
43891
  cellContent: propTypes$1.exports.node,
43785
- cellTitle: propTypes$1.exports.string
43892
+ cellTitle: propTypes$1.exports.string,
43893
+ onSort: propTypes$1.exports.func
43786
43894
  });
43787
43895
  TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
43788
43896
  cellContent: null,
43789
43897
  cellTitle: null,
43790
- RootDOM: 'td'
43898
+ RootDOM: 'td',
43899
+ onSort: function onSort() {}
43791
43900
  });
43792
43901
 
43793
43902
  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}";
@@ -43803,7 +43912,8 @@ var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
43803
43912
  customCells = props.customCells,
43804
43913
  className = props.className,
43805
43914
  setActiveId = props.setActiveId,
43806
- Expandable = props.expandable;
43915
+ Expandable = props.expandable,
43916
+ onSort = props.onSort;
43807
43917
  var _useState = useState(false),
43808
43918
  _useState2 = _slicedToArray(_useState, 2),
43809
43919
  expanded = _useState2[0],
@@ -43823,7 +43933,8 @@ var TableRow = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
43823
43933
  datum: datum,
43824
43934
  cellContent: cellContent,
43825
43935
  cellTitle: cellContent,
43826
- type: type
43936
+ type: type,
43937
+ onSort: onSort
43827
43938
  });
43828
43939
  var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
43829
43940
  var CustomCell = typeof getCustomCell === 'function' ? (_getCustomCell = getCustomCell()) === null || _getCustomCell === void 0 ? void 0 : _getCustomCell[item.id] : null;
@@ -43888,10 +43999,9 @@ TableRow.propTypes = {
43888
43999
  multiLine: propTypes$1.exports.bool
43889
44000
  })),
43890
44001
  setActiveId: propTypes$1.exports.func,
43891
- expandable: propTypes$1.exports.func
43892
- // expandableComponent:
44002
+ expandable: propTypes$1.exports.func,
44003
+ onSort: propTypes$1.exports.func
43893
44004
  };
43894
-
43895
44005
  TableRow.defaultProps = {
43896
44006
  className: '',
43897
44007
  type: 'body',
@@ -43902,7 +44012,8 @@ TableRow.defaultProps = {
43902
44012
  },
43903
44013
  headerData: [],
43904
44014
  setActiveId: function setActiveId() {},
43905
- expandable: null
44015
+ expandable: null,
44016
+ onSort: function onSort() {}
43906
44017
  };
43907
44018
 
43908
44019
  var css$k = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
@@ -43985,7 +44096,8 @@ n(css$j,{});
43985
44096
  var TableHeader = function TableHeader(props) {
43986
44097
  var headerData = props.headerData,
43987
44098
  customCells = props.customCells,
43988
- expandable = props.expandable;
44099
+ expandable = props.expandable,
44100
+ onSort = props.onSort;
43989
44101
  return /*#__PURE__*/jsx("thead", {
43990
44102
  "data-elem": "table-header",
43991
44103
  className: modules_3be98c28.root,
@@ -43993,7 +44105,8 @@ var TableHeader = function TableHeader(props) {
43993
44105
  type: "header",
43994
44106
  headerData: headerData,
43995
44107
  customCells: customCells,
43996
- expandable: expandable
44108
+ expandable: expandable,
44109
+ onSort: onSort
43997
44110
  })
43998
44111
  });
43999
44112
  };
@@ -44011,7 +44124,8 @@ TableHeader.propTypes = {
44011
44124
  header: propTypes$1.exports.func,
44012
44125
  body: propTypes$1.exports.func
44013
44126
  }),
44014
- expandable: propTypes$1.exports.func
44127
+ expandable: propTypes$1.exports.func,
44128
+ onSort: propTypes$1.exports.func
44015
44129
  };
44016
44130
  TableHeader.defaultProps = {
44017
44131
  headerData: [],
@@ -44019,7 +44133,8 @@ TableHeader.defaultProps = {
44019
44133
  header: null,
44020
44134
  body: null
44021
44135
  },
44022
- expandable: null
44136
+ expandable: null,
44137
+ onSort: function onSort() {}
44023
44138
  };
44024
44139
 
44025
44140
  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}";
@@ -44090,7 +44205,8 @@ var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
44090
44205
  tableData = props.tableData,
44091
44206
  className = props.className,
44092
44207
  loading = props.loading,
44093
- expandable = props.expandable;
44208
+ expandable = props.expandable,
44209
+ onSort = props.onSort;
44094
44210
  if (loading) {
44095
44211
  return /*#__PURE__*/jsx(BaseTableSkeleton, {});
44096
44212
  }
@@ -44104,7 +44220,8 @@ var BaseTable = /*#__PURE__*/forwardRef(function BaseTable(props, ref) {
44104
44220
  children: [/*#__PURE__*/jsx(TableHeader, {
44105
44221
  headerData: transformedHeaderData,
44106
44222
  customCells: customCells,
44107
- expandable: expandable
44223
+ expandable: expandable,
44224
+ onSort: onSort
44108
44225
  }), /*#__PURE__*/jsx(TableBody, {
44109
44226
  ref: ref,
44110
44227
  headerData: transformedHeaderData,
@@ -44131,7 +44248,8 @@ BaseTable.propTypes = {
44131
44248
  body: propTypes$1.exports.func
44132
44249
  }),
44133
44250
  loading: propTypes$1.exports.bool,
44134
- expandable: propTypes$1.exports.func
44251
+ expandable: propTypes$1.exports.func,
44252
+ onSort: propTypes$1.exports.func
44135
44253
  };
44136
44254
  BaseTable.defaultProps = {
44137
44255
  className: '',
@@ -44142,7 +44260,8 @@ BaseTable.defaultProps = {
44142
44260
  body: null
44143
44261
  },
44144
44262
  loading: null,
44145
- expandable: null
44263
+ expandable: null,
44264
+ onSort: function onSort() {}
44146
44265
  };
44147
44266
 
44148
44267
  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}";
@@ -44165,42 +44284,88 @@ var TableChipsSkeleton = function TableChipsSkeleton() {
44165
44284
  });
44166
44285
  };
44167
44286
 
44168
- 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}";
44169
- 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"};
44287
+ 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}";
44288
+ 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"};
44170
44289
  n(css$e,{});
44171
44290
 
44291
+ var TableChip$1 = function TableChip(props) {
44292
+ var icon = props.icon,
44293
+ rightComponent = props.rightComponent,
44294
+ label = props.label,
44295
+ value = props.value,
44296
+ onRemove = props.onRemove;
44297
+
44298
+ // component 1
44299
+ var Icon = icon;
44300
+ if (Icon) {
44301
+ Icon = /*#__PURE__*/jsx(Icon, {
44302
+ className: modules_016d9b3e['chip-icon']
44303
+ });
44304
+ } else {
44305
+ Icon = null;
44306
+ }
44307
+
44308
+ // component 2
44309
+ var Title = /*#__PURE__*/jsxs(Fragment, {
44310
+ children: [/*#__PURE__*/jsxs(Text, {
44311
+ className: modules_016d9b3e.label,
44312
+ variant: "b2",
44313
+ stroke: "medium",
44314
+ children: [label, " :"]
44315
+ }), typeof value === 'string' && value.length > 0 && /*#__PURE__*/jsx(Chip, {
44316
+ className: modules_016d9b3e['chip-child'],
44317
+ title: value,
44318
+ radius: "ellipse",
44319
+ color: "info",
44320
+ variant: "input",
44321
+ onClick: onRemove,
44322
+ rightComponent: function rightComponent() {
44323
+ return /*#__PURE__*/jsx(Close, {
44324
+ className: modules_016d9b3e.icon
44325
+ });
44326
+ }
44327
+ })]
44328
+ });
44329
+
44330
+ // component 3
44331
+ var RightComponent = rightComponent;
44332
+ if (RightComponent) {
44333
+ RightComponent = /*#__PURE__*/jsx(RightComponent, {});
44334
+ } else {
44335
+ RightComponent = null;
44336
+ }
44337
+ return /*#__PURE__*/jsx(BaseCell, {
44338
+ radius: "default",
44339
+ size: "auto",
44340
+ className: modules_016d9b3e['chip-parent'],
44341
+ component1: Icon,
44342
+ component2: Title,
44343
+ component3: RightComponent,
44344
+ title: "".concat(label, " : ").concat(value)
44345
+ });
44346
+ };
44172
44347
  var TableChips = function TableChips(props) {
44173
44348
  var _chips$filter;
44349
+ // eslint-disable-next-line object-curly-newline
44174
44350
  var showBack = props.showBack,
44175
44351
  onBack = props.onBack,
44176
44352
  onClear = props.onClear,
44177
44353
  chips = props.chips,
44178
44354
  className = props.className,
44179
44355
  style = props.style,
44180
- loading = props.loading;
44356
+ loading = props.loading,
44357
+ _onRemove = props.onRemove;
44181
44358
  if (loading) {
44182
44359
  return /*#__PURE__*/jsx(TableChipsSkeleton, {});
44183
44360
  }
44184
44361
  var chipsDOM = chips === null || chips === void 0 ? void 0 : (_chips$filter = chips.filter(function (chip) {
44185
44362
  return (chip === null || chip === void 0 ? void 0 : chip.value) != null;
44186
- })) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip) {
44187
- return /*#__PURE__*/jsx(Chip, {
44188
- variant: "input",
44189
- color: "default",
44190
- disabled: chip.disabled,
44191
- className: modules_016d9b3e.chip,
44192
- title: "".concat(chip.label, " : ").concat(chip.value),
44193
- leftComponent: function leftComponent(iconProps) {
44194
- var Icon = chip.icon;
44195
- if ( /*#__PURE__*/isValidElement( /*#__PURE__*/jsx(Icon, {}))) {
44196
- return /*#__PURE__*/jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
44197
- className: modules_016d9b3e['chip-icon']
44198
- }));
44199
- }
44200
- return null;
44201
- },
44202
- rightComponent: chip.rightComponent
44203
- }, chip.key);
44363
+ })) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip, index) {
44364
+ return /*#__PURE__*/jsx(TableChip$1, _objectSpread2(_objectSpread2({}, chip), {}, {
44365
+ onRemove: function onRemove() {
44366
+ _onRemove(chip, index);
44367
+ }
44368
+ }), chip.key);
44204
44369
  });
44205
44370
  if ((chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 || showBack) {
44206
44371
  return /*#__PURE__*/jsx(BaseCell, {
@@ -44254,7 +44419,8 @@ TableChips.propTypes = {
44254
44419
  disabled: propTypes$1.exports.bool,
44255
44420
  rightComponent: propTypes$1.exports.node
44256
44421
  })),
44257
- loading: propTypes$1.exports.bool
44422
+ loading: propTypes$1.exports.bool,
44423
+ onRemove: propTypes$1.exports.func
44258
44424
  };
44259
44425
  TableChips.defaultProps = {
44260
44426
  className: '',
@@ -44263,7 +44429,8 @@ TableChips.defaultProps = {
44263
44429
  onBack: function onBack() {},
44264
44430
  onClear: function onClear() {},
44265
44431
  chips: [],
44266
- loading: null
44432
+ loading: null,
44433
+ onRemove: function onRemove() {}
44267
44434
  };
44268
44435
 
44269
44436
  var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
@@ -44276,13 +44443,16 @@ var TableChip = /*#__PURE__*/_createClass(function TableChip(_ref) {
44276
44443
  _ref$value = _ref.value,
44277
44444
  value = _ref$value === void 0 ? '' : _ref$value,
44278
44445
  _ref$disabled = _ref.disabled,
44279
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
44446
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
44447
+ _ref$rightComponent = _ref.rightComponent,
44448
+ rightComponent = _ref$rightComponent === void 0 ? null : _ref$rightComponent;
44280
44449
  _classCallCheck(this, TableChip);
44281
44450
  this.key = key;
44282
44451
  this.icon = icon;
44283
44452
  this.label = label;
44284
44453
  this.value = value;
44285
44454
  this.disabled = disabled;
44455
+ this.rightComponent = rightComponent;
44286
44456
  });
44287
44457
 
44288
44458
  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}";
@@ -44684,7 +44854,8 @@ var Table = function Table(props) {
44684
44854
  filtersData = props.filtersData,
44685
44855
  paginationData = props.paginationData,
44686
44856
  loading = props.loading,
44687
- disabledFilterOptions = props.disabledFilterOptions;
44857
+ disabledFilterOptions = props.disabledFilterOptions,
44858
+ onSort = props.onSort;
44688
44859
  var ref = useRef(null);
44689
44860
  var paginationRef = useRef(null);
44690
44861
  var _useState = useState(false),
@@ -44780,6 +44951,7 @@ var Table = function Table(props) {
44780
44951
  setActiveData: setActiveData,
44781
44952
  customCells: customCells,
44782
44953
  className: modules_2e8406c7.table,
44954
+ onSort: onSort,
44783
44955
  loading: loading
44784
44956
  }), paginationData != null && /*#__PURE__*/jsx(Pagination, _objectSpread2(_objectSpread2({
44785
44957
  className: classes(modules_2e8406c7.pagination, floating ? modules_2e8406c7.floating : ''),
@@ -44818,7 +44990,8 @@ Table.propTypes = {
44818
44990
  refresh: propTypes$1.exports.bool,
44819
44991
  columnFilter: propTypes$1.exports.bool,
44820
44992
  settings: propTypes$1.exports.bool
44821
- })
44993
+ }),
44994
+ onSort: propTypes$1.exports.func
44822
44995
  };
44823
44996
  Table.defaultProps = {
44824
44997
  className: '',
@@ -44840,7 +45013,8 @@ Table.defaultProps = {
44840
45013
  refresh: false,
44841
45014
  columnFilter: false,
44842
45015
  settings: false
44843
- }
45016
+ },
45017
+ onSort: function onSort() {}
44844
45018
  };
44845
45019
 
44846
45020
  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}";
@@ -95221,5 +95395,5 @@ DisplayPicture.defaultProps = {
95221
95395
  size: 'sm'
95222
95396
  };
95223
95397
 
95224
- export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart, BaseSidePanel, BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, CodeSnippet, Columns$1 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HierarchyBrowser, HierarchyItem, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Stepper, Table, TableCell, TableChip, TableChips, TableColumn, TableFilters, Tabs, Text, TextField, Tick as TickIcon, TimePicker, Toggle, Tooltip, Trash as TrashIcon, View as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter };
95398
+ export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BASE_URLS, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart, BaseSidePanel, BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Close as CloseIcon, CodeSnippet, Columns$1 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HierarchyBrowser, HierarchyItem, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Sort as SortIcon, Stepper, Table, TableCell, TableChip, TableChips, TableColumn, TableFilters, Tabs, Text, TextField, Tick as TickIcon, TimePicker, Toggle, Tooltip, Trash as TrashIcon, View as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter };
95225
95399
  //# sourceMappingURL=index.js.map