@zonos/amino 5.1.84 → 5.1.85
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/cover-sheet/CoverSheet.d.ts +2 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/filter/FilterWrapper.js +1 -1
- package/components/input/input-type/_PasswordInput.js +1 -1
- package/components/input/input-type/_TimeInput.js +1 -1
- package/components/rich-checkbox/RichCheckbox.js +1 -1
- package/components/rich-radio/RichRadio.js +1 -1
- package/components/simple-table/SimpleTable.js +1 -1
- package/package.json +1 -1
|
@@ -6,9 +6,10 @@ export type CoverSheetProps = BaseProps & {
|
|
|
6
6
|
actionWrapperId?: string;
|
|
7
7
|
actions?: ReactNode;
|
|
8
8
|
children: ReactNode;
|
|
9
|
+
headerComponent?: ReactNode;
|
|
9
10
|
label: string;
|
|
10
11
|
open: boolean;
|
|
11
12
|
themeOverride?: Theme;
|
|
12
13
|
onClose: () => void;
|
|
13
14
|
};
|
|
14
|
-
export declare const CoverSheet: ({ actions, actionWrapperId, children, className, label, onClose, open, style, themeOverride, }: CoverSheetProps) => import("react").ReactPortal | null;
|
|
15
|
+
export declare const CoverSheet: ({ actions, actionWrapperId, children, className, headerComponent, label, onClose, open, style, themeOverride, }: CoverSheetProps) => import("react").ReactPortal | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),t=require("react-dom"),r=require("clsx"),i=require("framer-motion"),n=require("../button/Button.js"),a=require("./CoverSheetActions.js"),s=require("../text/Text.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../utils/hooks/useAminoTheme.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var m=l(r),h="Amino_CoverSheet-module__dialog--ZHbsb",p="Amino_CoverSheet-module__header--praFM",v="Amino_CoverSheet-module__headerContainer--SCAgD",_="Amino_CoverSheet-module__headerComponent--fgFRV",j="Amino_CoverSheet-module__content--Zht4F";c.styleInject(".Amino_CoverSheet-module__dialog--ZHbsb{background:var(--amino-page-background);box-sizing:border-box;color:var(--amino-text-color);height:100vh;left:0;outline:none;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:0;width:100vw;z-index:990}@media print{.Amino_CoverSheet-module__dialog--ZHbsb{height:auto;min-height:100vh;position:absolute}}.Amino_CoverSheet-module__header--praFM{align-items:center;display:flex;gap:var(--amino-space-16)}.Amino_CoverSheet-module__headerContainer--SCAgD{align-items:center;background-color:var(--amino-page-background);border-bottom:var(--amino-border);display:flex;height:64px;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-32);position:-webkit-sticky;position:sticky;top:0;z-index:99}@media print{.Amino_CoverSheet-module__headerContainer--SCAgD{display:none}}.Amino_CoverSheet-module__headerComponent--fgFRV{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Amino_CoverSheet-module__content--Zht4F{padding:var(--amino-space-56)}");exports.CoverSheet=function(r){var c=r.actions,l=r.actionWrapperId,b=void 0===l?"__cover-sheet-actions":l,q=r.children,f=r.className,g=r.headerComponent,C=r.label,x=r.onClose,S=r.open,y=r.style,A=r.themeOverride,k=d.useAminoTheme().aminoTheme;if(o.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(b,"']")).length>1&&console.error('Duplicate id "'.concat(b,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[b]),o.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=S?"hidden":"auto")}),[S]),"undefined"!=typeof document){var w=document.querySelector("body");if(w)return t.createPortal(e.jsx(i.AnimatePresence,{children:S&&e.jsxs(i.motion.div,{animate:{opacity:1,translateY:0},className:m.default(h,f),"data-theme":A||k,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},style:y,transition:{duration:.35,ease:[.4,0,.2,1]},children:[e.jsxs("header",{className:v,children:[e.jsxs("div",{className:p,children:[e.jsx(n.Button,{icon:e.jsx(u.RemoveIcon,{size:20}),onClick:x}),e.jsx(s.Text,{type:"subheader",children:C})]}),e.jsx("div",{className:_,children:g}),e.jsx("div",{id:b,children:c&&e.jsx(a.CoverSheetActions,{coverSheetActionId:b,children:c})})]}),e.jsx("div",{className:j,children:q})]})}),w)}return null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",
|
|
1
|
+
"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),n=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("styled-components"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",h="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",x="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,b=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,W=o.filterText,f=o.handleApply,w=o.handleKeyDown,q=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.style;return e.jsxs("div",{className:u.default(b,c),style:r.__assign(r.__assign({},D),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[s?e.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:q,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:W}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:h,onKeyDown:w,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:x,children:d}),e.jsx(i.Button,{onClick:f,size:"md",variant:"primary",children:"Apply"})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("./_FloatLabelInput.js"),s=require("../../../icons/EyeIcon.js"),a=require("../../../icons/EyeOffIcon.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d=u(r),l="Amino__PasswordInput-module__styledWrapper--jDin2",c="Amino__PasswordInput-module__styledButtonAction--wOjcZ",_="Amino__PasswordInput-module__aminoInput--ZLZhe";i.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:active{background:var(--amino-gray-100)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:focus{outline:none}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");exports.PasswordInput=function(r){var i=r.autoFocus,u=r.className,p=r.disabled,m=r.error,I=r.inputMode,j=r.label,w=r.onChange,y=r.onKeyDown,b=r.pattern,f=r.placeholder,x=r.prefix,h=r.readOnly,v=r.required,q=r.suffix,A=r.tabIndex,g=r.value,O=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),P=e.__read(o.useState("password"),2),Z=P[0],B=P[1];return n.jsx("div",{className:d.default(l,u),children:n.jsx(t.FloatLabelInput,e.__assign({"aria-label":j,autoFocus:i,className:_,disabled:p,error:m,inputMode:I,label:j,onChange:w,onKeyDown:y,pattern:b,placeholder:f,prefix:x,readOnly:h,required:v,suffix:q||n.jsx("button",{className:c,onClick:function(){return B("password"===Z?"text":"password")},type:"button",children:"password"===Z?n.jsx(s.EyeIcon,{size:24}):n.jsx(a.EyeOffIcon,{size:24})}),tabIndex:A,type:Z,value:g},O))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),r=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=u(i),s="Amino__TimeInput-module__styledWrapper--ZPt0q",d="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV",c="Amino__TimeInput-module__aminoInput--jyQcS";r.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),r=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=u(i),s="Amino__TimeInput-module__styledWrapper--ZPt0q",d="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV",c="Amino__TimeInput-module__aminoInput--jyQcS";r.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-calendar-picker-indicator,.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-datetime-edit-fields-wrapper{-webkit-transition:all .5s ease;transition:all .5s ease}.Amino__TimeInput-module__aminoInput--jyQcS input:not(:focus):not(.has-content)::-webkit-datetime-edit-fields-wrapper{color:#0000}");exports.TimeInput=function(i){var r=i.autoFocus,u=i.className,_=i.disabled,m=i.error,y=i.inputMode,I=i.label,b=i.onChange,f=i.onKeyDown,j=i.pattern,x=i.placeholder,A=i.prefix,v=i.readOnly,h=i.required,T=i.suffix,k=i.tabIndex,q=i.value,w=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),Q=t.useRef(null);return n.jsx("div",{className:l.default(s,u),children:n.jsx(o.FloatLabelInput,e.__assign({ref:Q,"aria-label":I,autoFocus:r,className:c,disabled:_,error:m,inputMode:y,label:I,onChange:b,onKeyDown:f,pattern:j,placeholder:x,prefix:A,readOnly:v,required:h,suffix:T||n.jsx("div",{className:d,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=Q.current)||void 0===e||e.showPicker(),null===(n=Q.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:k,type:"time",value:q},w))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),l="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",s="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.items,n=o.onClick;return e.jsx(i.VStack,{className:m,spacing:16,children:t.map((function(o){var t=o.checked,m=o.icon,b=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:l,"data-state":t?"checked":"",onClick:function(e){return n(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!m&&_),children:[m&&m,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:s,color:"gray1200",type:"label",children:b}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),r=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),r=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",v="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,y=a.itemHeight,g=void 0===y?64:y,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.value,f=e.__read(i.useState(I),2),w=f[0],q=f[1];i.useEffect((function(){q(I)}),[I]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===w?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,q(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:v,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(r.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(r.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(l.CheckmarkIcon,{})}),i.value===w&&o.jsx("div",{className:_,children:t||o.jsx(l.CheckmarkIcon,{})})]},i.value)}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),o=require("clsx"),r=require("styled-components"),t=require("../checkbox/Checkbox.js"),d=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js");var c,h,u=s(o),g=s(r),x=g.default.table(c||(c=n.__makeTemplateObject(["\n width: 100%;\n\n > thead {\n text-transform: uppercase;\n\n > tr {\n border-bottom: ",";\n height: 56px;\n\n > th {\n padding: ",";\n white-space: nowrap;\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n height: 48px;\n\n & {\n border-bottom: ",";\n }\n\n &.withHover:hover {\n background-color: ",";\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n\n > td {\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n\n &.loading {\n text-align: center;\n }\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n\n &.cellLink {\n padding: 0;\n\n > a {\n display: block;\n width: 100%;\n height: 100%;\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n }\n }\n"],["\n width: 100%;\n\n > thead {\n text-transform: uppercase;\n\n > tr {\n border-bottom: ",";\n height: 56px;\n\n > th {\n padding: ",";\n white-space: nowrap;\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n height: 48px;\n\n & {\n border-bottom: ",";\n }\n\n &.withHover:hover {\n background-color: ",";\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n\n > td {\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n\n &.loading {\n text-align: center;\n }\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n\n &.cellLink {\n padding: 0;\n\n > a {\n display: block;\n width: 100%;\n height: 100%;\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n }\n }\n"])),l.theme.border,l.theme.space16,l.theme.border,l.theme.gray50,l.theme.space12,l.theme.space12),p=g.default(t.Checkbox)(h||(h=n.__makeTemplateObject(["\n padding: ",";\n display: inline-flex;\n"],["\n padding: ",";\n display: inline-flex;\n"])),l.theme.space12);exports.SimpleTable=function(o){var r=o.className,t=o.getRowLink,l=o.headers,s=o.items,c=o.keyExtractor,h=o.loading,g=void 0!==h&&h,b=o.loadingItems,m=void 0===b?10:b,k=o.noHoverBackground,v=void 0!==k&&k,j=o.onRowClick,w=o.onRowHover,y=o.renderFooter,C=o.selectable,f=void 0===C?{enabled:!1}:C,q=function(n,i){var o=i[n.key],r=function(o){return t&&!f.anySelected?e.jsx("td",{className:"cellLink",children:e.jsx("a",{className:u.default({noPadding:n.noPadding}),href:t(i),style:{textAlign:n.align||"start"},children:o})}):e.jsx("td",{className:u.default({noPadding:n.noPadding}),style:{textAlign:n.align||"start"},children:o})};return n.renderCustom?e.jsx(e.Fragment,{children:r(n.renderCustom(o,i))}):e.jsx(e.Fragment,{children:r(String(o))})};return e.jsxs(x,{className:r,children:[e.jsxs("colgroup",{children:[!!f.onHeaderCheckboxChange&&e.jsx("col",{width:0}),l.map((function(n){return e.jsx("col",{width:void 0!==n.width?"".concat(n.width,"%"):void 0},n.key)}))]}),e.jsx("thead",{children:e.jsxs("tr",{children:[!!f.onHeaderCheckboxChange&&e.jsx("th",{className:"noPadding",children:f.renderCustomHeaderCheckbox||e.jsx(p,{checked:!g&&f.headerCheckboxValue||!1,disabled:g,onChange:f.onHeaderCheckboxChange})}),l.map((function(n){return e.jsx("th",{style:{textAlign:n.align||"start"},children:e.jsx(a.Text,{color:"gray800",type:"small-header",children:n.name})},n.key)}))]})}),e.jsx("tbody",{children:g?n.__spreadArray([],n.__read(Array(m
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),i=require("react"),o=require("clsx"),r=require("styled-components"),t=require("../checkbox/Checkbox.js"),d=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js");var c,h,u=s(o),g=s(r),x=g.default.table(c||(c=n.__makeTemplateObject(["\n width: 100%;\n\n > thead {\n text-transform: uppercase;\n\n > tr {\n border-bottom: ",";\n height: 56px;\n\n > th {\n padding: ",";\n white-space: nowrap;\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n height: 48px;\n\n & {\n border-bottom: ",";\n }\n\n &.withHover:hover {\n background-color: ",";\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n\n > td {\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n\n &.loading {\n text-align: center;\n }\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n\n &.cellLink {\n padding: 0;\n\n > a {\n display: block;\n width: 100%;\n height: 100%;\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n }\n }\n"],["\n width: 100%;\n\n > thead {\n text-transform: uppercase;\n\n > tr {\n border-bottom: ",";\n height: 56px;\n\n > th {\n padding: ",";\n white-space: nowrap;\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n\n > tbody {\n > tr {\n height: 48px;\n\n & {\n border-bottom: ",";\n }\n\n &.withHover:hover {\n background-color: ",";\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n\n > td {\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n\n &.loading {\n text-align: center;\n }\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n\n &.cellLink {\n padding: 0;\n\n > a {\n display: block;\n width: 100%;\n height: 100%;\n padding: ",";\n\n &.noPadding {\n padding: 0;\n }\n }\n }\n }\n }\n }\n"])),l.theme.border,l.theme.space16,l.theme.border,l.theme.gray50,l.theme.space12,l.theme.space12),p=g.default(t.Checkbox)(h||(h=n.__makeTemplateObject(["\n padding: ",";\n display: inline-flex;\n"],["\n padding: ",";\n display: inline-flex;\n"])),l.theme.space12);exports.SimpleTable=function(o){var r=o.className,t=o.getRowLink,l=o.headers,s=o.items,c=o.keyExtractor,h=o.loading,g=void 0!==h&&h,b=o.loadingItems,m=void 0===b?10:b,k=o.noHoverBackground,v=void 0!==k&&k,j=o.onRowClick,w=o.onRowHover,y=o.renderFooter,C=o.selectable,f=void 0===C?{enabled:!1}:C,q=function(n,i){var o=i[n.key],r=function(o){return t&&!f.anySelected?e.jsx("td",{className:"cellLink",children:e.jsx("a",{className:u.default({noPadding:n.noPadding}),href:t(i),style:{textAlign:n.align||"start"},children:o})}):e.jsx("td",{className:u.default({noPadding:n.noPadding}),style:{textAlign:n.align||"start"},children:o})};return n.renderCustom?e.jsx(e.Fragment,{children:r(n.renderCustom(o,i))}):e.jsx(e.Fragment,{children:r(String(o))})};return e.jsxs(x,{className:r,children:[e.jsxs("colgroup",{children:[!!f.onHeaderCheckboxChange&&e.jsx("col",{width:0}),l.map((function(n){return e.jsx("col",{width:void 0!==n.width?"".concat(n.width,"%"):void 0},n.key)}))]}),e.jsx("thead",{children:e.jsxs("tr",{children:[!!f.onHeaderCheckboxChange&&e.jsx("th",{className:"noPadding",children:f.renderCustomHeaderCheckbox||e.jsx(p,{checked:!g&&f.headerCheckboxValue||!1,disabled:g,onChange:f.onHeaderCheckboxChange})}),l.map((function(n){return e.jsx("th",{style:{textAlign:n.align||"start"},children:e.jsx(a.Text,{color:"gray800",type:"small-header",children:n.name})},n.key)}))]})}),e.jsx("tbody",{children:g?n.__spreadArray([],n.__read(Array(m).keys()),!1).map((function(n){return e.jsxs("tr",{children:[f.enabled&&e.jsx("td",{children:e.jsx(d.Skeleton,{height:30},n)}),l.map((function(i){return e.jsx("td",{className:u.default({loading:!0,noPadding:i.noPadding}),children:e.jsx(d.Skeleton,{height:30},n)},i.key)}))]},n)})):s.map((function(n,o){var r,t,d,a=!!j||!!f.anySelected&&!!f.onRowCheckboxChange;return e.jsxs("tr",{className:u.default({clickable:a,withHover:!v}),onClick:function(){var e,i,r;f.anySelected?(null===(e=f.isRowCheckboxDisabled)||void 0===e?void 0:e.call(f,n,o))||null===(i=f.onRowCheckboxChange)||void 0===i||i.call(f,!(null===(r=f.isRowChecked)||void 0===r?void 0:r.call(f,n,o)),n,o):null==j||j(n)},onMouseEnter:function(){return null==w?void 0:w(n)},children:[f.enabled&&e.jsx("td",{className:"noPadding",children:(null===(r=f.renderCustomRowCheckbox)||void 0===r?void 0:r.call(f,n,o))||e.jsx(p,{checked:(null===(t=f.isRowChecked)||void 0===t?void 0:t.call(f,n,o))||!1,disabled:(null===(d=f.isRowCheckboxDisabled)||void 0===d?void 0:d.call(f,n,o))||!1,onChange:function(e){var i;return null===(i=f.onRowCheckboxChange)||void 0===i?void 0:i.call(f,e,n,o)}})}),l.map((function(o){return e.jsx(i.Fragment,{children:q(o,n)},o.key)}))]},c(n))}))}),y]})};
|