@zonos/amino 4.1.3 → 4.1.5

package/all.d.ts

@@ -42,6 +42,7 @@ import './components/list/List';
 import './components/menu/Menu';
 import './components/menu/MenuItem';
 import './components/nested-data-table/NestedDataTable';
+import './components/nested-data-table/NestedDataTableHasura';
 import './components/pivot-table/PivotTable';
 import './components/radio/Radio';
 import './components/radio/RadioGroup';

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

@@ -7,11 +7,11 @@ declare type GraphMatrixProps = {
      * @description Custom fetcher, if not provided, the default fetcher (handleFetch - "src/utils/handleFetch.ts") will be used
      */
     fetcher?: HandleFetchFetcher;
-    hasPagination?: boolean;
     loadingComponent?: ReactNode;
-    onEditQuery?: (query: string) => void;
-    onEditVariables?: (variables: string) => void;
+    onEditQuery: (query: string) => void;
+    onEditVariables: (variables: string) => void;
     onResultData?: (data: GraphiqlExecutionResult<ExecutionResultType> | null) => void;
+    query: string;
     schema: GraphQLSchema | null;
     /**
      * @param schemaName name of the schema, used to get the option for that schema from the cache
@@ -19,6 +19,7 @@ declare type GraphMatrixProps = {
      */
     schemaName: string;
     url: string;
+    variables: string;
 };
-export declare const GraphMatrix: ({ fetcher, hasPagination, loadingComponent, onEditQuery, onEditVariables, onResultData, schema, schemaName, url, }: GraphMatrixProps) => JSX.Element;
+export declare const GraphMatrix: ({ fetcher, loadingComponent, onEditQuery, onEditVariables, onResultData, query, schema, schemaName, url, variables, }: GraphMatrixProps) => JSX.Element;
 export {};

package/components/graph-matrix/GraphMatrix.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),o=require("react/jsx-runtime"),i=require("react"),r=require("@graphiql/react"),n=require("graphiql"),s=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),u=require("../../styles/constants/theme.js"),t=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js"),I=require("styled-components"),a=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),h=require("./_GraphiqlContextWrapper.js"),D=require("./_LoadingIcon.js");function C(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),require("../../utils/_extractQueryParams.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@zonos/react-split"),require("../../icons/ArrowDownDuotoneIcon.js"),require("../../icons/ArrowDownIcon.js"),require("../../icons/ArrowDownWhiteIcon.js"),require("../../icons/ArrowLeftDuotoneIcon.js"),require("../../icons/ArrowLeftIcon.js"),require("../../icons/ArrowLeftWhiteIcon.js"),require("../../icons/ArrowRightDuotoneIcon.js"),require("../../icons/ArrowRightIcon.js"),require("../../icons/ArrowRightWhiteIcon.js"),require("../../icons/ArrowSwapDuotoneIcon.js"),require("../../icons/ArrowSwapIcon.js"),require("../../icons/ArrowSwapWhiteIcon.js"),require("../../icons/ArrowUpDuotoneIcon.js"),require("../../icons/ArrowUpIcon.js"),require("../../icons/ArrowUpWhiteIcon.js"),require("../../icons/BagDuotoneIcon.js"),require("../../icons/BagIcon.js"),require("../../icons/BagWhiteIcon.js"),require("../../icons/BankDuotoneIcon.js"),require("../../icons/BankIcon.js"),require("../../icons/BankWhiteIcon.js"),require("../../icons/BellDuotoneIcon.js"),require("../../icons/BellIcon.js"),require("../../icons/BellOffDuotoneIcon.js"),require("../../icons/BellOffIcon.js"),require("../../icons/BellOffWhiteIcon.js"),require("../../icons/BellWhiteIcon.js"),require("../../icons/BookDuotoneIcon.js"),require("../../icons/BookIcon.js"),require("../../icons/BookmarkAddDuotoneIcon.js"),require("../../icons/BookmarkAddIcon.js"),require("../../icons/BookmarkAddWhiteIcon.js"),require("../../icons/BookmarkCheckDuotoneIcon.js"),require("../../icons/BookmarkCheckIcon.js"),require("../../icons/BookmarkCheckWhiteIcon.js"),require("../../icons/BookmarkDuotoneIcon.js"),require("../../icons/BookmarkIcon.js"),require("../../icons/BookmarkOffDuotoneIcon.js"),require("../../icons/BookmarkOffIcon.js"),require("../../icons/BookmarkOffWhiteIcon.js"),require("../../icons/BookmarkRemoveDuotoneIcon.js"),require("../../icons/BookmarkRemoveIcon.js"),require("../../icons/BookmarkRemoveWhiteIcon.js"),require("../../icons/BookmarkSubtractDuotoneIcon.js"),require("../../icons/BookmarkSubtractIcon.js"),require("../../icons/BookmarkSubtractWhiteIcon.js"),require("../../icons/BookmarkWhiteIcon.js"),require("../../icons/BookWhiteIcon.js"),require("../../icons/BoxesDuotoneIcon.js"),require("../../icons/BoxesIcon.js"),require("../../icons/BoxesWhiteIcon.js"),require("../../icons/BufferDuotoneIcon.js"),require("../../icons/BufferIcon.js"),require("../../icons/BufferWhiteIcon.js"),require("../../icons/CalculatorDuotoneIcon.js"),require("../../icons/CalculatorIcon.js"),require("../../icons/CalculatorWhiteIcon.js"),require("../../icons/CalendarDuotoneIcon.js"),require("../../icons/CalendarIcon.js"),require("../../icons/CalendarWhiteIcon.js"),require("../../icons/CardDuotoneIcon.js"),require("../../icons/CardIcon.js"),require("../../icons/CardWhiteIcon.js"),require("../../icons/CaretDownDuotoneIcon.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretDownWhiteIcon.js"),require("../../icons/CaretLeftDuotoneIcon.js"),require("../../icons/CaretLeftIcon.js"),require("../../icons/CaretLeftWhiteIcon.js"),require("../../icons/CaretRightDuotoneIcon.js"),require("../../icons/CaretRightIcon.js"),require("../../icons/CaretRightWhiteIcon.js"),require("../../icons/CaretUpDuotoneIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/CaretUpWhiteIcon.js"),require("../../icons/CartDuotoneIcon.js"),require("../../icons/CartIcon.js"),require("../../icons/CartWhiteIcon.js"),require("../../icons/ChartDuotoneIcon.js"),require("../../icons/ChartIcon.js"),require("../../icons/ChartWhiteIcon.js"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/CheckCircleWhiteIcon.js"),require("../../icons/CheckmarkDuotoneIcon.js"),require("../../icons/CheckmarkWhiteIcon.js"),require("../../icons/CheckoutDuotoneIcon.js"),require("../../icons/CheckoutIcon.js"),require("../../icons/CheckoutWhiteIcon.js"),require("../../icons/ChevronDownCircleDuotoneIcon.js"),require("../../icons/ChevronDownCircleIcon.js"),require("../../icons/ChevronDownCircleWhiteIcon.js"),require("../../icons/ChevronDownDuotoneIcon.js"),require("../../icons/ChevronDownWhiteIcon.js"),require("../../icons/ChevronLeftCircleDuotoneIcon.js"),require("../../icons/ChevronLeftCircleIcon.js"),require("../../icons/ChevronLeftCircleWhiteIcon.js"),require("../../icons/ChevronLeftDuotoneIcon.js"),require("../../icons/ChevronLeftIcon.js"),require("../../icons/ChevronLeftWhiteIcon.js"),require("../../icons/ChevronRightCircleDuotoneIcon.js"),require("../../icons/ChevronRightCircleWhiteIcon.js"),require("../../icons/ChevronRightDuotoneIcon.js"),require("../../icons/ChevronRightIcon.js"),require("../../icons/ChevronRightWhiteIcon.js"),require("../../icons/ChevronUpCircleDuotoneIcon.js"),require("../../icons/ChevronUpCircleIcon.js"),require("../../icons/ChevronUpCircleWhiteIcon.js"),require("../../icons/ChevronUpDuotoneIcon.js"),require("../../icons/ChevronUpWhiteIcon.js"),require("../../icons/CircleDuotoneIcon.js"),require("../../icons/CircleIcon.js"),require("../../icons/CircleWhiteIcon.js"),require("../../icons/ClassifyDuotoneIcon.js"),require("../../icons/ClassifyIcon.js"),require("../../icons/ClassifyWhiteIcon.js"),require("../../icons/ClearDuotoneIcon.js"),require("../../icons/ClearIcon.js"),require("../../icons/ClearWhiteIcon.js"),require("../../icons/ClockDuotoneIcon.js"),require("../../icons/ClockIcon.js"),require("../../icons/ClockWhiteIcon.js"),require("../../icons/CodeCircleDuotoneIcon.js"),require("../../icons/CodeCircleIcon.js"),require("../../icons/CodeCircleWhiteIcon.js"),require("../../icons/CodeDuotoneIcon.js"),require("../../icons/CodeIcon.js"),require("../../icons/CodeWhiteIcon.js"),require("../../icons/CoinsDuotoneIcon.js"),require("../../icons/CoinsIcon.js"),require("../../icons/CoinsWhiteIcon.js"),require("../../icons/CommentDuotoneIcon.js"),require("../../icons/CommentIcon.js"),require("../../icons/CommentWhiteIcon.js"),require("../../icons/CopyDuotoneIcon.js"),require("../../icons/CopyIcon.js"),require("../../icons/CopyWhiteIcon.js"),require("../../icons/CubeDuotoneIcon.js"),require("../../icons/CubeIcon.js"),require("../../icons/CubeWhiteIcon.js"),require("../../icons/DashboardDuotoneIcon.js"),require("../../icons/DashboardIcon.js"),require("../../icons/DashboardWhiteIcon.js"),require("../../icons/DiamondDuotoneIcon.js"),require("../../icons/DiamondIcon.js"),require("../../icons/DiamondWhiteIcon.js"),require("../../icons/DislikeDuotoneIcon.js"),require("../../icons/DislikeIcon.js"),require("../../icons/DislikeWhiteIcon.js"),require("../../icons/DocsDuotoneIcon.js"),require("../../icons/DocsIcon.js"),require("../../icons/DocsWhiteIcon.js"),require("../../icons/DollarDuotoneIcon.js"),require("../../icons/DollarIcon.js"),require("../../icons/DollarWhiteIcon.js"),require("../../icons/DoubleChevronDuotoneIcon.js"),require("../../icons/DoubleChevronWhiteIcon.js"),require("../../icons/DragDuotoneIcon.js"),require("../../icons/DragIcon.js"),require("../../icons/DragWhiteIcon.js"),require("../../icons/EditDuotoneIcon.js"),require("../../icons/EditIcon.js"),require("../../icons/EditWhiteIcon.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/ExclamationMarkWhiteIcon.js"),require("../../icons/ExportDuotoneIcon.js"),require("../../icons/ExportIcon.js"),require("../../icons/ExportWhiteIcon.js"),require("../../icons/ExternalDuotoneIcon.js"),require("../../icons/ExternalIcon.js"),require("../../icons/ExternalWhiteIcon.js"),require("../../icons/EyeDuotoneIcon.js"),require("../../icons/EyeOffDuotoneIcon.js"),require("../../icons/EyeOffWhiteIcon.js"),require("../../icons/EyeWhiteIcon.js"),require("../../icons/FileDuotoneIcon.js"),require("../../icons/FileIcon.js"),require("../../icons/FileUploadDuotoneIcon.js"),require("../../icons/FileUploadIcon.js"),require("../../icons/FileUploadWhiteIcon.js"),require("../../icons/FileWhiteIcon.js"),require("../../icons/FilterDuotoneIcon.js"),require("../../icons/FilterWhiteIcon.js"),require("../../icons/FolderListDuotoneIcon.js"),require("../../icons/FolderListIcon.js"),require("../../icons/FolderListWhiteIcon.js"),require("../../icons/FolderUploadDuotoneIcon.js"),require("../../icons/FolderUploadIcon.js"),require("../../icons/FolderUploadWhiteIcon.js"),require("../../icons/GridDuotoneIcon.js"),require("../../icons/GridIcon.js"),require("../../icons/GridWhiteIcon.js"),require("../../icons/HelloDuotoneIcon.js"),require("../../icons/HelloIcon.js"),require("../../icons/HelloWhiteIcon.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/HelpIcon.js"),require("../../icons/HelpWhiteIcon.js"),require("../../icons/HexagonDuotoneIcon.js"),require("../../icons/HexagonIcon.js"),require("../../icons/HexagonWhiteIcon.js"),require("../../icons/HomeDuotoneIcon.js"),require("../../icons/HomeIcon.js"),require("../../icons/HomeWhiteIcon.js"),require("../../icons/ImageDuotoneIcon.js"),require("../../icons/ImageIcon.js"),require("../../icons/ImageWhiteIcon.js"),require("../../icons/ImportDuotoneIcon.js"),require("../../icons/ImportIcon.js"),require("../../icons/ImportWhiteIcon.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/InfoIcon.js"),require("../../icons/InfoWhiteIcon.js"),require("../../icons/IntegrationDuotoneIcon.js"),require("../../icons/IntegrationIcon.js"),require("../../icons/IntegrationWhiteIcon.js"),require("../../icons/LandedCostDuotoneIcon.js"),require("../../icons/LandedCostIcon.js"),require("../../icons/LandedCostWhiteIcon.js"),require("../../icons/LaptopDuotoneIcon.js"),require("../../icons/LaptopIcon.js"),require("../../icons/LaptopWhiteIcon.js"),require("../../icons/LightDuotoneIcon.js"),require("../../icons/LightIcon.js"),require("../../icons/LightWhiteIcon.js"),require("../../icons/LikeDuotoneIcon.js"),require("../../icons/LikeIcon.js"),require("../../icons/LikeWhiteIcon.js"),require("../../icons/LineDownDuotoneIcon.js"),require("../../icons/LineDownIcon.js"),require("../../icons/LineDownWhiteIcon.js"),require("../../icons/LineUpDuotoneIcon.js"),require("../../icons/LineUpIcon.js"),require("../../icons/LineUpWhiteIcon.js"),require("../../icons/LinkDuotoneIcon.js"),require("../../icons/LinkIcon.js"),require("../../icons/LinkWhiteIcon.js"),require("../../icons/LocationDuotoneIcon.js"),require("../../icons/LocationIcon.js"),require("../../icons/LocationWhiteIcon.js"),require("../../icons/LockDuotoneIcon.js"),require("../../icons/LockIcon.js"),require("../../icons/LockWhiteIcon.js"),require("../../icons/LoginDuotoneIcon.js"),require("../../icons/LoginIcon.js"),require("../../icons/LoginWhiteIcon.js"),require("../../icons/LogoutDuotoneIcon.js"),require("../../icons/LogoutIcon.js"),require("../../icons/LogoutWhiteIcon.js"),require("../../icons/MailDuotoneIcon.js"),require("../../icons/MailIcon.js"),require("../../icons/MailWhiteIcon.js"),require("../../icons/MenuDuotoneIcon.js"),require("../../icons/MenuIcon.js"),require("../../icons/MenuWhiteIcon.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/MinusCircleIcon.js"),require("../../icons/MinusCircleWhiteIcon.js"),require("../../icons/MinusDuotoneIcon.js"),require("../../icons/MinusIcon.js"),require("../../icons/MinusWhiteIcon.js"),require("../../icons/MobileDuotoneIcon.js"),require("../../icons/MobileIcon.js"),require("../../icons/MobileWhiteIcon.js"),require("../../icons/MoneyDuotoneIcon.js"),require("../../icons/MoneyIcon.js"),require("../../icons/MoneyWhiteIcon.js"),require("../../icons/MonitorDuotoneIcon.js"),require("../../icons/MonitorIcon.js"),require("../../icons/MonitorWhiteIcon.js"),require("../../icons/NightDuotoneIcon.js"),require("../../icons/NightIcon.js"),require("../../icons/NightWhiteIcon.js"),require("../../icons/PauseCircleDuotoneIcon.js"),require("../../icons/PauseCircleIcon.js"),require("../../icons/PauseCircleWhiteIcon.js"),require("../../icons/PercentBadgeDuotoneIcon.js"),require("../../icons/PercentBadgeIcon.js"),require("../../icons/PercentBadgeWhiteIcon.js"),require("../../icons/PercentDuotoneIcon.js"),require("../../icons/PercentIcon.js"),require("../../icons/PercentWhiteIcon.js"),require("../../icons/PlayCircleDuotoneIcon.js"),require("../../icons/PlayCircleIcon.js"),require("../../icons/PlayCircleWhiteIcon.js"),require("../../icons/PlayDuotoneIcon.js"),require("../../icons/PlayIcon.js"),require("../../icons/PlayWhiteIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../icons/PlusCircleIcon.js"),require("../../icons/PlusCircleWhiteIcon.js"),require("../../icons/PlusDuotoneIcon.js"),require("../../icons/PlusIcon.js"),require("../../icons/PlusWhiteIcon.js"),require("../../icons/PrinterDuotoneIcon.js"),require("../../icons/PrinterIcon.js"),require("../../icons/PrinterWhiteIcon.js"),require("../../icons/RateDuotoneIcon.js"),require("../../icons/RateIcon.js"),require("../../icons/RateWhiteIcon.js"),require("../../icons/ReceiptDuotoneIcon.js"),require("../../icons/ReceiptIcon.js"),require("../../icons/ReceiptWhiteIcon.js"),require("../../icons/RefreshDuotoneIcon.js"),require("../../icons/RefreshIcon.js"),require("../../icons/RefreshWhiteIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/RemoveCircleWhiteIcon.js"),require("../../icons/RemoveDuotoneIcon.js"),require("../../icons/RemoveWhiteIcon.js"),require("../../icons/RestrictDuotoneIcon.js"),require("../../icons/RestrictIcon.js"),require("../../icons/RestrictWhiteIcon.js"),require("../../icons/RocketDuotoneIcon.js"),require("../../icons/RocketIcon.js"),require("../../icons/RocketWhiteIcon.js"),require("../../icons/ScanDuotoneIcon.js"),require("../../icons/ScanIcon.js"),require("../../icons/ScanWhiteIcon.js"),require("../../icons/ScreenDuotoneIcon.js"),require("../../icons/ScreenIcon.js"),require("../../icons/ScreenWhiteIcon.js"),require("../../icons/SearchDuotoneIcon.js"),require("../../icons/SearchIcon.js"),require("../../icons/SearchWhiteIcon.js"),require("../../icons/SendDuotoneIcon.js"),require("../../icons/SendIcon.js"),require("../../icons/SendWhiteIcon.js"),require("../../icons/SettingsDuotoneIcon.js"),require("../../icons/SettingsIcon.js"),require("../../icons/SettingsWhiteIcon.js"),require("../../icons/ShoppingListDuotoneIcon.js"),require("../../icons/ShoppingListIcon.js"),require("../../icons/ShoppingListWhiteIcon.js"),require("../../icons/ShoppingTagDuotoneIcon.js"),require("../../icons/ShoppingTagIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("../../icons/ShoppingTagWhiteIcon.js"),require("../../icons/SquareDuotoneIcon.js"),require("../../icons/SquareIcon.js"),require("../../icons/SquareWhiteIcon.js"),require("../../icons/StarDuotoneIcon.js"),require("../../icons/StarIcon.js"),require("../../icons/StarOffDuotoneIcon.js"),require("../../icons/StarOffIcon.js"),require("../../icons/StarOffWhiteIcon.js"),require("../../icons/StarsDuotoneIcon.js"),require("../../icons/StarsIcon.js"),require("../../icons/StarsWhiteIcon.js"),require("../../icons/StarWhiteIcon.js"),require("../../icons/SunnyDuotoneIcon.js"),require("../../icons/SunnyIcon.js"),require("../../icons/SunnyWhiteIcon.js"),require("../../icons/TagDuotoneIcon.js"),require("../../icons/TagIcon.js"),require("../../icons/TagWhiteIcon.js"),require("../../icons/ThreeDotDuotoneIcon.js"),require("../../icons/ThreeDotIcon.js"),require("../../icons/ThreeDotWhiteIcon.js"),require("../../icons/TotalLandedCostDuotoneIcon.js"),require("../../icons/TotalLandedCostIcon.js"),require("../../icons/TotalLandedCostWhiteIcon.js"),require("../../icons/TrashCanDuotoneIcon.js"),require("../../icons/TrashCanIcon.js"),require("../../icons/TrashCanWhiteIcon.js"),require("../../icons/TriangleDuotoneIcon.js"),require("../../icons/TriangleIcon.js"),require("../../icons/TriangleWhiteIcon.js"),require("../../icons/TruckDuotoneIcon.js"),require("../../icons/TruckIcon.js"),require("../../icons/TruckWhiteIcon.js"),require("../../icons/UserDuotoneIcon.js"),require("../../icons/UserIcon.js"),require("../../icons/UserWhiteIcon.js"),require("../../icons/UtahDuotoneIcon.js"),require("../../icons/UtahIcon.js"),require("../../icons/UtahWhiteIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../icons/WarningIcon.js"),require("../../icons/WarningWhiteIcon.js"),require("../../icons/custom/AvatarIcon.js"),require("../../icons/custom/ZonosIcon.js");var p,d,W,g=C(I),k=g.default.div(p||(p=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    // Built-in plugin height is set to 100% which prevents the plugin bar scrolling\n    height: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    // Built-in plugin height is set to 100% which prevents the plugin bar scrolling\n    height: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n"]))),m=g.default.div(d||(d=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),f=g.default.div(W||(W=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),u.theme.space12);exports.GraphMatrix=function(u){var I=u.fetcher,C=u.hasPagination,p=u.loadingComponent,d=u.onEditQuery,W=u.onEditVariables,g=u.onResultData,S=u.schema,v=u.schemaName,L=u.url,b=e.__read(i.useState(null),2),x=b[0],y=b[1],B=e.__read(i.useState(null),2)[1],_=e.__read(i.useState(""),2),R=_[0],w=_[1],E=e.__read(i.useState(""),2),T=E[0],P=E[1],U=e.__read(i.useState(!1),2),F=U[0],M=U[1],A=e.__read(i.useState("first-time"),2),O=A[0],G=A[1],H=e.__read(i.useState(!1),2),N=H[0],Q=H[1],V=e.__read(i.useState(""),2),K=V[0],z=V[1],Z=q.useGraphiqlFetcher({cachingKey:O,url:L,query:R,customFetcher:I||null,operationName:K}),J=Z.graphiqlFetcher,X=Z.resultData,Y=Z.isLoading,$=j.useGraphiqlStorage({defaultSchema:v});i.useEffect((function(){M(!!(null==x?void 0:x.isFetching)||Y)}),[null==x?void 0:x.isFetching,M,Y]),i.useEffect((function(){X&&g&&g(X)}),[g,X]),i.useEffect((function(){d&&d(R)}),[d,R]),i.useEffect((function(){W&&W(T)}),[W,T]);var ee=t.useGraphiqlExplorer({onEdit:w,query:R});if(!S)return o.jsx(o.Fragment,{children:p||o.jsx(D.Loading,{})});var oe,ie;return o.jsx(k,{children:o.jsxs(l.SplitPanel,e.__assign({collapseAll:!N},{children:[o.jsx(m,{children:o.jsx(n.GraphiQL,e.__assign({fetcher:J,onEditOperationName:z,onEditQuery:w,onEditVariables:P,plugins:[ee],query:R,variables:T,schema:S,toolbar:{additionalContent:o.jsx(r.ToolbarButton,e.__assign({label:N?"Hide table":"Show table",onClick:function(){return Q(!N)}},{children:N?o.jsx(c.EyeOffIcon,{color:"gray400"}):o.jsx(s.EyeIcon,{color:"gray400"})}))},storage:$},{children:o.jsx(h.GraphiqlContextWrapper,e.__assign({setExecutionContext:y,setResponseEditorContext:B},{children:o.jsx(n.GraphiQL.Footer,{})}))}))}),(oe=null!==X?X.data:X,ie=oe?Object.entries(oe):null,ie?o.jsx(f,{children:ie.map((function(i){var r=e.__read(i,2),n=r[0],s=r[1];return Array.isArray(s)||s?o.jsx(a.NestedDataTable,{hasPagination:C,isFetching:F,query:R,setCachingKey:G,setQuery:w,tableData:s,title:n},n):null}))}):null)]}))})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),o=require("react/jsx-runtime"),i=require("react"),r=require("@graphiql/react"),n=require("graphiql"),s=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),u=require("../../styles/constants/theme.js"),t=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js"),I=require("styled-components"),a=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),h=require("./_GraphiqlContextWrapper.js"),D=require("./_LoadingIcon.js");function C(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../nested-data-table/_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@zonos/react-split"),require("../../icons/ArrowDownDuotoneIcon.js"),require("../../icons/ArrowDownIcon.js"),require("../../icons/ArrowDownWhiteIcon.js"),require("../../icons/ArrowLeftDuotoneIcon.js"),require("../../icons/ArrowLeftIcon.js"),require("../../icons/ArrowLeftWhiteIcon.js"),require("../../icons/ArrowRightDuotoneIcon.js"),require("../../icons/ArrowRightIcon.js"),require("../../icons/ArrowRightWhiteIcon.js"),require("../../icons/ArrowSwapDuotoneIcon.js"),require("../../icons/ArrowSwapIcon.js"),require("../../icons/ArrowSwapWhiteIcon.js"),require("../../icons/ArrowUpDuotoneIcon.js"),require("../../icons/ArrowUpIcon.js"),require("../../icons/ArrowUpWhiteIcon.js"),require("../../icons/BagDuotoneIcon.js"),require("../../icons/BagIcon.js"),require("../../icons/BagWhiteIcon.js"),require("../../icons/BankDuotoneIcon.js"),require("../../icons/BankIcon.js"),require("../../icons/BankWhiteIcon.js"),require("../../icons/BellDuotoneIcon.js"),require("../../icons/BellIcon.js"),require("../../icons/BellOffDuotoneIcon.js"),require("../../icons/BellOffIcon.js"),require("../../icons/BellOffWhiteIcon.js"),require("../../icons/BellWhiteIcon.js"),require("../../icons/BookDuotoneIcon.js"),require("../../icons/BookIcon.js"),require("../../icons/BookmarkAddDuotoneIcon.js"),require("../../icons/BookmarkAddIcon.js"),require("../../icons/BookmarkAddWhiteIcon.js"),require("../../icons/BookmarkCheckDuotoneIcon.js"),require("../../icons/BookmarkCheckIcon.js"),require("../../icons/BookmarkCheckWhiteIcon.js"),require("../../icons/BookmarkDuotoneIcon.js"),require("../../icons/BookmarkIcon.js"),require("../../icons/BookmarkOffDuotoneIcon.js"),require("../../icons/BookmarkOffIcon.js"),require("../../icons/BookmarkOffWhiteIcon.js"),require("../../icons/BookmarkRemoveDuotoneIcon.js"),require("../../icons/BookmarkRemoveIcon.js"),require("../../icons/BookmarkRemoveWhiteIcon.js"),require("../../icons/BookmarkSubtractDuotoneIcon.js"),require("../../icons/BookmarkSubtractIcon.js"),require("../../icons/BookmarkSubtractWhiteIcon.js"),require("../../icons/BookmarkWhiteIcon.js"),require("../../icons/BookWhiteIcon.js"),require("../../icons/BoxesDuotoneIcon.js"),require("../../icons/BoxesIcon.js"),require("../../icons/BoxesWhiteIcon.js"),require("../../icons/BufferDuotoneIcon.js"),require("../../icons/BufferIcon.js"),require("../../icons/BufferWhiteIcon.js"),require("../../icons/CalculatorDuotoneIcon.js"),require("../../icons/CalculatorIcon.js"),require("../../icons/CalculatorWhiteIcon.js"),require("../../icons/CalendarDuotoneIcon.js"),require("../../icons/CalendarIcon.js"),require("../../icons/CalendarWhiteIcon.js"),require("../../icons/CardDuotoneIcon.js"),require("../../icons/CardIcon.js"),require("../../icons/CardWhiteIcon.js"),require("../../icons/CaretDownDuotoneIcon.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretDownWhiteIcon.js"),require("../../icons/CaretLeftDuotoneIcon.js"),require("../../icons/CaretLeftIcon.js"),require("../../icons/CaretLeftWhiteIcon.js"),require("../../icons/CaretRightDuotoneIcon.js"),require("../../icons/CaretRightIcon.js"),require("../../icons/CaretRightWhiteIcon.js"),require("../../icons/CaretUpDuotoneIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/CaretUpWhiteIcon.js"),require("../../icons/CartDuotoneIcon.js"),require("../../icons/CartIcon.js"),require("../../icons/CartWhiteIcon.js"),require("../../icons/ChartDuotoneIcon.js"),require("../../icons/ChartIcon.js"),require("../../icons/ChartWhiteIcon.js"),require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/CheckCircleWhiteIcon.js"),require("../../icons/CheckmarkDuotoneIcon.js"),require("../../icons/CheckmarkWhiteIcon.js"),require("../../icons/CheckoutDuotoneIcon.js"),require("../../icons/CheckoutIcon.js"),require("../../icons/CheckoutWhiteIcon.js"),require("../../icons/ChevronDownCircleDuotoneIcon.js"),require("../../icons/ChevronDownCircleIcon.js"),require("../../icons/ChevronDownCircleWhiteIcon.js"),require("../../icons/ChevronDownDuotoneIcon.js"),require("../../icons/ChevronDownWhiteIcon.js"),require("../../icons/ChevronLeftCircleDuotoneIcon.js"),require("../../icons/ChevronLeftCircleIcon.js"),require("../../icons/ChevronLeftCircleWhiteIcon.js"),require("../../icons/ChevronLeftDuotoneIcon.js"),require("../../icons/ChevronLeftIcon.js"),require("../../icons/ChevronLeftWhiteIcon.js"),require("../../icons/ChevronRightCircleDuotoneIcon.js"),require("../../icons/ChevronRightCircleWhiteIcon.js"),require("../../icons/ChevronRightDuotoneIcon.js"),require("../../icons/ChevronRightIcon.js"),require("../../icons/ChevronRightWhiteIcon.js"),require("../../icons/ChevronUpCircleDuotoneIcon.js"),require("../../icons/ChevronUpCircleIcon.js"),require("../../icons/ChevronUpCircleWhiteIcon.js"),require("../../icons/ChevronUpDuotoneIcon.js"),require("../../icons/ChevronUpWhiteIcon.js"),require("../../icons/CircleDuotoneIcon.js"),require("../../icons/CircleIcon.js"),require("../../icons/CircleWhiteIcon.js"),require("../../icons/ClassifyDuotoneIcon.js"),require("../../icons/ClassifyIcon.js"),require("../../icons/ClassifyWhiteIcon.js"),require("../../icons/ClearDuotoneIcon.js"),require("../../icons/ClearIcon.js"),require("../../icons/ClearWhiteIcon.js"),require("../../icons/ClockDuotoneIcon.js"),require("../../icons/ClockIcon.js"),require("../../icons/ClockWhiteIcon.js"),require("../../icons/CodeCircleDuotoneIcon.js"),require("../../icons/CodeCircleIcon.js"),require("../../icons/CodeCircleWhiteIcon.js"),require("../../icons/CodeDuotoneIcon.js"),require("../../icons/CodeIcon.js"),require("../../icons/CodeWhiteIcon.js"),require("../../icons/CoinsDuotoneIcon.js"),require("../../icons/CoinsIcon.js"),require("../../icons/CoinsWhiteIcon.js"),require("../../icons/CommentDuotoneIcon.js"),require("../../icons/CommentIcon.js"),require("../../icons/CommentWhiteIcon.js"),require("../../icons/CopyDuotoneIcon.js"),require("../../icons/CopyIcon.js"),require("../../icons/CopyWhiteIcon.js"),require("../../icons/CubeDuotoneIcon.js"),require("../../icons/CubeIcon.js"),require("../../icons/CubeWhiteIcon.js"),require("../../icons/DashboardDuotoneIcon.js"),require("../../icons/DashboardIcon.js"),require("../../icons/DashboardWhiteIcon.js"),require("../../icons/DiamondDuotoneIcon.js"),require("../../icons/DiamondIcon.js"),require("../../icons/DiamondWhiteIcon.js"),require("../../icons/DislikeDuotoneIcon.js"),require("../../icons/DislikeIcon.js"),require("../../icons/DislikeWhiteIcon.js"),require("../../icons/DocsDuotoneIcon.js"),require("../../icons/DocsIcon.js"),require("../../icons/DocsWhiteIcon.js"),require("../../icons/DollarDuotoneIcon.js"),require("../../icons/DollarIcon.js"),require("../../icons/DollarWhiteIcon.js"),require("../../icons/DoubleChevronDuotoneIcon.js"),require("../../icons/DoubleChevronWhiteIcon.js"),require("../../icons/DragDuotoneIcon.js"),require("../../icons/DragIcon.js"),require("../../icons/DragWhiteIcon.js"),require("../../icons/EditDuotoneIcon.js"),require("../../icons/EditIcon.js"),require("../../icons/EditWhiteIcon.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/ExclamationMarkIcon.js"),require("../../icons/ExclamationMarkWhiteIcon.js"),require("../../icons/ExportDuotoneIcon.js"),require("../../icons/ExportIcon.js"),require("../../icons/ExportWhiteIcon.js"),require("../../icons/ExternalDuotoneIcon.js"),require("../../icons/ExternalIcon.js"),require("../../icons/ExternalWhiteIcon.js"),require("../../icons/EyeDuotoneIcon.js"),require("../../icons/EyeOffDuotoneIcon.js"),require("../../icons/EyeOffWhiteIcon.js"),require("../../icons/EyeWhiteIcon.js"),require("../../icons/FileDuotoneIcon.js"),require("../../icons/FileIcon.js"),require("../../icons/FileUploadDuotoneIcon.js"),require("../../icons/FileUploadIcon.js"),require("../../icons/FileUploadWhiteIcon.js"),require("../../icons/FileWhiteIcon.js"),require("../../icons/FilterDuotoneIcon.js"),require("../../icons/FilterWhiteIcon.js"),require("../../icons/FolderListDuotoneIcon.js"),require("../../icons/FolderListIcon.js"),require("../../icons/FolderListWhiteIcon.js"),require("../../icons/FolderUploadDuotoneIcon.js"),require("../../icons/FolderUploadIcon.js"),require("../../icons/FolderUploadWhiteIcon.js"),require("../../icons/GridDuotoneIcon.js"),require("../../icons/GridIcon.js"),require("../../icons/GridWhiteIcon.js"),require("../../icons/HelloDuotoneIcon.js"),require("../../icons/HelloIcon.js"),require("../../icons/HelloWhiteIcon.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/HelpIcon.js"),require("../../icons/HelpWhiteIcon.js"),require("../../icons/HexagonDuotoneIcon.js"),require("../../icons/HexagonIcon.js"),require("../../icons/HexagonWhiteIcon.js"),require("../../icons/HomeDuotoneIcon.js"),require("../../icons/HomeIcon.js"),require("../../icons/HomeWhiteIcon.js"),require("../../icons/ImageDuotoneIcon.js"),require("../../icons/ImageIcon.js"),require("../../icons/ImageWhiteIcon.js"),require("../../icons/ImportDuotoneIcon.js"),require("../../icons/ImportIcon.js"),require("../../icons/ImportWhiteIcon.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/InfoIcon.js"),require("../../icons/InfoWhiteIcon.js"),require("../../icons/IntegrationDuotoneIcon.js"),require("../../icons/IntegrationIcon.js"),require("../../icons/IntegrationWhiteIcon.js"),require("../../icons/LandedCostDuotoneIcon.js"),require("../../icons/LandedCostIcon.js"),require("../../icons/LandedCostWhiteIcon.js"),require("../../icons/LaptopDuotoneIcon.js"),require("../../icons/LaptopIcon.js"),require("../../icons/LaptopWhiteIcon.js"),require("../../icons/LightDuotoneIcon.js"),require("../../icons/LightIcon.js"),require("../../icons/LightWhiteIcon.js"),require("../../icons/LikeDuotoneIcon.js"),require("../../icons/LikeIcon.js"),require("../../icons/LikeWhiteIcon.js"),require("../../icons/LineDownDuotoneIcon.js"),require("../../icons/LineDownIcon.js"),require("../../icons/LineDownWhiteIcon.js"),require("../../icons/LineUpDuotoneIcon.js"),require("../../icons/LineUpIcon.js"),require("../../icons/LineUpWhiteIcon.js"),require("../../icons/LinkDuotoneIcon.js"),require("../../icons/LinkIcon.js"),require("../../icons/LinkWhiteIcon.js"),require("../../icons/LocationDuotoneIcon.js"),require("../../icons/LocationIcon.js"),require("../../icons/LocationWhiteIcon.js"),require("../../icons/LockDuotoneIcon.js"),require("../../icons/LockIcon.js"),require("../../icons/LockWhiteIcon.js"),require("../../icons/LoginDuotoneIcon.js"),require("../../icons/LoginIcon.js"),require("../../icons/LoginWhiteIcon.js"),require("../../icons/LogoutDuotoneIcon.js"),require("../../icons/LogoutIcon.js"),require("../../icons/LogoutWhiteIcon.js"),require("../../icons/MailDuotoneIcon.js"),require("../../icons/MailIcon.js"),require("../../icons/MailWhiteIcon.js"),require("../../icons/MenuDuotoneIcon.js"),require("../../icons/MenuIcon.js"),require("../../icons/MenuWhiteIcon.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/MinusCircleIcon.js"),require("../../icons/MinusCircleWhiteIcon.js"),require("../../icons/MinusDuotoneIcon.js"),require("../../icons/MinusIcon.js"),require("../../icons/MinusWhiteIcon.js"),require("../../icons/MobileDuotoneIcon.js"),require("../../icons/MobileIcon.js"),require("../../icons/MobileWhiteIcon.js"),require("../../icons/MoneyDuotoneIcon.js"),require("../../icons/MoneyIcon.js"),require("../../icons/MoneyWhiteIcon.js"),require("../../icons/MonitorDuotoneIcon.js"),require("../../icons/MonitorIcon.js"),require("../../icons/MonitorWhiteIcon.js"),require("../../icons/NightDuotoneIcon.js"),require("../../icons/NightIcon.js"),require("../../icons/NightWhiteIcon.js"),require("../../icons/PauseCircleDuotoneIcon.js"),require("../../icons/PauseCircleIcon.js"),require("../../icons/PauseCircleWhiteIcon.js"),require("../../icons/PercentBadgeDuotoneIcon.js"),require("../../icons/PercentBadgeIcon.js"),require("../../icons/PercentBadgeWhiteIcon.js"),require("../../icons/PercentDuotoneIcon.js"),require("../../icons/PercentIcon.js"),require("../../icons/PercentWhiteIcon.js"),require("../../icons/PlayCircleDuotoneIcon.js"),require("../../icons/PlayCircleIcon.js"),require("../../icons/PlayCircleWhiteIcon.js"),require("../../icons/PlayDuotoneIcon.js"),require("../../icons/PlayIcon.js"),require("../../icons/PlayWhiteIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../icons/PlusCircleIcon.js"),require("../../icons/PlusCircleWhiteIcon.js"),require("../../icons/PlusDuotoneIcon.js"),require("../../icons/PlusIcon.js"),require("../../icons/PlusWhiteIcon.js"),require("../../icons/PrinterDuotoneIcon.js"),require("../../icons/PrinterIcon.js"),require("../../icons/PrinterWhiteIcon.js"),require("../../icons/RateDuotoneIcon.js"),require("../../icons/RateIcon.js"),require("../../icons/RateWhiteIcon.js"),require("../../icons/ReceiptDuotoneIcon.js"),require("../../icons/ReceiptIcon.js"),require("../../icons/ReceiptWhiteIcon.js"),require("../../icons/RefreshDuotoneIcon.js"),require("../../icons/RefreshIcon.js"),require("../../icons/RefreshWhiteIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/RemoveCircleWhiteIcon.js"),require("../../icons/RemoveDuotoneIcon.js"),require("../../icons/RemoveWhiteIcon.js"),require("../../icons/RestrictDuotoneIcon.js"),require("../../icons/RestrictIcon.js"),require("../../icons/RestrictWhiteIcon.js"),require("../../icons/RocketDuotoneIcon.js"),require("../../icons/RocketIcon.js"),require("../../icons/RocketWhiteIcon.js"),require("../../icons/ScanDuotoneIcon.js"),require("../../icons/ScanIcon.js"),require("../../icons/ScanWhiteIcon.js"),require("../../icons/ScreenDuotoneIcon.js"),require("../../icons/ScreenIcon.js"),require("../../icons/ScreenWhiteIcon.js"),require("../../icons/SearchDuotoneIcon.js"),require("../../icons/SearchIcon.js"),require("../../icons/SearchWhiteIcon.js"),require("../../icons/SendDuotoneIcon.js"),require("../../icons/SendIcon.js"),require("../../icons/SendWhiteIcon.js"),require("../../icons/SettingsDuotoneIcon.js"),require("../../icons/SettingsIcon.js"),require("../../icons/SettingsWhiteIcon.js"),require("../../icons/ShoppingListDuotoneIcon.js"),require("../../icons/ShoppingListIcon.js"),require("../../icons/ShoppingListWhiteIcon.js"),require("../../icons/ShoppingTagDuotoneIcon.js"),require("../../icons/ShoppingTagIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("../../icons/ShoppingTagWhiteIcon.js"),require("../../icons/SquareDuotoneIcon.js"),require("../../icons/SquareIcon.js"),require("../../icons/SquareWhiteIcon.js"),require("../../icons/StarDuotoneIcon.js"),require("../../icons/StarIcon.js"),require("../../icons/StarOffDuotoneIcon.js"),require("../../icons/StarOffIcon.js"),require("../../icons/StarOffWhiteIcon.js"),require("../../icons/StarsDuotoneIcon.js"),require("../../icons/StarsIcon.js"),require("../../icons/StarsWhiteIcon.js"),require("../../icons/StarWhiteIcon.js"),require("../../icons/SunnyDuotoneIcon.js"),require("../../icons/SunnyIcon.js"),require("../../icons/SunnyWhiteIcon.js"),require("../../icons/TagDuotoneIcon.js"),require("../../icons/TagIcon.js"),require("../../icons/TagWhiteIcon.js"),require("../../icons/ThreeDotDuotoneIcon.js"),require("../../icons/ThreeDotIcon.js"),require("../../icons/ThreeDotWhiteIcon.js"),require("../../icons/TotalLandedCostDuotoneIcon.js"),require("../../icons/TotalLandedCostIcon.js"),require("../../icons/TotalLandedCostWhiteIcon.js"),require("../../icons/TrashCanDuotoneIcon.js"),require("../../icons/TrashCanIcon.js"),require("../../icons/TrashCanWhiteIcon.js"),require("../../icons/TriangleDuotoneIcon.js"),require("../../icons/TriangleIcon.js"),require("../../icons/TriangleWhiteIcon.js"),require("../../icons/TruckDuotoneIcon.js"),require("../../icons/TruckIcon.js"),require("../../icons/TruckWhiteIcon.js"),require("../../icons/UserDuotoneIcon.js"),require("../../icons/UserIcon.js"),require("../../icons/UserWhiteIcon.js"),require("../../icons/UtahDuotoneIcon.js"),require("../../icons/UtahIcon.js"),require("../../icons/UtahWhiteIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../icons/WarningIcon.js"),require("../../icons/WarningWhiteIcon.js"),require("../../icons/custom/AvatarIcon.js"),require("../../icons/custom/ZonosIcon.js");var p,d,W,g=C(I),k=g.default.div(p||(p=e.__makeTemplateObject(["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    // Built-in plugin height is set to 100% which prevents the plugin bar scrolling\n    height: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n"],["\n  height: 100%;\n  .graphiql-tab > .graphiql-tab-button {\n    outline: none;\n  }\n  .docExplorerWrap {\n    // Built-in plugin height is set to 100% which prevents the plugin bar scrolling\n    height: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n"]))),m=g.default.div(d||(d=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),f=g.default.div(W||(W=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"],["\n  height: 100vh;\n  overflow: auto;\n  padding: 0 ",";\n  display: flex;\n  flex-direction: column;\n"])),u.theme.space12);exports.GraphMatrix=function(u){var I=u.fetcher,C=u.loadingComponent,p=u.onEditQuery,d=u.onEditVariables,W=u.onResultData,g=u.query,S=void 0===g?"":g,v=u.schema,L=u.schemaName,b=u.url,x=u.variables,B=void 0===x?"":x,y=e.__read(i.useState(null),2),R=y[0],w=y[1],_=e.__read(i.useState(null),2)[1],E=e.__read(i.useState(!1),2),T=E[0],U=E[1],F=e.__read(i.useState("first-time"),1)[0],M=e.__read(i.useState(!1),2),P=M[0],A=M[1],O=e.__read(i.useState(""),2),G=O[0],H=O[1],N=q.useGraphiqlFetcher({cachingKey:F,url:b,query:S,customFetcher:I||null,operationName:G}),Q=N.graphiqlFetcher,V=N.resultData,z=N.isLoading,K=j.useGraphiqlStorage({defaultSchema:L});i.useEffect((function(){U(!!(null==R?void 0:R.isFetching)||z)}),[null==R?void 0:R.isFetching,U,z]),i.useEffect((function(){V&&W&&W(V)}),[W,V]);var Z=t.useGraphiqlExplorer({onEdit:p,query:S});if(!v)return o.jsx(o.Fragment,{children:C||o.jsx(D.Loading,{})});var J,X;return o.jsx(k,{children:o.jsxs(l.SplitPanel,e.__assign({collapseAll:!P},{children:[o.jsx(m,{children:o.jsx(n.GraphiQL,e.__assign({fetcher:Q,onEditOperationName:H,onEditQuery:p,onEditVariables:d,plugins:[Z],query:S,variables:B,schema:v,toolbar:{additionalContent:o.jsx(r.ToolbarButton,e.__assign({label:P?"Hide table":"Show table",onClick:function(){return A(!P)}},{children:P?o.jsx(c.EyeOffIcon,{color:"gray400"}):o.jsx(s.EyeIcon,{color:"gray400"})}))},storage:K},{children:o.jsx(h.GraphiqlContextWrapper,e.__assign({setExecutionContext:w,setResponseEditorContext:_},{children:o.jsx(n.GraphiQL.Footer,{})}))}))}),(J=null!==V?V.data:V,X=J?Object.entries(J):null,X?o.jsx(f,{children:X.map((function(i){var r=e.__read(i,2),n=r[0],s=r[1];return Array.isArray(s)||s?o.jsx(a.NestedDataTable,{isFetching:T,tableData:s,title:n},n):null}))}):null)]}))})};

package/components/nested-data-table/NestedDataTable.d.ts

@@ -1,22 +1,17 @@
 import { ReactNode } from 'react';
 import { flattenRow } from "../../utils/flattenRow";
 declare type Props = {
+    currentPage?: number;
     /**
      * @param customFlattenRow
      * @description Custom flattenRow function, if not provided, the default flattenRow (flattenRow - "src/utils/flattenRow.ts") will be used
      */
     customFlattenRow?: typeof flattenRow;
-    hasPagination?: boolean;
+    handlePagination?: (page: number) => void;
     isFetching: boolean;
     loadingComponent?: ReactNode;
-    query: string;
-    /**
-     * @param cachingKey key to be used for caching response in Swr
-     */
-    setCachingKey: (cachingKey: string) => void;
-    setQuery: (query: string) => void;
     tableData: Record<string, unknown> | Record<string, unknown>[];
     title: string;
 };
-export declare const NestedDataTable: ({ customFlattenRow, hasPagination, isFetching, loadingComponent, query, setCachingKey, setQuery, tableData, title, }: Props) => JSX.Element;
+export declare const NestedDataTable: ({ currentPage, customFlattenRow, handlePagination, isFetching, loadingComponent, tableData, title, }: Props) => JSX.Element;
 export {};

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("../../styles/constants/theme.js"),n=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),s=require("styled-components"),a=require("../button/Button.js"),u=require("../text/Text.js"),o=require("./_TableData.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../utils/_extractQueryParams.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../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("./_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var c,q,j,d=l(s),p=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),h=d.default.div(q||(q=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),i.theme.space8),m=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8);exports.NestedDataTable=function(i){var s=i.customFlattenRow,l=i.hasPagination,c=i.isFetching,q=i.loadingComponent,j=i.query,d=i.setCachingKey,g=i.setQuery,x=i.tableData,f=i.title,b=r.useMemo((function(){return Array.isArray(x)?x:[x]}),[x]),_=n.useHasuraGqlPagination({query:j,setCachingKey:d,setQuery:g,actionName:f}),y=_.currentPage,k=_.handlePagination;return t.jsxs(p,{children:[t.jsxs(h,{children:[c&&q,t.jsx(u.Text,e.__assign({type:"header"},{children:f})),!!l&&t.jsxs(m,{children:[t.jsx(a.Button,e.__assign({intent:"outline",disabled:1===y,onClick:function(){k(y-1)}},{children:"Previous page"})),y,t.jsx(a.Button,e.__assign({onClick:function(){k(y+1)},intent:"outline"},{children:"Next page"}))]})]}),t.jsx(o.TableData,{tableDataArr:b,customFlattenRow:s})]})};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../styles/constants/theme.js"),n=require("styled-components"),s=require("../button/Button.js"),u=require("../text/Text.js"),a=require("./_TableData.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../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("./_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var l,c,j,q=o(n),d=q.default.div(l||(l=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),p=q.default.div(c||(c=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),i.theme.space8),m=q.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),i.theme.space8);exports.NestedDataTable=function(i){var n=i.currentPage,o=i.customFlattenRow,l=i.handlePagination,c=i.isFetching,j=i.loadingComponent,q=i.tableData,h=i.title,x=t.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]);return r.jsxs(d,{children:[r.jsxs(p,{children:[c&&j,r.jsx(u.Text,e.__assign({type:"header"},{children:h})),!!l&&!!n&&r.jsxs(m,{children:[r.jsx(s.Button,e.__assign({intent:"outline",disabled:1===n,onClick:function(){l(n-1)}},{children:"Previous page"})),n,r.jsx(s.Button,e.__assign({onClick:function(){l(n+1)},intent:"outline"},{children:"Next page"}))]})]}),r.jsx(a.TableData,{tableDataArr:x,customFlattenRow:o})]})};

package/components/nested-data-table/NestedDataTableHasura.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { flattenRow } from "../../utils/flattenRow";
+declare type Props = {
+    /**
+     * @param customFlattenRow
+     * @description Custom flattenRow function, if not provided, the default flattenRow (flattenRow - "src/utils/flattenRow.ts") will be used
+     */
+    customFlattenRow?: typeof flattenRow;
+    isFetching: boolean;
+    query: string;
+    /**
+     * @param cachingKey key to be used for caching response in Swr
+     */
+    setCachingKey: (cachingKey: string) => void;
+    setQuery: (query: string) => void;
+    tableData: Record<string, unknown> | Record<string, unknown>[];
+    title: string;
+};
+export declare const NestedDataTableHasura: ({ customFlattenRow, isFetching, query, setCachingKey, setQuery, tableData, title, }: Props) => JSX.Element;
+export {};

package/components/nested-data-table/NestedDataTableHasura.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("./NestedDataTable.js");require("../../_tslib-fe391a2e.js"),require("../../utils/_extractQueryParams.js"),require("../../styles/constants/theme.js"),require("styled-components"),require("../button/Button.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../text/Text.js"),require("./_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../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("./_Filter.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../help-text/HelpText.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,l=s.tableData,q=s.title,j=r.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),p=t.useHasuraGqlPagination({query:o,setCachingKey:n,setQuery:c,actionName:q}),h=p.currentPage,b=p.handlePagination;return e.jsx(i.NestedDataTable,{currentPage:h,customFlattenRow:u,handlePagination:b,isFetching:a,tableData:j,title:q})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "4.1.3",
+  "version": "4.1.5",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",