@zonos/amino 5.2.16 → 5.2.18

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.
@@ -14,7 +14,7 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<import(".
14
14
  open: boolean;
15
15
  popupMotionProps?: import("framer-motion").MotionProps | undefined;
16
16
  rootSelector?: string | undefined;
17
- themeOverride?: "day" | "night" | "midnight" | undefined;
17
+ themeOverride?: "day" | "night" | undefined;
18
18
  width?: number | undefined;
19
19
  withBackdrop?: boolean | undefined;
20
20
  onClose?: (() => void) | undefined;
@@ -14,7 +14,7 @@ export declare const AnnouncementDialog: import("react").ForwardRefExoticCompone
14
14
  open: boolean;
15
15
  popupMotionProps?: import("framer-motion").MotionProps | undefined;
16
16
  rootSelector?: string | undefined;
17
- themeOverride?: "day" | "night" | "midnight" | undefined;
17
+ themeOverride?: "day" | "night" | undefined;
18
18
  width?: number | undefined;
19
19
  withBackdrop?: boolean | undefined;
20
20
  onClose?: (() => void) | undefined;
@@ -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"),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("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),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("swr"),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;
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql"),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("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),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");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,T=h.schemaName,E=h.url,I=h.variables,M=void 0===I?"":I,A=e.__read(i.useState(null),2),k=A[0],F=A[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),H=z[0],V=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:E}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:T});i.useEffect((function(){V(!0)}),[]),i.useEffect((function(){D(!!(null==k?void 0:k.isFetching)||$)}),[null==k?void 0:k.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:H&&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:M,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;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),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=t.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),y=!!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:_}),!!y&&e.jsxs("div",{className:u,children:[e.jsx(r.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(r.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?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
+ "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"),l=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var 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]),y=!!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:_}),!!y&&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"),i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.js"),require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,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
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("./NestedDataTable.js"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.js"),require("../../_tslib-bd4862e8.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,o=s.isFetching,a=s.query,n=s.setCachingKey,l=s.setQuery,c=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(c)?c:[c]}),[c]),h=t.useHasuraGqlPagination({actionName:q,query:a,setCachingKey:n,setQuery:l}),p=h.currentPage,m=h.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:o,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"),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("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js");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),y=f[0],g=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!y.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,y]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(n.Filter,{columns:R,hiddenColumns:y,setHiddenColumns:g})}),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
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../button/Button.js"),n=require("./_Filter.js"),i=require("../pivot-table/PivotTable.js"),s=require("../tooltip/Tooltip.js"),l=require("../../icons/ChevronRightCircleIcon.js"),o=require("../../utils/flattenRow.js"),u=require("../../utils/setupNestedData.js"),d=require("../../utils/truncateText.js"),c=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var p="Amino__TableData-module__styledFilterWrapper--qUc8W",_="Amino__TableData-module__styledExpandWrapper--8S5l-",m="Amino__TableData-module__styledTableWrapper--E6ZkK";c.styleInject(".Amino__TableData-module__styledFilterWrapper--qUc8W{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--amino-space-12)}.Amino__TableData-module__styledExpandWrapper--8S5l-{align-items:center;display:flex;height:100%}.Amino__TableData-module__styledExpandWrapper--8S5l- svg{transition:all .3s ease}.Amino__TableData-module__styledExpandWrapper--8S5l- .expanding-button svg{transform:rotate(90deg)}.Amino__TableData-module__styledTableWrapper--E6ZkK .expanding{background-color:var(--amino-gray-50)}.Amino__TableData-module__styledTableWrapper--E6ZkK .Amino__TableData-module__styledTableWrapper--E6ZkK{padding:var(--amino-space-4) var(--amino-space-12) var(--amino-space-24)}");var j=function(c){var q=c.customColumnCells,x=c.customFlattenRow,v=c.noFilter,b=c.tableDataArr,f=x||o.flattenRow,h=e.__read(t.useState([]),2),y=h[0],g=h[1],C=t.useCallback((function(){return b.map((function(e){var r=Object.entries(e).reduce((function(e,r){return f({currentVal:r,prev:e})}),{});return u.setupNestedData(r)}))}),[f,b]),D=e.__read(t.useState(C()),2),T=D[0],k=D[1];t.useEffect((function(){b&&k(C())}),[C,b]);var A=t.useCallback((function(t){var n=t.column,i=t.onRowChange,o=t.row,u=o[n.key];if(Array.isArray(u)){var c=0===u.length,p=o._expandedKey===n.key;return r.jsx("div",{className:_,children:r.jsx(s.Tooltip,{disabled:!c,title:"This list has no items.",children:r.jsx(a.Button,{className:p?"expanding-button":"",disabled:c,icon:r.jsx(l.ChevronRightCircleIcon,{}),onClick:function(){return i(e.__assign(e.__assign({},o),{_expandedKey:p?"":n.key}))},variant:"subtle"})})})}return o._expandedData&&o._expandedData.length>0?r.jsx(j,{customColumnCells:q,customFlattenRow:x,noFilter:!0,tableDataArr:o._expandedData}):"string"==typeof u?d.truncateText({addEllipsis:!0,length:40,text:u}):u}),[q,x]),R=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==q?void 0:q[t])||A}]}))}),[q,A,T]),W=t.useMemo((function(){var r=R.filter((function(e){return!y.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,y]);return r.jsxs("div",{className:m,children:[r.jsx("div",{className:p,children:!v&&r.jsx(n.Filter,{columns:R,hiddenColumns:y,setHiddenColumns:g})}),r.jsx(i.PivotTable,{columns:W,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],a=void 0!==t?e[t]:null;if(a&&void 0!==t){var n=a[a._expandedKey];if(n&&Array.isArray(n)){var i=e[t+1],s=(null==i?void 0:i._expandedData)&&i._expandedData.length>0,l=n[0],o="object"==typeof l&&l?n:n.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(t+1,1);k(e)}},rowHeight:function(e){var r,t;return"ROW"===e.type&&(null===(t=null===(r=e.row)||void 0===r?void 0:r._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=j;
@@ -4,11 +4,17 @@ import type { BaseProps } from "../../types/BaseProps";
4
4
  export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
5
5
  type OtherText = (typeof textOthers)[number];
6
6
  export declare const textOptions: readonly [{
7
- readonly label: "Page Header (3XL) · 34px (2.125rem)";
7
+ readonly label: "Page Header (3XL) · 30px (1.875rem)";
8
8
  readonly size: "3xl";
9
- readonly tag: "h2";
9
+ readonly tag: "h1";
10
10
  readonly type: "page-header";
11
11
  readonly weight: 700;
12
+ }, {
13
+ readonly label: "Secondary Page Header (3XL) · 30px (1.875rem)";
14
+ readonly size: "3xl";
15
+ readonly tag: "h2";
16
+ readonly type: "secondary-page-header";
17
+ readonly weight: 500;
12
18
  }, {
13
19
  readonly label: "Header (2XL) · 28px (1.75rem)";
14
20
  readonly size: "2xl";
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(a),l="Amino_Text-module__subTitle--ar8xY",h="Amino_Text-module__inputLabel--7RwJ6",o="Amino_Text-module__typography--Ucf02";s.styleInject(".Amino_Text-module__subTitle--ar8xY{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_Text-module__inputLabel--7RwJ6{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}.Amino_Text-module__typography--Ucf02{color:var(--amino-text-color);font-size:var(--amino-text-font-size);font-weight:var(--amino-text-font-weight);line-height:var(--amino-text-line-height);margin:0;text-transform:var(--amino-text-transform)}.Amino_Text-module__typography--Ucf02 svg{display:inline-block;vertical-align:middle}");var g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],p=e.__read(g,13),c=p[0],m=p[1],d=p[2],u=p[3],x=p[4],b=p[5],z=p[6],f=p[7],_=p[8],w=p[9],y=p[10],v=p[11],U=p[12];exports.Text=function(a){var s=a.children,r=a.className,g=a.color,p=a.fontSize,W=a.fontWeight,j=a.isUppercase,L=a.lineHeight,T=a.style,S=a.tag,A=a.title,B=function(a){var l=a.as,h=a.fontWeight,c=a.isUppercase,m=a.size,d={className:n.default(r,o),style:e.__assign(e.__assign({},T),{"--amino-text-color":g?i.theme[g]:"inherit","--amino-text-font-size":"var(--amino-font-size-".concat(p||m,")"),"--amino-text-font-weight":h||"","--amino-text-line-height":"var(--amino-line-height-".concat(L||m,")"),"--amino-text-transform":c?"uppercase":"inherit"}),title:A};switch(l){case"h2":return t.jsx("h2",e.__assign({},d,{children:s}));case"h3":return t.jsx("h3",e.__assign({},d,{children:s}));case"h4":return t.jsx("h4",e.__assign({},d,{children:s}));case"h5":return t.jsx("h5",e.__assign({},d,{children:s}));default:return t.jsx("span",e.__assign({},d,{children:s}))}};switch(a.type){case"page-header":return B({as:S||c.tag,fontWeight:W||c.weight,isUppercase:j,size:c.size});case"header":return B({as:S||m.tag,fontWeight:W||m.weight,isUppercase:j,size:m.size});case"description-header":return B({as:S||d.tag,fontWeight:W||d.weight,isUppercase:j,size:d.size});case"title":return B({as:S||u.tag,fontWeight:W||u.weight,isUppercase:j,size:u.size});case"bold-subheader":return B({as:S||x.tag,fontWeight:W||x.weight,isUppercase:j,size:x.size});case"semi-bold-subheader":return B({as:S||b.tag,fontWeight:W||b.weight,isUppercase:j,size:b.size});case"subheader":return B({as:S||z.tag,fontWeight:W||z.weight,isUppercase:j,size:z.size});case"bold-label":return B({as:S||f.tag,fontWeight:W||f.weight,isUppercase:j,size:f.size});case"label":return B({as:S||_.tag,fontWeight:W||_.weight,isUppercase:j,size:_.size});case"small-header":return B({as:S||y.tag,fontWeight:W||y.weight,isUppercase:j,size:y.size});case"caption":return B({as:S||v.tag,fontWeight:W||v.weight,isUppercase:j,size:v.size});case"hint-text":return B({as:S||U.tag,fontWeight:W||U.weight,isUppercase:j,size:U.size});case"subtitle":return t.jsx("span",{className:n.default(r,l),title:A,children:s});case"input-label":return t.jsx("span",{className:n.default(r,h),title:A,children:s});default:return B({as:S||w.tag,fontWeight:W||w.weight,isUppercase:j,size:w.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(a),l="Amino_Text-module__subTitle--ar8xY",h="Amino_Text-module__inputLabel--7RwJ6",o="Amino_Text-module__typography--Ucf02";s.styleInject(".Amino_Text-module__subTitle--ar8xY{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_Text-module__inputLabel--7RwJ6{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}.Amino_Text-module__typography--Ucf02{color:var(--amino-text-color);font-size:var(--amino-text-font-size);font-weight:var(--amino-text-font-weight);line-height:var(--amino-text-line-height);margin:0;text-transform:var(--amino-text-transform)}.Amino_Text-module__typography--Ucf02 svg{display:inline-block;vertical-align:middle}");var g=[{label:"Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h1",type:"page-header",weight:700},{label:"Secondary Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h2",type:"secondary-page-header",weight:500},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],p=e.__read(g,14),c=p[0],d=p[1],m=p[2],u=p[3],x=p[4],b=p[5],z=p[6],f=p[7],_=p[8],w=p[9],y=p[10],U=p[11],v=p[12],W=p[13];exports.Text=function(a){var s=a.children,r=a.className,g=a.color,p=a.fontSize,j=a.fontWeight,L=a.isUppercase,T=a.lineHeight,S=a.style,A=a.tag,B=a.title,H=function(a){var l=a.as,h=a.fontWeight,c=a.isUppercase,d=a.size,m={className:n.default(r,o),style:e.__assign(e.__assign({},S),{"--amino-text-color":g?i.theme[g]:"inherit","--amino-text-font-size":"var(--amino-font-size-".concat(p||d,")"),"--amino-text-font-weight":h||"","--amino-text-line-height":"var(--amino-line-height-".concat(T||d,")"),"--amino-text-transform":c?"uppercase":"inherit"}),title:B};switch(l){case"h1":return t.jsx("h1",e.__assign({},m,{children:s}));case"h2":return t.jsx("h2",e.__assign({},m,{children:s}));case"h3":return t.jsx("h3",e.__assign({},m,{children:s}));case"h4":return t.jsx("h4",e.__assign({},m,{children:s}));case"h5":return t.jsx("h5",e.__assign({},m,{children:s}));default:return t.jsx("span",e.__assign({},m,{children:s}))}};switch(a.type){case"page-header":return H({as:A||c.tag,fontWeight:j||c.weight,isUppercase:L,size:c.size});case"secondary-page-header":return H({as:A||d.tag,fontWeight:j||d.weight,isUppercase:L,size:d.size});case"header":return H({as:A||m.tag,fontWeight:j||m.weight,isUppercase:L,size:m.size});case"description-header":return H({as:A||u.tag,fontWeight:j||u.weight,isUppercase:L,size:u.size});case"title":return H({as:A||x.tag,fontWeight:j||x.weight,isUppercase:L,size:x.size});case"bold-subheader":return H({as:A||b.tag,fontWeight:j||b.weight,isUppercase:L,size:b.size});case"semi-bold-subheader":return H({as:A||z.tag,fontWeight:j||z.weight,isUppercase:L,size:z.size});case"subheader":return H({as:A||f.tag,fontWeight:j||f.weight,isUppercase:L,size:f.size});case"bold-label":return H({as:A||_.tag,fontWeight:j||_.weight,isUppercase:L,size:_.size});case"label":return H({as:A||w.tag,fontWeight:j||w.weight,isUppercase:L,size:w.size});case"small-header":return H({as:A||U.tag,fontWeight:j||U.weight,isUppercase:L,size:U.size});case"caption":return H({as:A||v.tag,fontWeight:j||v.weight,isUppercase:L,size:v.size});case"hint-text":return H({as:A||W.tag,fontWeight:j||W.weight,isUppercase:L,size:W.size});case"subtitle":return t.jsx("span",{className:n.default(r,l),title:B,children:s});case"input-label":return t.jsx("span",{className:n.default(r,h),title:B,children:s});default:return H({as:A||y.tag,fontWeight:j||y.weight,isUppercase:L,size:y.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
@@ -1,15 +1,37 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import { type TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
3
- import type { Color, Theme } from "../../types";
3
+ import type { Theme } from "../../types";
4
4
  import type { BaseProps } from "../../types/BaseProps";
5
5
  export type TooltipProps = BaseProps & {
6
- background?: Color;
6
+ /**
7
+ * The component that will trigger the tooltip.
8
+ */
7
9
  children: ReactNode;
10
+ /**
11
+ * Whether the tooltip should be shown.
12
+ *
13
+ * Leave as undefined to remain uncontrolled.
14
+ * @default undefined
15
+ */
16
+ disabled?: boolean;
17
+ /**
18
+ * Override to stay open.
19
+ * @default false
20
+ */
8
21
  open?: boolean;
9
- showTooltip: boolean;
10
- subtitle: ReactNode | string | null;
11
- tag?: 'div' | 'span';
22
+ /**
23
+ *
24
+ */
25
+ subtitle?: ReactNode;
26
+ /**
27
+ * Set to `undefined` to use current theme. Our default tooltips are designed to be dark.
28
+ *
29
+ * @default 'night'
30
+ */
12
31
  themeOverride?: Theme;
13
- title?: string;
32
+ /**
33
+ * The content of the tooltip.
34
+ */
35
+ title?: ReactNode;
14
36
  } & Partial<Omit<MuiTooltipProps, 'children'>>;
15
- export declare const Tooltip: ({ background, children, className, open, showTooltip, subtitle, tag, themeOverride, title, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
37
+ export declare const Tooltip: ({ children, className, disabled, open, subtitle, themeOverride, title, ...rest }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
@@ -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"),d=require("../../style-inject.es-d4ddeae4.js");function p(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("dayjs");var m=p(s),u=p(i),c="Amino_Tooltip-module__tooltip--W10n3",_="Amino_Tooltip-module__styledVStack--oMl2F",h="Amino_Tooltip-module__hiddenSpan--jqQ9w",j="Amino_Tooltip-module__childWrapper--srD4p";d.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,d=t.open,p=t.showTooltip,m=t.subtitle,g=t.tag,x=t.themeOverride,q=t.title,y=e.__rest(t,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),k=n.useAminoTheme().aminoTheme;return p?o.jsx(T,e.__assign({},y,{background:s,className:u.default(l,c),dataTheme:x||k,open:d,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})};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("../flex/Flex.js"),a=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function n(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var u=n(s),d=t.styled((function(t){var s=t.className,i=t.dataTheme,a=e.__rest(t,["className","dataTheme"]);return r.jsx(u.default,e.__assign({},a,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},a.PopperProps),{"data-theme":i})}))}))((function(){var e,r;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:o.theme.gray0,borderRadius:o.theme.radius10,boxShadow:o.theme.v3ShadowLarge,color:o.theme.textColor,padding:o.theme.space12},e["&[data-theme='night']"]=((r={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:o.theme.gray50},r),e}));exports.Tooltip=function(t){var s=t.children,o=t.className,n=t.disabled,u=void 0!==n&&n,c=t.open,m=t.subtitle,h=t.themeOverride,p=void 0===h?"night":h,x=t.title,g=e.__rest(t,["children","className","disabled","open","subtitle","themeOverride","title"]),j=l.useAminoTheme().aminoTheme;return u?s:r.jsx(d,e.__assign({},g,{className:o,dataTheme:p||j,open:c,title:r.jsxs(i.Flex,{flexDirection:"column",gap:8,children:["string"==typeof x?r.jsx(a.Text,{type:"small-header",children:x}):r.jsx(r.Fragment,{children:x}),"string"==typeof m?r.jsx(a.Text,{type:"caption",children:m}):r.jsx(r.Fragment,{children:m})]}),children:r.jsx("div",{children:s})}))};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.2.16",
3
+ "version": "5.2.18",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
package/reset.css CHANGED
@@ -632,8 +632,6 @@ video {
632
632
  height: auto;
633
633
  }
634
634
 
635
- /*# sourceMappingURL=base.css.map */
636
-
637
635
 
638
636
  /* https://andy-bell.co.uk/a-more-modern-css-reset */
639
637
 
package/types/Theme.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { z } from 'zod';
2
- export declare const themeSchema: z.ZodEnum<["day", "night", "midnight"]>;
2
+ export declare const themeSchema: z.ZodEnum<["day", "night"]>;
3
3
  export type Theme = z.infer<typeof themeSchema>;
@@ -37,7 +37,7 @@ import type { DeepKeyof, DeepPropertyType } from "../types/deep/DeepKeyof";
37
37
  },
38
38
  };
39
39
  */
40
- export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 3 | 2 | 4 | 8 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
40
+ export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
41
41
  obj: T;
42
42
  propertyPath: P;
43
43
  value: DeepPropertyType<T, P, Depth>;
@@ -60,7 +60,7 @@ import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "../types/deep/De
60
60
  },
61
61
  };
62
62
  */
63
- export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 3 | 2 | 4 | 8 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
63
+ export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
64
64
  index: number;
65
65
  obj: T;
66
66
  propertyPath: P;
@@ -6,7 +6,7 @@ type Params = {
6
6
  root?: boolean;
7
7
  };
8
8
  export declare const useAminoTheme: (params?: Params) => {
9
- aminoTheme: "day" | "night" | "midnight";
10
- setAminoTheme: (value: "day" | "night" | "midnight") => void;
9
+ aminoTheme: "day" | "night";
10
+ setAminoTheme: (value: "day" | "night") => void;
11
11
  };
12
12
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("react"),t=require("zod"),r=require("./useStorage.js");require("../storage.js"),require("dayjs");var u=t.z.enum(["day","night","midnight"]);exports.useAminoTheme=function(t){var a=null!=t?t:{},o=a.override,i=a.root,n=r.useStorage({defaultValue:"day",key:"amino:theme",schema:u,type:"local"}),m=n.setValue,s=n.value;return e.useEffect((function(){i&&(document.documentElement.dataset.theme=o||s)}),[s,o,i]),{aminoTheme:o||s,setAminoTheme:m}};
1
+ "use strict";var e=require("react"),r=require("zod"),t=require("./useStorage.js");require("../storage.js"),require("dayjs");var u=r.z.enum(["day","night"]);exports.useAminoTheme=function(r){var a=null!=r?r:{},o=a.override,n=a.root,s=t.useStorage({defaultValue:"day",key:"amino:theme",schema:u,type:"local"}),i=s.setValue,m=s.value;return e.useEffect((function(){n&&(document.documentElement.dataset.theme=o||m)}),[m,o,n]),{aminoTheme:o||m,setAminoTheme:i}};