@zonos/amino 5.1.107 → 5.1.109
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.
- package/components/button/MenuButton.js +1 -1
- package/components/card/Card.js +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.d.ts +11 -10
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
- package/components/simple-table/SimpleTable.js +1 -1
- package/components/tabs/Tabs.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime");require("react");var o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime");require("react");var o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(o){var i=o.action,r=o.children,d=o.className,m=o.closeOnMouseLeave,c=void 0===m||m,_=o.closeOnSelect,p=void 0===_||_,f=o.dropdownOptions,v=o.style,w=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},f)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(){p&&b(!1)};return n.jsxs("div",{ref:M,className:a.default(s,d),onMouseLeave:function(){c&&b(!1)},style:v,children:[n.jsx("div",{ref:x.setReference,onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:i}),n.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&n.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g()},role:"button",tabIndex:-1,children:r})})]})};
|
package/components/card/Card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),
|
|
1
|
+
"use strict";var a=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),e=require("clsx"),i=require("../stack/HStack.js"),n=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(a){return a&&a.__esModule?a:{default:a}}require("../stack/Stack.js");var c=d(e),s="Amino_Card-module__card--DJCwk",m="Amino_Card-module__cardHeader--UBcny",l="Amino_Card-module__cardFooter--Ea-tJ";t.styleInject(".Amino_Card-module__card--DJCwk{background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--amino-card-padding-spacing)}.Amino_Card-module__cardHeader--UBcny{align-items:center;border-bottom:var(--amino-border);display:flex;height:65px;line-height:65px;margin:var(--amino-card-margin);margin-bottom:var(--amino-card-margin-bottom);padding:var(--amino-card-padding-spacing);-webkit-user-select:none;user-select:none}.Amino_Card-module__cardHeader--UBcny h5{flex:1;margin-bottom:0}.Amino_Card-module__cardFooter--Ea-tJ{align-items:center;background:var(--amino-surface-color-secondary);border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);border-top:var(--amino-border);display:flex;height:var(--amino-card-footer-height);justify-content:space-between;margin:var(--amino-card-margin);margin-top:var(--amino-card-margin-top);padding:var(--amino-card-padding-spacing)}");exports.Card=function(e){var t=e.actions,d=e.children,g=e.className,u=e.footerActions,p=e.footerContent,_=e.footerHeight,h=e.label,v=e.spacing,b=e.style;return r.jsxs("div",{className:c.default(g,s),style:a.__assign(a.__assign({},b),{"--amino-card-footer-height":_?"".concat(_,"px"):"","--amino-card-margin":v?"calc(".concat(v," * -1)"):o.theme.spaceNegative24,"--amino-card-margin-bottom":v||o.theme.space24,"--amino-card-margin-top":v||o.theme.space24,"--amino-card-padding-spacing":v||o.theme.space24}),children:[h&&r.jsxs("div",{className:m,children:[r.jsx(n.Text,{type:"subheader",children:h}),r.jsx(i.HStack,{spacing:8,children:t})]}),d,(u||p)&&r.jsxs("div",{className:l,children:[r.jsx("div",{children:p}),r.jsx(i.HStack,{spacing:8,children:u})]})]})};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
-
export type
|
|
4
|
-
code:
|
|
3
|
+
export type CountryMultiSelectExpandedOption<CountryCode extends string = string> = {
|
|
4
|
+
code: CountryCode;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
/**
|
|
7
7
|
* Key to group by
|
|
@@ -15,9 +15,13 @@ export type ICountryMultiSelectExpandedOption<TCountryCode extends string = stri
|
|
|
15
15
|
*/
|
|
16
16
|
rightDecorator?: () => ReactNode;
|
|
17
17
|
};
|
|
18
|
-
export type CountryMultiSelectExpandedProps<
|
|
18
|
+
export type CountryMultiSelectExpandedProps<CountryCode extends string = string> = BaseProps & {
|
|
19
19
|
actions?: ReactNode;
|
|
20
|
-
countries:
|
|
20
|
+
countries: CountryMultiSelectExpandedOption<CountryCode>[];
|
|
21
|
+
/**
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
disabled?: boolean;
|
|
21
25
|
/**
|
|
22
26
|
* @default 380
|
|
23
27
|
*/
|
|
@@ -27,15 +31,12 @@ export type CountryMultiSelectExpandedProps<TCountryCode extends string = string
|
|
|
27
31
|
* @default false
|
|
28
32
|
*/
|
|
29
33
|
noHeader?: boolean;
|
|
30
|
-
selectedCountries:
|
|
34
|
+
selectedCountries: CountryMultiSelectExpandedOption<CountryCode>[];
|
|
31
35
|
/**
|
|
32
36
|
* No search bar
|
|
33
37
|
* @default false
|
|
34
38
|
*/
|
|
35
39
|
withoutSearch?: boolean;
|
|
36
|
-
onChange: (countries:
|
|
40
|
+
onChange: (countries: CountryMultiSelectExpandedOption<CountryCode>[]) => void;
|
|
37
41
|
};
|
|
38
|
-
|
|
39
|
-
* Use the country flags with `flagType: 'amino'` otherwise the flags are slow to load when re-rendering
|
|
40
|
-
*/
|
|
41
|
-
export declare const CountryMultiSelectExpanded: <TCountryCode extends string = string>({ actions, className, countries, maxHeight, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<TCountryCode>) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare const CountryMultiSelectExpanded: <CountryCode extends string = string>({ actions, className, countries, disabled, maxHeight, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<CountryCode>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),d=require("../divider/Divider.js"),a=require("../text/Text.js"),u=require("../../icons/ChevronDownIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(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"),require("@mui/material/Collapse"),require("fuse.js");var _=m(o),x=m(r),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",C="Amino_CountryMultiSelectExpanded-module__header--I3SHr",f="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",b="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",A="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",S="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",g="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",j="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",M="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",v="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",E="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",W="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",k="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",N="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",q="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",I="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",w="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:.5}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(o){var r=o.actions,p=o.className,m=o.countries,z=o.disabled,T=void 0!==z&&z,H=o.maxHeight,L=void 0===H?380:H,D=o.noHeader,B=void 0!==D&&D,G=o.onChange,O=o.selectedCountries,F=o.style,Z=o.withoutSearch,P=void 0!==Z&&Z,U=e.__read(t.useState(""),2),J=U[0],K=U[1],X=e.__read(t.useState([]),2),R=X[0],Q=X[1],V=t.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),Y=t.useMemo((function(){return""===J?m:V(J).map((function(e){return e.item}))}),[m,V,J]),$=t.useMemo((function(){var n=Object.entries(x.default(Y,"group")).map((function(n){var t=e.__read(n,2),o=t[0];return{countries:t[1],label:o}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[Y]),ee=t.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===O.length}),[m,O.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})});return n.jsxs("div",{className:_.default(y,p,T&&h),style:F,children:[!B&&n.jsxs("div",{className:C,children:[n.jsx(a.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(a.Text,{color:"textColorSecondary",type:"label",children:[O.length," of ",m.length," selected"]})]}),n.jsxs("div",{className:f,children:[n.jsxs("div",{className:b,children:[!P&&n.jsxs("label",{className:A,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return K(e.target.value)},placeholder:"Search...",type:"text",value:J})]}),r&&n.jsx("div",{className:S,children:r})]}),(!!r||!P)&&n.jsx(d.Divider,{noMargin:!0}),Y.length?n.jsxs("div",{className:g,style:{maxHeight:"".concat(L,"px")},children:[n.jsx("div",{className:M,children:n.jsx(l.Checkbox,{checked:ee,label:"Select all",onChange:function(e){G(e?m.filter((function(e){return!e.disabled})):[])}})}),$.map((function(t){var o=t.countries.every((function(e){return e.disabled||O.some((function(n){return n.code===e.code}))})),r=t.countries.filter((function(e){return O.some((function(n){return n.code===e.code}))})).length,d=!R.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(E,v),children:[n.jsx(l.Checkbox,{checked:o,label:t.label,onChange:function(n){if(n){var o=e.__spreadArray(e.__spreadArray([],e.__read(O),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);G(o)}else o=O.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),G(o)}}),n.jsxs("button",{className:W,onClick:function(){R.includes(t.label)?Q(R.filter((function(e){return e!==t.label}))):Q(e.__spreadArray(e.__spreadArray([],e.__read(R),!1),[t.label],!1))},type:"button",children:[n.jsxs(a.Text,{color:"textColorSecondary",children:[r,"/",t.countries.length]}),n.jsx(u.ChevronDownIcon,{className:_.default(k,d&&N),size:24})]})]}),n.jsx(i.Collapse,{collapsed:d,children:n.jsx("div",{className:q,children:t.countries.map((function(t){var o;return n.jsx(l.Checkbox,{checked:O.some((function(e){return e.code===t.code})),className:_.default(M,I,!t.disabled&&v),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:w,style:{opacity:t.disabled?.5:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(o=t.rightDecorator)||void 0===o?void 0:o.call(t)]}),onChange:function(n){G(n?e.__spreadArray(e.__spreadArray([],e.__read(O),!1),[t],!1):O.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:j,children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),n=require("../checkbox/Checkbox.js"),i=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(t),s="Amino_SimpleTable-module__tableStyled--Q3YSy",c="Amino_SimpleTable-module__noPadding--b5Y-c",b="Amino_SimpleTable-module__withHover--eL3XX",u="Amino_SimpleTable-module__clickable--XnaaE",_="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",y="Amino_SimpleTable-module__styledCheckbox---753a",S="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7";d.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{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: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-subtle);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) .row-hover-show{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) .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 p=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(t){var d=t.className,r=t.CustomLinkComponent,x=t.getRowLink,g=t.headers,k=t.items,v=t.keyExtractor,j=t.loading,A=void 0!==j&&j,T=t.loadingItems,C=void 0===T?10:T,f=t.loadingSkeletonHeight,w=void 0===f?13:f,Y=t.noHoverBackground,Q=void 0!==Y&&Y,q=t.onRowClick,N=t.onRowHover,R=t.renderFooter,H=t.selectable,L=void 0===H?{enabled:!1}:H,P=t.style,I=function(e,o){var t=o[e.key],n=function(t){if(x&&!L.anySelected){var n=r||"a";return l.jsx("td",{className:h,children:l.jsx(n,{className:m.default(e.noPadding&&c),href:x(o),style:{textAlign:e.align||"start"},children:t})})}return l.jsx("td",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:t})};return e.renderCustom?l.jsx(l.Fragment,{children:n(e.renderCustom(t,o))}):l.jsx(l.Fragment,{children:n(String(t))})};return l.jsxs("table",{className:m.default(d,s),style:P,children:[l.jsxs("colgroup",{children:[!!L.onHeaderCheckboxChange&&l.jsx("col",{width:0}),g.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:[!!L.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:L.renderCustomHeaderCheckbox||l.jsx(n.Checkbox,{checked:!A&&L.headerCheckboxValue||!1,className:y,disabled:A,onChange:L.onHeaderCheckboxChange})}),g.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:A?e.__spreadArray([],e.__read(Array(C).keys()),!1).map((function(e){return l.jsxs("tr",{children:[L.enabled&&l.jsx("td",{children:l.jsx(i.Skeleton,{height:w},e)}),g.map((function(o){return l.jsx("td",{className:m.default(_,o.noPadding&&c),children:l.jsx("div",{className:S,style:{justifyContent:p(o.align)},children:l.jsx(i.Skeleton,{height:w,style:{width:"50%"}},e)})},o.key)}))]},e)})):k.map((function(e,t){var i,a,d,r=!!q||!!L.anySelected&&!!L.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&u,!Q&&b),onClick:function(){var l,o,n;L.anySelected?(null===(l=L.isRowCheckboxDisabled)||void 0===l?void 0:l.call(L,e,t))||null===(o=L.onRowCheckboxChange)||void 0===o||o.call(L,!(null===(n=L.isRowChecked)||void 0===n?void 0:n.call(L,e,t)),e,t):null==q||q(e)},onMouseEnter:function(){return null==N?void 0:N(e)},children:[L.enabled&&l.jsx("td",{className:c,children:(null===(i=L.renderCustomRowCheckbox)||void 0===i?void 0:i.call(L,e,t))||l.jsx(n.Checkbox,{checked:(null===(a=L.isRowChecked)||void 0===a?void 0:a.call(L,e,t))||!1,className:y,disabled:(null===(d=L.isRowCheckboxDisabled)||void 0===d?void 0:d.call(L,e,t))||!1,onChange:function(l){var o;return null===(o=L.onRowCheckboxChange)||void 0===o?void 0:o.call(L,l,e,t)}})}),g.map((function(t){return l.jsx(o.Fragment,{children:I(t,e)},t.key)}))]},v(e))}))}),R]})};
|
package/components/tabs/Tabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(a){return a&&a.__esModule?a:{default:a}}require("../../styles/constants/theme.js");var t=n(o),_="Amino_Tabs-module__baseTabs--ZLgAl",r="Amino_Tabs-module__aminoTabs--XHvSA",b="Amino_Tabs-module__subtleTabs--acvMB",m="Amino_Tabs-module__baseTab--0-7Os",l="Amino_Tabs-module__isSelected--xoR0q",d="Amino_Tabs-module__tab--TpsKY";i.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-
|
|
1
|
+
"use strict";var a=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(a){return a&&a.__esModule?a:{default:a}}require("../../styles/constants/theme.js");var t=n(o),_="Amino_Tabs-module__baseTabs--ZLgAl",r="Amino_Tabs-module__aminoTabs--XHvSA",b="Amino_Tabs-module__subtleTabs--acvMB",m="Amino_Tabs-module__baseTab--0-7Os",l="Amino_Tabs-module__isSelected--xoR0q",d="Amino_Tabs-module__tab--TpsKY";i.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q{color:var(--amino-primary)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after{background-color:var(--amino-primary);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var i=o.align,n=void 0===i?"start":i,u=o.className,T=o.items,c=o.onChange,A=o.selected,f=o.style,v=o.subtle;return void 0!==v&&v?e.jsx("div",{className:t.default(u,_,b),style:a.__assign(a.__assign({},f),{"--amino-tabs-align":n}),children:T.map((function(a){return e.jsx("div",{className:t.default(m,A===T.indexOf(a)&&l),onClick:function(){return c(T.indexOf(a))},role:"button",tabIndex:0,children:e.jsx(s.Text,{type:"label",children:a})},a)}))}):e.jsx("div",{className:t.default(u,_,r),style:f,children:T.map((function(a){return e.jsx("div",{className:t.default(m,d,A===T.indexOf(a)&&l),onClick:function(){return c(T.indexOf(a))},role:"button",tabIndex:0,children:a},a)}))})};
|