@zonos/amino 5.1.102 → 5.1.103
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 +10 -7
- package/components/checkbox/Checkbox.js +1 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.d.ts +37 -0
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -0
- package/components/dialog/DismissableDialog.d.ts +15 -0
- package/components/dialog/DismissableDialog.js +1 -0
- package/components/{alert-dialog → dialog/alert}/AlertContext.d.ts +1 -1
- package/components/dialog/alert/AlertContext.js +1 -0
- package/components/dialog/alert/AlertDialog.d.ts +6 -0
- package/components/dialog/alert/AlertDialog.js +1 -0
- package/components/dialog/alert/useAlert.d.ts +1 -0
- package/components/dialog/alert/useAlert.js +1 -0
- package/components/{announcement-dialog → dialog/announcement}/AnnouncementDialog.d.ts +2 -2
- package/components/dialog/announcement/AnnouncementDialog.js +1 -0
- package/components/{confirm-dialog → dialog/confirm}/ConfirmContext.d.ts +1 -1
- package/components/dialog/confirm/ConfirmContext.js +1 -0
- package/components/dialog/confirm/ConfirmDialog.d.ts +8 -0
- package/components/dialog/confirm/ConfirmDialog.js +1 -0
- package/components/dialog/confirm/useConfirm.d.ts +1 -0
- package/components/dialog/confirm/useConfirm.js +1 -0
- package/components/divider/Divider.d.ts +8 -1
- package/components/divider/Divider.js +1 -1
- package/components/graph-matrix/GraphMatrix.js +1 -1
- package/components/input/input-type/_DateInput.d.ts +1 -1
- package/components/input/input-type/_FloatLabelInput.d.ts +1 -1
- package/components/input/input-type/_NumberInput.d.ts +1 -1
- package/components/input/input-type/_PasswordInput.d.ts +1 -1
- package/components/input/input-type/_TimeInput.d.ts +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/_TableData.js +1 -1
- package/components/select/CountryMultiSelect.d.ts +1 -2
- package/components/select/CountryMultiSelect.js +1 -1
- package/components/theme-select/ThemeSelect.js +1 -1
- package/components/toggle/Toggle.d.ts +8 -0
- package/components/toggle/Toggle.js +1 -0
- package/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
- package/utils/getAminoColor.d.ts +1 -1
- package/utils/hooks/useAminoTheme.js +1 -1
- package/utils/hooks/useDropdown.d.ts +1 -0
- package/utils/hooks/useDropdown.js +1 -1
- package/Theme-61f4342c.js +0 -1
- package/components/alert-dialog/AlertContext.js +0 -1
- package/components/alert-dialog/AlertDialog.d.ts +0 -14
- package/components/alert-dialog/AlertDialog.js +0 -1
- package/components/alert-dialog/useAlert.d.ts +0 -1
- package/components/alert-dialog/useAlert.js +0 -1
- package/components/announcement-dialog/AnnouncementDialog.js +0 -1
- package/components/confirm-dialog/ConfirmContext.js +0 -1
- package/components/confirm-dialog/ConfirmDialog.d.ts +0 -16
- package/components/confirm-dialog/ConfirmDialog.js +0 -1
- package/components/confirm-dialog/useConfirm.d.ts +0 -1
- package/components/confirm-dialog/useConfirm.js +0 -1
package/all.d.ts
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import './components/alert-dialog/AlertContext';
|
|
2
|
-
import './components/alert-dialog/AlertDialog';
|
|
3
|
-
import './components/alert-dialog/useAlert';
|
|
4
|
-
import './components/announcement-dialog/AnnouncementDialog';
|
|
5
1
|
import './components/avatar/AvatarBase';
|
|
6
2
|
import './components/avatar/ImageAvatar';
|
|
7
3
|
import './components/avatar/UserAvatar';
|
|
@@ -15,17 +11,23 @@ import './components/button/useRipple';
|
|
|
15
11
|
import './components/card/Card';
|
|
16
12
|
import './components/checkbox/Checkbox';
|
|
17
13
|
import './components/collapse/Collapse';
|
|
18
|
-
import './components/confirm-dialog/ConfirmContext';
|
|
19
|
-
import './components/confirm-dialog/ConfirmDialog';
|
|
20
|
-
import './components/confirm-dialog/useConfirm';
|
|
21
14
|
import './components/connection-map/ConnectionMap';
|
|
15
|
+
import './components/country-multi-select/CountryMultiSelectExpanded';
|
|
22
16
|
import './components/cover-sheet/CoverSheet';
|
|
23
17
|
import './components/cover-sheet/CoverSheetActions';
|
|
24
18
|
import './components/currency/Currency';
|
|
25
19
|
import './components/currency/DualCurrency';
|
|
26
20
|
import './components/danger-zone/DangerZone';
|
|
21
|
+
import './components/dialog/alert/AlertContext';
|
|
22
|
+
import './components/dialog/alert/AlertDialog';
|
|
23
|
+
import './components/dialog/alert/useAlert';
|
|
24
|
+
import './components/dialog/announcement/AnnouncementDialog';
|
|
27
25
|
import './components/dialog/BaseDialog';
|
|
26
|
+
import './components/dialog/confirm/ConfirmContext';
|
|
27
|
+
import './components/dialog/confirm/ConfirmDialog';
|
|
28
|
+
import './components/dialog/confirm/useConfirm';
|
|
28
29
|
import './components/dialog/Dialog';
|
|
30
|
+
import './components/dialog/DismissableDialog';
|
|
29
31
|
import './components/divider/Divider';
|
|
30
32
|
import './components/drop-zone/DropZone';
|
|
31
33
|
import './components/file-upload/FileUpload';
|
|
@@ -103,6 +105,7 @@ import './components/theme-select/ThemeSelect';
|
|
|
103
105
|
import './components/thumbnail/Thumbnail';
|
|
104
106
|
import './components/toast/Toast';
|
|
105
107
|
import './components/toast/ToastContext';
|
|
108
|
+
import './components/toggle/Toggle';
|
|
106
109
|
import './components/tooltip/Tooltip';
|
|
107
110
|
import './icons/AIDuotoneIcon';
|
|
108
111
|
import './icons/AIIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__checkboxContainer--T3dHf",_="Amino_Checkbox-module__disabled--5BFJi",h="Amino_Checkbox-module__aminoCheckbox--s-hZQ",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__styledSubtitle--F4Zg5",k="Amino_Checkbox-module__labelWrapper--opXpk",p="Amino_Checkbox-module__infoWrapper--0j0cc",C="Amino_Checkbox-module__styledLabelDescription--m4mFs";t.styleInject(".Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,T=n.onChange,q=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||T(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},q),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(b,"amino-input-wrapper",v&&_,v&&"disabled"),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:h,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:p,children:[o.jsxs("div",{className:k,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:C,children:N})]})]}),F&&o.jsx(c.Text,{className:u,type:"subtitle",children:F})]})]})}))};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
+
export type ICountryMultiSelectExpandedOption<TCountryCode extends string = string> = {
|
|
4
|
+
code: TCountryCode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
/**
|
|
7
|
+
* Key to group by
|
|
8
|
+
*/
|
|
9
|
+
group: string;
|
|
10
|
+
icon: ReactNode;
|
|
11
|
+
label: string;
|
|
12
|
+
/**
|
|
13
|
+
* Having this as a ReactNode breaks storybook (and only storybook, it works fine elsewhere) somehow. I have no idea, but it needs to be a function instead...
|
|
14
|
+
* @returns
|
|
15
|
+
*/
|
|
16
|
+
rightDecorator?: () => ReactNode;
|
|
17
|
+
};
|
|
18
|
+
export type CountryMultiSelectExpandedProps<TCountryCode extends string = string> = BaseProps & {
|
|
19
|
+
actions?: ReactNode;
|
|
20
|
+
countries: ICountryMultiSelectExpandedOption<TCountryCode>[];
|
|
21
|
+
/**
|
|
22
|
+
* Remove the top header part
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
noHeader?: boolean;
|
|
26
|
+
selectedCountries: ICountryMultiSelectExpandedOption<TCountryCode>[];
|
|
27
|
+
/**
|
|
28
|
+
* No search bar
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
withoutSearch?: boolean;
|
|
32
|
+
onChange: (countries: ICountryMultiSelectExpandedOption<TCountryCode>[]) => void;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Use the country flags with `flagType: 'amino'` otherwise the flags are slow to load when re-rendering
|
|
36
|
+
*/
|
|
37
|
+
export declare const CountryMultiSelectExpanded: <TCountryCode extends string = string>({ actions, className, countries, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<TCountryCode>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../text/Text.js"),u=require("../../icons/ChevronDownIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var _=m(t),x=m(o),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__header--I3SHr",f="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",C="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",b="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",g="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",A="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",S="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",j="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",M="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",v="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",E="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",W="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",k="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",N="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",q="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",I="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;max-height:480px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(t){var o=t.actions,p=t.className,m=t.countries,w=t.noHeader,z=void 0!==w&&w,T=t.onChange,H=t.selectedCountries,L=t.style,B=t.withoutSearch,G=void 0!==B&&B,O=e.__read(r.useState(""),2),D=O[0],F=O[1],Z=e.__read(r.useState([]),2),P=Z[0],J=Z[1],K=r.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),X=r.useMemo((function(){return""===D?m:K(D).map((function(e){return e.item}))}),[m,K,D]),R=r.useMemo((function(){var n=Object.entries(x.default(X,"group")).map((function(n){var r=e.__read(n,2),t=r[0];return{countries:r[1],label:t}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[X]),Q=r.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===H.length}),[m,H.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})});return n.jsxs("div",{className:_.default(y,p),style:L,children:[!z&&n.jsxs("div",{className:h,children:[n.jsx(d.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(d.Text,{color:"textColorSecondary",type:"label",children:[H.length," of ",m.length," selected"]})]}),n.jsxs("div",{className:f,children:[n.jsxs("div",{className:C,children:[!G&&n.jsxs("label",{className:b,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return F(e.target.value)},placeholder:"Search...",type:"text",value:D})]}),o&&n.jsx("div",{className:g,children:o})]}),(!!o||!G)&&n.jsx(a.Divider,{noMargin:!0}),X.length?n.jsxs("div",{className:A,children:[n.jsx("div",{className:j,children:n.jsx(l.Checkbox,{checked:Q,label:"Select all",onChange:function(e){T(e?m.filter((function(e){return!e.disabled})):[])}})}),R.map((function(r){var t=r.countries.every((function(e){return e.disabled||H.some((function(n){return n.code===e.code}))})),o=r.countries.filter((function(e){return H.some((function(n){return n.code===e.code}))})).length,a=!P.includes(r.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(v,M),children:[n.jsx(l.Checkbox,{checked:t,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(H),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);T(t)}else t=H.filter((function(e){return!e.disabled&&!r.countries.some((function(n){return n.code===e.code}))})),T(t)}}),n.jsxs("button",{className:E,onClick:function(){P.includes(r.label)?J(P.filter((function(e){return e!==r.label}))):J(e.__spreadArray(e.__spreadArray([],e.__read(P),!1),[r.label],!1))},type:"button",children:[n.jsxs(d.Text,{color:"textColorSecondary",children:[o,"/",r.countries.length]}),n.jsx(u.ChevronDownIcon,{className:_.default(W,a&&k),size:24})]})]}),n.jsx(i.Collapse,{collapsed:a,children:n.jsx("div",{className:N,children:r.countries.map((function(r){var t;return n.jsx(l.Checkbox,{checked:H.some((function(e){return e.code===r.code})),className:_.default(j,q,!r.disabled&&M),disabled:r.disabled,icon:r.icon,label:r.label,labelComponent:n.jsxs("div",{className:I,style:{opacity:r.disabled?.5:1},children:[n.jsxs("div",{children:[r.icon,r.label]}),null===(t=r.rightDecorator)||void 0===t?void 0:t.call(r)]}),onChange:function(n){T(n?e.__spreadArray(e.__spreadArray([],e.__read(H),!1),[r],!1):H.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):n.jsx("div",{className:S,children:n.jsx(d.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
+
import type { Intent } from "../../types/Intent";
|
|
4
|
+
import type { Theme } from "../../types/Theme";
|
|
5
|
+
export type DismissableDialogProps = BaseProps & {
|
|
6
|
+
actions?: ReactNode;
|
|
7
|
+
intent: Intent;
|
|
8
|
+
label: string;
|
|
9
|
+
open: boolean;
|
|
10
|
+
subtitle?: ReactNode;
|
|
11
|
+
themeOverride?: Theme;
|
|
12
|
+
dismissAction: () => void;
|
|
13
|
+
};
|
|
14
|
+
export declare const _dismissableDialogGetButtonVariant: (intent: Intent) => "primary" | "warning" | "danger";
|
|
15
|
+
export declare const DismissableDialog: ({ actions, dismissAction, intent, label, open, style, subtitle, themeOverride, }: DismissableDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("./BaseDialog.js"),r=require("../stack/VStack.js"),n=require("../text/Text.js"),s=require("../thumbnail/Thumbnail.js"),o=require("../../icons/ExclamationMarkDuotoneIcon.js"),t=require("../../icons/HelpDuotoneIcon.js"),a=require("../../icons/WarningDuotoneIcon.js"),l=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c="Amino_DismissableDialog-module__content--O83SC",u="Amino_DismissableDialog-module__footer--76u-9";l.styleInject(".Amino_DismissableDialog-module__content--O83SC{padding:var(--amino-space-24)}.Amino_DismissableDialog-module__content--O83SC>div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_DismissableDialog-module__footer--76u-9{align-items:center;display:flex;justify-content:center;width:100%}.Amino_DismissableDialog-module__footer--76u-9>button+button{margin-left:var(--amino-space-8)}.Amino_DismissableDialog-module__footer--76u-9 button{flex:1}");var m=function(i){switch(i){case"danger":return e.jsx(o.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return e.jsx(a.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return e.jsx(t.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},d=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}};exports.DismissableDialog=function(o){var t=o.actions,a=o.dismissAction,l=o.intent,g=o.label,j=o.open,x=o.style,b=o.subtitle,D=o.themeOverride;return e.jsx(i.BaseDialog,{"data-theme":D,onClose:a,open:j,style:x,width:350,children:e.jsx("div",{className:c,children:e.jsxs(r.VStack,{spacing:24,children:[e.jsx(s.Thumbnail,{color:d(l),icon:m(l),size:40}),e.jsxs(r.VStack,{spacing:8,children:[e.jsx(n.Text,{type:"subheader",children:g}),b&&e.jsx(n.Text,{color:"gray800",lineHeight:"base",type:"body",children:b})]}),e.jsx("div",{className:u,children:t})]})})})},exports._dismissableDialogGetButtonVariant=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import type { AlertDialogOpts } from "
|
|
2
|
+
import type { AlertDialogOpts } from "../../../types/AlertDialogOpts";
|
|
3
3
|
export declare const AlertContext: import("react").Context<(opts: AlertDialogOpts) => void>;
|
|
4
4
|
type Props = {
|
|
5
5
|
children: ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("../../button/Button.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("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(u){var n=u.children,o=e.__read(i.useState(),2),a=o[0],l=o[1],c=e.__read(i.useState(!1),2),q=c[0],j=c[1],b=i.useCallback((function(e){l(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:b,children:[n,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type DismissableDialogProps } from "../DismissableDialog";
|
|
2
|
+
export type AlertDialogProps = DismissableDialogProps & {
|
|
3
|
+
dismissText: string;
|
|
4
|
+
dismissAction: () => void;
|
|
5
|
+
};
|
|
6
|
+
export declare const AlertDialog: ({ dismissAction, dismissText, ...props }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),s=require("../../button/Button.js"),r=require("../DismissableDialog.js");require("react"),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("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.AlertDialog=function(t){var n=t.dismissAction,u=t.dismissText,o=e.__rest(t,["dismissAction","dismissText"]);return i.jsx(r.DismissableDialog,e.__assign({},o,{actions:i.jsx(s.Button,{onClick:n,size:"lg",variant:r._dismissableDialogGetButtonVariant(o.intent),children:u}),dismissAction:n}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useAlert: () => (opts: import("../../../types").AlertDialogOpts) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../../button/Button.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("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import { type BaseDialogProps } from "../
|
|
2
|
+
import { type BaseDialogProps } from "../BaseDialog";
|
|
3
3
|
export type AnnouncementDialogProps = BaseDialogProps & {
|
|
4
4
|
announcementId: string;
|
|
5
5
|
image?: ReactNode;
|
|
@@ -7,7 +7,7 @@ export type AnnouncementDialogProps = BaseDialogProps & {
|
|
|
7
7
|
label?: string;
|
|
8
8
|
title?: ReactNode;
|
|
9
9
|
};
|
|
10
|
-
export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<import("
|
|
10
|
+
export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
closeOnBlur?: boolean | undefined;
|
|
13
13
|
closeOnEsc?: boolean | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),a=require("react"),i=require("zod"),t=require("../BaseDialog.js"),o=require("../../stack/VStack.js"),r=require("../../text/Text.js"),s=require("../../../utils/hooks/useStorage.js"),l=require("../../../style-inject.es-d4ddeae4.js");require("react-dom"),require("clsx"),require("framer-motion"),require("../../stack/Stack.js"),require("../../../styles/constants/theme.js"),require("../../../utils/storage.js"),require("swr");var m="Amino_AnnouncementDialog-module__content--T2mvu",c="Amino_AnnouncementDialog-module__styledImage--he-nb";l.styleInject(".Amino_AnnouncementDialog-module__content--T2mvu{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--he-nb{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var u=a.forwardRef((function(a,l){var u=a.announcementId,g=a.children,d=a.className,h=a.image,_=a.imageWidth,j=a.label,x=a.onClose,q=a.open,v=a.style,y=a.title,p=e.__rest(a,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),f=s.useStorage({defaultValue:"",key:"announcement:".concat(u),schema:i.z.enum(["seen",""]),type:"local"}),A=f.setValue,b=f.value;return n.jsxs(t.BaseDialog,e.__assign({},p,{className:[d||"","announcement-dialog"].join(" "),onClose:function(){x&&x(),A("seen")},open:q||!b,style:e.__assign(e.__assign({},v),{"--amino-announcement-dialog-image-margin":_?"0 auto":"unset","--amino-announcement-dialog-image-width":_?"".concat(_,"px"):"100%"}),children:[n.jsx("div",{className:c,children:h}),n.jsxs(o.VStack,{className:m,spacing:8,children:[n.jsx(r.Text,{color:"blue600",type:"label",children:j}),n.jsx(r.Text,{type:"title",children:y}),n.jsx("div",{ref:l,children:n.jsx(r.Text,{color:"gray800",children:g})})]})]}))}));exports.AnnouncementDialog=u;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import type { ConfirmDialogOpts } from "
|
|
2
|
+
import type { ConfirmDialogOpts } from "../../../types/ConfirmDialogOpts";
|
|
3
3
|
export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogOpts) => void>;
|
|
4
4
|
type Props = {
|
|
5
5
|
children: ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./ConfirmDialog.js");require("../../button/Button.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("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var n=i.createContext((function(e){}));exports.ConfirmContext=n,exports.ConfirmContextProvider=function(s){var o=s.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(n.Provider,{value:m,children:[o,a&&r.jsx(t.ConfirmDialog,{confirmAction:function(){j(!1),a.onConfirm(!0)},confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type DismissableDialogProps } from "../DismissableDialog";
|
|
2
|
+
export type ConfirmDialogProps = DismissableDialogProps & {
|
|
3
|
+
confirmText: string;
|
|
4
|
+
dismissText: string;
|
|
5
|
+
confirmAction: () => void;
|
|
6
|
+
dismissAction: () => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, ...props }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),r=require("../../button/Button.js"),s=require("../DismissableDialog.js");require("react"),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("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.ConfirmDialog=function(t){var n=t.confirmAction,o=t.confirmText,u=t.dismissAction,c=t.dismissText,a=e.__rest(t,["confirmAction","confirmText","dismissAction","dismissText"]);return i.jsx(s.DismissableDialog,e.__assign({},a,{actions:i.jsxs(i.Fragment,{children:[i.jsx(r.Button,{onClick:u,size:"lg",children:c}),i.jsx(r.Button,{onClick:n,size:"lg",variant:s._dismissableDialogGetButtonVariant(a.intent),children:o})]}),dismissAction:u}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useConfirm: () => (opts: import("../../../types").ConfirmDialogOpts) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../../button/Button.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("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import type { BaseProps } from "../../types/BaseProps";
|
|
2
2
|
type Props = BaseProps & {
|
|
3
|
+
/**
|
|
4
|
+
* @default false
|
|
5
|
+
*/
|
|
6
|
+
noMargin?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
3
10
|
vertical?: boolean;
|
|
4
11
|
};
|
|
5
|
-
export declare const Divider: ({ className, style, vertical }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Divider: ({ className, noMargin, style, vertical, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
6
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function o(r){return r&&r.__esModule?r:{default:r}}var a=o(e),
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function o(r){return r&&r.__esModule?r:{default:r}}var a=o(e),d="Amino_Divider-module__dividerHorizontal--zbgrs",n="Amino_Divider-module__dividerVertical--rzKML",l="Amino_Divider-module__noMargin--zZ2Te";i.styleInject(".Amino_Divider-module__dividerHorizontal--zbgrs{border-color:var(--amino-border-color);margin:var(--amino-space-24) 0}.Amino_Divider-module__dividerVertical--rzKML{align-self:stretch;border-right:thin solid var(--amino-border-color);height:auto;margin:0 var(--amino-space-24)}.Amino_Divider-module__noMargin--zZ2Te{margin:0}");exports.Divider=function(e){var i=e.className,o=e.noMargin,t=void 0!==o&&o,s=e.style,m=e.vertical;return void 0!==m&&m?r.jsx("hr",{className:a.default(n,t&&l,i),style:s}):r.jsx("hr",{className:a.default(d,t&&l,i),style:s})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql");require("graphql");var a=require("./_GraphiqlContextWrapper.js"),o=require("./_LoadingIcon.js"),l=require("../nested-data-table/NestedDataTable.js"),u=require("../split-panel/SplitPanel.js"),n=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),p=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql");require("graphql");var a=require("./_GraphiqlContextWrapper.js"),o=require("./_LoadingIcon.js"),l=require("../nested-data-table/NestedDataTable.js"),u=require("../split-panel/SplitPanel.js"),n=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),p=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),d=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("../../style-inject.es-d4ddeae4.js");require("../text/Text.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/Button.js"),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("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var j="Amino_GraphMatrix-module__styledWrapper--qM3YB",_="Amino_GraphMatrix-module__styledTableWrap--RbpA-",m="Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC";h.styleInject(".Amino_GraphMatrix-module__styledWrapper--qM3YB{height:100%}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-tab>.graphiql-tab-button{outline:none}.Amino_GraphMatrix-module__styledWrapper--qM3YB .docExplorerWrap{height:auto!important;width:auto!important}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-graphql-arguments svg{display:inline-block}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-root>div{overflow:auto!important}.Amino_GraphMatrix-module__styledTableWrap--RbpA-{height:100%}.Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC{display:flex;flex-direction:column;height:100vh;overflow:auto;padding:0 var(--amino-space-12)}");var x=function(h){var x=h.customToolbar,b=h.fetcher,g=h.loadingComponent,v=h.onEditQuery,y=h.onEditVariables,f=h.onResultData,S=h.query,C=void 0===S?"":S,G=h.schema,k=h.schemaName,T=h.url,E=h.variables,I=void 0===E?"":E,M=e.__read(i.useState(null),2),A=M[0],F=M[1],R=e.__read(i.useState(null),2)[1],W=e.__read(i.useState(!1),2),B=W[0],D=W[1],w=e.__read(i.useState("first-time"),1)[0],N=e.__read(i.useState(!1),2),L=N[0],P=N[1],Y=e.__read(i.useState([1,0]),2),O=Y[0],Q=Y[1],z=e.__read(i.useState(!1),2),V=z[0],H=z[1],K=e.__read(i.useState(""),2),U=K[0],Z=K[1],J=q.useGraphiqlFetcher({cachingKey:w,customFetcher:b||null,operationName:U,query:C,url:T}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:k});i.useEffect((function(){H(!0)}),[]),i.useEffect((function(){D(!!(null==A?void 0:A.isFetching)||$)}),[null==A?void 0:A.isFetching,D,$]),i.useEffect((function(){ee&&f&&f(ee)}),[f,ee]);var ie=p.useGraphiqlExplorer({});if(!G)return r.jsx(r.Fragment,{children:g||r.jsx(o.Loading,{})});var te,se;return r.jsx("div",{className:j,children:r.jsxs(u.SplitPanel,{collapseAll:!L,onSetSizes:Q,sizes:O,children:[r.jsx("div",{className:_,children:V&&r.jsx(s.GraphiQL,{fetcher:X,onEditOperationName:Z,onEditQuery:v,onEditVariables:y,plugins:[ie],query:C,schema:G,storage:re,toolbar:{additionalContent:r.jsxs(t.Tooltip.Provider,{children:[r.jsx(t.ToolbarButton,{label:L?"Hide table":"Show table",onClick:function(){return P(!L)},children:L?r.jsx(c.EyeOffIcon,{color:"red600"}):r.jsx(n.EyeIcon,{color:"gray400"})}),x]})},variables:I,children:r.jsx(a.GraphiqlContextWrapper,{setExecutionContext:F,setResponseEditorContext:R,children:r.jsx(s.GraphiQL.Footer,{})})})}),(te=null!==ee?ee.data:ee,se=te?Object.entries(te):null,se?r.jsx("div",{className:m,children:se.map((function(i){var t=e.__read(i,2),s=t[0],a=t[1];return Array.isArray(a)||a?r.jsx(l.NestedDataTable,{isFetching:B,tableData:a,title:s},s):null}))}):null)]})})};x.ToolbarButton=t.ToolbarButton,exports.GraphMatrix=x;
|
|
@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "
|
|
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>>;
|
|
@@ -67,5 +67,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
|
|
|
67
67
|
value: string | null;
|
|
68
68
|
/** An additional value that appears next to the input but cannot be changed by the input */
|
|
69
69
|
valuePrefix?: ReactNode;
|
|
70
|
-
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "
|
|
70
|
+
} & 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>>;
|
|
71
71
|
export {};
|
|
@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
|
|
|
18
18
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
19
|
value: string | null;
|
|
20
20
|
valuePrefix?: import("react").ReactNode;
|
|
21
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<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 | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "
|
|
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>>;
|
|
@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
|
|
|
17
17
|
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
18
|
value: string | null;
|
|
19
19
|
valuePrefix?: import("react").ReactNode;
|
|
20
|
-
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "
|
|
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>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js");require("../../_tslib-bd4862e8.js");var l=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("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js");require("../../_tslib-bd4862e8.js");var l=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("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var o="Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W",n="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,h=l.loadingComponent,x=l.restState,T=l.style,g=l.tableData,_=l.title,v=r.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),C=!!q&&!!c&&g.length;return e.jsxs("div",{className:o,style:T,children:[e.jsxs("div",{className:n,children:[!!_&&e.jsx(a.Text,{type:"header",children:_}),!!C&&e.jsxs("div",{className:u,children:[e.jsx(t.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(t.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?h?e.jsx(e.Fragment,{children:h}):e.jsx(s.RestState,{label:"Loading..."}):0===v.length?x?e.jsx(e.Fragment,{children:x}):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"),t=require("./NestedDataTable.js");require("../../_tslib-bd4862e8.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.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("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-bd4862e8.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.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("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),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,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),h=i.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:q})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.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"),o=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../utils/flattenRow.js"),u=require("../../utils/setupNestedData.js"),c=require("../../utils/truncateText.js"),d=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("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var p="Amino__TableData-module__styledFilterWrapper--qUc8W",_="Amino__TableData-module__styledExpandWrapper--8S5l-",m="Amino__TableData-module__styledTableWrapper--E6ZkK";d.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(d){var q=d.customColumnCells,x=d.customFlattenRow,v=d.noFilter,b=d.tableDataArr,h=x||l.flattenRow,f=e.__read(t.useState([]),2),g=f[0],y=f[1],k=t.useCallback((function(){return b.map((function(e){var r=Object.entries(e).reduce((function(e,r){return h({currentVal:r,prev:e})}),{});return u.setupNestedData(r)}))}),[h,b]),T=e.__read(t.useState(k()),2),C=T[0],D=T[1];t.useEffect((function(){b&&D(k())}),[k,b]);var A=t.useCallback((function(t){var n=t.column,i=t.onRowChange,l=t.row,u=l[n.key];if(Array.isArray(u)){var d=0===u.length,p=l._expandedKey===n.key;return r.jsx("div",{className:_,children:r.jsx(s.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:r.jsx(a.Button,{className:p?"expanding-button":"",disabled:d,icon:r.jsx(o.ChevronRightCircleIcon,{}),onClick:function(){return i(e.__assign(e.__assign({},l),{_expandedKey:p?"":n.key}))},variant:"subtle"})})})}return l._expandedData&&l._expandedData.length>0?r.jsx(j,{customColumnCells:q,customFlattenRow:x,noFilter:!0,tableDataArr:l._expandedData}):"string"==typeof u?c.truncateText({addEllipsis:!0,length:40,text:u}):u}),[q,x]),R=t.useMemo((function(){return Object.entries(C.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==q?void 0:q[t])||A}]}))}),[q,A,C]),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:y})}),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,o=n[0],l="object"==typeof o&&o?n:n.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:l,_expandedKey:""})}else e.splice(t+1,1);D(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:C,tableHeight:"100%"})]})};exports.TableData=j;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import { type GroupBase, type
|
|
2
|
+
import { type GroupBase, type Props, type SelectComponentsConfig, type StylesConfig } from 'react-select';
|
|
3
3
|
import { type HelpTextProps } from "../help-text/HelpText";
|
|
4
4
|
import { type CountryOption, type UnavailableCountry } from "../../types/Country";
|
|
5
5
|
import type { SelectOption } from "../../types/SelectOption";
|
|
6
|
-
export declare const MenuList: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, ...props }: MenuListProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
export type CountryMultiSelectProps<Option extends SelectOption<string> = SelectOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = {
|
|
8
7
|
components?: SelectComponentsConfig<Option, IsMulti, Group>;
|
|
9
8
|
countryOptions: CountryOption<Option['value']>[];
|
|
@@ -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");require("clsx"),require("../text/Text.js"),require("../help-text/HelpText.js");var n=require("./MultiSelect.js"),o=require("../../icons/flag-icon/FlagIcon.js"),c=require("../../utils/prepRegionCountryOptions.js");require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.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/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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");var l=function(n){var o=n.children,c=s.__rest(n,["children"]),l=c.getStyles,u=c.selectProps,a=u.allSelected,g=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},c,{children:[e.jsx("div",{style:l("option",c),children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:g})}),o]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,u=r.label,a=void 0===u?"Select countries":u,g=r.onChange,j=r.unavailableCountries,q=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(o.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!q.includes(s.code)&&!s.isDisabled})),S={allSelected:!!q.length&&!M.length,toggleSelectAll:function(){return g(M.length?q.concat(M.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 g(s.map((function(s){return s.value})))},options:c.prepRegionCountryOptions(t),value:t.filter((function(s){return q.includes(s.code)}))},S))},exports.MenuList=l;
|
|
1
|
+
"use strict";var s=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js");require("clsx"),require("../text/Text.js"),require("../help-text/HelpText.js");var n=require("./MultiSelect.js"),l=require("../../icons/flag-icon/FlagIcon.js"),c=require("../../utils/prepRegionCountryOptions.js");require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.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/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),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/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/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.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/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/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/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");var o=function(n){var l=n.children,c=s.__rest(n,["children"]),o=c.getStyles,u=c.selectProps,a=u.allSelected,g=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},c,{children:[e.jsx("div",{style:o("option",c),children:e.jsx(i.Checkbox,{checked:a,label:"Select all",onChange:g})}),l]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,u=r.label,a=void 0===u?"Select countries":u,g=r.onChange,j=r.unavailableCountries,q=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(l.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),S=t.filter((function(s){return!q.includes(s.code)&&!s.isDisabled})),M={allSelected:!!q.length&&!S.length,toggleSelectAll:function(){return g(S.length?q.concat(S.map((function(s){return s.value}))):[])}};return e.jsx(n.MultiSelect,s.__assign({},f,{components:{MenuList:o},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return g(s.map((function(s){return s.value})))},options:c.prepRegionCountryOptions(t),value:t.filter((function(s){return q.includes(s.code)}))},M))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),o=require("../switch/Switch.js"),n=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),a=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),u=require("../../icons/SunnyIcon.js"),d=require("../../utils/hooks/useAminoTheme.js"),m=require("../../style-inject.es-d4ddeae4.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),o=require("../switch/Switch.js"),n=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),a=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),u=require("../../icons/SunnyIcon.js"),d=require("../../utils/hooks/useAminoTheme.js"),m=require("../../style-inject.es-d4ddeae4.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j=h(r),q="Amino_ThemeSelect-module__buttonStyled--wBHjJ",x="Amino_ThemeSelect-module__isActive--ZPXYh",_="Amino_ThemeSelect-module__themeCard--hAr8l";m.styleInject(".Amino_ThemeSelect-module__buttonStyled--wBHjJ{border:2px solid #0000;border-radius:var(--amino-radius-8);color:var(--amino-text-color)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ.Amino_ThemeSelect-module__isActive--ZPXYh{border-color:var(--amino-blue-400);color:var(--amino-primary)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):active,.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):focus{outline:none}.Amino_ThemeSelect-module__themeCard--hAr8l{align-items:center;background:var(--amino-gray-0);display:flex;flex-direction:column;padding:16px}.Amino_ThemeSelect-module__themeCard--hAr8l svg{box-shadow:var(--amino-v3-shadow-large);height:64px;margin-bottom:16px;width:110px}");var b=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(r){var m=r.className,h=r.disabled,g=void 0!==h&&h,S=r.type,y=void 0===S?"select":S,v=d.useAminoTheme(),T=v.aminoTheme,I=v.setAminoTheme,k="day"===T;return e.jsxs(e.Fragment,{children:["cards"===y&&e.jsxs(s.HStack,{className:m,children:[e.jsx("button",{className:j.default(q,"day"===T&&x),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(a.ThemeLightIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Light"})]})}),e.jsx("button",{className:j.default(q,"night"===T&&x),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(c.ThemeDarkIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===y&&e.jsx(i.Select,{className:m,icon:function(){switch(T){case"day":default:return e.jsx(u.SunnyIcon,{});case"night":return e.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:g,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:b,value:b.filter((function(e){return e.value===T}))}),"toggle"===y&&e.jsx(o.Switch,{checked:k,className:m,disabled:g,onChange:function(){return!g&&I("day"===T?"night":"day")},switchIconLeft:e.jsx(l.NightIcon,{}),switchIconRight:e.jsx(u.SunnyIcon,{})})]})};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SelectOption } from "../../types/SelectOption";
|
|
2
|
+
export type ToggleProps<TValue extends string | number = string> = {
|
|
3
|
+
className?: string;
|
|
4
|
+
options: SelectOption<TValue>[];
|
|
5
|
+
value: TValue;
|
|
6
|
+
onChange: (value: TValue) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const Toggle: <TValue extends string | number>({ className, onChange, options, value, }: ToggleProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),r=require("react"),i=require("clsx"),n=require("framer-motion"),l=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(i),u="Amino_Toggle-module__shrinkWrapper--osh3J",d="Amino_Toggle-module__wrapper--NF4v5",s="Amino_Toggle-module__optionWrapper--0wrNp",p="Amino_Toggle-module__selected--badUt",_="Amino_Toggle-module__selectedSlider--WsUDo";l.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__wrapper--NF4v5{background-color:var(--amino-gray-50);border-radius:6px;display:flex;position:relative}.Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;padding:4px 12px;transition:var(--amino-transition);z-index:2}.Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){opacity:.6}.Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt{color:var(--amino-text-color)}.Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-surface-color);border-radius:6px;box-shadow:0 1px 3px 0 #6e6e781f,inset 0 0 0 1px #6a6d771f,inset 0 -1px 1px 1px #00000014;height:100%;position:absolute;z-index:1}");exports.Toggle=function(i){var l=i.className,t=i.onChange,c=i.options,m=i.value,g=r.useRef(null),f=r.useRef(null),v=e.__read(r.useState({left:0,width:0}),2),x=v[0],h=v[1];return r.useEffect((function(){var e,o,r=function(e,o){if(!o||!e)return{left:0,width:0};var r=o.width;return{left:o.left-e.left,width:r}}((null===(e=g.current)||void 0===e?void 0:e.getBoundingClientRect())||null,(null===(o=f.current)||void 0===o?void 0:o.getBoundingClientRect())||null);h(r)}),[m]),o.jsx("div",{className:u,children:o.jsxs("div",{ref:g,className:d,children:[o.jsx(n.motion.div,{animate:{width:x.width,x:x.left},className:_,initial:!1,transition:{duration:.2}}),c.map((function(e){return o.jsx("button",{ref:e.value===m?f:null,className:a.default([s,l,e.value===m&&p]),onClick:function(){return t(e.value)},type:"button",children:e.label},e.value)}))]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("clsx"),r=require("../stack/VStack.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),n=require("../../utils/hooks/useAminoTheme.js"),p=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("clsx"),r=require("../stack/VStack.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),n=require("../../utils/hooks/useAminoTheme.js"),p=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var m=d(s),u=d(i),c="Amino_Tooltip-module__tooltip--W10n3",_="Amino_Tooltip-module__styledVStack--oMl2F",h="Amino_Tooltip-module__hiddenSpan--jqQ9w",j="Amino_Tooltip-module__childWrapper--srD4p";p.styleInject(".Amino_Tooltip-module__tooltip--W10n3 .Amino_Tooltip-module__styledVStack--oMl2F{padding:0}.Amino_Tooltip-module__tooltip--W10n3 .Amino_Tooltip-module__hiddenSpan--jqQ9w{display:none}.Amino_Tooltip-module__tooltip--W10n3 .Amino_Tooltip-module__childWrapper--srD4p{position:relative}.Amino_Tooltip-module__tooltip--W10n3 .Amino_Tooltip-module__childWrapper--srD4p [disabled]+.Amino_Tooltip-module__hiddenSpan--jqQ9w{bottom:0;cursor:not-allowed;display:block;left:0;position:absolute;right:0;top:0;z-index:10}");var T=t.styled((function(t){var s=t.className,i=t.dataTheme,r=e.__rest(t,["className","dataTheme"]);return o.jsx(m.default,e.__assign({},r,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},r.PopperProps),{"data-theme":i})}))}))((function(e){var o,t,i,r=e.background;return(o={})["& .".concat(s.tooltipClasses.tooltip)]=((t={})["*"]={color:l.theme.gray0},t.backgroundColor=r?l.theme[r]:l.theme.gray1200,t.borderRadius=l.theme.radius10,t.boxShadow=l.theme.v3ShadowLarge,t.padding=l.theme.space12,t),o["&[data-theme='night']"]=((i={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:r?l.theme[r]:l.theme.gray50},i["*"]={color:l.theme.gray1200},i),o}));exports.Tooltip=function(t){var s=t.background,i=t.children,l=t.className,p=t.open,d=t.showTooltip,m=t.subtitle,g=t.tag,x=t.themeOverride,q=t.title,k=e.__rest(t,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),y=n.useAminoTheme().aminoTheme;return d?o.jsx(T,e.__assign({},k,{background:s,className:u.default(l,c),dataTheme:x||y,open:p,title:o.jsxs(r.VStack,{className:_,spacing:8,children:[q&&o.jsx(a.Text,{isUppercase:!1,type:"small-header",children:q}),"string"==typeof m?o.jsx(a.Text,{type:"caption",children:m}):m]}),children:"span"===g?o.jsxs("span",{className:j,children:[i,o.jsx("span",{className:h})]}):o.jsxs("div",{className:j,children:[i,o.jsx("span",{className:h})]})})):"span"===g?o.jsx("span",{children:i}):o.jsx("div",{children:i})};
|
package/package.json
CHANGED
package/utils/getAminoColor.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { Color } from "../types";
|
|
2
|
-
export declare const getAminoColor: (color?: Color | 'inherit') => "
|
|
2
|
+
export declare const getAminoColor: (color?: Color | 'inherit') => "var(--amino-glass-0)" | "var(--amino-glass-50)" | "var(--amino-glass-100)" | "var(--amino-glass-200)" | "var(--amino-glass-300)" | "var(--amino-glass-400)" | "var(--amino-glass-500)" | "var(--amino-glass-600)" | "var(--amino-glass-700)" | "var(--amino-glass-800)" | "var(--amino-glass-900)" | "var(--amino-glass-1000)" | "var(--amino-glass-1100)" | "var(--amino-glass-1200)" | "var(--amino-gray-0)" | "var(--amino-gray-50)" | "var(--amino-gray-100)" | "var(--amino-gray-200)" | "var(--amino-gray-300)" | "var(--amino-gray-400)" | "var(--amino-gray-500)" | "var(--amino-gray-600)" | "var(--amino-gray-700)" | "var(--amino-gray-800)" | "var(--amino-gray-900)" | "var(--amino-gray-1000)" | "var(--amino-gray-1100)" | "var(--amino-gray-1200)" | "var(--amino-blue-100)" | "var(--amino-blue-200)" | "var(--amino-blue-300)" | "var(--amino-blue-400)" | "var(--amino-blue-500)" | "var(--amino-blue-600)" | "var(--amino-blue-700)" | "var(--amino-blue-800)" | "var(--amino-blue-900)" | "var(--amino-blue-1000)" | "var(--amino-cyan-100)" | "var(--amino-cyan-200)" | "var(--amino-cyan-300)" | "var(--amino-cyan-400)" | "var(--amino-cyan-500)" | "var(--amino-cyan-600)" | "var(--amino-cyan-700)" | "var(--amino-cyan-800)" | "var(--amino-cyan-900)" | "var(--amino-cyan-1000)" | "var(--amino-red-100)" | "var(--amino-red-200)" | "var(--amino-red-300)" | "var(--amino-red-400)" | "var(--amino-red-500)" | "var(--amino-red-600)" | "var(--amino-red-700)" | "var(--amino-red-800)" | "var(--amino-red-900)" | "var(--amino-red-1000)" | "var(--amino-orange-100)" | "var(--amino-orange-200)" | "var(--amino-orange-300)" | "var(--amino-orange-400)" | "var(--amino-orange-500)" | "var(--amino-orange-600)" | "var(--amino-orange-700)" | "var(--amino-orange-800)" | "var(--amino-orange-900)" | "var(--amino-orange-1000)" | "var(--amino-green-100)" | "var(--amino-green-200)" | "var(--amino-green-300)" | "var(--amino-green-400)" | "var(--amino-green-500)" | "var(--amino-green-600)" | "var(--amino-green-700)" | "var(--amino-green-800)" | "var(--amino-green-900)" | "var(--amino-green-1000)" | "var(--amino-purple-100)" | "var(--amino-purple-200)" | "var(--amino-purple-300)" | "var(--amino-purple-400)" | "var(--amino-purple-500)" | "var(--amino-purple-600)" | "var(--amino-purple-700)" | "var(--amino-purple-800)" | "var(--amino-purple-900)" | "var(--amino-purple-1000)" | "inherit" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("
|
|
1
|
+
"use strict";var e=require("react"),r=require("zod"),t=require("./useStorage.js");require("../storage.js"),require("../../_tslib-bd4862e8.js"),require("swr");var u=r.z.enum(["day","night","midnight"]);exports.useAminoTheme=function(r){var a=null!=r?r:{},i=a.override,o=a.root,s=t.useStorage({defaultValue:"day",key:"amino:theme",schema:u,type:"local"}),n=s.setValue,m=s.value;return e.useEffect((function(){o&&(document.documentElement.dataset.theme=i||m)}),[m,i,o]),{aminoTheme:i||m,setAminoTheme:n}};
|
|
@@ -18,6 +18,7 @@ export type UseDropdownParams = {
|
|
|
18
18
|
* @default 'bottom-start'
|
|
19
19
|
*/
|
|
20
20
|
placement?: Placement;
|
|
21
|
+
startOpen?: boolean;
|
|
21
22
|
};
|
|
22
23
|
type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement> = {
|
|
23
24
|
floatingStyles: React.CSSProperties;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.floatingOptions,r=void 0===s?{}:s,u=o.offsetCrossAxis,a=void 0===u?0:u,
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.floatingOptions,r=void 0===s?{}:s,u=o.offsetCrossAxis,a=void 0===u?0:u,d=o.offsetMainAxis,l=void 0===d?0:d,f=o.placement,c=void 0===f?"bottom-start":f,v=o.startOpen,p=void 0!==v&&v,m=e.__read(t.useState(p),2),b=m[0],g=m[1],w=b?"visible":"hidden",x=t.useRef(null),y=i.useFloating(e.__assign({middleware:[i.shift(),i.offset({crossAxis:a,mainAxis:l})],placement:c,whileElementsMounted:i.autoUpdate},r)),_=y.floatingStyles,A=y.refs,E=t.useCallback((function(e){var t,i=e.target;b&&0===e.button&&((null===(t=null==x?void 0:x.current)||void 0===t?void 0:t.contains(i))||(e.preventDefault(),e.stopPropagation(),g(!1)))}),[b]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",E),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",E)}}),[E]),{floatingStyles:_,refs:A,setVisible:g,visibility:w,visible:b,wrapperRef:x}};
|
package/Theme-61f4342c.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("zod").z.enum(["day","night","midnight"]);exports.themeSchema=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("../button/Button.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("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(u){var n=u.children,o=e.__read(i.useState(),2),a=o[0],l=o[1],c=e.__read(i.useState(!1),2),q=c[0],j=c[1],m=i.useCallback((function(e){l(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:m,children:[n,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
2
|
-
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
-
import { type Intent } from "../../types/Intent";
|
|
4
|
-
import { type Theme } from "../../types/Theme";
|
|
5
|
-
export type AlertDialogProps = BaseProps & {
|
|
6
|
-
dismissText: string;
|
|
7
|
-
intent: Intent;
|
|
8
|
-
label: string;
|
|
9
|
-
open: boolean;
|
|
10
|
-
subtitle: ReactNode;
|
|
11
|
-
themeOverride?: Theme;
|
|
12
|
-
dismissAction: () => void;
|
|
13
|
-
};
|
|
14
|
-
export declare const AlertDialog: ({ dismissAction, dismissText, intent, label, open, style, subtitle, themeOverride, }: AlertDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("react");var r=require("../button/Button.js"),n=require("../dialog/BaseDialog.js"),i=require("../stack/VStack.js"),o=require("../text/Text.js"),t=require("../thumbnail/Thumbnail.js"),a=require("../../icons/ExclamationMarkDuotoneIcon.js"),s=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js");require("../../Theme-61f4342c.js");var u=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("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var c="Amino_AlertDialog-module__aminoContent--rbD73",m="Amino_AlertDialog-module__aminoFooter--xI-xp",d="Amino_AlertDialog-module__aminoAlertPrompt--zNKXN";u.styleInject(".Amino_AlertDialog-module__aminoContent--rbD73{padding:var(--amino-space-24)}.Amino_AlertDialog-module__aminoContent--rbD73>div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_AlertDialog-module__aminoFooter--xI-xp{align-items:center;display:flex;justify-content:center;margin-top:var(--amino-space-24);width:100%}.Amino_AlertDialog-module__aminoFooter--xI-xp>button+button{margin-left:var(--amino-space-8)}.Amino_AlertDialog-module__aminoFooter--xI-xp button{flex:1}.Amino_AlertDialog-module__aminoAlertPrompt--zNKXN{color:var(--amino-text-color-secondary);font-size:var(--amino-font-size-base);line-height:var(--amino-line-height-base)}");var g=function(r){switch(r){case"danger":return e.jsx(a.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return e.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return e.jsx(s.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},j=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},x=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.AlertDialog=function(a){var s=a.dismissAction,l=a.dismissText,u=a.intent,p=a.label,_=a.open,q=a.style,h=a.subtitle,b=a.themeOverride;return e.jsx(n.BaseDialog,{"data-theme":b,onClose:s,open:_,style:q,width:350,children:e.jsx("div",{className:c,children:e.jsxs(i.VStack,{spacing:24,children:[e.jsx(t.Thumbnail,{color:j(u),icon:g(u),size:40}),e.jsxs(i.VStack,{spacing:8,children:[e.jsx(o.Text,{type:"subheader",children:p}),e.jsx("span",{className:d,children:h})]}),e.jsx("div",{className:m,children:e.jsx(r.Button,{onClick:s,size:"lg",variant:x(u),children:l})})]})})})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useAlert: () => (opts: import("../../types").AlertDialogOpts) => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.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("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),a=require("react"),i=require("zod"),t=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),r=require("../text/Text.js"),s=require("../../utils/hooks/useStorage.js"),l=require("../../style-inject.es-d4ddeae4.js");require("react-dom"),require("clsx"),require("framer-motion"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../utils/storage.js"),require("swr");var c="Amino_AnnouncementDialog-module__content--FjcMN",m="Amino_AnnouncementDialog-module__styledImage--wWADJ";l.styleInject(".Amino_AnnouncementDialog-module__content--FjcMN{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--wWADJ{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var u=a.forwardRef((function(a,l){var u=a.announcementId,g=a.children,d=a.className,j=a.image,_=a.imageWidth,h=a.label,x=a.onClose,q=a.open,y=a.style,p=a.title,v=e.__rest(a,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),A=s.useStorage({defaultValue:"",key:"announcement:".concat(u),schema:i.z.enum(["seen",""]),type:"local"}),f=A.setValue,w=A.value;return n.jsxs(t.BaseDialog,e.__assign({},v,{className:[d||"","announcement-dialog"].join(" "),onClose:function(){x&&x(),f("seen")},open:q||!w,style:e.__assign(e.__assign({},y),{"--amino-announcement-dialog-image-margin":_?"0 auto":"unset","--amino-announcement-dialog-image-width":_?"".concat(_,"px"):"100%"}),children:[n.jsx("div",{className:m,children:j}),n.jsxs(o.VStack,{className:c,spacing:8,children:[n.jsx(r.Text,{color:"blue600",type:"label",children:h}),n.jsx(r.Text,{type:"title",children:p}),n.jsx("div",{ref:l,children:n.jsx(r.Text,{color:"gray800",children:g})})]})]}))}));exports.AnnouncementDialog=u;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./ConfirmDialog.js");require("../button/Button.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("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var n=i.createContext((function(e){}));exports.ConfirmContext=n,exports.ConfirmContextProvider=function(s){var o=s.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(n.Provider,{value:m,children:[o,a&&r.jsx(t.ConfirmDialog,{confirmAction:function(){j(!1),a.onConfirm(!0)},confirmText:a.confirmText,dismissAction:function(){j(!1),a.onConfirm(!1)},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
-
import type { Intent } from "../../types/Intent";
|
|
4
|
-
import type { Theme } from "../../types/Theme";
|
|
5
|
-
export type ConfirmDialogProps = BaseProps & {
|
|
6
|
-
confirmText?: string;
|
|
7
|
-
dismissText?: string;
|
|
8
|
-
intent: Intent;
|
|
9
|
-
label: string;
|
|
10
|
-
open: boolean;
|
|
11
|
-
subtitle?: ReactNode;
|
|
12
|
-
themeOverride?: Theme;
|
|
13
|
-
confirmAction: () => void;
|
|
14
|
-
dismissAction: () => void;
|
|
15
|
-
};
|
|
16
|
-
export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, intent, label, open, style, subtitle, themeOverride, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("../button/Button.js"),n=require("../dialog/BaseDialog.js"),i=require("../stack/VStack.js"),o=require("../text/Text.js"),t=require("../thumbnail/Thumbnail.js"),s=require("../../icons/ExclamationMarkDuotoneIcon.js"),a=require("../../icons/HelpDuotoneIcon.js"),c=require("../../icons/WarningDuotoneIcon.js"),l=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("react"),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("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u="Amino_ConfirmDialog-module__content--hvI5-",d="Amino_ConfirmDialog-module__footer--WZLeC";l.styleInject(".Amino_ConfirmDialog-module__content--hvI5-{padding:var(--amino-space-24)}.Amino_ConfirmDialog-module__content--hvI5->div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_ConfirmDialog-module__footer--WZLeC{align-items:center;display:flex;justify-content:center;margin-top:var(--amino-space-24);width:100%}.Amino_ConfirmDialog-module__footer--WZLeC>button+button{margin-left:var(--amino-space-8)}.Amino_ConfirmDialog-module__footer--WZLeC button{flex:1}");var m=function(r){switch(r){case"danger":return e.jsx(s.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return e.jsx(c.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return e.jsx(a.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},g=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}},j=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.ConfirmDialog=function(s){var a=s.confirmAction,c=s.confirmText,l=s.dismissAction,x=s.dismissText,f=s.intent,p=s.label,h=s.open,q=s.style,_=s.subtitle,b=s.themeOverride;return e.jsx(n.BaseDialog,{"data-theme":b,open:h,style:q,width:350,children:e.jsx("div",{className:u,children:e.jsxs(i.VStack,{spacing:24,children:[e.jsx(t.Thumbnail,{color:g(f),icon:m(f),size:40}),e.jsxs(i.VStack,{spacing:8,children:[e.jsx(o.Text,{type:"subheader",children:p}),_&&e.jsx(o.Text,{color:"gray800",lineHeight:"base",type:"body",children:_})]}),e.jsxs("div",{className:d,children:[e.jsx(r.Button,{onClick:l,size:"lg",variant:"standard",children:x}),e.jsx(r.Button,{onClick:a,size:"lg",variant:j(f),children:c})]})]})})})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useConfirm: () => (opts: import("../../types").ConfirmDialogOpts) => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-bd4862e8.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.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("../dialog/BaseDialog.js"),require("react-dom"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../thumbnail/Thumbnail.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
|