@zonos/amino 4.4.27 → 4.4.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/alert-dialog/AlertContext.js +1 -1
- package/components/alert-dialog/AlertDialog.js +1 -1
- package/components/alert-dialog/useAlert.js +1 -1
- package/components/announcement-dialog/AnnouncementDialog.js +1 -1
- package/components/confirm-dialog/ConfirmContext.js +1 -1
- package/components/confirm-dialog/ConfirmDialog.js +1 -1
- package/components/confirm-dialog/useConfirm.js +1 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/dialog/Dialog.js +1 -1
- package/components/dialog/_BaseDialog.js +1 -1
- package/components/graph-matrix/GraphMatrix.js +1 -1
- package/components/input/input-type/_FloatLabelInput.d.ts +1 -1
- package/components/lightbox/LightBox.js +1 -1
- package/components/nested-data-table/NestedDataTable.js +1 -1
- package/components/nested-data-table/NestedDataTableHasura.js +1 -1
- package/components/nested-data-table/_TableData.js +1 -1
- package/components/theme-select/ThemeSelect.js +1 -1
- package/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
- package/types/Theme.d.ts +3 -1
- package/utils/hooks/useAminoTheme.d.ts +2 -3
- package/utils/hooks/useAminoTheme.js +1 -1
- package/utils/storage.d.ts +7 -5
- package/utils/storage.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./AlertDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.AlertContext=t,exports.AlertContextProvider=function(u){var o=u.children,n=e.__read(i.useState(),2),a=n[0],c=n[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:d},{children:[o,a&&r.jsx(s.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js")
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../button/Button.js"),i=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),o=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js");require("../../utils/hooks/useAminoTheme.js");var d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var p,m,x,q=j(d),g=q.default.div(p||(p=e.__makeTemplateObject(["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"],["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"])),l.theme.space24),h=q.default.div(m||(m=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"])),l.theme.space24,l.theme.space8),_=q.default.span(x||(x=e.__makeTemplateObject(["\n opacity: 0.5;\n"],["\n opacity: 0.5;\n"]))),f=function(e){switch(e){case"danger":return n.jsx(o.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.AlertDialog=function(o){var u=o.dismissAction,c=o.dismissText,l=o.intent,d=o.label,j=o.open,p=o.subtitle,m=o.themeOverride;return n.jsx(i.BaseDialog,e.__assign({"data-theme":m,onClose:u,open:j,width:350},{children:n.jsx(g,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:l},{children:f(l)})),n.jsxs("div",{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:d})),n.jsx(_,{children:p})]}),n.jsx(h,{children:n.jsx(t.Button,e.__assign({intent:l,onClick:u},{children:c}))})]}))})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useStorage.js"),a=require("styled-components"),o=require("../dialog/_BaseDialog.js"),u=require("../stack/VStack.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("../stack/Stack.js");var c,d,m=l(a),g=m.default(u.VStack)(c||(c=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"],["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=t.forwardRef((function(t,s){var a=t.announcementId,u=t.children,l=t.className,c=t.closeOnBlur,d=t.closeOnEsc,m=t.image,_=t.imageWidth,j=t.label,p=t.noBorder,
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useStorage.js"),a=require("styled-components"),o=require("../dialog/_BaseDialog.js"),u=require("../stack/VStack.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useSwr.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../stack/Stack.js");var c,d,m=l(a),g=m.default(u.VStack)(c||(c=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n"])),s.theme.space16,s.theme.space24),h=m.default.div(d||(d=e.__makeTemplateObject(["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"],["\n width: ",";\n height: auto;\n margin: ",";\n margin-bottom: ",";\n"])),(function(e){return"".concat(e.imageWidth,"px")||"100%"}),(function(e){return e.imageWidth?"0 auto":"unset"}),s.theme.space16),_=t.forwardRef((function(t,s){var a=t.announcementId,u=t.children,l=t.className,c=t.closeOnBlur,d=t.closeOnEsc,m=t.image,_=t.imageWidth,j=t.label,p=t.noBorder,q=t.onClose,f=t.open,x=t.themeOverride,k=t.title,w=t.width,b=e.__read(i.useStorage({defaultValue:"",key:"announcement:".concat(a),type:"local"}),2),y=b[0],v=b[1];return r.jsxs(o.BaseDialog,e.__assign({className:l,closeOnBlur:c,closeOnEsc:d,"data-theme":x,noBorder:p,onClose:function(){q&&q(),v("seen")},open:f||!y,width:w},{children:[r.jsx(h,e.__assign({imageWidth:_},{children:m})),r.jsxs(g,e.__assign({spacing:8},{children:[r.jsx(n.Text,e.__assign({color:"blue600",type:"label"},{children:j})),r.jsx(n.Text,e.__assign({type:"title"},{children:k})),r.jsx("div",e.__assign({ref:s},{children:r.jsx(n.Text,e.__assign({color:"gray800"},{children:u}))}))]}))]}))}));exports.AnnouncementDialog=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("./ConfirmDialog.js");require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var n=o.children,u=e.__read(i.useState(),2),a=u[0],c=u[1],q=e.__read(i.useState(!1),2),l=q[0],j=q[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(t.Provider,e.__assign({value:m},{children:[n,a&&r.jsx(s.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:l,subtitle:a.subtitle})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),i=require("../button/Button.js"),t=require("../dialog/_BaseDialog.js"),r=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),o=require("../text/Text.js"),a=require("../../icons/ExclamationMarkIcon.js"),u=require("../../icons/HelpIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../styles/constants/theme.js"),d=require("styled-components");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x,g=j(d),q=g.default.div(m||(m=e.__makeTemplateObject(["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"],["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"])),l.theme.space24),f=g.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"])),l.theme.space24,l.theme.space8),h=g.default.span(x||(x=e.__makeTemplateObject(["\n opacity: 0.5;\n"],["\n opacity: 0.5;\n"]))),_=function(e){switch(e){case"danger":return n.jsx(a.ExclamationMarkIcon,{});case"warning":return n.jsx(c.WarningIcon,{});default:return n.jsx(u.HelpIcon,{})}};exports.ConfirmDialog=function(a){var u=a.confirmAction,c=a.confirmText,l=a.dismissAction,d=a.dismissText,j=a.intent,m=a.label,p=a.open,x=a.subtitle,g=a.themeOverride;return n.jsx(t.BaseDialog,e.__assign({"data-theme":g,open:p,width:350},{children:n.jsx(q,{children:n.jsxs(s.VStack,e.__assign({spacing:16},{children:[n.jsx(r.RoundedIcon,e.__assign({intent:j},{children:_(j)})),n.jsxs("div",{children:[n.jsx(o.Text,e.__assign({type:"title"},{children:m})),x&&n.jsx(h,{children:x})]}),n.jsxs(f,{children:[n.jsx(i.Button,e.__assign({intent:"outline",onClick:l,size:"md"},{children:d})),n.jsx(i.Button,e.__assign({intent:j,onClick:u,size:"md"},{children:c}))]})]}))})}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-fe391a2e.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../dialog/_BaseDialog.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpIcon.js"),require("../../icons/WarningIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),a=require("../../styles/constants/theme.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),a=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/useAminoTheme.js"),c=require("styled-components"),d=require("../button/Button.js"),l=require("./CoverSheetActions.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../stack/HStack.js"),require("../stack/Stack.js");var m,p,g,b,f,j=h(c),v=j.default(o.motion.div)(m||(m=e.__makeTemplateObject(["\n z-index: 990;\n outline: none;\n overflow-y: auto;\n box-sizing: border-box;\n overscroll-behavior: contain;\n background: ",";\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n color: ",";\n\n @media print {\n height: unset;\n min-height: 100vh;\n position: absolute;\n }\n"],["\n z-index: 990;\n outline: none;\n overflow-y: auto;\n box-sizing: border-box;\n overscroll-behavior: contain;\n background: ",";\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n color: ",";\n\n @media print {\n height: unset;\n min-height: 100vh;\n position: absolute;\n }\n"])),a.theme.pageBackground,a.theme.textColor),x=j.default(d.Button)(p||(p=e.__makeTemplateObject(["\n margin-right: ",";\n"],["\n margin-right: ",";\n"])),a.theme.space24),q=j.default(r.Text)(g||(g=e.__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"]))),_=j.default.header(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n padding: "," ",";\n display: flex;\n align-items: center;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 99;\n background-color: ",";\n\n @media print {\n display: none;\n }\n"],["\n border-bottom: ",";\n padding: "," ",";\n display: flex;\n align-items: center;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 99;\n background-color: ",";\n\n @media print {\n display: none;\n }\n"])),a.theme.border,a.theme.space16,a.theme.space24,a.theme.pageBackground),y=j.default.div(f||(f=e.__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"])),a.theme.space24);exports.CoverSheet=function(r){var a=r.actions,c=r.actionWrapperId,d=void 0===c?"__cover-sheet-actions":c,h=r.children,m=r.className,p=r.label,g=r.onClose,b=r.open,f=r.themeOverride,j=u.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(d,"']")).length>1&&console.error('Duplicate id "'.concat(d,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[d]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]),"undefined"!=typeof document){var k=document.querySelector("body");if(k)return i.createPortal(n.jsx(o.AnimatePresence,{children:b&&n.jsxs(v,e.__assign({animate:{opacity:1,translateY:0},className:m,"data-theme":f||j,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]}},{children:[n.jsxs(_,{children:[n.jsx(x,{icon:n.jsx(s.RemoveIcon,{size:20}),onClick:g}),n.jsx(q,e.__assign({type:"header"},{children:p})),n.jsx("div",e.__assign({id:d},{children:a&&n.jsx(l.CoverSheetActions,e.__assign({coverSheetActionId:d},{children:a}))}))]}),n.jsx(y,{children:h})]}))}),k)}return null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("../text/Text.js"),r=require("../../icons/RemoveCircleDuotoneIcon.js"),i=require("../../styles/constants/theme.js"),o=require("styled-components"),s=require("../button/Button.js"),l=require("./_BaseDialog.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("react-dom"),require("../backdrop/Backdrop.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var d=c(o),h=d.default.div(k||(k=e.__makeTemplateObject(["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),i.theme.space24,i.theme.space16,i.theme.radius12,i.theme.radius12,i.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n font-weight: 700;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n font-weight: 700;\n }\n"]))),p=d.default(s.Button)(w||(w=e.__makeTemplateObject(["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n"],["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n"])),i.theme.gray200,i.theme.gray800,i.theme.gray300,i.theme.gray400),u=d.default.div(x||(x=e.__makeTemplateObject(["\n flex-grow: 1;\n display: flex;\n"],["\n flex-grow: 1;\n display: flex;\n"]))),g=d.default(u)(j||(j=e.__makeTemplateObject(["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"])),i.theme.space8),f=d.default(u)(y||(y=e.__makeTemplateObject(["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"])),i.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"])),i.theme.space24,i.theme.radius12,i.theme.radius12,i.theme.space8);o.css(T||(T=e.__makeTemplateObject(["\n overscroll-behavior: contain;\n /* scroll bar width, for use in mask calculations */\n --scrollbar-width: 8px;\n\n /* mask fade distance, for use in mask calculations */\n --mask-height: 32px;\n\n /* If content exceeds height of container, overflow! */\n overflow-y: auto;\n\n padding-bottom: var(--mask-height);\n /* The CSS mask */\n\n /* The content mask is a linear gradient from top to bottom */\n --mask-image-content: linear-gradient(\n to bottom,\n transparent,\n black var(--mask-height),\n black calc(100% - var(--mask-height)),\n transparent\n );\n /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n /* The scrollbar mask is a black pixel */\n --mask-image-scrollbar: linear-gradient(black, black);\n\n /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n /* Apply the mask image and mask size variables */\n mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n mask-position: 0 0, 100% 0;\n\n /* We don't repeat our mask images */\n mask-repeat: no-repeat, no-repeat;\n"],["\n overscroll-behavior: contain;\n /* scroll bar width, for use in mask calculations */\n --scrollbar-width: 8px;\n\n /* mask fade distance, for use in mask calculations */\n --mask-height: 32px;\n\n /* If content exceeds height of container, overflow! */\n overflow-y: auto;\n\n padding-bottom: var(--mask-height);\n /* The CSS mask */\n\n /* The content mask is a linear gradient from top to bottom */\n --mask-image-content: linear-gradient(\n to bottom,\n transparent,\n black var(--mask-height),\n black calc(100% - var(--mask-height)),\n transparent\n );\n /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n /* The scrollbar mask is a black pixel */\n --mask-image-scrollbar: linear-gradient(black, black);\n\n /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n /* Apply the mask image and mask size variables */\n mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n mask-position: 0 0, 100% 0;\n\n /* We don't repeat our mask images */\n mask-repeat: no-repeat, no-repeat;\n"])));var k,v,w,x,j,y,_,T,q,O=d.default.div(q||(q=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n /**\n * Current overflow is not working well with react-tooltip.\n * Temporary remove gradient overflow until having new tooltip library to use\n */\n // gradientOverflow\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n /**\n * Current overflow is not working well with react-tooltip.\n * Temporary remove gradient overflow until having new tooltip library to use\n */\n // gradientOverflow\n"])),i.theme.space8,i.theme.space24),z=t.forwardRef((function(t,i){var o=t.actions,s=t.children,c=t.className,d=t.closeOnBlur,u=t.closeOnEsc,k=t.label,v=t.leftActions,w=t.noBorder,x=t.onClose,j=t.open,y=t.subtitle,_=t.themeOverride,T=t.width;return n.jsxs(l.BaseDialog,e.__assign({className:c,closeOnBlur:d,closeOnEsc:u,"data-theme":_,noBorder:w,onClose:x,open:j,width:T},{children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(a.Text,e.__assign({type:"title"},{children:k})),n.jsx(p,{icon:n.jsx(r.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:x})]}),y&&n.jsx(a.Text,e.__assign({type:"subtitle"},{children:y}))]}),n.jsx(O,e.__assign({ref:i},{children:s})),(o||v)&&n.jsxs(b,{children:[v&&n.jsx(g,{children:v}),o&&n.jsx(f,{children:o})]})]}))}));exports.Dialog=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),i=require("framer-motion"),r=require("../backdrop/Backdrop.js"),a=require("../../styles/constants/theme.js"),d=require("../../utils/hooks/useAminoTheme.js"),s=require("styled-components");function u(e){return e&&e.__esModule?e:{default:e}}require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var l,c,h=u(s),m=h.default.div(l||(l=e.__makeTemplateObject(["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"],["\n width: 100vw;\n height: 100vh;\n left: 0;\n top: 0;\n z-index: 1000;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ",";\n"])),a.theme.textColor),f=h.default(i.motion.div)(c||(c=e.__makeTemplateObject(["\n position: relative;\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"],["\n position: relative;\n z-index: 1001;\n background: ",";\n width: ","px;\n max-height: 90vh;\n border-radius: ",";\n outline: none;\n box-shadow: ",";\n border: ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])),a.theme.surfaceColor,(function(e){return e.width}),a.theme.radius12,a.theme.v3ShadowXxl,(function(e){return!e.noBorder&&a.theme.border}));exports.BaseDialog=function(a){var s=a.children,u=a.className,l=a.closeOnBlur,c=void 0===l||l,h=a.closeOnEsc,p=void 0===h||h,x=a.noBorder,v=void 0!==x&&x,y=a.onClose,g=a.open,w=a.themeOverride,b=a.width,j=d.useAminoTheme().aminoTheme,q=t.useRef(null),k=t.useRef(null),_=t.useRef(null);return t.useEffect((function(){var e,n;(null===(e=k.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(n=k.current)||void 0===n||n.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]),"undefined"!=typeof document?o.createPortal(n.jsx(i.AnimatePresence,{children:g&&n.jsxs(n.Fragment,{children:[n.jsx(r.Backdrop,{ref:k,animate:{opacity:.65},"data-theme":w||j,exit:{opacity:0},initial:{opacity:0},transition:{duration:.3}},"dialog-backdrop"),n.jsx(m,e.__assign({ref:_,"data-theme":w||j,onKeyDown:function(e){y&&p&&"Escape"===e.key&&y()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var n=e.target===q.current,t=y&&c&&e.target===_.current;n&&t&&y(),q.current=null},tabIndex:-1},{children:n.jsx(f,e.__assign({animate:{opacity:1,scale:1},className:u,exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},noBorder:v,onClick:function(e){e.stopPropagation()},transition:{duration:.3,ease:[.4,0,.2,1]},width:b||444},{children:s}),"dialog")}))]})}),document.querySelector("body")):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/_useGraphiqlExplorer.js"),l=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),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("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var m,b,_,x=g(h),f=x.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=x.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=x.default.div(_||(_=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),o.theme.space12),k=function(o){var h=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,_=o.onEditVariables,x=o.onResultData,k=o.query,y=void 0===k?"":k,C=o.schema,E=o.schemaName,I=o.url,T=o.variables,w=void 0===T?"":T,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),Q=A[0],W=A[1],
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),u=require("../../utils/hooks/_useGraphiqlExplorer.js"),l=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),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("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var m,b,_,x=g(h),f=x.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=x.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=x.default.div(_||(_=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),o.theme.space12),k=function(o){var h=o.customToolbar,g=o.fetcher,m=o.loadingComponent,b=o.onEditQuery,_=o.onEditVariables,x=o.onResultData,k=o.query,y=void 0===k?"":k,C=o.schema,E=o.schemaName,I=o.url,T=o.variables,w=void 0===T?"":T,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),Q=A[0],W=A[1],z=e.__read(t.useState([1,0]),2),M=z[0],P=z[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=l.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:I}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=c.useGraphiqlStorage({defaultSchema:E});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&x&&x(ee)}),[x,ee]);var te=u.useGraphiqlExplorer({onEdit:b,query:y});if(!C)return r.jsx(r.Fragment,{children:m||r.jsx(j.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(q.SplitPanel,e.__assign({collapseAll:!Q,onSetSizes:P,sizes:M},{children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,e.__assign({fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:_,plugins:[te],query:y,schema:C,storage:re,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:Q?"Hide table":"Show table",onClick:function(){return W(!Q)}},{children:Q?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})})),h]})},variables:w},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
|
|
@@ -63,5 +63,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
|
|
|
63
63
|
value: string | null;
|
|
64
64
|
/** An additional value that appears next to the input but cannot be changed by the input */
|
|
65
65
|
valuePrefix?: ReactNode;
|
|
66
|
-
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "error" | "className" | "type" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "size" | "disabled" | "autoFocus" | "
|
|
66
|
+
} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "error" | "className" | "type" | "value" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "size" | "disabled" | "autoFocus" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
67
67
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("../dialog/_BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),s=require("../dialog/_BaseDialog.js");require("react"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");exports.LightBox=function(o){var i=o.children,t=o.className,u=o.closeOnBlur,a=o.closeOnEsc,l=o.onClose,n=o.open,c=o.themeOverride,d=o.width,q=o.withBorder,h=void 0!==q&&q;return r.jsx(s.BaseDialog,e.__assign({className:t,closeOnBlur:u,closeOnEsc:a,"data-theme":c,noBorder:!h,onClose:l,open:n,width:d},{children:i}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../button/Button.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../../styles/constants/theme.js"),s=require("styled-components"),n=require("../button/Button.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),o=require("./_TableData.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),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/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("./_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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");var c,j,q,d=l(s),m=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),i.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),i.theme.space8);exports.NestedDataTable=function(i){var s=i.currentPage,l=i.customColumnFormatters,c=i.customFlattenRow,j=i.handlePagination,q=i.hasNextPage,d=i.hasPreviousPage,g=i.isFetching,x=i.loadingComponent,b=i.restState,f=i.tableData,_=i.title,k=r.useMemo((function(){return Array.isArray(f)?f:[f]}),[f]),v=!!j&&!!s&&f.length;return t.jsxs(m,{children:[t.jsxs(h,{children:[!!_&&t.jsx(a.Text,e.__assign({type:"header"},{children:_})),!!v&&t.jsxs(p,{children:[t.jsx(n.Button,e.__assign({disabled:1===s||!d,intent:"outline",onClick:function(){d&&j(s-1)}},{children:"Previous page"})),s,t.jsx(n.Button,e.__assign({disabled:!q,intent:"outline",onClick:function(){q&&j(s+1)}},{children:"Next page"}))]})]}),g?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?b?t.jsx(t.Fragment,{children:b}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(o.TableData,{customColumnFormatters:l,customFlattenRow:c,tableDataArr:k})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("./NestedDataTable.js");require("../../_tslib-fe391a2e.js"),require("../../utils/_extractQueryParams.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("./_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),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("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("./NestedDataTable.js");require("../../_tslib-fe391a2e.js"),require("../../utils/_extractQueryParams.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../rest-state/RestState.js"),require("../text/Text.js"),require("./_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),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/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("./_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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");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=t.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:q})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../icons/ChevronRightCircleIcon.js"),i=require("../../styles/constants/theme.js"),s=require("../../utils/flattenRow.js"),a=require("../../utils/setupNestedData.js"),o=require("../../utils/truncateText.js"),u=require("styled-components"),l=require("../button/Button.js"),c=require("../pivot-table/PivotTable.js"),d=require("../tooltip/Tooltip.js"),p=require("./_Filter.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),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("../text/Text.js"),require("../../utils/hooks/useAminoTheme.js"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../icons/ChevronRightCircleIcon.js"),i=require("../../styles/constants/theme.js"),s=require("../../utils/flattenRow.js"),a=require("../../utils/setupNestedData.js"),o=require("../../utils/truncateText.js"),u=require("styled-components"),l=require("../button/Button.js"),c=require("../pivot-table/PivotTable.js"),d=require("../tooltip/Tooltip.js"),p=require("./_Filter.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),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("../text/Text.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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");var j,f,g,h=m(u),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(g||(g=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),i.theme.gray50,i.theme.space4,i.theme.space12,i.theme.space24),v=function(i){var u=i.customColumnFormatters,m=i.customFlattenRow,j=i.noFilter,f=i.tableDataArr,g=m||s.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return f.map((function(e){var n=Object.entries(e).reduce((function(e,n){return g({currentVal:n,prev:e})}),{});return a.setupNestedData(n)}))}),[g,f]),C=e.__read(t.useState(k()),2),w=C[0],D=C[1];t.useEffect((function(){f&&D(k())}),[k,f]);var R=t.useCallback((function(t){var i=t.column,s=t.onRowChange,a=t.row,c=a[i.key];if(Array.isArray(c)){var p=0===c.length,j=a._expandedKey===i.key;return n.jsx(x,{children:n.jsx(d.Tooltip,e.__assign({showTooltip:p,subtitle:"This list has no items."},{children:n.jsx(l.Button,{className:j?"expanding-button":"",disabled:p,icon:n.jsx(r.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":i.key}))}})}))})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnFormatters:u,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?o.truncateText({addEllipsis:!0,length:40,text:c}):c}),[u,m]),T=t.useMemo((function(){return Object.entries(w.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{formatter:(null==u?void 0:u[t])||R,key:t,name:t}]}))}),[u,R,w]),I=t.useMemo((function(){var n=T.filter((function(e){return!b.includes(e.key)}));return n.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?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[T,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(p.Filter,{columns:T,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(c.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:w,tableHeight:"100%"})]})};exports.TableData=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../icons/custom/theme/ThemeDarkIcon.js"),i=require("../../icons/custom/theme/ThemeLightIcon.js"),r=require("../../icons/NightIcon.js"),s=require("../../icons/SunnyIcon.js"),o=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useAminoTheme.js"),c=require("styled-components"),l=require("../card/Card.js"),u=require("../select/Select.js"),d=require("../stack/HStack.js"),h=require("../text/Text.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../icons/icon-base/_IconBase.js"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../icons/custom/theme/ThemeDarkIcon.js"),i=require("../../icons/custom/theme/ThemeLightIcon.js"),r=require("../../icons/NightIcon.js"),s=require("../../icons/SunnyIcon.js"),o=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useAminoTheme.js"),c=require("styled-components"),l=require("../card/Card.js"),u=require("../select/Select.js"),d=require("../stack/HStack.js"),h=require("../text/Text.js");function m(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../icons/icon-base/_IconBase.js"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("../stack/Stack.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,x,g,b,j,k,f,q=m(c),y=q.default.button(p||(p=e.__makeTemplateObject(["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"],["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"])),(function(e){return"2px solid ".concat(e.isActive?o.theme.blue400:"transparent")}),(function(e){return e.isActive?o.theme.primary:o.theme.textColor}),o.theme.radius8),_=q.default(l.Card)(x||(x=e.__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"])),o.theme.gray0,o.theme.space16,o.theme.v3ShadowLarge,o.theme.space16),v=q.default.div(g||(g=e.__makeTemplateObject(["\n background: ",";\n height: 28px;\n width: 28px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 2px;\n left: ",";\n"],["\n background: ",";\n height: 28px;\n width: 28px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 2px;\n left: ",";\n"])),o.theme.primary,o.theme.transition,(function(e){return e.checked?"calc(100% - 30px)":"2px"})),w=q.default(s.SunnyIcon)(b||(b=e.__makeTemplateObject(["\n position: absolute;\n top: 6px;\n right: 5.8px;\n color: ",";\n"],["\n position: absolute;\n top: 6px;\n right: 5.8px;\n color: ",";\n"])),(function(e){return e.isActive?o.theme.gray0:o.theme.gray1200})),T=q.default(r.NightIcon)(j||(j=e.__makeTemplateObject(["\n position: absolute;\n top: 6px;\n left: 6px;\n color: ",";\n"],["\n position: absolute;\n top: 6px;\n left: 6px;\n color: ",";\n"])),(function(e){return e.isActive?o.theme.gray0:o.theme.gray1200})),I=q.default.div(k||(k=e.__makeTemplateObject(["\n margin-right: ",";\n width: 62px;\n height: 32px;\n min-width: 24px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"],["\n margin-right: ",";\n width: 62px;\n height: 32px;\n min-width: 24px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"])),o.theme.space16,o.theme.gray50,o.theme.v3ShadowInset),S=q.default.label(f||(f=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n }\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n }\n cursor: not-allowed;\n }\n"])),I,(function(e){return e.checked?o.theme.gray300:""})),C=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(o){var c=o.className,l=o.disabled,m=void 0!==l&&l,p=o.type,x=void 0===p?"select":p,g=a.useAminoTheme(),b=g.aminoTheme,j=g.setAminoTheme,k="day"===b;return n.jsxs(n.Fragment,{children:["cards"===x&&n.jsxs(d.HStack,e.__assign({className:c},{children:[n.jsx(y,e.__assign({"data-theme":"day",isActive:"day"===b,onClick:function(){return j("day")},type:"button"},{children:n.jsxs(_,{children:[n.jsx(i.ThemeLightIcon,{}),n.jsx(h.Text,e.__assign({type:"bold-label"},{children:"Light"}))]})})),n.jsx(y,e.__assign({"data-theme":"night",isActive:"night"===b,onClick:function(){return j("night")},type:"button"},{children:n.jsxs(_,{children:[n.jsx(t.ThemeDarkIcon,{}),n.jsx(h.Text,e.__assign({type:"bold-label"},{children:"Dark"}))]})}))]})),"select"===x&&n.jsx(u.Select,{className:c,icon:function(){switch(b){case"day":default:return n.jsx(s.SunnyIcon,{});case"night":return n.jsx(r.NightIcon,{})}}(),isClearable:!1,isDisabled:m,onChange:function(e){return j((null==e?void 0:e.value)||"day")},options:C,value:C.filter((function(e){return e.value===b}))}),"toggle"===x&&n.jsx(S,e.__assign({checked:k,className:"".concat(c," ").concat(m?"disabled":""),onClick:function(){return!m&&j("day"===b?"night":"day")}},{children:n.jsxs(I,e.__assign({checked:k},{children:[n.jsx(v,{checked:k,id:"amino-theme-switch"}),n.jsx(w,{isActive:"day"===b,size:20}),n.jsx(T,{isActive:"night"===b,size:20})]}))}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("../stack/VStack.js"),n=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),r=require("../../utils/hooks/useAminoTheme.js"),l=require("styled-components");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("../stack/VStack.js"),n=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),r=require("../../utils/hooks/useAminoTheme.js"),l=require("styled-components");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("zod"),require("../../utils/storage.js"),require("swr"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js");var u,p,c,m,h=d(o),g=d(l),_=g.default(a.VStack)(u||(u=e.__makeTemplateObject(["\n padding-top: 3px;\n"],["\n padding-top: 3px;\n"]))),b=g.default.div(p||(p=e.__makeTemplateObject([""],[""]))),j=g.default.span(c||(c=e.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"],["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"])),j),x=s.styled((function(s){var o=s.className,a=s.dataTheme,n=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},n.PopperProps),{"data-theme":a})}))}))((function(e){var t,s,a=e.background;return(t={})["& .".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray1200,boxShadow:i.theme.v3ShadowLarge},t["&[data-theme='night']"]=((s={})[".".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray50},s),t}));exports.Tooltip=function(s){var o=s.background,a=s.children,i=s.className,l=s.open,d=s.showTooltip,u=s.subtitle,p=s.tag,c=s.themeOverride,m=s.title,h=e.__rest(s,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=r.useAminoTheme().aminoTheme;return d?t.jsx(x,e.__assign({},h,{background:o,className:i,dataTheme:c||g,open:l,title:t.jsxs(_,e.__assign({spacing:8},{children:[m&&t.jsx(n.Text,e.__assign({isUppercase:!1,type:"small-header"},{children:m})),"string"==typeof u?t.jsx(n.Text,e.__assign({type:"caption"},{children:u})):u]}))},{children:t.jsxs(k,e.__assign({as:p},{children:[a,t.jsx(j,{})]}))})):t.jsx(b,e.__assign({as:p},{children:a}))};
|
package/package.json
CHANGED
package/types/Theme.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import type { Theme } from "../../types";
|
|
2
1
|
type Params = {
|
|
3
2
|
/** Whether to modify the HTML body */
|
|
4
3
|
root: boolean;
|
|
5
4
|
};
|
|
6
5
|
export declare const useAminoTheme: (props?: Params) => {
|
|
7
|
-
aminoTheme:
|
|
8
|
-
setAminoTheme: (value:
|
|
6
|
+
aminoTheme: "day" | "night" | "midnight";
|
|
7
|
+
setAminoTheme: (value: "day" | "night" | "midnight") => void;
|
|
9
8
|
};
|
|
10
9
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react"),t=require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react"),t=require("zod"),u=require("../storage.js"),a=require("./useStorage.js");require("swr"),require("./useSwr.js");var i=t.z.enum(["day","night","midnight"]);exports.useAminoTheme=function(t){var o,m=!!(null==t?void 0:t.root),n=e.__read(a.useStorage({defaultValue:(o=u.getStorageItem({key:"amino:theme",schema:i,type:"local"}),null!=o?o:"day"),key:"amino:theme",type:"local"}),2),s=n[0],l=n[1];return r.useEffect((function(){m&&(document.documentElement.dataset.theme=s)}),[s,m]),{aminoTheme:s,setAminoTheme:l}};
|
package/utils/storage.d.ts
CHANGED
|
@@ -3,18 +3,20 @@ export type StorageType = 'session' | 'local';
|
|
|
3
3
|
export type StorageProps<Value, Key extends string = string> = {
|
|
4
4
|
/**
|
|
5
5
|
* @param json - If true, the value will be set/parsed as JSON
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
json?: boolean;
|
|
9
|
+
key: Key;
|
|
10
|
+
/**
|
|
6
11
|
* Set the schema for runtime validation of values.
|
|
7
12
|
* @default undefined
|
|
8
13
|
*/
|
|
9
|
-
|
|
10
|
-
schema: Schema<Value>;
|
|
11
|
-
};
|
|
12
|
-
key: Key;
|
|
14
|
+
schema?: Schema<Value>;
|
|
13
15
|
type: StorageType;
|
|
14
16
|
};
|
|
15
17
|
type SetProps<Value> = StorageProps<Value> & {
|
|
16
18
|
value: Value;
|
|
17
19
|
};
|
|
18
|
-
export declare const getStorageItem: <Value extends unknown>({ json, key, type, }: StorageProps<Value, string>) => Value | null;
|
|
20
|
+
export declare const getStorageItem: <Value extends unknown>({ json, key, schema, type, }: StorageProps<Value, string>) => Value | null;
|
|
19
21
|
export declare const setStorageItem: <Value extends unknown>({ json, key, type, value, }: SetProps<Value>) => void;
|
|
20
22
|
export {};
|
package/utils/storage.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.json,r=e.key,
|
|
1
|
+
"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.json,r=void 0!==t&&t,s=e.key,a=e.schema,n=("session"===e.type?sessionStorage:localStorage).getItem(s);if(!n)return null;var o=n;if(r)try{o=JSON.parse(n)}catch(e){return null}if(a){var i=a.safeParse(o);return i.success?i.data:null}return n},exports.setStorageItem=function(t){var r=t.json,s=t.key,a=t.type,n=t.value,o="session"===a?sessionStorage:localStorage,i=r?JSON.stringify(n):String(n);o.setItem(s,i),e.mutate(s,n)};
|