@zonos/amino 5.4.7 → 5.4.9
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,4 +1,4 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
3
|
import type { ReactComponent } from "../../types/ReactComponent";
|
|
4
4
|
type SimpleTableHeaderBaseProps = {
|
|
@@ -7,6 +7,11 @@ type SimpleTableHeaderBaseProps = {
|
|
|
7
7
|
* @default 'start'
|
|
8
8
|
*/
|
|
9
9
|
align?: 'start' | 'center' | 'end';
|
|
10
|
+
/**
|
|
11
|
+
* Disable truncating cell content
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
disableTruncate?: boolean;
|
|
10
15
|
/**
|
|
11
16
|
* @default false
|
|
12
17
|
* Disable link routing on cells
|
|
@@ -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"),n=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(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");var m=r(
|
|
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"),n=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(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");var m=r(o),s=r(i),c="Amino_SimpleTable-module__tableContainer--UsGFZ",b="Amino_SimpleTable-module__tableStyled--Q3YSy",u="Amino_SimpleTable-module__noPadding--b5Y-c",_="Amino_SimpleTable-module__withHover--eL3XX",h="Amino_SimpleTable-module__clickable--XnaaE",p="Amino_SimpleTable-module__noTruncate--jzBpJ",y="Amino_SimpleTable-module__loading--bvjof",S="Amino_SimpleTable-module__cellLink--jySVK",x="Amino_SimpleTable-module__styledCheckbox---753a",v="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7";d.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;width:100%}.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}.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);max-width:0;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noTruncate--jzBpJ{max-width:100%;overflow:visible;overflow:initial;white-space:inherit}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}.Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}");var g=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(i){var d=i.className,r=i.CustomLinkComponent,k=i.getRowLink,j=i.headers,T=i.items,A=i.keyExtractor,f=i.loading,C=void 0!==f&&f,w=i.loadingItems,Y=void 0===w?10:w,Q=i.loadingSkeletonHeight,q=void 0===Q?13:Q,N=i.maxHeight,H=void 0===N?"100%":N,R=i.noHoverBackground,L=void 0!==R&&R,P=i.onRowClick,I=i.onRowHover,F=i.renderFooter,V=i.selectable,X=void 0===V?{enabled:!1}:V,E=i.style,B=function(e,o){var i=o[e.key],t=function(i){var t=m.default.Children.toArray(i).some((function(e){return!!m.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)}));if(k&&!X.anySelected&&!e.disabledLink){var n=r||"a";return l.jsx("td",{className:S,children:l.jsx(n,{className:s.default(e.noPadding&&u,(e.disableTruncate||t)&&p),href:k(o),style:{textAlign:e.align||"start"},children:i})})}return l.jsx("td",{className:s.default(e.noPadding&&u,(e.disableTruncate||t)&&p),style:{textAlign:e.align||"start"},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:s.default(c,d),style:e.__assign({maxHeight:H},E),children:l.jsxs("table",{className:b,children:[l.jsxs("colgroup",{children:[!!X.onHeaderCheckboxChange&&l.jsx("col",{width:0}),j.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!X.onHeaderCheckboxChange&&l.jsx("th",{className:u,children:X.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!C&&X.headerCheckboxValue||!1,className:x,disabled:C,onChange:X.onHeaderCheckboxChange})}),j.map((function(e){return l.jsx("th",{className:s.default(e.noPadding&&u),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(a.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}))]})}),l.jsx("tbody",{children:C?e.__spreadArray([],e.__read(Array(Y).keys()),!1).map((function(e){return l.jsxs("tr",{children:[X.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:q},e)}),j.map((function(o){return l.jsx("td",{className:s.default(y,o.noPadding&&u),children:l.jsx("div",{className:v,style:{justifyContent:g(o.align)},children:l.jsx(n.Skeleton,{height:q,style:{width:"50%"}},e)})},o.key)}))]},e)})):T.map((function(e,i){var n,a,d,r=!!P||!!X.anySelected&&!!X.onRowCheckboxChange;return l.jsxs("tr",{className:s.default(r&&h,!L&&_),onClick:function(l){var o,t,n;X.anySelected?(null===(o=X.isRowCheckboxDisabled)||void 0===o?void 0:o.call(X,e,i))||(l.preventDefault(),null===(t=X.onRowCheckboxChange)||void 0===t||t.call(X,!(null===(n=X.isRowChecked)||void 0===n?void 0:n.call(X,e,i)),e,i)):null==P||P(e)},onMouseEnter:function(){return null==I?void 0:I(e)},children:[X.enabled&&l.jsx("td",{children:(null===(n=X.renderCustomRowCheckbox)||void 0===n?void 0:n.call(X,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=X.isRowChecked)||void 0===a?void 0:a.call(X,e,i))||!1,disabled:(null===(d=X.isRowCheckboxDisabled)||void 0===d?void 0:d.call(X,e,i))||!1,onChange:function(l){var o;return null===(o=X.onRowCheckboxChange)||void 0===o?void 0:o.call(X,l,e,i)}})}),j.map((function(i){return l.jsx(o.Fragment,{children:B(i,e)},i.key)}))]},A(e))}))}),F]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),n=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=s(o),_="Amino_Textarea-module__textareaWrapper--cwLhP",m="Amino_Textarea-module__aminoInputWrapper--h9Y-6",u="Amino_Textarea-module__disabled--YH6dm",x="Amino_Textarea-module__fields--z7afT",p="Amino_Textarea-module__styledTextarea--Mk9DH",
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),n=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=s(o),_="Amino_Textarea-module__textareaWrapper--cwLhP",m="Amino_Textarea-module__aminoInputWrapper--h9Y-6",u="Amino_Textarea-module__disabled--YH6dm",x="Amino_Textarea-module__fields--z7afT",p="Amino_Textarea-module__styledTextarea--Mk9DH",T="Amino_Textarea-module__hasLabel--qqvuZ",c="Amino_Textarea-module__hasContent--xpSft",h="Amino_Textarea-module__styledLabelInput--Q6-k8",f="Amino_Textarea-module__hasError--LdKr8",A="Amino_Textarea-module__hasActions--vv3T7",b="Amino_Textarea-module__actions--2J3kv";l.styleInject('.Amino_Textarea-module__textareaWrapper--cwLhP{width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-12);overflow:hidden;padding:0;position:relative;width:100%}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}.Amino_Textarea-module__fields--z7afT{display:flex;flex-direction:column;position:relative;width:100%}.Amino_Textarea-module__fields--z7afT:hover{border-color:var(--amino-gray-300)}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:none;box-sizing:border-box;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-height:50px;outline:none;padding:8px 16px;resize:none;width:100%}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding-top:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasActions--vv3T7:not([rows]){min-height:5em}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Amino_Textarea-module__actions--2J3kv{align-items:center;background:var(--amino-page-background);display:flex;justify-content:flex-end;padding:16px}');var v=t.forwardRef((function(o,l){var s=o.actions,v=o.className,y=o.disabled,g=o.disableExpand,w=o.error,k=o.helpText,q=o.label,j=o.maxRows,H=o.rows,L=o.style,M=o.value,D=o.width,z=e.__rest(o,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),I=t.useId(),Y=!!M,N=t.useRef(null),W=t.useRef(null);return n.useHeightAdjustTextarea({maxRows:j,ref:N,shouldExpand:!g,textareaValue:(null==M?void 0:M.toString())||""}),a.jsxs(r.Flex,{className:_,flexDirection:"column",gap:4,justifyContent:"space-between",style:e.__assign(e.__assign({},L),{"--amino-textarea-width":D||"100%"}),children:[a.jsxs("div",{className:d.default(v,m,"amino-input-wrapper",y&&u),children:[a.jsxs("button",{className:x,onClick:function(){var e;return null===(e=null==N?void 0:N.current)||void 0===e?void 0:e.focus()},type:"button",children:[a.jsx("textarea",e.__assign({ref:function(e){l&&"function"==typeof l?l(e):l&&(l.current=e),N.current=e},className:d.default(p,w&&f,q&&T,Y&&c,!!s&&A),disabled:y,id:I,rows:H,value:M},z)),q&&a.jsx("label",{className:h,"data-label":q,htmlFor:z.id||I,children:q})]}),s&&a.jsx("div",{ref:W,className:b,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:s})})]}),a.jsx(i.HelpText,{error:w,helpText:k,withoutMargin:!0})]})}));exports.Textarea=v;
|
package/package.json
CHANGED
package/reset.css
CHANGED