@zonos/amino 5.5.6 → 5.5.8
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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"),d=require("../../style-inject.es-d4ddeae4.js"),a=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__loading--bvjof",u="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7",p="Amino_SimpleTable-module__noHeaders---Nf59",c="Amino_SimpleTable-module__bordered--rYjAD",S="Amino_SimpleTable-module__noPadding--b5Y-c",h="Amino_SimpleTable-module__collapsible--ozkOZ",y="Amino_SimpleTable-module__styledCheckbox---753a";d.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>tbody>tr{height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof .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 d=i.bordered,n=void 0!==d&&d,j=i.className,A=i.collapsible,T=void 0===A?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:A,g=i.CustomLinkComponent,f=i.getRowLink,k=i.headers,v=i.items,q=i.keyExtractor,Y=i.loading,C=void 0!==Y&&Y,w=i.loadingItems,Q=void 0===w?10:w,H=i.loadingSkeletonHeight,R=void 0===H?13:H,N=i.maxHeight,I=void 0===N?"100%":N,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:I},L),children:l.jsxs("table",{className:m.default(T.enabled&&h,b,n&&c,k.every((function(e){return!e.name}))&&p),children:[l.jsxs("colgroup",{children:[!!F.onHeaderCheckboxChange&&l.jsx("col",{width:0}),k.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:S,children:F.renderCustomHeaderCheckbox||l.jsx(o.Checkbox,{checked:!C&&F.headerCheckboxValue||!1,className:y,disabled:C,onChange:F.onHeaderCheckboxChange})}),k.map((function(e){return l.jsx("th",{className:m.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)})),T.enabled&&l.jsx("th",{})]})}),l.jsx("tbody",{children:C?e.__spreadArray([],e.__read(Array(Q).keys()),!1).map((function(e){return l.jsxs("tr",{children:[F.enabled&&l.jsx("td",{className:_,children:l.jsx("div",{children:l.jsx(t.Skeleton,{height:R},e)})}),k.map((function(i){return l.jsx("td",{className:m.default(_,i.noPadding&&S),children:l.jsx("div",{className:u,style:{justifyContent:x(i.align)},children:l.jsx(t.Skeleton,{height:R,style:{width:"70%"}},e)})},i.key)})),T.enabled&&l.jsx("td",{})]},e)})):v.map((function(e,i){var o=q(e);return l.jsx(a.SimpleTableRow,{CustomLinkComponent:g,bordered:n,collapsible:T,getRowLink:f,headers:k,index:i,item:e,noHoverBackground:z,onRowClick:Z,onRowHover:O,rowKey:o,selectable:F},o)}))}),W]})})};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { SimpleTableHeader, SimpleTableProps } from './SimpleTable';
|
|
2
2
|
type SimpleTableRowProps<T extends object> = {
|
|
3
3
|
CustomLinkComponent?: SimpleTableProps<T>['CustomLinkComponent'];
|
|
4
|
+
bordered: SimpleTableProps<T>['bordered'];
|
|
4
5
|
collapsible: SimpleTableProps<T>['collapsible'];
|
|
5
6
|
getRowLink?: (item: T) => string;
|
|
6
7
|
headers: SimpleTableHeader<T>[];
|
|
@@ -12,5 +13,5 @@ type SimpleTableRowProps<T extends object> = {
|
|
|
12
13
|
rowKey: string;
|
|
13
14
|
selectable: SimpleTableProps<T>['selectable'];
|
|
14
15
|
};
|
|
15
|
-
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;
|
|
16
|
+
export declare const SimpleTableRow: <T extends object>({ bordered, collapsible, CustomLinkComponent, getRowLink, headers, index, item, noHoverBackground, onRowClick, onRowHover, rowKey, selectable, }: SimpleTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),i=require("../checkbox/Checkbox.js"),t=require("../table/TableRowCollapse.js"),r=require("../tooltip/Tooltip.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(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 a=d(l),m=d(o),s="Amino_SimpleTableRow-module__styledTr--7wqmD",u="Amino_SimpleTableRow-module__bordered--F4nVy",c="Amino_SimpleTableRow-module__collapsed--1b0eu",_="Amino_SimpleTableRow-module__withHover--lsi66",p="Amino_SimpleTableRow-module__clickable--cwD9E",b="Amino_SimpleTableRow-module__noPadding--r2KPc",w="Amino_SimpleTableRow-module__allowTextWrap--jGjMo",h="Amino_SimpleTableRow-module__shouldTruncate--DUSAV",T="Amino_SimpleTableRow-module__hasContent--wJBWQ";n.styleInject(".Amino_SimpleTableRow-module__styledTr--7wqmD{height:48px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__withHover--lsi66:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__clickable--cwD9E{cursor:pointer}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td{border-bottom:var(--amino-border-subtle);padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child{display:block;height:100%;padding:12px;white-space:nowrap;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper span,.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper>a{height:100%;padding:12px;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__noPadding--r2KPc{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__allowTextWrap--jGjMo{white-space:normal}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV{max-width:var(--amino-cell-min-width);min-width:var(--amino-cell-min-width)}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV>:first-child{overflow:hidden;text-overflow:ellipsis}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(.Amino_SimpleTableRow-module__collapsed--1b0eu) td{border-bottom:var(--amino-border-subtle)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td{border:0}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td>:first-child{padding:0}");var v=800;exports.SimpleTableRow=function(o){var n,d,R=o.bordered,S=o.collapsible,q=o.CustomLinkComponent,x=o.getRowLink,A=o.headers,y=o.index,j=o.item,f=o.noHoverBackground,g=o.onRowClick,C=o.onRowHover,D=o.rowKey,k=o.selectable,W=l.useRef(null),N=function(l){var o=j[l.key],i=function(o){var i=a.default.Children.toArray(o).some((function(e){return!!a.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)})),t=m.default("truncate"===l.textWrapMethod&&!i&&h),n={"--amino-cell-min-width":"".concat(l.minWidth||0,"px")},d=m.default(l.noPadding&&b,"normal"===l.textWrapMethod&&w),s={textAlign:l.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(l.align);if(x&&!(null==k?void 0:k.anySelected)&&!l.disabledLink){var c=q||"a";return e.jsx("td",{className:t,style:n,children:e.jsx(r.Tooltip,{disabled:"truncate"!==l.textWrapMethod,enterDelay:v,enterNextDelay:v,placement:u,subtitle:o,children:e.jsx(c,{className:d,href:x(j),style:s,children:o})})})}return e.jsx("td",{className:t,style:n,children:e.jsx(r.Tooltip,{disabled:"truncate"!==l.textWrapMethod,enterDelay:v,enterNextDelay:v,placement:u,subtitle:o,children:e.jsx("span",{className:d,style:s,children:o})})})};return l.renderCustom?e.jsx(e.Fragment,{children:i(l.renderCustom(o,j))}):e.jsx(e.Fragment,{children:i(String(o))})},F=function(){var o,t,r;return e.jsxs(e.Fragment,{children:[(null==k?void 0:k.enabled)&&e.jsx("td",{ref:W,children:(null===(o=null==k?void 0:k.renderCustomRowCheckbox)||void 0===o?void 0:o.call(k,j,y))||e.jsx(i.Checkbox,{checked:(null===(t=null==k?void 0:k.isRowChecked)||void 0===t?void 0:t.call(k,j,y))||!1,disabled:(null===(r=null==k?void 0:k.isRowCheckboxDisabled)||void 0===r?void 0:r.call(k,j,y))||!1,onChange:function(e){var l;return null===(l=null==k?void 0:k.onRowCheckboxChange)||void 0===l?void 0:l.call(k,e,j,y)}})}),A.map((function(o){return e.jsx(l.Fragment,{children:N(o)},o.key)}))]})};if((null==S?void 0:S.enabled)&&(null===(n=S.collapseContent)||void 0===n?void 0:n.length)){var M=S.collapseContent,I=S.expandedItemKeys,V=S.toggleItem,B=!I.includes(D),H=null===(d=null==M?void 0:M.find((function(e){return e.key===D})))||void 0===d?void 0:d.content;return e.jsx(t.TableRowCollapse,{className:m.default(s,!f&&_,B&&c,H&&T,R&&u),collapsed:B,onToggleCollapse:function(){V(D),null==g||g(j)},rowContent:F(),children:H},D)}var P=!!g||!!(null==k?void 0:k.anySelected)&&!!(null==k?void 0:k.onRowCheckboxChange);return e.jsx("tr",{className:m.default(s,P&&p,!f&&_,R&&u),onClick:function(e){var l,o,i,t;(null==k?void 0:k.anySelected)||(null===(l=W.current)||void 0===l?void 0:l.contains(e.target))?(null===(o=null==k?void 0:k.isRowCheckboxDisabled)||void 0===o?void 0:o.call(k,j,y))||(e.preventDefault(),null===(i=null==k?void 0:k.onRowCheckboxChange)||void 0===i||i.call(k,!(null===(t=null==k?void 0:k.isRowChecked)||void 0===t?void 0:t.call(k,j,y)),j,y)):null==g||g(j)},onMouseEnter:function(){return null==C?void 0:C(j)},children:F()},D)};
|