@zonos/amino 5.4.31 → 5.4.33
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.
|
@@ -57,7 +57,6 @@ export type SimpleTableProps<T extends object> = BaseProps & {
|
|
|
57
57
|
bordered?: boolean;
|
|
58
58
|
/**
|
|
59
59
|
* @default false
|
|
60
|
-
* @note Setting collapsible with onRowClick could result in unexpected behavior
|
|
61
60
|
* Enable rows to collapse and expand with more information
|
|
62
61
|
*/
|
|
63
62
|
collapsible?: {
|
|
@@ -72,6 +71,8 @@ export type SimpleTableProps<T extends object> = BaseProps & {
|
|
|
72
71
|
key: string;
|
|
73
72
|
}[];
|
|
74
73
|
enabled: boolean;
|
|
74
|
+
expandedItemKeys: string[];
|
|
75
|
+
toggleItem: (key: string) => void;
|
|
75
76
|
};
|
|
76
77
|
headers: SimpleTableHeader<T>[];
|
|
77
78
|
items: T[];
|
|
@@ -138,7 +139,6 @@ export type SimpleTableProps<T extends object> = BaseProps & {
|
|
|
138
139
|
* Callback for clicking anywhere on row.
|
|
139
140
|
*
|
|
140
141
|
* If having buttons in the table, remember to call e.stopPropagation() to prevent this from firing.
|
|
141
|
-
* @note Setting onRowClick with collapsible will result in unexpected behavior
|
|
142
142
|
*/
|
|
143
143
|
onRowClick?: (item: T) => void;
|
|
144
144
|
/** Callback for hovering anywhere on row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.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"),r=require("../text/Text.js"),n=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",j="Amino_SimpleTable-module__shouldTruncate--x-zmL",f="Amino_SimpleTable-module__collapsible--ozkOZ",g="Amino_SimpleTable-module__collapsed--VazPW",k="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:12px 0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.tooltip-wrapper>a{padding:12px}.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{height:auto}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr: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.Amino_SimpleTable-module__collapsed--VazPW+tr>td{border:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr.Amino_SimpleTable-module__collapsed--VazPW+tr>td>:first-child{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");var C=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}},w=800;exports.SimpleTable=function(i){var m=i.bordered,s=void 0!==m&&m,Y=i.className,Q=i.collapsible,q=void 0===Q?{enabled:!1}:Q,z=i.CustomLinkComponent,R=i.getRowLink,D=i.headers,N=i.items,W=i.keyExtractor,H=i.loading,P=void 0!==H&&H,Z=i.loadingItems,O=void 0===Z?10:Z,V=i.loadingSkeletonHeight,F=void 0===V?13:V,I=i.maxHeight,L=void 0===I?"100%":I,M=i.noHoverBackground,X=void 0!==M&&M,E=i.onRowClick,B=i.onRowHover,G=i.renderFooter,U=i.selectable,J=void 0===U?{enabled:!1}:U,K=i.style,$=e.__read(o.useState([]),2),ee=$[0],le=$[1],oe=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&&j),a={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},r=_.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(R&&!J.anySelected&&!e.disabledLink){var u=z||"a";return l.jsx("td",{className:d,style:a,children:l.jsx(n.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:w,enterNextDelay:w,placement:s,subtitle:i,children:l.jsx(u,{className:r,href:R(o),style:m,children:i})})})}return l.jsx("td",{className:d,style:a,children:l.jsx(n.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:w,enterNextDelay:w,placement:s,subtitle:i,children:l.jsx("span",{className:r,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,Y),style:e.__assign({maxHeight:L},K),children:l.jsxs("table",{className:_.default(q.enabled&&f,c,s&&h,D.every((function(e){return!e.name}))&&p),children:[l.jsxs("colgroup",{children:[!!J.onHeaderCheckboxChange&&l.jsx("col",{width:0}),D.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)})),q.enabled&&l.jsx("col",{})]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!J.onHeaderCheckboxChange&&l.jsx("th",{className:S,children:J.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!P&&J.headerCheckboxValue||!1,className:k,disabled:P,onChange:J.onHeaderCheckboxChange})}),D.map((function(e){return l.jsx("th",{className:_.default(e.noPadding&&S),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)})),q.enabled&&l.jsx("th",{})]})}),l.jsx("tbody",{children:function(){var i;return P?e.__spreadArray([],e.__read(Array(O).keys()),!1).map((function(e){return l.jsxs("tr",{children:[J.enabled&&l.jsx("td",{children:l.jsx("div",{children:l.jsx(d.Skeleton,{height:F},e)})}),D.map((function(o){return l.jsx("td",{className:_.default(A,o.noPadding&&S),children:l.jsx("div",{className:v,style:{justifyContent:C(o.align)},children:l.jsx(d.Skeleton,{height:F,style:{width:"50%"}},e)})},o.key)}))]},e)})):q.enabled&&(null===(i=q.collapseContent)||void 0===i?void 0:i.length)?N.map((function(e,i){var d,r,n,m,s,b=W(e),u=!ee.includes(b);return l.jsx(a.TableRowCollapse,{className:_.default(!X&&y,u&&g),collapsed:u,onToggleCollapse:function(){return e=b,le(ee.includes(e)?ee.filter((function(l){return l!==e})):ee.concat(e));var e},rowContent:l.jsxs(l.Fragment,{children:[J.enabled&&l.jsx("td",{children:(null===(d=J.renderCustomRowCheckbox)||void 0===d?void 0:d.call(J,e,i))||l.jsx(t.Checkbox,{checked:(null===(r=J.isRowChecked)||void 0===r?void 0:r.call(J,e,i))||!1,disabled:(null===(n=J.isRowCheckboxDisabled)||void 0===n?void 0:n.call(J,e,i))||!1,onChange:function(l){var o;return null===(o=J.onRowCheckboxChange)||void 0===o?void 0:o.call(J,l,e,i)}})}),D.map((function(i){return l.jsx(o.Fragment,{children:oe(i,e)},i.key)}))]}),children:null===(s=null===(m=q.collapseContent)||void 0===m?void 0:m.find((function(e){return e.key===b})))||void 0===s?void 0:s.content},b)})):N.map((function(e,i){var d,a,r,n=!!E||!!J.anySelected&&!!J.onRowCheckboxChange;return l.jsxs("tr",{className:_.default(n&&x,!X&&y),onClick:function(l){var o,t,d;J.anySelected?(null===(o=J.isRowCheckboxDisabled)||void 0===o?void 0:o.call(J,e,i))||(l.preventDefault(),null===(t=J.onRowCheckboxChange)||void 0===t||t.call(J,!(null===(d=J.isRowChecked)||void 0===d?void 0:d.call(J,e,i)),e,i)):null==E||E(e)},onMouseEnter:function(){return null==B?void 0:B(e)},children:[J.enabled&&l.jsx("td",{children:(null===(d=J.renderCustomRowCheckbox)||void 0===d?void 0:d.call(J,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=J.isRowChecked)||void 0===a?void 0:a.call(J,e,i))||!1,disabled:(null===(r=J.isRowCheckboxDisabled)||void 0===r?void 0:r.call(J,e,i))||!1,onChange:function(l){var o;return null===(o=J.onRowCheckboxChange)||void 0===o?void 0:o.call(J,l,e,i)}})}),D.map((function(i){return l.jsx(o.Fragment,{children:oe(i,e)},i.key)}))]},W(e))}))}()}),G]})})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.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"),r=require("../text/Text.js"),n=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:12px 0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td>:first-child.tooltip-wrapper>a{padding:12px}.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{height:auto}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr: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.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.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")},r=_.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(n.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:Y,enterNextDelay:Y,placement:s,subtitle:i,children:l.jsx(u,{className:r,href:D(o),style:m,children:i})})})}return l.jsx("td",{className:d,style:a,children:l.jsx(n.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:Y,enterNextDelay:Y,placement:s,subtitle:i,children:l.jsx("span",{className:r,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(r.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)}))]},e)}));if(z.enabled&&(null===(i=z.collapseContent)||void 0===i?void 0:i.length)){var r=z.collapseContent,n=z.expandedItemKeys,m=z.toggleItem;return W.map((function(e,i){var d,s,b,u,c=H(e),p=!n.includes(c),h=null===(d=null==r?void 0:r.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,r,n=!!E||!!K.anySelected&&!!K.onRowCheckboxChange;return l.jsxs("tr",{className:_.default(n&&x,!X&&y),onClick:function(l){var o,t,d;K.anySelected?(null===(o=K.isRowCheckboxDisabled)||void 0===o?void 0:o.call(K,e,i))||(l.preventDefault(),null===(t=K.onRowCheckboxChange)||void 0===t||t.call(K,!(null===(d=K.isRowChecked)||void 0===d?void 0:d.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",{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===(r=K.isRowCheckboxDisabled)||void 0===r?void 0:r.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]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function m(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var _=m(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-
|
|
1
|
+
"use strict";var t=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),s=require("framer-motion"),i=require("uuid"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),u=require("./Toast.js"),l=require("../../icons/RemoveIcon.js"),d=require("../../style-inject.es-d4ddeae4.js");function m(t){return t&&t.__esModule?t:{default:t}}require("../button/RippleGroup.js"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var _=m(n),c="Amino_ToastContext-module__toastContainer--v8ymm",p="Amino_ToastContext-module__toastsWrapper--W5SKw",x="Amino_ToastContext-module__toastWrapperAdjust--j5R-v",f="Amino_ToastContext-module__persistentToastsWrapper--5dhd9",T="Amino_ToastContext-module__clearAllButton--r43o-",h="Amino_ToastContext-module__expanded--mPeFN",C="Amino_ToastContext-module__persistentToast--yMpFG";d.styleInject(".Amino_ToastContext-module__toastContainer--v8ymm{bottom:var(--amino-toast-context-bottom);display:flex;flex-direction:column;justify-content:flex-end;left:var(--amino-toast-context-left);position:fixed;width:100%;z-index:9999999}.Amino_ToastContext-module__toastsWrapper--W5SKw{align-items:center;display:flex;flex-direction:column;gap:16px}.Amino_ToastContext-module__toastWrapperAdjust--j5R-v{margin-bottom:16px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9{margin:0 auto;max-height:60vh;max-width:600px;min-height:var(--amino-toast-persistent-height);position:relative;width:100%;z-index:1000}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:hover{cursor:pointer}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__clearAllButton--r43o-{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000000f;border-radius:var(--amino-radius-4);margin-left:auto}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN{position:relative;width:100%}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9.Amino_ToastContext-module__expanded--mPeFN .Amino_ToastContext-module__clearAllButton--r43o-{margin-bottom:-8px}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG{width:100%;z-index:8}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{z-index:10}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9 .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){z-index:9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG{filter:brightness(2);opacity:0;position:absolute;scale:.5;transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1)}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:first-of-type{bottom:0;filter:brightness(1);opacity:1;scale:1}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(2){bottom:-8px;filter:brightness(1.5);opacity:1;scale:.9}.Amino_ToastContext-module__persistentToastsWrapper--5dhd9:not(.Amino_ToastContext-module__expanded--mPeFN) .Amino_ToastContext-module__persistentToast--yMpFG:nth-of-type(3){bottom:-16px;filter:brightness(2);opacity:.8;scale:.8}");var A=o.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=A,exports.ToastContextProvider=function(n){var d=n.children,m=t.__read(o.useState([]),2),v=m[0],b=m[1],j=t.__read(o.useState([]),2),y=j[0],g=j[1],q=t.__read(o.useState(!1),2),W=q[0],F=q[1],P=t.__read(o.useState({bottom:"",left:""}),2),k=P[0],N=P[1],I=o.useCallback((function(e,o){var n={isPersistent:null==o?void 0:o.isPersistent,props:o,toast:e,uuid:(null==o?void 0:o.id)||i.v4()};(null==o?void 0:o.isPersistent)?g((function(e){return t.__spreadArray([n],t.__read(e),!1)})):(b((function(e){return t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[n],!1)})),setTimeout((function(){return b((function(t){return t.slice(1)}))}),(null==o?void 0:o.duration)||6e3))}),[b,g]),M=o.useCallback((function(t,e,o){o&&N({bottom:o.bottom||"",left:o.left||""}),I(t,e)}),[I]),w=o.useCallback((function(t){b((function(e){return e.filter((function(e){return e.uuid!==t}))})),g((function(e){return e.filter((function(e){return e.uuid!==t}))}))}),[g]),G=o.useCallback((function(){g([]),b([]),F(!1)}),[g,b,F]),R=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&F((function(t){return!t}))},S=o.useRef(null),B=t.__read(o.useState(0),2),z=B[0],K=B[1],D=y.find(Boolean);o.useEffect((function(){S.current&&K(S.current.offsetHeight)}),[D]);var E=o.useMemo((function(){return{dismissAllToasts:G,dismissToast:w,notify:M}}),[G,w,M]),H=y.length>0;return e.jsxs(A.Provider,{value:E,children:[d,e.jsxs("div",{className:c,style:{"--amino-toast-context-bottom":k.bottom||"40px","--amino-toast-context-left":k.left||"auto","--amino-toast-persistent-height":H&&!W?"".concat(z+40,"px"):"unset"},children:[e.jsx("div",{className:_.default(p,H&&x),children:e.jsx(s.AnimatePresence,{children:v.map((function(t){var o=t.props,n=t.toast,s=t.uuid,i="toast-".concat(n,"-").concat(s);return e.jsx(a.Flex,{children:e.jsx(u.Toast,{direction:null==o?void 0:o.direction,intent:null==o?void 0:o.intent,toastKey:i,children:n})},i)}))})}),e.jsxs("div",{className:_.default(p,f,W&&h),children:[!!y.length&&e.jsx(r.Button,{className:T,icon:e.jsx(l.RemoveIcon,{}),onClick:G,variant:"text",children:"Clear all"}),e.jsx(s.AnimatePresence,{children:y.map((function(o,n){var s=o.props,i=o.toast,r=o.uuid,l="persistent-toast-".concat(i,"-").concat(r);return e.jsx("div",{ref:0===n?S:null,className:C,onClick:R,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||R(t)},role:"button",tabIndex:0,children:e.jsx(a.Flex,{fullWidth:!0,children:e.jsx(u.Toast,t.__assign({isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),function(t,e){t.stopPropagation(),w(e)}(t,r)},toastKey:l},s,{children:0===n||W?i:""}))})},l)}))})]})]})]})};
|