@zonos/amino 5.1.49 → 5.1.50
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),a=require("../button/Button.js"),s=require("./CoverSheetActions.js"),c=require("../text/Text.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var m,p,b,g,f,j=h(r),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"])),d.theme.pageBackground,d.theme.textColor),x=j.default(a.Button)(p||(p=e.__makeTemplateObject(["\n margin-right: ",";\n"],["\n margin-right: ",";\n"])),d.theme.space16),q=j.default(c.Text)(b||(b=e.__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"]))),y=j.default.header(g||(g=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"])),d.theme.border,d.theme.space16,d.theme.
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),a=require("../button/Button.js"),s=require("./CoverSheetActions.js"),c=require("../text/Text.js"),u=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var m,p,b,g,f,j=h(r),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"])),d.theme.pageBackground,d.theme.textColor),x=j.default(a.Button)(p||(p=e.__makeTemplateObject(["\n margin-right: ",";\n"],["\n margin-right: ",";\n"])),d.theme.space16),q=j.default(c.Text)(b||(b=e.__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"]))),y=j.default.header(g||(g=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"])),d.theme.border,d.theme.space16,d.theme.space32,d.theme.pageBackground),k=j.default.div(f||(f=e.__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"])),d.theme.space56);exports.CoverSheet=function(e){var r=e.actions,a=e.actionWrapperId,c=void 0===a?"__cover-sheet-actions":a,d=e.children,h=e.className,m=e.label,p=e.onClose,b=e.open,g=e.themeOverride,f=l.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(c,"']")).length>1&&console.error('Duplicate id "'.concat(c,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[c]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]),"undefined"!=typeof document){var j=document.querySelector("body");if(j)return i.createPortal(n.jsx(o.AnimatePresence,{children:b&&n.jsxs(v,{animate:{opacity:1,translateY:0},className:h,"data-theme":g||f,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]},children:[n.jsxs(y,{children:[n.jsx(x,{icon:n.jsx(u.RemoveIcon,{size:20}),onClick:p}),n.jsx(q,{type:"subheader",children:m}),n.jsx("div",{id:c,children:r&&n.jsx(s.CoverSheetActions,{coverSheetActionId:c,children:r})})]}),n.jsx(k,{children:d})]})}),j)}return null};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { ChangeEventHandler, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { type NavigationGroupProps } from "./NavigationGroup";
|
|
3
|
+
import type { BaseProps } from "../../types/BaseProps";
|
|
3
4
|
type SearchInputProps = {
|
|
4
5
|
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
5
6
|
value: string;
|
|
6
7
|
};
|
|
7
|
-
export type LayoutProps = {
|
|
8
|
+
export type LayoutProps = BaseProps & {
|
|
8
9
|
content: ReactNode;
|
|
9
10
|
footer: ReactNode;
|
|
10
11
|
headerContent?: ReactNode;
|
|
@@ -12,5 +13,5 @@ export type LayoutProps = {
|
|
|
12
13
|
searchInput?: SearchInputProps;
|
|
13
14
|
sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
|
|
14
15
|
};
|
|
15
|
-
export declare const Layout: ({ content, footer, headerContent, logoSidebar, searchInput, sidebar, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, searchInput, sidebar, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.$hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.$hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.space32),q=u.default.header(p||(p=e.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"],["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.className,t=e.content,i=e.footer,o=e.headerContent,a=e.logoSidebar,d=e.searchInput,h=e.sidebar;return n.jsxs(w,{className:r,children:[!!o&&n.jsx(q,{children:o}),n.jsxs(k,{$hasHeader:!!o,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{onChange:d.onChange,value:d.value})}),h]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),o=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var d,c,s,h,u,x,b,g=l(t),m=g.default.table(d||(d=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),k=g.default.thead(c||(c=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height:
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),o=require("../checkbox/Checkbox.js"),r=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var d,c,s,h,u,x,b,g=l(t),m=g.default.table(d||(d=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"]))),k=g.default.thead(c||(c=e.__makeTemplateObject(["\n text-transform: uppercase;\n"],["\n text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n border-bottom: ",";\n height: 56px;\n"],["\n border-bottom: ",";\n height: 56px;\n"])),a.theme.border),v=g.default.th(h||(h=e.__makeTemplateObject(["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"],["\n padding: ",";\n white-space: nowrap;\n text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),j=g.default.tr(u||(u=e.__makeTemplateObject(["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"],["\n height: 48px;\n cursor: ",";\n & {\n border-bottom: ",";\n }\n\n &.with-hover:hover {\n background-color: ",";\n }\n\n &:not(:hover) {\n .row-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),C=g.default.td(x||(x=e.__makeTemplateObject(["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"],["\n padding: ",";\n text-align: ",";\n\n &:not(:hover) {\n .cell-hover-show {\n visibility: collapse;\n }\n }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space12}),(function(e){return e.$textAlign})),f=g.default(o.Checkbox)(b||(b=e.__makeTemplateObject(["\n padding: ",";\n display: inline-flex;\n"],["\n padding: ",";\n display: inline-flex;\n"])),a.theme.space12);exports.SimpleTable=function(t){var o=t.className,a=t.headers,l=t.items,d=t.keyExtractor,c=t.loading,s=void 0!==c&&c,h=t.loadingItems,u=void 0===h?10:h,x=t.noHoverBackground,b=void 0!==x&&x,g=t.onRowClick,w=t.onRowHover,y=t.renderFooter,_=t.selectable,q=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:o,children:[n.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&n.jsx("col",{width:0}),a.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(k,{children:n.jsxs(p,{children:[!!q.onHeaderCheckboxChange&&n.jsx("th",{children:q.renderCustomHeaderCheckbox||n.jsx(f,{checked:!s&&q.headerCheckboxValue||!1,disabled:s,onChange:q.onHeaderCheckboxChange})}),a.map((function(e){return n.jsx(v,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:s?e.__spreadArray([],e.__read(Array(u+1).keys()),!1).map((function(e){return n.jsxs(j,{$clickable:!1,children:[q.enabled&&n.jsx("td",{children:n.jsx(r.Skeleton,{height:30},e)}),a.map((function(t){return n.jsx(C,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(r.Skeleton,{height:30},e)},t.key)}))]},e)})):l.map((function(e,t){var o,r,i;return n.jsxs(j,{$clickable:!!g||!!q.anySelected&&!!q.onRowCheckboxChange,className:b?"":"with-hover",onClick:function(){var n,o,r;q.anySelected?(null===(n=q.isRowCheckboxDisabled)||void 0===n?void 0:n.call(q,e,t))||null===(o=q.onRowCheckboxChange)||void 0===o||o.call(q,!(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t)),e,t):null==g||g(e)},onMouseEnter:function(){return null==w?void 0:w(e)},children:[q.enabled&&n.jsx("td",{children:(null===(o=q.renderCustomRowCheckbox)||void 0===o?void 0:o.call(q,e,t))||n.jsx(f,{checked:(null===(r=q.isRowChecked)||void 0===r?void 0:r.call(q,e,t))||!1,disabled:(null===(i=q.isRowCheckboxDisabled)||void 0===i?void 0:i.call(q,e,t))||!1,onChange:function(n){var o;return null===(o=q.onRowCheckboxChange)||void 0===o?void 0:o.call(q,n,e,t)}})}),a.map((function(t){return function(e,t){var o=t[e.key];return e.renderCustom?n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(o,t)},e.key):n.jsx(C,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(o)},e.key)}(t,e)}))]},d(e))}))}),y]})};
|