@zonos/amino 5.1.89 → 5.1.91
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-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__disabled--5BFJi",C="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,T=n.onChange,q=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||T(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},q),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(k,"amino-input-wrapper",v&&p),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:b,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:h,children:N})]})]}),F&&o.jsx(c.Text,{className:C,type:"subtitle",children:F})]})]})}))};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__disabled--5BFJi",C="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,T=n.onChange,q=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||T(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},q),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(k,"amino-input-wrapper",v&&p,v&&"disabled"),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:b,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:h,children:N})]})]}),F&&o.jsx(c.Text,{className:C,type:"subtitle",children:F})]})]})}))};
|
|
@@ -22,7 +22,7 @@ export type SimpleTableHeader<T extends object> = {
|
|
|
22
22
|
/** The key for each record that the header corresponds to */
|
|
23
23
|
key: Key;
|
|
24
24
|
/** null means don't show a header for this column */
|
|
25
|
-
name:
|
|
25
|
+
name: ReactNode | null;
|
|
26
26
|
renderCustom?: (value: T[Key], item: T) => React.ReactNode;
|
|
27
27
|
} & SimpleTableHeaderBaseProps;
|
|
28
28
|
}[keyof T extends React.Key ? keyof T : never];
|
|
@@ -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"),
|
|
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("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js");var m=r(i),s="Amino_SimpleTable-module__tableStyled--Q3YSy",c="Amino_SimpleTable-module__noPadding--b5Y-c",_="Amino_SimpleTable-module__withHover--eL3XX",b="Amino_SimpleTable-module__clickable--XnaaE",u="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",S="Amino_SimpleTable-module__styledCheckbox---753a";d.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:uppercase}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border);height:56px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:16px;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{border-bottom:var(--amino-border);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-gray-50)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .Amino_SimpleTable-module__row-hover-show--wkowE{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.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) .Amino_SimpleTable-module__cell-hover-show--fenGT{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}");exports.SimpleTable=function(i){var d=i.className,r=i.getRowLink,y=i.headers,p=i.items,x=i.keyExtractor,g=i.loading,k=void 0!==g&&g,j=i.loadingItems,v=void 0===j?10:j,A=i.noHoverBackground,T=void 0!==A&&A,C=i.onRowClick,f=i.onRowHover,w=i.renderFooter,Y=i.selectable,Q=void 0===Y?{enabled:!1}:Y,q=i.style,N=function(e,o){var i=o[e.key],t=function(i){return r&&!Q.anySelected?l.jsx("td",{className:h,children:l.jsx("a",{className:m.default(e.noPadding&&c),href:r(o),style:{textAlign:e.align||"start"},children:i})}):l.jsx("td",{className:m.default(e.noPadding&&c),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.jsxs("table",{className:m.default(d,s),style:q,children:[l.jsxs("colgroup",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("col",{width:0}),y.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:[!!Q.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:Q.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!k&&Q.headerCheckboxValue||!1,className:S,disabled:k,onChange:Q.onHeaderCheckboxChange})}),y.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(a.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}))]})}),l.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(v).keys()),!1).map((function(e){return l.jsxs("tr",{children:[Q.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:30},e)}),y.map((function(o){return l.jsx("td",{className:m.default(u,o.noPadding&&c),children:l.jsx(n.Skeleton,{height:30},e)},o.key)}))]},e)})):p.map((function(e,i){var n,a,d,r=!!C||!!Q.anySelected&&!!Q.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&b,!T&&_),onClick:function(){var l,o,t;Q.anySelected?(null===(l=Q.isRowCheckboxDisabled)||void 0===l?void 0:l.call(Q,e,i))||null===(o=Q.onRowCheckboxChange)||void 0===o||o.call(Q,!(null===(t=Q.isRowChecked)||void 0===t?void 0:t.call(Q,e,i)),e,i):null==C||C(e)},onMouseEnter:function(){return null==f?void 0:f(e)},children:[Q.enabled&&l.jsx("td",{className:c,children:(null===(n=Q.renderCustomRowCheckbox)||void 0===n?void 0:n.call(Q,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=Q.isRowChecked)||void 0===a?void 0:a.call(Q,e,i))||!1,className:S,disabled:(null===(d=Q.isRowCheckboxDisabled)||void 0===d?void 0:d.call(Q,e,i))||!1,onChange:function(l){var o;return null===(o=Q.onRowCheckboxChange)||void 0===o?void 0:o.call(Q,l,e,i)}})}),y.map((function(i){return l.jsx(o.Fragment,{children:N(i,e)},i.key)}))]},x(e))}))}),w]})};
|