@zonos/amino 5.3.17 → 5.4.0
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/all.d.ts +0 -2
- package/components/button/MenuButton.d.ts +6 -6
- package/components/button/MenuButton.js +1 -1
- package/components/checkbox/Checkbox.d.ts +2 -2
- package/components/checkbox/Checkbox.js +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.d.ts +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
- package/components/dialog/BaseDialog.d.ts +8 -8
- package/components/dialog/BaseDialog.js +1 -1
- package/components/dialog/Dialog.d.ts +2 -2
- package/components/dialog/announcement/AnnouncementDialog.d.ts +2 -2
- package/components/filter/FilterWrapper.js +1 -1
- package/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/filter/filter-date/DateControls.js +1 -1
- package/components/filter/filter-date/FilterDate.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
- package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -1
- package/components/filter/filter-select/FilterSelect.js +1 -1
- package/components/filter/filter-text/FilterText.js +1 -1
- package/components/filter/useFilterWrapper.js +1 -1
- package/components/graph-matrix/GraphMatrix.js +1 -1
- package/components/input/Input.d.ts +5 -1
- package/components/input/Input.js +1 -1
- package/components/input/input-type/_DateInput.d.ts +2 -1
- package/components/input/input-type/_DateInput.js +1 -1
- package/components/input/input-type/_FloatLabelInput.d.ts +9 -1
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/input/input-type/_NumberInput.d.ts +2 -1
- package/components/input/input-type/_PasswordInput.d.ts +2 -1
- package/components/input/input-type/_TimeInput.d.ts +2 -1
- package/components/input/input-type/_TimeInput.js +1 -1
- package/components/layout/Layout.d.ts +2 -8
- package/components/layout/Layout.js +1 -1
- package/components/list-item/ListItem.d.ts +3 -12
- package/components/list-item/ListItem.js +1 -1
- package/components/menu/MenuItem.js +1 -1
- package/components/nested-data-table/NestedDataTable.js +1 -1
- package/components/nested-data-table/NestedDataTableHasura.js +1 -1
- package/components/nested-data-table/_Filter.js +1 -1
- package/components/nested-data-table/_TableData.js +1 -1
- package/components/radio/Radio.d.ts +3 -2
- package/components/radio/Radio.js +1 -1
- package/components/radio/RadioGroup.js +1 -1
- package/components/select/CountryMultiSelect.js +1 -1
- package/components/select/CountrySelect.js +1 -1
- package/components/select/MultiSelect.js +1 -1
- package/components/select/Select.d.ts +2 -2
- package/components/select/Select.js +1 -1
- package/components/select/_StyledReactSelect.js +1 -1
- package/components/simple-table/SimpleTable.d.ts +6 -1
- package/components/simple-table/SimpleTable.js +1 -1
- package/components/switch/Switch.d.ts +1 -1
- package/components/switch/Switch.js +1 -1
- package/components/tabs/Tabs.js +1 -1
- package/components/textarea/Textarea.js +1 -1
- package/components/theme-select/ThemeSelect.js +1 -1
- package/components/tooltip/Tooltip.d.ts +1 -1
- package/components/tooltip/Tooltip.js +1 -1
- package/global.module-569e4fd5.js +1 -0
- package/global.module.scss +28 -0
- package/package.json +2 -1
- package/types/BaseProps.d.ts +1 -1
- package/components/input/SearchInput.d.ts +0 -22
- package/components/input/SearchInput.js +0 -1
- package/components/select/CountryPhoneSelect.d.ts +0 -19
- package/components/select/CountryPhoneSelect.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),r=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(i),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",_="Amino__DateInput-module__styledButtonAction--OJxoO",c="Amino__DateInput-module__aminoInput--twaIR";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-calendar-picker-indicator,.Amino__DateInput-module__aminoInput--twaIR input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-datetime-edit-fields-wrapper{-webkit-transition:all .5s ease;transition:all .5s ease}.Amino__DateInput-module__aminoInput--twaIR
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),r=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(i),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",_="Amino__DateInput-module__styledButtonAction--OJxoO",c="Amino__DateInput-module__aminoInput--twaIR";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-calendar-picker-indicator,.Amino__DateInput-module__aminoInput--twaIR input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-datetime-edit-fields-wrapper{-webkit-transition:all .5s ease;transition:all .5s ease}.Amino__DateInput-module__aminoInput--twaIR:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var m=n.forwardRef((function(i,u){var l=i.autoFocus,m=i.className,I=i.disabled,b=i.error,f=i.inputMode,x=i.label,y=i.onChange,w=i.onKeyDown,A=i.pattern,v=i.placeholder,D=i.prefix,h=i.readOnly,j=i.required,k=i.suffix,q=i.tabIndex,O=i.value,g=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),R=n.useRef(null),N=a.useMergeRefs([u,R]);return t.jsx("div",{className:s.default(d,m),children:t.jsx(o.FloatLabelInput,e.__assign({ref:N,"aria-label":x,autoFocus:l,className:c,disabled:I,error:b,inputMode:f,label:x,onChange:y,onKeyDown:w,pattern:A,placeholder:v,prefix:D,readOnly:h,required:j,suffix:k||t.jsx("div",{className:p,children:t.jsx("button",{className:_,onClick:function(){var e,t;null===(e=R.current)||void 0===e||e.showPicker(),null===(t=R.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(r.CalendarIcon,{size:24})})}),tabIndex:q,type:"date",value:O},g))})}));exports.DateInput=m;
|
|
@@ -10,6 +10,10 @@ type FloatLabelInputType = BaseProps & {
|
|
|
10
10
|
inputMode?: InputMode;
|
|
11
11
|
/** A label that will be displayed above the input */
|
|
12
12
|
label?: string;
|
|
13
|
+
/**
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
noBorder?: boolean;
|
|
13
17
|
/** Input on changed. Required since all inputs must be fully controlled */
|
|
14
18
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
15
19
|
onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
|
|
@@ -43,6 +47,10 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
|
|
|
43
47
|
inputMode?: InputMode | undefined;
|
|
44
48
|
/** A label that will be displayed above the input */
|
|
45
49
|
label?: string | undefined;
|
|
50
|
+
/**
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
noBorder?: boolean | undefined;
|
|
46
54
|
/** Input on changed. Required since all inputs must be fully controlled */
|
|
47
55
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
48
56
|
onKeyDown?: KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
@@ -68,5 +76,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
|
|
|
68
76
|
value: string | null;
|
|
69
77
|
/** An additional value that appears next to the input but cannot be changed by the input */
|
|
70
78
|
valuePrefix?: ReactNode;
|
|
71
|
-
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
79
|
+
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
72
80
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),l=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(a){return a&&a.__esModule?a:{default:a}}var r=u(t),_="Amino__FloatLabelInput-module__styledLabelInput--uwTIv",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",d="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq";i.styleInject('.Amino__FloatLabelInput-module__styledLabelInput--uwTIv{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{color:var(--amino-gray-800);content:attr(data-label);display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:var(--amino-space-8);padding-left:var(--amino-space-16);padding-right:var(--amino-space-4);white-space:nowrap}.Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix{padding-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{margin-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-value-prefix{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus{outline:none}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-error+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:2px}');var c=function(a){switch(a){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}},L=o.forwardRef((function(t,l){var i=t.autoFocus,u=t.className,L=t.disabled,f=t.error,v=t.inputMode,h=t.label,F=t.onChange,A=t.onKeyDown,x=t.pattern,y=t.placeholder,g=t.prefix,w=t.readOnly,G=t.required,j=t.size,q=void 0===j?"xl":j,T=t.suffix,z=t.tabIndex,k=t.type,E=t.value,H=t.valuePrefix,W=a.__rest(t,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=o.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),D=!!E||!!H;return e.jsxs("div",{className:r.default(u,q,I),style:{"--amino-float-label-input-border-radius":c(q),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(q,") - 2px)")},children:[g&&e.jsx("div",{className:r.default(m,p),children:g}),H&&e.jsx("div",{className:d,children:H}),e.jsx("input",a.__assign({ref:l,"aria-label":h,autoFocus:i,className:r.default(f&&"has-error",h&&"has-label",D&&"has-content",g&&"has-input-prefix",H&&"has-value-prefix",b),"data-testid":N,disabled:L,id:h,inputMode:v,onChange:F,onKeyDown:A,pattern:x,placeholder:y,readOnly:w,required:G,tabIndex:z,type:k||"text",value:E||""},W)),e.jsx("label",{className:_,"data-label":h}),T&&e.jsx("div",{className:r.default(m,s),children:T})]})}));exports.FloatLabelInput=L,exports.getFloatLabelRadius=c;
|
|
1
|
+
"use strict";var a=require("../../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(a){return a&&a.__esModule?a:{default:a}}var r=_(o),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",p="Amino__FloatLabelInput-module__inputDecorator--U80eQ",m="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G+.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G+.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G+.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label :focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label :focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label :focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var I=function(a){switch(a){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},c=l.forwardRef((function(o,t){var i=o.autoFocus,_=o.className,c=o.disabled,f=o.error,F=o.id,A=o.inputMode,h=o.label,y=o.noBorder,g=void 0!==y&&y,x=o.onChange,j=o.onKeyDown,v=o.pattern,H=o.placeholder,q=o.prefix,E=o.readOnly,W=o.required,k=o.size,N=void 0===k?"xl":k,w=o.suffix,G=o.tabIndex,z=o.type,P=o.value,K=o.valuePrefix,D=a.__rest(o,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),V=l.useId(),C=l.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),M=!!P||!!K,Q=F||V;return e.jsxs("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",h&&"has-label",M&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:Q,style:{"--amino-float-label-input-border-radius":I(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")},children:[q&&e.jsx("div",{className:r.default(p,m),children:q}),K&&e.jsx("div",{className:s,children:K}),e.jsx("input",a.__assign({ref:t,"aria-label":h,autoFocus:i,className:r.default(b),"data-testid":C,disabled:c,id:Q,inputMode:A,onChange:x,onKeyDown:j,pattern:v,placeholder:H,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},D)),e.jsx("div",{className:L,children:e.jsx("span",{children:h})}),w&&e.jsx("div",{className:r.default(p,d),children:w})]})}));exports.FloatLabelInput=c,exports.getFloatLabelRadius=I;
|
|
@@ -5,6 +5,7 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
|
|
|
5
5
|
disabled?: boolean | undefined;
|
|
6
6
|
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
7
7
|
label?: string | undefined;
|
|
8
|
+
noBorder?: boolean | undefined;
|
|
8
9
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
9
10
|
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
10
11
|
pattern?: string | undefined;
|
|
@@ -18,4 +19,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
|
|
|
18
19
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
20
|
value: string | null;
|
|
20
21
|
valuePrefix?: import("react").ReactNode;
|
|
21
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
22
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,6 +4,7 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
|
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
5
|
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
|
+
noBorder?: boolean | undefined;
|
|
7
8
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
8
9
|
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
9
10
|
pattern?: string | undefined;
|
|
@@ -17,4 +18,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
|
|
|
17
18
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
19
|
value: string | null;
|
|
19
20
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
21
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,6 +4,7 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
|
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
5
|
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
|
+
noBorder?: boolean | undefined;
|
|
7
8
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
8
9
|
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
9
10
|
pattern?: string | undefined;
|
|
@@ -17,4 +18,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
18
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
19
|
value: string | null;
|
|
19
20
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
21
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),o=require("clsx"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),o=require("clsx"),a=require("./_FloatLabelInput.js"),r=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(o),d="Amino__TimeInput-module__styledWrapper--ZPt0q",p="Amino__TimeInput-module__styledActionWrapper--QykRo",c="Amino__TimeInput-module__styledButtonAction---VQOV",_="Amino__TimeInput-module__aminoInput--jyQcS";u.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:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var m=t.forwardRef((function(o,u){var l=o.autoFocus,m=o.className,y=o.disabled,I=o.error,b=o.inputMode,f=o.label,j=o.onChange,v=o.onKeyDown,x=o.pattern,A=o.placeholder,h=o.prefix,w=o.readOnly,T=o.required,k=o.suffix,q=o.tabIndex,g=o.value,Q=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),V=t.useRef(null),O=i.useMergeRefs([u,V]);return n.jsx("div",{className:s.default(d,m),children:n.jsx(a.FloatLabelInput,e.__assign({ref:O,"aria-label":f,autoFocus:l,className:_,disabled:y,error:I,inputMode:b,label:f,onChange:j,onKeyDown:v,pattern:x,placeholder:A,prefix:h,readOnly:w,required:T,suffix:k||n.jsx("div",{className:p,children:n.jsx("button",{className:c,onClick:function(){var e,n;null===(e=V.current)||void 0===e||e.showPicker(),null===(n=V.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(r.ClockIcon,{size:24})})}),tabIndex:q,type:"time",value:g},Q))})}));exports.TimeInput=m;
|
|
@@ -1,18 +1,12 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import type { NavigationGroupProps } from "./NavigationGroup";
|
|
3
3
|
import type { BaseProps } from "../../types/BaseProps";
|
|
4
|
-
type SearchInputProps = {
|
|
5
|
-
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
6
|
-
value: string;
|
|
7
|
-
};
|
|
8
4
|
export type LayoutProps = BaseProps & {
|
|
9
5
|
content: ReactNode;
|
|
10
6
|
footer: ReactNode;
|
|
11
7
|
headerContent?: ReactNode;
|
|
12
8
|
logoSidebar?: ReactNode;
|
|
13
9
|
noPaddingContent?: boolean;
|
|
14
|
-
searchInput?: SearchInputProps;
|
|
15
10
|
sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
|
|
16
11
|
};
|
|
17
|
-
export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, noPaddingContent,
|
|
18
|
-
export {};
|
|
12
|
+
export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, noPaddingContent, sidebar, style, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("
|
|
1
|
+
"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function r(o){return o&&o.__esModule?o:{default:o}}var n=r(a),d="Amino_Layout-module__aminoLayout--k-8EW",l="Amino_Layout-module__contentGrid--6ltoS",s="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",u="Amino_Layout-module__styledLogoSidebar--MTiPe",_="Amino_Layout-module__content--LYUwT",c="Amino_Layout-module__noPadding--dlOxx",h="Amino_Layout-module__header--lID5Y",y="Amino_Layout-module__footer--5enlV";t.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr auto;height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1000)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1000)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__content--LYUwT.Amino_Layout-module__noPadding--dlOxx{padding:0}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(a){var t=a.className,r=a.content,b=a.footer,g=a.headerContent,v=a.logoSidebar,p=a.noPaddingContent,L=a.sidebar,x=a.style;return e.jsxs("main",{className:n.default(t,d),style:o.__assign(o.__assign({},x),{"--amino-layout-height":g?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),children:[!!g&&e.jsx("header",{className:h,children:g}),e.jsxs("div",{className:l,children:[e.jsxs("nav",{className:s,children:[e.jsxs("div",{className:m,children:[!!v&&e.jsx("div",{className:u,children:v}),L]}),e.jsx("div",{className:y,children:b})]}),e.jsx("div",{className:n.default(_,p&&c),children:r})]})]})};
|
|
@@ -1,22 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
3
|
export type Props = BaseProps & {
|
|
4
4
|
/** @description Decorater takes a React node, preferably an icon or an avatar */
|
|
5
5
|
decorator?: ReactNode;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
label: ReactNode;
|
|
8
|
-
onClick?: MouseEventHandler
|
|
8
|
+
onClick?: MouseEventHandler;
|
|
9
9
|
rightDecorator?: ReactNode;
|
|
10
10
|
selected?: boolean;
|
|
11
11
|
subtitle?: ReactNode;
|
|
12
12
|
};
|
|
13
|
-
export declare const ListItem: import("react").
|
|
14
|
-
/** @description Decorater takes a React node, preferably an icon or an avatar */
|
|
15
|
-
decorator?: ReactNode;
|
|
16
|
-
disabled?: boolean | undefined;
|
|
17
|
-
label: ReactNode;
|
|
18
|
-
onClick?: MouseEventHandler<HTMLDivElement> | undefined;
|
|
19
|
-
rightDecorator?: ReactNode;
|
|
20
|
-
selected?: boolean | undefined;
|
|
21
|
-
subtitle?: ReactNode;
|
|
22
|
-
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const ListItem: ({ className, decorator, disabled, label, onClick, rightDecorator, selected, style, subtitle, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../text/Text.js"),o=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var n=m(t),s="Amino_ListItem-module__aminoListItem--1LE7t",a="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",r="Amino_ListItem-module__selected--Ih4MV",_="Amino_ListItem-module__withClick--4KRpm",d="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";o.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-100)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t:active,.Amino_ListItem-module__aminoListItem--1LE7t:focus,.Amino_ListItem-module__aminoListItem--1LE7t:hover{background-color:var(--amino-hover-color);outline:none}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var c=function(t){var i=t.icon,o=t.iconComponent,m=t.label;return i?e.jsx("img",{alt:m,className:u,src:i}):o?e.jsx(e.Fragment,{children:o}):null};exports.ListItem=function(t){var o=t.className,m=t.decorator,u=t.disabled,L=t.label,I=t.onClick,p=t.rightDecorator,b=t.selected,v=t.style,h=t.subtitle;return e.jsxs("button",{className:n.default(o,s,u&&l,b&&r,!!I&&_),onClick:function(e){return!u&&(null==I?void 0:I(e))},style:v,type:"button",children:[e.jsxs("div",{className:n.default("__icon-wrapper",m&&a),children:[m,e.jsx(c,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:d,children:[e.jsx(i.Text,{type:"label",children:L}),h&&e.jsx(i.Text,{type:"caption",children:h})]}),p]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(t),o="Amino_MenuItem-module__disabled--aPHbO",s="Amino_MenuItem-module__styledListItem--Yw0-a";i.styleInject(".Amino_MenuItem-module__disabled--aPHbO .Amino_MenuItem-module__styledListItem--Yw0-a{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_MenuItem-module__styledListItem--Yw0-a{align-items:center;border-radius:var(--amino-radius-6);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);line-height:24px;padding:var(--amino-space-8);-webkit-user-select:none;user-select:none}.Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-hover-color)}.Amino_MenuItem-module__styledListItem--Yw0-a a{display:block;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a svg{margin-right:var(--amino-space-8)}[data-theme=night] .Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-gray-100)}");exports.MenuItem=function(t){var i=t.children,n=t.className,l=t.disabled,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(t),o="Amino_MenuItem-module__disabled--aPHbO",s="Amino_MenuItem-module__styledListItem--Yw0-a";i.styleInject(".Amino_MenuItem-module__disabled--aPHbO .Amino_MenuItem-module__styledListItem--Yw0-a{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_MenuItem-module__styledListItem--Yw0-a{align-items:center;border-radius:var(--amino-radius-6);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);line-height:24px;padding:var(--amino-space-8);-webkit-user-select:none;user-select:none;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-hover-color)}.Amino_MenuItem-module__styledListItem--Yw0-a:active{outline:none}.Amino_MenuItem-module__styledListItem--Yw0-a a{display:block;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a svg{margin-right:var(--amino-space-8)}[data-theme=night] .Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-gray-100)}");exports.MenuItem=function(t){var i=t.children,n=t.className,l=t.disabled,m=t.icon,r=t.onClick,u=t.style;return e.jsx("li",{className:a.default(n,l&&o),style:u,children:e.jsxs("button",{className:s,onClick:function(e){return!l&&(null==r?void 0:r(e))},type:"button",children:[m,i]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var n="Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W",o="Amino_NestedDataTable-module__styledTableHeader--tdfr8",u="Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt";l.styleInject(".Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W{height:100%}.Amino_NestedDataTable-module__styledTableHeader--tdfr8{align-items:center;display:flex;padding:var(--amino-space-8)}.Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt{align-items:center;display:flex;flex:1;gap:var(--amino-space-8);justify-content:flex-end}");exports.NestedDataTable=function(l){var c=l.currentPage,d=l.customColumnCells,j=l.customFlattenRow,q=l.handlePagination,m=l.hasNextPage,p=l.hasPreviousPage,b=l.isFetching,x=l.loadingComponent,h=l.restState,T=l.style,g=l.tableData,_=l.title,v=t.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),C=!!q&&!!c&&g.length;return e.jsxs("div",{className:n,style:T,children:[e.jsxs("div",{className:o,children:[!!_&&e.jsx(a.Text,{type:"header",children:_}),!!C&&e.jsxs("div",{className:u,children:[e.jsx(r.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(r.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?x?e.jsx(e.Fragment,{children:x}):e.jsx(s.RestState,{label:"Loading..."}):0===v.length?h?e.jsx(e.Fragment,{children:h}):e.jsx(s.RestState,{label:"No data available."}):e.jsx(i.TableData,{customColumnCells:d,customFlattenRow:j,tableDataArr:v})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js"),i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.js"),require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,l=s.setQuery,c=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(c)?c:[c]}),[c]),p=i.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:l}),b=p.currentPage,h=p.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:b,customFlattenRow:u,handlePagination:h,isFetching:a,tableData:j,title:q})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),r=require("react"),t=require("../select/MultiSelect.js"),l=require("../../icons/FilterIcon.js"),s=require("../../utils/hooks/useDropdown.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),r=require("react"),t=require("../select/MultiSelect.js"),l=require("../../icons/FilterIcon.js"),s=require("../../utils/hooks/useDropdown.js"),o=require("../../style-inject.es-d4ddeae4.js");require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var n="Amino__Filter-module__styledTriggerButton--3NvFi",u="Amino__Filter-module__styledFilterWrapper--ntgt5",a="Amino__Filter-module__styledFilter--OO54y";o.styleInject(".Amino__Filter-module__styledTriggerButton--3NvFi{align-items:center;border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-6);display:flex;height:var(--amino-size-sm);justify-content:center;padding:0 var(--amino-space-12)}.Amino__Filter-module__styledFilterWrapper--ntgt5{position:relative}.Amino__Filter-module__styledFilter--OO54y{background-color:var(--amino-gray-0);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-8);box-shadow:0 0 1px var(--amino-gray-400);display:flex;padding:var(--amino-space-16);width:300px}.Amino__Filter-module__styledFilter--OO54y>div{width:100%}.Amino__Filter-module__styledFilter--OO54y .value-container{overflow-x:auto}.Amino__Filter-module__styledFilter--OO54y .multi-value{align-items:center;display:flex;height:22px}.Amino__Filter-module__styledFilter--OO54y .multi-value [role=button]{align-items:center;display:flex;justify-content:center}");exports.Filter=function(o){var c=o.columns,d=o.hiddenColumns,m=o.setHiddenColumns,_=s.useDropdown(),y=_.floatingStyles,v=_.refs,p=_.setVisible,j=_.visibility,x=_.visible,f=_.wrapperRef,g=r.useMemo((function(){return c.map((function(e){return{label:e.key,value:e.key}}))}),[c]);return i.jsxs("div",{ref:f,className:u,children:[i.jsxs("button",{ref:v.setReference,className:n,onClick:function(){return p(!x)},type:"button",children:[i.jsx(l.FilterIcon,{size:16})," Filter"]}),i.jsx("div",{ref:v.setFloating,className:a,style:e.__assign(e.__assign({},y),{opacity:"visible"===j?1:0,zIndex:"visible"===j?1:-1}),children:i.jsx(t.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){m(e.flatMap((function(e){return[e.value]})))},options:g,value:g.filter((function(e){return d.includes(e.value)}))})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),n=require("./_Filter.js"),i=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),l=require("../../icons/ChevronRightCircleIcon.js"),o=require("../../utils/flattenRow.js"),u=require("../../utils/setupNestedData.js"),d=require("../../utils/truncateText.js"),c=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js")
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),n=require("./_Filter.js"),i=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),l=require("../../icons/ChevronRightCircleIcon.js"),o=require("../../utils/flattenRow.js"),u=require("../../utils/setupNestedData.js"),d=require("../../utils/truncateText.js"),c=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var p="Amino__TableData-module__styledFilterWrapper--qUc8W",_="Amino__TableData-module__styledExpandWrapper--8S5l-",m="Amino__TableData-module__styledTableWrapper--E6ZkK";c.styleInject(".Amino__TableData-module__styledFilterWrapper--qUc8W{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--amino-space-12)}.Amino__TableData-module__styledExpandWrapper--8S5l-{align-items:center;display:flex;height:100%}.Amino__TableData-module__styledExpandWrapper--8S5l- svg{transition:all .3s ease}.Amino__TableData-module__styledExpandWrapper--8S5l- .expanding-button svg{transform:rotate(90deg)}.Amino__TableData-module__styledTableWrapper--E6ZkK .expanding{background-color:var(--amino-gray-50)}.Amino__TableData-module__styledTableWrapper--E6ZkK .Amino__TableData-module__styledTableWrapper--E6ZkK{padding:var(--amino-space-4) var(--amino-space-12) var(--amino-space-24)}");var j=function(c){var x=c.customColumnCells,q=c.customFlattenRow,v=c.noFilter,b=c.tableDataArr,f=q||o.flattenRow,y=e.__read(t.useState([]),2),g=y[0],h=y[1],C=t.useCallback((function(){return b.map((function(e){var r=Object.entries(e).reduce((function(e,r){return f({currentVal:r,prev:e})}),{});return u.setupNestedData(r)}))}),[f,b]),D=e.__read(t.useState(C()),2),T=D[0],k=D[1];t.useEffect((function(){b&&k(C())}),[C,b]);var A=t.useCallback((function(t){var n=t.column,i=t.onRowChange,o=t.row,u=o[n.key];if(Array.isArray(u)){var c=0===u.length,p=o._expandedKey===n.key;return r.jsx("div",{className:_,children:r.jsx(s.Tooltip,{disabled:!c,title:"This list has no items.",children:r.jsx(a.Button,{className:p?"expanding-button":"",disabled:c,icon:r.jsx(l.ChevronRightCircleIcon,{}),onClick:function(){return i(e.__assign(e.__assign({},o),{_expandedKey:p?"":n.key}))},variant:"subtle"})})})}return o._expandedData&&o._expandedData.length>0?r.jsx(j,{customColumnCells:x,customFlattenRow:q,noFilter:!0,tableDataArr:o._expandedData}):"string"==typeof u?d.truncateText({addEllipsis:!0,length:40,text:u}):u}),[x,q]),R=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==x?void 0:x[t])||A}]}))}),[x,A,T]),W=t.useMemo((function(){var r=R.filter((function(e){return!g.includes(e.key)}));return r.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?r.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[R,g]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(n.Filter,{columns:R,hiddenColumns:g,setHiddenColumns:h})}),r.jsx(i.PivotTable,{columns:W,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],a=void 0!==t?e[t]:null;if(a&&void 0!==t){var n=a[a._expandedKey];if(n&&Array.isArray(n)){var i=e[t+1],s=(null==i?void 0:i._expandedData)&&i._expandedData.length>0,l=n[0],o="object"==typeof l&&l?n:n.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(t+1,1);k(e)}},rowHeight:function(e){var r,t;return"ROW"===e.type&&(null===(t=null===(r=e.row)||void 0===r?void 0:r._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=j;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
3
|
export type RadioProps = BaseProps & {
|
|
4
4
|
checked: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
label?: ReactNode;
|
|
7
|
+
value: string;
|
|
7
8
|
onChange: (checked: boolean) => void;
|
|
8
9
|
};
|
|
9
|
-
export declare const Radio: ({ checked, className, disabled, label, onChange, style, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const Radio: ({ checked, className, disabled, label, onChange, style, value, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),r=require("framer-motion"),n=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),d=require("../../global.module-569e4fd5.js"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(a),c="Amino_Radio-module__styledRadio--BiJwE",m="Amino_Radio-module__styledText--uref9",_="Amino_Radio-module__radioContainer--uZ3TN";s.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(a){var s=a.checked,l=a.className,b=a.disabled,h=a.label,x=a.onChange,y=a.style,g=a.value,p=i.useId();return o.jsxs("label",{className:u.default(l,_,d.globalStyles.focusableLabel,b&&"disabled"),htmlFor:p,style:e.__assign(e.__assign({},y),{"--amino-radio-background":s?t.theme.primary:t.theme.inputBackground,"--amino-radio-border":s?"none":"1.5px solid ".concat(t.theme.gray400),"--amino-radio-box-shadow":s?t.theme.shadowButtonPrimary:"none","--amino-radio-container-background":s?t.theme.blue300:""}),children:[o.jsx("input",{checked:s,id:p,onChange:function(){return!b&&x(!s)},onKeyDown:function(e){return"Enter"===e.key&&!b&&x(!s)},style:{width:"0px"},tabIndex:0,type:"radio",value:g}),o.jsx("div",{className:c,children:o.jsx(r.AnimatePresence,{children:s&&o.jsx(r.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:o.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),h&&o.jsx(n.Text,{className:m,type:"input-label",children:h})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),u=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../global.module-569e4fd5.js");var s=n(a),l="Amino_RadioGroup-module__radioContainer--gii0d";u.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var u=a.className,n=a.disabled,o=a.initialValue,d=a.items,c=a.onChange,m=a.style,f=e.__read(i.useState(-1),2),v=f[0],j=f[1],_=d.findIndex((function(e){return e.value===o}));i.useEffect((function(){_>-1&&j(_)}),[_]);var q=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===v,disabled:n,label:e.label,onChange:function(){n||(j(i),c&&e.value&&c(e.value))},value:e.value},e.value)}));return r.jsx("div",{className:s.default(u,l),style:m,children:q})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var s=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js");var l=function(n){var u=n.children,o=s.__rest(n,["children"]),l=o.getStyles,c=o.selectProps,a=c.allSelected,q=c.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},o,{children:[e.jsx("div",{style:l("option",o),children:e.jsx(i.Checkbox,{checked:a,label:"Select all",onChange:q})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,c=r.label,a=void 0===c?"Select countries":c,q=r.onChange,j=r.unavailableCountries,g=r.value,f=s.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(r){var i=j.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(u.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),S=t.filter((function(s){return!g.includes(s.code)&&!s.isDisabled})),C={allSelected:!!g.length&&!S.length,toggleSelectAll:function(){return q(S.length?g.concat(S.map((function(s){return s.value}))):[])}};return e.jsx(n.MultiSelect,s.__assign({},f,{components:{MenuList:l},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return q(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return g.includes(s.code)}))},C))};
|
|
1
|
+
"use strict";var s=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),u=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js");var l=function(n){var u=n.children,o=s.__rest(n,["children"]),l=o.getStyles,c=o.selectProps,a=c.allSelected,q=c.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},o,{children:[e.jsx("div",{style:l("option",o),children:e.jsx(i.Checkbox,{checked:a,label:"Select all",onChange:q})}),u]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,c=r.label,a=void 0===c?"Select countries":c,q=r.onChange,j=r.unavailableCountries,g=r.value,f=s.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(r){var i=j.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(u.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),S=t.filter((function(s){return!g.includes(s.code)&&!s.isDisabled})),C={allSelected:!!g.length&&!S.length,toggleSelectAll:function(){return q(S.length?g.concat(S.map((function(s){return s.value}))):[])}};return e.jsx(n.MultiSelect,s.__assign({},f,{components:{MenuList:l},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return q(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return g.includes(s.code)}))},C))};
|