@zonos/amino 5.5.4 → 5.5.5

package/all.d.ts

@@ -75,6 +75,7 @@ import './components/select/CountrySelect';
 import './components/select/MultiSelect';
 import './components/select/Select';
 import './components/simple-table/SimpleTable';
+import './components/simple-table/SimpleTableRow';
 import './components/skeleton/Skeleton';
 import './components/slide-over/SlideOver';
 import './components/spinner/Spinner';

package/components/filter/FilterWrapper.js

@@ -1 +1 @@
-"use strict";var r=require("../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),l=require("../../icons/ChevronDownIcon.js"),t=require("../../icons/MinusCircleDuotoneIcon.js"),n=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../style-inject.es-d4ddeae4.js");function u(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("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var m=u(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",_="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",b="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__filterTitle--1VaM3",h="Amino_FilterWrapper-module__filterText--UowIN",v="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",f="Amino_FilterWrapper-module__controlsWrapper--j4AT5";d.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-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy.active{border-right:1px solid var(--amino-filter-wrapper-border-right-color)}.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-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__filterText--UowIN,.Amino_FilterWrapper-module__filterTitle--1VaM3{padding-left:var(--amino-space-4);padding-right:var(--amino-space-4)}.Amino_FilterWrapper-module__filterText--UowIN{color:var(--amino-blue-600);font-weight:600}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-page-background);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 d=o.active,u=o.children,j=o.className,y=o.dropDownOpen,W=o.dropdownRef,w=o.dropdownTitle,A=o.filterText,q=o.handleApply,F=o.handleKeyDown,T=o.handleOpenDropdown,C=o.handleToggle,D=o.hasFilter,I=o.label,N=o.style;return e.jsxs("div",{className:m.default(j,c),style:r.__assign(r.__assign({},N),{"--amino-filter-wrapper-border-bottom-right-radius":D?"0px":"100px","--amino-filter-wrapper-border-right-color":d?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":D?"0px":"100px"}),children:[e.jsxs("div",{className:m.default(d&&"active",_),children:[e.jsx("button",{className:s.globalStyles.focusable,onClick:C,type:"button",children:e.jsxs("div",{className:m.default(d&&"active",g),children:[d?e.jsx(t.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(n.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{className:x,fontWeight:600,children:I})]})}),D&&e.jsxs("button",{className:m.default(b,s.globalStyles.focusable),onClick:T,type:"button",children:[e.jsx(a.Text,{className:h,children:A}),e.jsx(l.ChevronDownIcon,{size:24})]})]}),e.jsxs("div",{ref:W,className:v,onKeyDown:F,role:"menu",style:{display:y?"flex":"none"},tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:w}),e.jsx("div",{className:f,children:u}),e.jsx(i.Button,{onClick:q,size:"md",variant:"primary",children:"Apply"})]})]})};
+"use strict";var r=require("../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),l=require("../../icons/ChevronDownIcon.js"),t=require("../../icons/MinusCircleDuotoneIcon.js"),n=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../style-inject.es-d4ddeae4.js");function u(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("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var m=u(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",_="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",b="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__filterTitle--1VaM3",h="Amino_FilterWrapper-module__filterText--UowIN",v="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",f="Amino_FilterWrapper-module__controlsWrapper--j4AT5";d.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-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy.active{border-right:1px solid var(--amino-filter-wrapper-border-right-color)}.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-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__filterText--UowIN,.Amino_FilterWrapper-module__filterTitle--1VaM3{padding-left:var(--amino-space-4);padding-right:var(--amino-space-4)}.Amino_FilterWrapper-module__filterText--UowIN{color:var(--amino-blue-600);font-weight:600}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-page-background);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:5}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var d=o.active,u=o.children,j=o.className,y=o.dropDownOpen,W=o.dropdownRef,w=o.dropdownTitle,A=o.filterText,q=o.handleApply,F=o.handleKeyDown,T=o.handleOpenDropdown,C=o.handleToggle,D=o.hasFilter,I=o.label,N=o.style;return e.jsxs("div",{className:m.default(j,c),style:r.__assign(r.__assign({},N),{"--amino-filter-wrapper-border-bottom-right-radius":D?"0px":"100px","--amino-filter-wrapper-border-right-color":d?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":D?"0px":"100px"}),children:[e.jsxs("div",{className:m.default(d&&"active",_),children:[e.jsx("button",{className:s.globalStyles.focusable,onClick:C,type:"button",children:e.jsxs("div",{className:m.default(d&&"active",g),children:[d?e.jsx(t.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(n.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{className:x,fontWeight:600,children:I})]})}),D&&e.jsxs("button",{className:m.default(b,s.globalStyles.focusable),onClick:T,type:"button",children:[e.jsx(a.Text,{className:h,children:A}),e.jsx(l.ChevronDownIcon,{size:24})]})]}),e.jsxs("div",{ref:W,className:v,onKeyDown:F,role:"menu",style:{display:y?"flex":"none"},tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:w}),e.jsx("div",{className:f,children:u}),e.jsx(i.Button,{onClick:q,size:"md",variant:"primary",children:"Apply"})]})]})};

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

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 import type { ReactComponent } from "../../types/ReactComponent";
-type SimpleTableHeaderBaseProps = {
+export type SimpleTableHeaderBaseProps = {
     /**
      * Text alignment for a column
      * @default 'start'
@@ -152,4 +152,3 @@ export type SimpleTableProps<T extends object> = BaseProps & {
  * - 'cell-hover-show': Shows only when the cell is hovered
  */
 export declare const SimpleTable: <T extends object>({ bordered, className, collapsible, CustomLinkComponent, getRowLink, headers, items, keyExtractor, loading, loadingItems, loadingSkeletonHeight, maxHeight, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-5672428a.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),d=require("../skeleton/Skeleton.js"),a=require("../table/TableRowCollapse.js"),n=require("../text/Text.js"),r=require("../tooltip/Tooltip.js"),m=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var b=s(o),_=s(i),u="Amino_SimpleTable-module__tableContainer--UsGFZ",c="Amino_SimpleTable-module__tableStyled--Q3YSy",p="Amino_SimpleTable-module__noHeaders---Nf59",h="Amino_SimpleTable-module__bordered--rYjAD",S="Amino_SimpleTable-module__noPadding--b5Y-c",y="Amino_SimpleTable-module__withHover--eL3XX",x="Amino_SimpleTable-module__clickable--XnaaE",T="Amino_SimpleTable-module__allowTextWrap--yVvjm",A="Amino_SimpleTable-module__loading--bvjof",v="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7",f="Amino_SimpleTable-module__shouldTruncate--x-zmL",j="Amino_SimpleTable-module__collapsible--ozkOZ",g="Amino_SimpleTable-module__collapsed--VazPW",k="Amino_SimpleTable-module__hasContent--typkG",C="Amino_SimpleTable-module__styledCheckbox---753a";m.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;font-size:var(--amino-font-size-base);width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__noHeaders---Nf59 thead{display:none;max-height:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD th{border:none}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td{border-top:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:first-child{border-top-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:last-child{border-top-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:first-child{border-left:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:last-child{border-right:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{background-color:var(--amino-gray-0);border-bottom:var(--amino-border-subtle);padding:12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:1}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{border-bottom:var(--amino-border-subtle);padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child{display:block;height:100%;padding:12px;white-space:nowrap;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.tooltip-wrapper{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.tooltip-wrapper>a{display:inline-flex;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.Amino_SimpleTable-module__allowTextWrap--yVvjm{white-space:normal}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__shouldTruncate--x-zmL{max-width:var(--amino-cell-min-width);min-width:var(--amino-cell-min-width)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__shouldTruncate--x-zmL>:first-child{overflow:hidden;text-overflow:ellipsis}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child{width:40px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child>div{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ.Amino_SimpleTable-module__bordered--rYjAD tr:nth-last-child(2).Amino_SimpleTable-module__collapsed--VazPW td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ.Amino_SimpleTable-module__bordered--rYjAD tr:nth-last-child(2).Amino_SimpleTable-module__collapsed--VazPW td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody *{transition:var(--amino-transition)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)){height:unset}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)):not(.Amino_SimpleTable-module__collapsed--VazPW) td{border-bottom:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)).Amino_SimpleTable-module__collapsed--VazPW.Amino_SimpleTable-module__hasContent--typkG+tr>td{border:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)).Amino_SimpleTable-module__collapsed--VazPW.Amino_SimpleTable-module__hasContent--typkG+tr>td>:first-child{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");var w=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}},Y=800;exports.SimpleTable=function(i){var m=i.bordered,s=void 0!==m&&m,Q=i.className,q=i.collapsible,z=void 0===q?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:q,R=i.CustomLinkComponent,D=i.getRowLink,N=i.headers,W=i.items,H=i.keyExtractor,I=i.loading,P=void 0!==I&&I,Z=i.loadingItems,O=void 0===Z?10:Z,V=i.loadingSkeletonHeight,F=void 0===V?13:V,L=i.maxHeight,G=void 0===L?"100%":L,M=i.noHoverBackground,X=void 0!==M&&M,E=i.onRowClick,B=i.onRowHover,U=i.renderFooter,J=i.selectable,K=void 0===J?{enabled:!1}:J,$=i.style,ee=function(e,o){var i=o[e.key],t=function(i){var t=b.default.Children.toArray(i).some((function(e){return!!b.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)})),d=_.default("truncate"===e.textWrapMethod&&!t&&f),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},n=_.default(e.noPadding&&S,"normal"===e.textWrapMethod&&T),m={textAlign:e.align||"start"},s=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(D&&!K.anySelected&&!e.disabledLink){var u=R||"a";return l.jsx("td",{className:d,style:a,children:l.jsx(r.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:Y,enterNextDelay:Y,placement:s,subtitle:i,children:l.jsx(u,{className:n,href:D(o),style:m,children:i})})})}return l.jsx("td",{className:d,style:a,children:l.jsx(r.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:Y,enterNextDelay:Y,placement:s,subtitle:i,children:l.jsx("span",{className:n,style:m,children:i})})})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsx("div",{className:_.default(u,Q),style:e.__assign({maxHeight:G},$),children:l.jsxs("table",{className:_.default(z.enabled&&j,c,s&&h,N.every((function(e){return!e.name}))&&p),children:[l.jsxs("colgroup",{children:[!!K.onHeaderCheckboxChange&&l.jsx("col",{width:0}),N.map((function(e){return l.jsx("col",{style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)})),z.enabled&&l.jsx("col",{})]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!K.onHeaderCheckboxChange&&l.jsx("th",{className:S,children:K.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!P&&K.headerCheckboxValue||!1,className:C,disabled:P,onChange:K.onHeaderCheckboxChange})}),N.map((function(e){return l.jsx("th",{className:_.default(e.noPadding&&S),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(n.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)})),z.enabled&&l.jsx("th",{})]})}),l.jsx("tbody",{children:function(){var i;if(P)return e.__spreadArray([],e.__read(Array(O).keys()),!1).map((function(e){return l.jsxs("tr",{children:[K.enabled&&l.jsx("td",{children:l.jsx("div",{children:l.jsx(d.Skeleton,{height:F},e)})}),N.map((function(o){return l.jsx("td",{className:_.default(A,o.noPadding&&S),children:l.jsx("div",{className:v,style:{justifyContent:w(o.align)},children:l.jsx(d.Skeleton,{height:F,style:{width:"50%"}},e)})},o.key)})),z.enabled&&l.jsx("td",{})]},e)}));if(z.enabled&&(null===(i=z.collapseContent)||void 0===i?void 0:i.length)){var n=z.collapseContent,r=z.expandedItemKeys,m=z.toggleItem;return W.map((function(e,i){var d,s,b,u,c=H(e),p=!r.includes(c),h=null===(d=null==n?void 0:n.find((function(e){return e.key===c})))||void 0===d?void 0:d.content;return l.jsx(a.TableRowCollapse,{className:_.default(!X&&y,p&&g,h&&k),collapsed:p,onToggleCollapse:function(){m(c),null==E||E(e)},rowContent:l.jsxs(l.Fragment,{children:[K.enabled&&l.jsx("td",{children:(null===(s=K.renderCustomRowCheckbox)||void 0===s?void 0:s.call(K,e,i))||l.jsx(t.Checkbox,{checked:(null===(b=K.isRowChecked)||void 0===b?void 0:b.call(K,e,i))||!1,disabled:(null===(u=K.isRowCheckboxDisabled)||void 0===u?void 0:u.call(K,e,i))||!1,onChange:function(l){var o;return null===(o=K.onRowCheckboxChange)||void 0===o?void 0:o.call(K,l,e,i)}})}),N.map((function(i){return l.jsx(o.Fragment,{children:ee(i,e)},i.key)}))]}),children:h},c)}))}return W.map((function(e,i){var d,a,n,r=o.useRef(null),m=!!E||!!K.anySelected&&!!K.onRowCheckboxChange;return l.jsxs("tr",{className:_.default(m&&x,!X&&y),onClick:function(l){var o,t,d,a;K.anySelected||(null===(o=r.current)||void 0===o?void 0:o.contains(l.target))?(null===(t=K.isRowCheckboxDisabled)||void 0===t?void 0:t.call(K,e,i))||(l.preventDefault(),null===(d=K.onRowCheckboxChange)||void 0===d||d.call(K,!(null===(a=K.isRowChecked)||void 0===a?void 0:a.call(K,e,i)),e,i)):null==E||E(e)},onMouseEnter:function(){return null==B?void 0:B(e)},children:[K.enabled&&l.jsx("td",{ref:r,children:(null===(d=K.renderCustomRowCheckbox)||void 0===d?void 0:d.call(K,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=K.isRowChecked)||void 0===a?void 0:a.call(K,e,i))||!1,disabled:(null===(n=K.isRowCheckboxDisabled)||void 0===n?void 0:n.call(K,e,i))||!1,onChange:function(l){var o;return null===(o=K.onRowCheckboxChange)||void 0===o?void 0:o.call(K,l,e,i)}})}),N.map((function(i){return l.jsx(o.Fragment,{children:ee(i,e)},i.key)}))]},H(e))}))}()}),U]})})};
+"use strict";var e=require("../../tslib.es6-5672428a.js"),l=require("react/jsx-runtime");require("react");var i=require("clsx"),o=require("../checkbox/Checkbox.js"),t=require("../skeleton/Skeleton.js"),r=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js"),d=require("./SimpleTableRow.js");function n(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../table/TableRowCollapse.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var m=n(i),s="Amino_SimpleTable-module__tableContainer--UsGFZ",b="Amino_SimpleTable-module__tableStyled--Q3YSy",_="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7",u="Amino_SimpleTable-module__noHeaders---Nf59",p="Amino_SimpleTable-module__bordered--rYjAD",c="Amino_SimpleTable-module__noPadding--b5Y-c",S="Amino_SimpleTable-module__collapsible--ozkOZ",h="Amino_SimpleTable-module__loading--bvjof",y="Amino_SimpleTable-module__styledCheckbox---753a";a.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;font-size:var(--amino-font-size-base);width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy tr>td.Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__noHeaders---Nf59 thead{display:none;max-height:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD th{border:none}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td{border-top:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:first-child{border-top-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:last-child{border-top-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:first-child{border-left:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:last-child{border-right:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{background-color:var(--amino-gray-0);border-bottom:var(--amino-border-subtle);padding:12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:1}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child{width:40px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child>div{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody *{transition:var(--amino-transition)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)){height:unset}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");var x=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(i){var a=i.bordered,n=void 0!==a&&a,j=i.className,A=i.collapsible,T=void 0===A?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:A,g=i.CustomLinkComponent,k=i.getRowLink,f=i.headers,v=i.items,q=i.keyExtractor,C=i.loading,Y=void 0!==C&&C,w=i.loadingItems,Q=void 0===w?10:w,H=i.loadingSkeletonHeight,R=void 0===H?13:H,I=i.maxHeight,N=void 0===I?"100%":I,D=i.noHoverBackground,z=void 0!==D&&D,Z=i.onRowClick,O=i.onRowHover,W=i.renderFooter,B=i.selectable,F=void 0===B?{enabled:!1}:B,L=i.style;return l.jsx("div",{className:m.default(s,j),style:e.__assign({maxHeight:N},L),children:l.jsxs("table",{className:m.default(T.enabled&&S,b,n&&p,f.every((function(e){return!e.name}))&&u),children:[l.jsxs("colgroup",{children:[!!F.onHeaderCheckboxChange&&l.jsx("col",{width:0}),f.map((function(e){return l.jsx("col",{style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)})),T.enabled&&l.jsx("col",{})]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!F.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:F.renderCustomHeaderCheckbox||l.jsx(o.Checkbox,{checked:!Y&&F.headerCheckboxValue||!1,className:y,disabled:Y,onChange:F.onHeaderCheckboxChange})}),f.map((function(e){return l.jsx("th",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(r.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)})),T.enabled&&l.jsx("th",{})]})}),l.jsx("tbody",{children:Y?e.__spreadArray([],e.__read(Array(Q).keys()),!1).map((function(e){return l.jsxs("tr",{children:[F.enabled&&l.jsx("td",{children:l.jsx("div",{children:l.jsx(t.Skeleton,{height:R},e)})}),f.map((function(i){return l.jsx("td",{className:m.default(h,i.noPadding&&c),children:l.jsx("div",{className:_,style:{justifyContent:x(i.align)},children:l.jsx(t.Skeleton,{height:R,style:{width:"50%"}},e)})},i.key)})),T.enabled&&l.jsx("td",{})]},e)})):v.map((function(e,i){var o=q(e);return l.jsx(d.SimpleTableRow,{CustomLinkComponent:g,collapsible:T,getRowLink:k,headers:f,index:i,item:e,noHoverBackground:z,onRowClick:Z,onRowHover:O,rowKey:o,selectable:F},o)}))}),W]})})};

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

@@ -0,0 +1,16 @@
+import type { SimpleTableHeader, SimpleTableProps } from './SimpleTable';
+type SimpleTableRowProps<T extends object> = {
+    CustomLinkComponent?: SimpleTableProps<T>['CustomLinkComponent'];
+    collapsible: SimpleTableProps<T>['collapsible'];
+    getRowLink?: (item: T) => string;
+    headers: SimpleTableHeader<T>[];
+    index: number;
+    item: T;
+    noHoverBackground: boolean;
+    onRowClick?: (item: T) => void;
+    onRowHover?: (item: T) => void;
+    rowKey: string;
+    selectable: SimpleTableProps<T>['selectable'];
+};
+export declare const SimpleTableRow: <T extends object>({ collapsible, CustomLinkComponent, getRowLink, headers, index, item, noHoverBackground, onRowClick, onRowHover, rowKey, selectable, }: SimpleTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/simple-table/SimpleTableRow.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),t=require("../checkbox/Checkbox.js"),i=require("../table/TableRowCollapse.js"),r=require("../tooltip/Tooltip.js"),n=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-5672428a.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var d=a(l),s=a(o),u="Amino_SimpleTableRow-module__collapsed--1b0eu",c="Amino_SimpleTableRow-module__withHover--lsi66",m="Amino_SimpleTableRow-module__clickable--cwD9E",b="Amino_SimpleTableRow-module__noPadding--r2KPc",p="Amino_SimpleTableRow-module__allowTextWrap--jGjMo",h="Amino_SimpleTableRow-module__shouldTruncate--DUSAV",_="Amino_SimpleTableRow-module__hasContent--wJBWQ";n.styleInject("table.Amino_SimpleTableRow-module__bordered--F4nVy tr:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:first-child{border-bottom-left-radius:12px}table.Amino_SimpleTableRow-module__bordered--F4nVy tr:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:last-child{border-bottom-right-radius:12px}table tr{height:48px}table tr.Amino_SimpleTableRow-module__withHover--lsi66:hover{background-color:var(--amino-hover-color)}table tr.Amino_SimpleTableRow-module__clickable--cwD9E{cursor:pointer}table tr:not(:hover) .row-hover-show{visibility:collapse}table tr>td{border-bottom:var(--amino-border-subtle);padding:0}table tr>td>:first-child{display:block;height:100%;padding:12px;white-space:nowrap;width:100%}table tr>td>:first-child.tooltip-wrapper{padding:0}table tr>td>:first-child.tooltip-wrapper span,table tr>td>:first-child.tooltip-wrapper>a{height:100%;padding:12px;width:100%}table tr>td>:first-child.Amino_SimpleTableRow-module__noPadding--r2KPc{padding:0}table tr>td>:first-child.Amino_SimpleTableRow-module__allowTextWrap--jGjMo{white-space:normal}table tr>td>:first-child.Amino_SimpleTableRow-module__loading--Tdde2{text-align:center}table tr>td>:first-child:not(:hover) .cell-hover-show{visibility:collapse}table tr>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV{max-width:var(--amino-cell-min-width);min-width:var(--amino-cell-min-width)}table tr>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV>:first-child{overflow:hidden;text-overflow:ellipsis}table tr:not(.Amino_SimpleTableRow-module__collapsed--1b0eu) td{border-bottom:var(--amino-border-subtle)}table tr.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td{border:0}table tr.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td>:first-child{padding:0}");var w=800;exports.SimpleTableRow=function(o){var n,a,v=o.collapsible,x=o.CustomLinkComponent,f=o.getRowLink,j=o.headers,R=o.index,T=o.item,g=o.noHoverBackground,C=o.onRowClick,S=o.onRowHover,q=o.rowKey,A=o.selectable,k=l.useRef(null),y=function(l){var o=T[l.key],t=function(o){var t=d.default.Children.toArray(o).some((function(e){return!!d.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)})),i=s.default("truncate"===l.textWrapMethod&&!t&&h),n={"--amino-cell-min-width":"".concat(l.minWidth||0,"px")},a=s.default(l.noPadding&&b,"normal"===l.textWrapMethod&&p),u={textAlign:l.align||"start"},c=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(l.align);if(f&&!(null==A?void 0:A.anySelected)&&!l.disabledLink){var m=x||"a";return e.jsx("td",{className:i,style:n,children:e.jsx(r.Tooltip,{disabled:"truncate"!==l.textWrapMethod,enterDelay:w,enterNextDelay:w,placement:c,subtitle:o,children:e.jsx(m,{className:a,href:f(T),style:u,children:o})})})}return e.jsx("td",{className:i,style:n,children:e.jsx(r.Tooltip,{disabled:"truncate"!==l.textWrapMethod,enterDelay:w,enterNextDelay:w,placement:c,subtitle:o,children:e.jsx("span",{className:a,style:u,children:o})})})};return l.renderCustom?e.jsx(e.Fragment,{children:t(l.renderCustom(o,T))}):e.jsx(e.Fragment,{children:t(String(o))})},D=function(){var o,i,r;return e.jsxs(e.Fragment,{children:[(null==A?void 0:A.enabled)&&e.jsx("td",{ref:k,children:(null===(o=null==A?void 0:A.renderCustomRowCheckbox)||void 0===o?void 0:o.call(A,T,R))||e.jsx(t.Checkbox,{checked:(null===(i=null==A?void 0:A.isRowChecked)||void 0===i?void 0:i.call(A,T,R))||!1,disabled:(null===(r=null==A?void 0:A.isRowCheckboxDisabled)||void 0===r?void 0:r.call(A,T,R))||!1,onChange:function(e){var l;return null===(l=null==A?void 0:A.onRowCheckboxChange)||void 0===l?void 0:l.call(A,e,T,R)}})}),j.map((function(o){return e.jsx(l.Fragment,{children:y(o)},o.key)}))]})};if((null==v?void 0:v.enabled)&&(null===(n=v.collapseContent)||void 0===n?void 0:n.length)){var W=v.collapseContent,N=v.expandedItemKeys,M=v.toggleItem,F=!N.includes(q),I=null===(a=null==W?void 0:W.find((function(e){return e.key===q})))||void 0===a?void 0:a.content;return e.jsx(i.TableRowCollapse,{className:s.default(!g&&c,F&&u,I&&_),collapsed:F,onToggleCollapse:function(){M(q),null==C||C(T)},rowContent:D(),children:I},q)}var B=!!C||!!(null==A?void 0:A.anySelected)&&!!(null==A?void 0:A.onRowCheckboxChange);return e.jsx("tr",{className:s.default(B&&m,!g&&c),onClick:function(e){var l,o,t,i;(null==A?void 0:A.anySelected)||(null===(l=k.current)||void 0===l?void 0:l.contains(e.target))?(null===(o=null==A?void 0:A.isRowCheckboxDisabled)||void 0===o?void 0:o.call(A,T,R))||(e.preventDefault(),null===(t=null==A?void 0:A.onRowCheckboxChange)||void 0===t||t.call(A,!(null===(i=null==A?void 0:A.isRowChecked)||void 0===i?void 0:i.call(A,T,R)),T,R)):null==C||C(T)},onMouseEnter:function(){return null==S?void 0:S(T)},children:D()},q)};

package/package.json

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