@zonos/amino 5.2.17 → 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.
- package/components/dialog/Dialog.d.ts +1 -1
- package/components/dialog/announcement/AnnouncementDialog.d.ts +1 -1
- package/components/graph-matrix/GraphMatrix.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/tooltip/Tooltip.d.ts +29 -7
- package/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
- package/types/Theme.d.ts +1 -1
- package/utils/changeDeepProperty.d.ts +1 -1
- package/utils/changeDeepPropertyAtIndex.d.ts +1 -1
- package/utils/hooks/useAminoTheme.d.ts +2 -2
- package/utils/hooks/useAminoTheme.js +1 -1
|
@@ -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" |
|
|
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" |
|
|
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("../
|
|
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"),
|
|
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"),
|
|
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"),
|
|
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;
|
|
@@ -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 {
|
|
3
|
+
import type { Theme } from "../../types";
|
|
4
4
|
import type { BaseProps } from "../../types/BaseProps";
|
|
5
5
|
export type TooltipProps = BaseProps & {
|
|
6
|
-
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
32
|
+
/**
|
|
33
|
+
* The content of the tooltip.
|
|
34
|
+
*/
|
|
35
|
+
title?: ReactNode;
|
|
14
36
|
} & Partial<Omit<MuiTooltipProps, 'children'>>;
|
|
15
|
-
export declare const Tooltip: ({
|
|
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"),
|
|
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
package/types/Theme.d.ts
CHANGED
|
@@ -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 |
|
|
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 |
|
|
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"
|
|
10
|
-
setAminoTheme: (value: "day" | "night"
|
|
9
|
+
aminoTheme: "day" | "night";
|
|
10
|
+
setAminoTheme: (value: "day" | "night") => void;
|
|
11
11
|
};
|
|
12
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),
|
|
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}};
|