@zonos/amino 5.4.28 → 5.4.29

package/all.d.ts

@@ -45,7 +45,6 @@ import './components/filter/FilterWrapper';
 import './components/filter/useFilterWrapper';
 import './components/flex/Flex';
 import './components/glow/GlowWrapper';
-import './components/graph-matrix/GraphMatrix';
 import './components/help-text/HelpText';
 import './components/input/Input';
 import './components/input/MultiInput';
@@ -743,7 +742,6 @@ import './utils/handleFetch';
 import './utils/hooks/action-pivot-table/useHasuraGqlPagination';
 import './utils/hooks/useAminoTheme';
 import './utils/hooks/useCountryOptions';
-import './utils/hooks/useCurrentShema';
 import './utils/hooks/useDropdown';
 import './utils/hooks/useHeightAdjustTextarea';
 import './utils/hooks/useNotify';

package/amino.css

@@ -1,7 +1,5 @@
 @import url('https://rsms.me/inter/inter.css');
 
-/* Graphiql */
-@import url('graphiql.css');
 /* Pivot table */
 @import url('pivot-table.css');
 /* Split react */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.4.28",
+  "version": "5.4.29",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -43,11 +43,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.x",
     "@emotion/styled": "^11.x",
-    "@graphiql/plugin-explorer": "^0.3",
-    "@graphiql/react": "^0.19",
     "dayjs": "*",
     "framer-motion": "^10.x",
-    "graphiql": "^3.0.1",
     "graphql": "^16.x",
     "graphql-request": "~5.1.0",
     "lodash": "^4.17.21",

package/components/graph-matrix/GraphMatrix.d.ts

@@ -1,32 +0,0 @@
-import { type ReactNode } from 'react';
-import type { GraphQLSchema } from 'graphql';
-import type { BaseProps } from "../../types/BaseProps";
-import type { ExecutionResultType, GraphiqlExecutionResult, HandleFetchFetcher } from "../../utils/_graphiqlFetcher";
-type GraphMatrixProps = BaseProps & {
-    customToolbar?: ReactNode;
-    /**
-     * @param fetcher
-     * @description Custom fetcher, if not provided, the default fetcher (handleFetch - "src/utils/handleFetch.ts") will be used
-     */
-    fetcher?: HandleFetchFetcher;
-    loadingComponent?: ReactNode;
-    query: string;
-    schema: GraphQLSchema | null;
-    /**
-     * @param schemaName name of the schema, used to get the option for that schema from the cache
-     * @example schemaName = 'Internal GraphQl'
-     */
-    schemaName: string;
-    url: string;
-    variables: string;
-    onEditQuery: (query: string) => void;
-    onEditVariables: (variables: string) => void;
-    onResultData?: (data: GraphiqlExecutionResult<ExecutionResultType> | null) => void;
-};
-export declare const GraphMatrix: {
-    ({ customToolbar, fetcher, loadingComponent, onEditQuery, onEditVariables, onResultData, query, schema, schemaName, url, variables, }: GraphMatrixProps): import("react/jsx-runtime").JSX.Element;
-    ToolbarButton: import("react").ForwardRefExoticComponent<Omit<{
-        label: string;
-    } & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export {};

package/components/graph-matrix/GraphMatrix.js

@@ -1 +0,0 @@
-"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/getTestId.js"),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("../../global.module-569e4fd5.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"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");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,E=h.schemaName,I=h.url,T=h.variables,M=void 0===T?"":T,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:I}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:E});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;

package/components/graph-matrix/_Graphiql.js

@@ -1 +0,0 @@
-"use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),i=require("react"),s=require("graphiql");exports.Graphiql=function(u){return e.jsx(i.Suspense,{fallback:null,children:e.jsx(s.GraphiQL,r.__assign({},u))})};

package/components/graph-matrix/_GraphiqlContextWrapper.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ExecutionContextType } from '@graphiql/react';
-import type { CodeMirrorEditor } from '@graphiql/react/types/editor/types';
-type Props = {
-    children: ReactNode;
-    setExecutionContext: (context: ExecutionContextType) => void;
-    setResponseEditorContext: (context: CodeMirrorEditor) => void;
-};
-export declare const GraphiqlContextWrapper: ({ children, setExecutionContext, setResponseEditorContext, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/components/graph-matrix/_GraphiqlContextWrapper.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@graphiql/react");exports.GraphiqlContextWrapper=function(n){var o=n.children,i=n.setExecutionContext,s=n.setResponseEditorContext,u=r.useExecutionContext({nonNull:!0}),c=r.useEditorContext({nonNull:!0}).responseEditor;return t.useEffect((function(){u&&i(u),c&&s(c)}),[u,c,i,s]),e.jsx("span",{children:o})};

package/components/graph-matrix/_LoadingIcon.d.ts

@@ -1 +0,0 @@
-export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/components/graph-matrix/_LoadingIcon.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("../text/Text.js"),n=require("../../icons/custom/ZonosLogoIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("clsx"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var i="Amino__LoadingIcon-module__wrapper--7JWq9",s="Amino__LoadingIcon-module__styledIcon--I43ho",r="Amino__LoadingIcon-module__styledText--0Ncki";t.styleInject('@keyframes Amino__LoadingIcon-module__rotate--KkN1w{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Amino__LoadingIcon-module__dots--SnIku{0%,20%{content:"."}40%{content:".."}60%{content:"..."}90%,to{content:""}}.Amino__LoadingIcon-module__wrapper--7JWq9{align-items:center;bottom:0;display:flex;flex-direction:column;gap:var(--amino-space-12);justify-content:center;left:0;position:fixed;right:0;top:0}.Amino__LoadingIcon-module__styledIcon--I43ho{animation:Amino__LoadingIcon-module__rotate--KkN1w 2s linear infinite}.Amino__LoadingIcon-module__styledText--0Ncki{position:relative}.Amino__LoadingIcon-module__styledText--0Ncki :after{animation:Amino__LoadingIcon-module__dots--SnIku 1.2s linear infinite;content:"";position:absolute}');exports.Loading=function(){return e.jsxs("div",{className:i,children:[e.jsx(n.ZonosLogoIcon,{className:s,size:64}),e.jsx(o.Text,{className:r,type:"bold-subheader",children:"Loading"})]})};