@zonos/amino 5.1.78 → 5.1.80

package/components/filter/FilterWrapper.d.ts

@@ -9,11 +9,10 @@ type FilterWrapperProps = BaseProps & {
     filterText: string;
     hasFilter: boolean;
     label: string;
-    ref: RefObject<HTMLDivElement>;
     handleApply: () => void;
     handleKeyDown: (event: KeyboardEvent) => void;
     handleOpenDropdown: (e: MouseEvent) => void;
     handleToggle: () => void;
 };
-export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, label, ref, style, }: FilterWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, label, style, }: FilterWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/filter/FilterWrapper.js

@@ -1 +1 @@
-"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",b="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,h=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,f=o.filterText,W=o.handleApply,w=o.handleKeyDown,q=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.ref,T=o.style;return e.jsxs("div",{ref:D,className:u.default(h,c),style:r.__assign(r.__assign({},T),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[s?e.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:q,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:f}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:x,onKeyDown:w,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:b,children:d}),e.jsx(i.Button,{onClick:W,size:"md",variant:"primary",children:"Apply"})]})]})};
+"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",b="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-gray-100)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,h=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,W=o.filterText,f=o.handleApply,w=o.handleKeyDown,q=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.style;return e.jsxs("div",{className:u.default(h,c),style:r.__assign(r.__assign({},D),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[s?e.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:q,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:W}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:x,onKeyDown:w,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:b,children:d}),e.jsx(i.Button,{onClick:f,size:"md",variant:"primary",children:"Apply"})]})]})};

package/components/filter/useFilterWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(o){var i=o.className,u=o.dropdownTitle,s=o.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,f=e.__read(n.useState(!1),2),q=f[0],v=f[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],b=e.__read(n.useState("Filter"),2),E=b[0],h=b[1],w=n.useRef(null),x=n.useRef(null),_=function(){v(!0),c(h),y(!1)},F=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&_()},R=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[m,R]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var S=function(e){e.stopPropagation(),y(!0)},C=function(){s?(v(!q),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:_,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{ref:x,active:q,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:E,handleApply:_,handleKeyDown:F,handleOpenDropdown:S,handleToggle:C,hasFilter:q&&s,label:l,style:p,children:e})},setFilterText:h}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(o){var i=o.className,u=o.dropdownTitle,s=o.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,f=e.__read(n.useState(!1),2),q=f[0],v=f[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],b=e.__read(n.useState("Filter"),2),E=b[0],h=b[1],w=n.useRef(null),x=function(){v(!0),c(h),y(!1)},_=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&x()},F=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",F),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",F)}}),[m,F]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var S=function(e){e.stopPropagation(),y(!0)},C=function(){s?(v(!q),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:q,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:E,handleApply:x,handleKeyDown:_,handleOpenDropdown:S,handleToggle:C,hasFilter:q&&s,label:l,style:p,children:e})},setFilterText:h}};

package/components/simple-table/SimpleTable.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 type SimpleTableHeaderBaseProps = {
     /**

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("clsx"),o=require("styled-components"),t=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),d=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js");var s,c,h=l(i),u=l(o),g=u.default.table(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"])),a.theme.border,a.theme.space16,a.theme.border,a.theme.gray50,a.theme.space12,a.theme.space12),x=u.default(t.Checkbox)(c||(c=n.__makeTemplateObject(["\n  padding: ",";\n  display: inline-flex;\n"],["\n  padding: ",";\n  display: inline-flex;\n"])),a.theme.space12);exports.SimpleTable=function(i){var o=i.className,t=i.getRowLink,a=i.headers,l=i.items,s=i.keyExtractor,c=i.loading,u=void 0!==c&&c,p=i.loadingItems,b=void 0===p?10:p,m=i.noHoverBackground,k=void 0!==m&&m,v=i.onRowClick,j=i.onRowHover,y=i.renderFooter,w=i.selectable,C=void 0===w?{enabled:!1}:w;return e.jsxs(g,{className:o,children:[e.jsxs("colgroup",{children:[!!C.onHeaderCheckboxChange&&e.jsx("col",{width:0}),a.map((function(n){return e.jsx("col",{width:void 0!==n.width?"".concat(n.width,"%"):void 0},n.key)}))]}),e.jsx("thead",{children:e.jsxs("tr",{children:[!!C.onHeaderCheckboxChange&&e.jsx("th",{className:"noPadding",children:C.renderCustomHeaderCheckbox||e.jsx(x,{checked:!u&&C.headerCheckboxValue||!1,disabled:u,onChange:C.onHeaderCheckboxChange})}),a.map((function(n){return e.jsx("th",{style:{textAlign:n.align||"start"},children:e.jsx(d.Text,{color:"gray800",type:"small-header",children:n.name})},n.key)}))]})}),e.jsx("tbody",{children:u?n.__spreadArray([],n.__read(Array(b+1).keys()),!1).map((function(n){return e.jsxs("tr",{children:[C.enabled&&e.jsx("td",{children:e.jsx(r.Skeleton,{height:30},n)}),a.map((function(i){return e.jsx("td",{className:h.default({loading:!0,noPadding:i.noPadding}),children:e.jsx(r.Skeleton,{height:30},n)},i.key)}))]},n)})):l.map((function(n,i){var o,r,d,l=!!v||!!C.anySelected&&!!C.onRowCheckboxChange;return e.jsxs("tr",{className:h.default({clickable:l,withHover:!k}),onClick:function(){var e,o,t;C.anySelected?(null===(e=C.isRowCheckboxDisabled)||void 0===e?void 0:e.call(C,n,i))||null===(o=C.onRowCheckboxChange)||void 0===o||o.call(C,!(null===(t=C.isRowChecked)||void 0===t?void 0:t.call(C,n,i)),n,i):null==v||v(n)},onMouseEnter:function(){return null==j?void 0:j(n)},children:[C.enabled&&e.jsx("td",{className:"noPadding",children:(null===(o=C.renderCustomRowCheckbox)||void 0===o?void 0:o.call(C,n,i))||e.jsx(x,{checked:(null===(r=C.isRowChecked)||void 0===r?void 0:r.call(C,n,i))||!1,disabled:(null===(d=C.isRowCheckboxDisabled)||void 0===d?void 0:d.call(C,n,i))||!1,onChange:function(e){var o;return null===(o=C.onRowCheckboxChange)||void 0===o?void 0:o.call(C,e,n,i)}})}),a.map((function(i){return function(n,i){var o=i[n.key],r=function(o){return t&&!C.anySelected?e.jsx("td",{className:"cellLink",children:e.jsx("a",{className:h.default({noPadding:n.noPadding}),href:t(i),style:{textAlign:n.align||"start"},children:o})},n.key):e.jsx("td",{className:h.default({noPadding:n.noPadding}),style:{textAlign:n.align||"start"},children:o},n.key)};return n.renderCustom?e.jsx(e.Fragment,{children:r(n.renderCustom(o,i))}):e.jsx(e.Fragment,{children:r(String(o))})}(i,n)}))]},s(n))}))}),y]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),o=require("clsx"),r=require("styled-components"),t=require("../checkbox/Checkbox.js"),d=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js");var c,h,u=s(o),g=s(r),x=g.default.table(c||(c=n.__makeTemplateObject(["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  width: 100%;\n\n  > thead {\n    text-transform: uppercase;\n\n    > tr {\n      border-bottom: ",";\n      height: 56px;\n\n      > th {\n        padding: ",";\n        white-space: nowrap;\n\n        &.noPadding {\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  > tbody {\n    > tr {\n      height: 48px;\n\n      & {\n        border-bottom: ",";\n      }\n\n      &.withHover:hover {\n        background-color: ",";\n      }\n\n      &.clickable {\n        cursor: pointer;\n      }\n\n      &:not(:hover) {\n        .row-hover-show {\n          visibility: collapse;\n        }\n      }\n\n      > td {\n        padding: ",";\n\n        &.noPadding {\n          padding: 0;\n        }\n\n        &.loading {\n          text-align: center;\n        }\n\n        &:not(:hover) {\n          .cell-hover-show {\n            visibility: collapse;\n          }\n        }\n\n        &.cellLink {\n          padding: 0;\n\n          > a {\n            display: block;\n            width: 100%;\n            height: 100%;\n            padding: ",";\n\n            &.noPadding {\n              padding: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n"])),l.theme.border,l.theme.space16,l.theme.border,l.theme.gray50,l.theme.space12,l.theme.space12),p=g.default(t.Checkbox)(h||(h=n.__makeTemplateObject(["\n  padding: ",";\n  display: inline-flex;\n"],["\n  padding: ",";\n  display: inline-flex;\n"])),l.theme.space12);exports.SimpleTable=function(o){var r=o.className,t=o.getRowLink,l=o.headers,s=o.items,c=o.keyExtractor,h=o.loading,g=void 0!==h&&h,b=o.loadingItems,m=void 0===b?10:b,k=o.noHoverBackground,v=void 0!==k&&k,j=o.onRowClick,w=o.onRowHover,y=o.renderFooter,C=o.selectable,f=void 0===C?{enabled:!1}:C,q=function(n,i){var o=i[n.key],r=function(o){return t&&!f.anySelected?e.jsx("td",{className:"cellLink",children:e.jsx("a",{className:u.default({noPadding:n.noPadding}),href:t(i),style:{textAlign:n.align||"start"},children:o})}):e.jsx("td",{className:u.default({noPadding:n.noPadding}),style:{textAlign:n.align||"start"},children:o})};return n.renderCustom?e.jsx(e.Fragment,{children:r(n.renderCustom(o,i))}):e.jsx(e.Fragment,{children:r(String(o))})};return e.jsxs(x,{className:r,children:[e.jsxs("colgroup",{children:[!!f.onHeaderCheckboxChange&&e.jsx("col",{width:0}),l.map((function(n){return e.jsx("col",{width:void 0!==n.width?"".concat(n.width,"%"):void 0},n.key)}))]}),e.jsx("thead",{children:e.jsxs("tr",{children:[!!f.onHeaderCheckboxChange&&e.jsx("th",{className:"noPadding",children:f.renderCustomHeaderCheckbox||e.jsx(p,{checked:!g&&f.headerCheckboxValue||!1,disabled:g,onChange:f.onHeaderCheckboxChange})}),l.map((function(n){return e.jsx("th",{style:{textAlign:n.align||"start"},children:e.jsx(a.Text,{color:"gray800",type:"small-header",children:n.name})},n.key)}))]})}),e.jsx("tbody",{children:g?n.__spreadArray([],n.__read(Array(m+1).keys()),!1).map((function(n){return e.jsxs("tr",{children:[f.enabled&&e.jsx("td",{children:e.jsx(d.Skeleton,{height:30},n)}),l.map((function(i){return e.jsx("td",{className:u.default({loading:!0,noPadding:i.noPadding}),children:e.jsx(d.Skeleton,{height:30},n)},i.key)}))]},n)})):s.map((function(n,o){var r,t,d,a=!!j||!!f.anySelected&&!!f.onRowCheckboxChange;return e.jsxs("tr",{className:u.default({clickable:a,withHover:!v}),onClick:function(){var e,i,r;f.anySelected?(null===(e=f.isRowCheckboxDisabled)||void 0===e?void 0:e.call(f,n,o))||null===(i=f.onRowCheckboxChange)||void 0===i||i.call(f,!(null===(r=f.isRowChecked)||void 0===r?void 0:r.call(f,n,o)),n,o):null==j||j(n)},onMouseEnter:function(){return null==w?void 0:w(n)},children:[f.enabled&&e.jsx("td",{className:"noPadding",children:(null===(r=f.renderCustomRowCheckbox)||void 0===r?void 0:r.call(f,n,o))||e.jsx(p,{checked:(null===(t=f.isRowChecked)||void 0===t?void 0:t.call(f,n,o))||!1,disabled:(null===(d=f.isRowCheckboxDisabled)||void 0===d?void 0:d.call(f,n,o))||!1,onChange:function(e){var i;return null===(i=f.onRowCheckboxChange)||void 0===i?void 0:i.call(f,e,n,o)}})}),l.map((function(o){return e.jsx(i.Fragment,{children:q(o,n)},o.key)}))]},c(n))}))}),y]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.78",
+  "version": "5.1.80",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",