@zonos/amino 4.3.1 → 4.3.2

package/components/graph-matrix/GraphMatrix.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/_useGraphiqlExplorer.js"),u=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(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("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.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("../help-text/HelpText.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("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var b,m,x,_=g(h),v=_.default.div(b||(b=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    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\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    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),f=_.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),k=_.default.div(x||(x=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"])),o.theme.space12),y=function(o){var h=o.fetcher,g=o.loadingComponent,b=o.onEditQuery,m=o.onEditVariables,x=o.onResultData,_=o.query,y=void 0===_?"":_,S=o.schema,C=o.schemaName,E=o.url,I=o.variables,T=void 0===I?"":I,w=o.customToolbar,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],Q=e.__read(t.useState(!1),2),W=Q[0],A=Q[1],M=e.__read(t.useState(""),2),P=M[0],V=M[1],H=u.useGraphiqlFetcher({cachingKey:N,url:E,query:y,customFetcher:h||null,operationName:P}),K=H.graphiqlFetcher,U=H.resultData,Z=H.isLoading,z=c.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||Z)}),[null==D?void 0:D.isFetching,L,Z]),t.useEffect((function(){U&&x&&x(U)}),[x,U]);var J=l.useGraphiqlExplorer({onEdit:b,query:y});if(!S)return r.jsx(r.Fragment,{children:g||r.jsx(j.Loading,{})});var X,Y;return r.jsx(v,{children:r.jsxs(q.SplitPanel,e.__assign({collapseAll:!W},{children:[r.jsx(f,{children:r.jsx(n.GraphiQL,e.__assign({fetcher:K,onEditOperationName:V,onEditQuery:b,onEditVariables:m,plugins:[J],query:y,variables:T,schema:S,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:W?"Hide table":"Show table",onClick:function(){return A(!W)}},{children:W?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})})),w]})},storage:z},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(X=null!==U?U.data:U,Y=X?Object.entries(X):null,Y?r.jsx(k,{children:Y.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};y.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=y;
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("../../icons/EyeIcon.js"),a=require("../../icons/EyeOffIcon.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/_useGraphiqlExplorer.js"),u=require("../../utils/hooks/_useGraphiqlFetcher.js"),c=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("styled-components"),p=require("../nested-data-table/NestedDataTable.js"),q=require("../split-panel/SplitPanel.js"),d=require("./_GraphiqlContextWrapper.js"),j=require("./_LoadingIcon.js");function g(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("../rest-state/RestState.js"),require("../text/Text.js"),require("../nested-data-table/_TableData.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.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("../help-text/HelpText.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("react-split-it"),require("../../icons/custom/ZonosLogoIcon.js");var b,m,x,_=g(h),v=_.default.div(b||(b=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    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\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    /* Don't cap explorer width */\n    width: auto !important;\n  }\n  .graphiql-explorer-graphql-arguments {\n    svg {\n      display: inline-block;\n    }\n  }\n\n  .graphiql-explorer-root > div {\n    overflow: auto !important;\n  }\n"]))),f=_.default.div(m||(m=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),S=_.default.div(x||(x=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"])),o.theme.space12),k=function(o){var h=o.fetcher,g=o.loadingComponent,b=o.onEditQuery,m=o.onEditVariables,x=o.onResultData,_=o.query,k=void 0===_?"":_,y=o.schema,C=o.schemaName,E=o.url,I=o.variables,T=void 0===I?"":I,w=o.customToolbar,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],Q=e.__read(t.useState(!1),2),W=Q[0],A=Q[1],M=e.__read(t.useState([1,0]),2),P=M[0],V=M[1],z=e.__read(t.useState(""),2),H=z[0],K=z[1],U=u.useGraphiqlFetcher({cachingKey:N,url:E,query:k,customFetcher:h||null,operationName:H}),Z=U.graphiqlFetcher,J=U.resultData,X=U.isLoading,Y=c.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||X)}),[null==D?void 0:D.isFetching,L,X]),t.useEffect((function(){J&&x&&x(J)}),[x,J]);var $=l.useGraphiqlExplorer({onEdit:b,query:k});if(!y)return r.jsx(r.Fragment,{children:g||r.jsx(j.Loading,{})});var ee,re;return r.jsx(v,{children:r.jsxs(q.SplitPanel,e.__assign({sizes:P,onSetSizes:V,collapseAll:!W},{children:[r.jsx(f,{children:r.jsx(n.GraphiQL,e.__assign({fetcher:Z,onEditOperationName:K,onEditQuery:b,onEditVariables:m,plugins:[$],query:k,variables:T,schema:y,toolbar:{additionalContent:r.jsxs(r.Fragment,{children:[r.jsx(i.ToolbarButton,e.__assign({label:W?"Hide table":"Show table",onClick:function(){return A(!W)}},{children:W?r.jsx(a.EyeOffIcon,{color:"red600"}):r.jsx(s.EyeIcon,{color:"gray400"})})),w]})},storage:Y},{children:r.jsx(d.GraphiqlContextWrapper,e.__assign({setExecutionContext:G,setResponseEditorContext:R},{children:r.jsx(n.GraphiQL.Footer,{})}))}))}),(ee=null!==J?J.data:J,re=ee?Object.entries(ee):null,re?r.jsx(S,{children:re.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(p.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]}))})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;

package/components/split-panel/SplitPanel.d.ts

@@ -22,5 +22,9 @@ type IProps = {
     collapseAll?: boolean;
     lineBar?: boolean;
 };
+/**
+ * Split panel component
+ * @ref https://greggman.github.io/react-split-it/
+ */
 export declare const SplitPanel: ({ className, children, collapseAll, direction, gutterSize, sizes, onSetSizes, ...props }: IProps) => JSX.Element;
 export {};

package/components/split-panel/SplitPanel.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("react-split-it"),t=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}var a,l=s(i),u=function(r){var n=r.childrenCount,i=r.sizes;if(0===i.length)return e.__spreadArray([1],e.__read(new Array(n-1).fill(0)),!1);if(i.length!==n){var t=Math.abs(n-i.length);return e.__spreadArray(e.__spreadArray([],e.__read(i),!1),e.__read(new Array(t).fill(1)),!1)}var s=i.reduce((function(e,r){return e+r}),0);return i.map((function(e){return e/s}))},c=s(t).default.div(a||(a=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(i){var t=i.className,s=i.children,a=i.collapseAll,d=i.direction,_=i.gutterSize,o=void 0===_?3:_,h=i.sizes,f=i.onSetSizes,p=e.__rest(i,["className","children","collapseAll","direction","gutterSize","sizes","onSetSizes"]),z=n.Children.count(s),S=e.__read(n.useState(u({childrenCount:z,sizes:h||[]})),1)[0];return n.useEffect((function(){a?null==f||f(e.__spreadArray([1],e.__read(new Array(z-1).fill(0)),!1)):null==f||f(u({childrenCount:z,sizes:S}))}),[z,a,S,f]),r.jsx(c,e.__assign({className:t},{children:r.jsx(l.default,e.__assign({sizes:u({childrenCount:z,sizes:h||[]}),onSetSizes:f,gutterSize:a?0:o,direction:d},p,{children:s}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("react-split-it"),t=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,a=l(n),u=function(r){var i=r.childrenCount,n=r.sizes;if(0===n.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(n.length!==i){var t=Math.abs(i-n.length);return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),e.__read(new Array(t).fill(1)),!1)}var l=n.reduce((function(e,r){return e+r}),0);return n.map((function(e){return e/l}))},d=l(t).default.div(s||(s=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(n){var t=n.className,l=n.children,s=n.collapseAll,c=n.direction,_=n.gutterSize,o=void 0===_?3:_,h=n.sizes,f=void 0===h?[1]:h,p=n.onSetSizes,z=e.__rest(n,["className","children","collapseAll","direction","gutterSize","sizes","onSetSizes"]),y=i.Children.count(l),S=e.__read(i.useState(u({childrenCount:y,sizes:f})),1)[0];return i.useEffect((function(){if(1!==S[0]||s)s?null==p||p(e.__spreadArray([1],e.__read(new Array(y-1).fill(0)),!1)):null==p||p(u({childrenCount:y,sizes:S}));else{var r=1/y;null==p||p(new Array(y).fill(r))}}),[y,s,S,p]),r.jsx(d,e.__assign({className:t},{children:r.jsx(a.default,e.__assign({sizes:u({childrenCount:y,sizes:f}),onSetSizes:p,gutterSize:s?0:o,direction:c},z,{children:l}))}))};

package/package.json

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