@zonos/amino 5.1.36 → 5.1.38

package/components/button/MenuButton.d.ts

@@ -3,7 +3,15 @@ import type { BaseProps } from "../../types/BaseProps";
 export type MenuButtonProps = BaseProps & {
     action: ReactNode;
     children: ReactNode;
-    open: boolean;
-    setOpen: (open: boolean) => void;
+    /**
+     * Close the menu when the mouse leaves the dropdown/parent.
+     * @default true
+     */
+    closeOnMouseLeave?: boolean;
+    /**
+     * Close the menu when clicking anywhere in the the dropdown.
+     * @default true
+     */
+    closeOnSelect?: boolean;
 };
-export declare const MenuButton: ({ action, children, className, open, setOpen, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var u,d,m=s(i),c=m.default.div(u||(u=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),l=m.default(r.Surface)(d||(d=e.__makeTemplateObject(["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  border: ",";\n  z-index: 10;\n  position: absolute;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(e){var i=e.action,o=e.children,r=e.className,a=e.open,s=e.setOpen,u=t.useRef(null),d=t.useCallback((function(e){var n,t=e.target;(null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contains(t))||s(!1)}),[s]);return t.useEffect((function(){return document.addEventListener("mousedown",d),function(){document.removeEventListener("mousedown",d)}}),[d]),n.jsxs(c,{ref:u,className:r,children:[i,a&&n.jsx(l,{dense:!0,depth:"depth16",children:o})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),r=require("../../utils/hooks/useDropdown.js");function a(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var s,d,l,u=a(i),c=u.default.div(s||(s=e.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n"],["\n  position: relative;\n  display: inline-flex;\n"]))),m=u.default.div(d||(d=e.__makeTemplateObject(["\n  z-index: 10;\n"],["\n  z-index: 10;\n"]))),f=u.default.div(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  border: ",";\n  padding: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"],["\n  background: ",";\n  border: ",";\n  padding: ",";\n  border-radius: ",";\n  box-shadow: ",";\n  animation: "," 250ms ease-in-out;\n  animation-fill-mode: both;\n  padding: "," 0;\n  margin-top: ",";\n  right: 0;\n  min-width: 100%;\n  width: max-content;\n"])),o.theme.surfaceColor,o.theme.border,o.theme.space24,o.theme.radius6,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.radius6,o.theme.space8);exports.MenuButton=function(i){var t=i.action,o=i.children,a=i.className,s=i.closeOnMouseLeave,d=void 0===s||s,l=i.closeOnSelect,u=void 0===l||l,h=r.useDropdown({offsetCrossAxis:0,offsetMainAxis:0}),p=h.floatingStyles,b=h.refs,v=h.setVisible,x=h.visibility,g=h.visible,w=h.wrapperRef,_=function(){u&&v(!1)};return n.jsxs(c,{ref:w,className:a,onMouseLeave:function(){d&&v(!1)},children:[n.jsx("div",{ref:b.setReference,onClick:function(e){e.stopPropagation(),v(!0)},onKeyDown:function(e){"Enter"===e.key&&v(!0)},role:"button",tabIndex:0,children:t}),n.jsx(m,{ref:b.setFloating,style:e.__assign(e.__assign({},p),{visibility:x}),children:g&&n.jsx(f,{onClick:_,onKeyDown:function(e){"Enter"===e.key&&_()},role:"button",tabIndex:-1,children:o})})]})};

package/components/filter/filter-amount/FilterAmount.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),c=require("../../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=l(r).default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .ArrowRightIcon {\n    margin-right: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .ArrowRightIcon {\n    margin-right: ",";\n  }\n"])),c.theme.space8,c.theme.space16);exports.FilterAmount=function(r){var c=r.dispatch,l=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],I=g[1],y=e.__read(t.useState(p.amountTotalMax),2),f=y[0],b=y[1],x=e.__read(t.useState(!1),2),_=x[0],A=x[1],C=function(e){c({name:"amountFilterType",type:"change",value:e})},w=function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:l,filterExists:p.isActive,label:q,onApply:function(e){C(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==f?void 0:f.toFixed(2))||0)||"";switch(d){case"between":w({amount1:v,amount2:f}),e("Between ".concat(n," and ").concat(t));break;case"equal":w({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":w({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":w({amount1:null,amount2:v}),e("Less than ".concat(n))}c({name:"isActive",type:"change",value:!0})},onRemove:function(){c({name:"isActive",type:"change",value:!1}),C(i.initialFilterAmountState.amountFilterType),w({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),I(0),b(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return A(!1)},onMenuOpen:function(){return A(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"ArrowRightIcon",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===f?"":String(f)})]})]})]}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .arrow-right {\n    margin-right: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .arrow-right {\n    margin-right: ",";\n  }\n"])),l.theme.space8,l.theme.space16);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),I=f[0],b=f[1],x=e.__read(t.useState(!1),2),_=x[0],C=x[1],w=function(e){l({name:"amountFilterType",type:"change",value:e})},F=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){w(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":F({amount1:v,amount2:I}),e("Between ".concat(n," and ").concat(t));break;case"equal":F({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":F({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":F({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),w(i.initialFilterAmountState.amountFilterType),F({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),b(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};

package/components/graph-matrix/GraphMatrix.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),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("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=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"]))),v=_.default.div(b||(b=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"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,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),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:L,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),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("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=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"]))),v=_.default.div(b||(b=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"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,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),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:L,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;

package/components/menu/MenuItem.d.ts

@@ -1,9 +1,10 @@
 import type { MouseEventHandler, ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-type MenuItemProps = {
+type MenuItemProps = BaseProps & {
     children: ReactNode;
     icon?: ReactNode;
     onClick?: MouseEventHandler;
 };
-export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ children, className, icon, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,l=i(t).default.li(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"])),r.theme.space16,r.theme.hoverColor);exports.MenuItem=function(n){var t=n.children,r=n.icon,i=n.onClick;return e.jsxs(l,{onClick:i,children:[r,t]})},exports.StyledListItem=l;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,l=i(t).default.li(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 ",";\n  height: 36px;\n  line-height: 36px;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover {\n    background: ",";\n  }\n\n  a {\n    width: 100%;\n    display: block;\n  }\n\n  svg {\n    margin-right: 12px;\n  }\n"])),r.theme.space16,r.theme.hoverColor);exports.MenuItem=function(n){var t=n.children,r=n.className,i=n.icon,s=n.onClick;return e.jsxs(l,{className:r,onClick:s,children:[i,t]})},exports.StyledListItem=l;

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

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),m=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=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"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(m,{children:[t.jsxs(h,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.LegacyButton,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.LegacyButton,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n  height: 100%;\n"],["\n  height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=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"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(h,{children:[t.jsxs(m,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.LegacyButton,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.LegacyButton,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),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("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:l})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:l})};

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

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),r=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),l=require("../../styles/constants/theme.js"),o=require("../../utils/hooks/useDropdown.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("@floating-ui/react-dom");var c,a,d,p=u(t),f=p.default.button(c||(c=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),l.theme.sizeSm,l.theme.space12,l.theme.borderColor,l.theme.radius6),m=p.default.div(a||(a=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),l.theme.space16,l.theme.gray0,l.theme.gray200,l.theme.gray400,l.theme.radius8);exports.Filter=function(e){var t=e.columns,l=e.hiddenColumns,u=e.setHiddenColumns,c=o.useDropdown(),a=c.floatingRef,d=c.left,p=c.position,x=c.reference,b=c.setVisible,j=c.top,g=c.visibility,y=c.visible,q=c.wrapperRef,v=i.useMemo((function(){return t.map((function(e){return{label:e.key,value:e.key}}))}),[t]);return n.jsxs(m,{ref:q,children:[n.jsxs(f,{ref:x,onClick:function(){return b(!y)},children:[n.jsx(s.FilterIcon,{size:16})," Filter"]}),n.jsx(h,{ref:a,style:{left:d,opacity:"visible"===g?1:0,position:p,top:j,zIndex:"visible"===g?1:-1},children:n.jsx(r.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){u(e.flatMap((function(e){return[e.value]})))},options:v,value:v.filter((function(e){return l.includes(e.value)}))})})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),r=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),l=require("../../styles/constants/theme.js"),o=require("../../utils/hooks/useDropdown.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("@floating-ui/react");var a,c,d,p=u(t),m=p.default.button(a||(a=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  padding: 0 ",";\n  border: 1px solid ",";\n  border-radius: ",";\n"])),l.theme.sizeSm,l.theme.space12,l.theme.borderColor,l.theme.radius6),f=p.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"],["\n  display: flex;\n  padding: ",";\n  background-color: ",";\n  border: 1px solid ",";\n  box-shadow: 0 0 1px ",";\n  border-radius: ",";\n  width: 300px;\n  > div {\n    width: 100%;\n  }\n  /** Multi select styling */\n  [class*='ValueContainer'] {\n    overflow-x: auto;\n  }\n  [class*='-multiValue'] {\n    display: flex;\n    height: 22px;\n    align-items: center;\n    [role='button'] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n"])),l.theme.space16,l.theme.gray0,l.theme.gray200,l.theme.gray400,l.theme.radius8);exports.Filter=function(t){var l=t.columns,u=t.hiddenColumns,a=t.setHiddenColumns,c=o.useDropdown(),d=c.floatingStyles,p=c.refs,x=c.setVisible,b=c.visibility,j=c.visible,g=c.wrapperRef,y=i.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]);return n.jsxs(f,{ref:g,children:[n.jsxs(m,{ref:p.setReference,onClick:function(){return x(!j)},children:[n.jsx(s.FilterIcon,{size:16})," Filter"]}),n.jsx(h,{ref:p.setFloating,style:e.__assign(e.__assign({},d),{opacity:"visible"===b?1:0,zIndex:"visible"===b?1:-1}),children:n.jsx(r.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){a(e.flatMap((function(e){return[e.value]})))},options:y,value:y.filter((function(e){return u.includes(e.value)}))})})]})};

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

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,g,f,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"]))),_=h.default.div(f||(f=e.__makeTemplateObject(["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,g=r.tableDataArr,f=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return g.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,g]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){g&&D(k())}),[k,g]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.LegacyButton,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.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?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.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("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,g,f,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(g||(g=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  svg {\n    transition: 0.3s all ease;\n  }\n  .expanding-button {\n    svg {\n      transform: rotate(90deg);\n    }\n  }\n"]))),_=h.default.div(f||(f=e.__makeTemplateObject(["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"],["\n  .expanding {\n    background-color: ",";\n  }\n  & & {\n    padding: "," "," ",";\n  }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,g=r.tableDataArr,f=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return g.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,g]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){g&&D(k())}),[k,g]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.LegacyButton,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.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?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.36",
+  "version": "5.1.38",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -17,7 +17,7 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "@floating-ui/react-dom": "^2.0.1",
+    "@floating-ui/react": "^0.26.0",
     "@mui/material": "^5.14.0",
     "@radix-ui/react-slider": "^1.1.2",
     "@types/topojson-client": "^3.1.1",

package/utils/hooks/useDropdown.d.ts

@@ -1,12 +1,26 @@
 /// <reference types="react" />
-export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>() => {
-    floatingRef: (node: HTMLElement | null) => void;
-    left: number;
-    position: import("@floating-ui/react-dom").Strategy;
-    reference: (node: TriggerRef | null) => void;
-    setVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    top: string | number;
-    visibility: "hidden" | "visible";
+import { type ExtendedRefs, type Placement } from '@floating-ui/react';
+type Params = {
+    /**
+     * @default 0
+     */
+    offsetCrossAxis?: number;
+    /**
+     * @default 0
+     */
+    offsetMainAxis?: number;
+    /**
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+};
+type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement> = {
+    floatingStyles: React.CSSProperties;
+    refs: ExtendedRefs<TriggerRef>;
+    setVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    visibility: 'visible' | 'hidden';
     visible: boolean;
-    wrapperRef: import("react").MutableRefObject<WrapperRef | null>;
+    wrapperRef: React.RefObject<WrapperRef>;
 };
+export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: Params) => Return<WrapperRef, TriggerRef>;
+export {};

package/utils/hooks/useDropdown.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react"),n=require("@floating-ui/react-dom");exports.useDropdown=function(){var i=e.__read(t.useState(!1),2),o=i[0],r=i[1],u=o?"visible":"hidden",s=t.useRef(null),a=n.useFloating({middleware:[n.offset(10)],whileElementsMounted:n.autoUpdate}),d=a.refs,f=a.strategy,l=a.x,c=a.y,p=t.useCallback((function(e){var t,n=e.target;o&&0===e.button&&((null===(t=s.current)||void 0===t?void 0:t.contains(n))||(e.preventDefault(),e.stopPropagation(),r(!1)))}),[o]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",p),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",p)}}),[p]),{floatingRef:d.setFloating,left:l?l-94:0,position:f,reference:d.setReference,setVisible:r,top:c||"",visibility:u,visible:o,wrapperRef:s}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.offsetCrossAxis,r=void 0===s?0:s,u=o.offsetMainAxis,a=void 0===u?0:u,l=o.placement,d=void 0===l?"bottom-start":l,f=e.__read(t.useState(!1),2),c=f[0],v=f[1],m=c?"visible":"hidden",p=t.useRef(null),b=i.useFloating({middleware:[i.shift(),i.offset({crossAxis:r,mainAxis:a})],placement:d,whileElementsMounted:i.autoUpdate}),g=b.floatingStyles,w=b.refs,x=t.useCallback((function(e){var t,i=e.target;c&&0===e.button&&((null===(t=null==p?void 0:p.current)||void 0===t?void 0:t.contains(i))||(e.preventDefault(),e.stopPropagation(),v(!1)))}),[c]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",x),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",x)}}),[x]),{floatingStyles:g,refs:w,setVisible:v,visibility:m,visible:c,wrapperRef:p}};