@zonos/amino 5.1.11 → 5.1.13

package/components/filter/filter-select/FilterSelect.d.ts

@@ -0,0 +1,9 @@
+import { type BaseFilterProps } from "../useFilterWrapper";
+import type { IOption } from "../../../types/IOption";
+type FilterSelectProps<T extends string = string, O extends IOption<string> = IOption<T>> = BaseFilterProps & {
+    options: O[];
+    value: O | null;
+    onChange: (value: O | null) => void;
+};
+export declare const FilterSelect: <T extends string = string, O extends IOption<T> = IOption<T>>({ onChange, options, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/filter/filter-select/FilterSelect.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.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("../../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("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var u=t.onChange,o=t.options,l=t.value,c=e.__rest(t,["onChange","options","value"]),a=e.__read(i.useState(l),2),q=a[0],j=a[1],p=n.useFilterWrapper(e.__assign(e.__assign({},c),{filterExists:null!==q,onApply:function(){u(q)},onToggle:function(e){e?(u(null),j(null)):(u(q),j(l||null))}})),v=p.renderWrapper,C=p.setFilterText;return i.useEffect((function(){C("is ".concat((null==q?void 0:q.label)||""))}),[C,null==q?void 0:q.label]),v(r.jsx(s.Select,{isClearable:!1,onChange:j,options:o,size:"sm",value:o.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};

package/components/filter/filter-text/FilterText.d.ts

@@ -0,0 +1,6 @@
+import { type BaseFilterProps } from "../useFilterWrapper";
+export type FilterTextProps = BaseFilterProps & {
+    value: string | null;
+    onChange: (value: string | null) => void;
+};
+export declare const FilterText: ({ dropdownTitle, label, onChange, value, }: FilterTextProps) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-text/FilterText.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.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("../../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/ChevronUpIcon.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");exports.FilterText=function(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,l=u.value,c=e.__read(t.useState(l||""),2),q=c[0],j=c[1],a=i.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(){p(q)},onToggle:function(e){e?(p(null),j("")):(p(q),j(l||""))}}),I=a.renderWrapper,d=a.setFilterText;return t.useEffect((function(){d(q)}),[d,q]),I(r.jsx(n.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};

package/components/filter/useFilterWrapper.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+export type BaseFilterProps = {
+    className?: string;
+    dropdownTitle: string;
+    label: string;
+};
+type UseFilterProps = {
+    filterExists: boolean;
+    onApply: () => void;
+    onToggle: (active: boolean) => void;
+};
+export type FilterProps = BaseFilterProps & UseFilterProps;
+export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onToggle, }: FilterProps) => {
+    renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
+    setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;
+};
+export {};

package/components/filter/useFilterWrapper.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),u=require("../../styles/constants/theme.js");function d(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("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=d(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),u.theme.gray200,u.theme.gray700,u.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),u.theme.space8,u.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?u.theme.borderColor:u.theme.gray200}),u.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),u.theme.space8,u.theme.space8,u.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),u.theme.border,u.theme.gray0,u.theme.space24,u.theme.space16),q=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),u.theme.space12);exports.useFilterWrapper=function(t){var u=t.className,d=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onToggle,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],k=e.__read(r.useState(!1),2),T=k[0],C=k[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),S=r.useRef(null),F=function(e){"Escape"===e.key&&C(!1)},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[T,O]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var z=function(e){e.stopPropagation(),C(!0)},R=function(){h(!0),x(),C(!1)},W=function(){c?(h(!f),m(f)):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{renderWrapper:function(e){return n.jsxs(g,{ref:S,children:[n.jsxs(v,{className:[u,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:c,children:[f?n.jsx(s.MinusCircleDuotoneIcon,{size:16}):n.jsx(l.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),c&&n.jsxs(y,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:F,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:d}),n.jsx(q,{children:e}),n.jsx(o.Button,{onClick:R,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};

package/components/input/SearchInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var l,u,s,d=i(o),c=d.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),a.theme.border,a.theme.radius6),h=d.default.label(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),a.theme.space40),p=d.default.input(s||(s=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor),b=t.forwardRef((function(t,o){var a=t.autoFocus,i=t.className,l=t.disabled,u=t.inputMode,s=t.onChange,d=t.onKeyDown,b=t.pattern,m=t.placeholder,g=t.readOnly,f=t.required,w=t.tabIndex,x=t.value,y=e.__rest(t,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]);return n.jsxs(c,{className:i,children:[n.jsx(h,{htmlFor:p,children:n.jsx(r.SearchIcon,{color:"gray600",size:20})}),n.jsx(p,e.__assign({ref:o,autoFocus:a,disabled:l,inputMode:u,onChange:s,onKeyDown:d,pattern:b,placeholder:m||"Search...",readOnly:g,required:f,tabIndex:w,type:"search",value:x||""},y))]})}));exports.SearchInput=b;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var l,u,s,d=i(o),c=d.default.div(l||(l=e.__makeTemplateObject(["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"],["\n  position: relative;\n  border: ",";\n  border-radius: ",";\n  width: 100%;\n"])),a.theme.border,a.theme.radius6),h=d.default.label(u||(u=e.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n"])),a.theme.space40),p=d.default.input(s||(s=e.__makeTemplateObject(["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"],["\n  padding-left: ",";\n  padding-right: ",";\n  height: 40px;\n  font-weight: 500;\n  line-height: 40px;\n  border-radius: ",";\n  outline: none;\n  width: 100%;\n  background: ",";\n  :focus {\n    outline: none;\n    box-shadow: ",";\n  }\n  &:-webkit-autofill,\n  &:-moz-autofill {\n    background-color: ",";\n    color: ",";\n  }\n\n  /* The native X on the right of the input */\n  &:not([value=''])::-webkit-search-cancel-button {\n    opacity: 1 !important;\n    cursor: pointer;\n  }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor),b=t.forwardRef((function(o,a){var i=o.autoFocus,l=o.className,u=o.disabled,s=o.inputMode,d=o.onChange,b=o.onKeyDown,m=o.pattern,g=o.placeholder,f=o.readOnly,w=o.required,x=o.tabIndex,y=o.value,j=e.__rest(o,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]),_=t.useId();return n.jsxs(c,{className:l,children:[n.jsx(h,{htmlFor:_,children:n.jsx(r.SearchIcon,{color:"gray600",size:20})}),n.jsx(p,e.__assign({ref:a,autoFocus:i,disabled:u,id:_,inputMode:s,onChange:d,onKeyDown:b,pattern:m,placeholder:g||"Search...",readOnly:f,required:w,tabIndex:x,type:"search",value:y||""},j))]})}));exports.SearchInput=b;

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../collapse/Collapse.js"),t=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("@mui/material");var a,c,i,s,d,m,g,p,u,h=l(r),f=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),v=h.default.div(i||(i=n.__makeTemplateObject([""],[""]))),b=h.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"])),t.theme.space4,t.theme.space8,t.theme.space4,t.theme.gray800,t.theme.radius6,t.theme.gray50,t.theme.gray1200,t.theme.gray700,t.theme.gray600,v,(function(e){return e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "])),x)}),(function(e){return e.$isActive&&r.css(d||(d=n.__makeTemplateObject(["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "])),t.theme.gray100,t.theme.gray1200,t.theme.gray1200)})),_=h.default.div(p||(p=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.css(g||(g=n.__makeTemplateObject(["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "])),b,t.theme.gray1200,t.theme.gray1200)})),j=h.default(o.Collapse)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"])),t.theme.gray200);exports.NavigationGroup=function(n){var r=n.children,o=n.className,t=n.collapsed,l=void 0!==t&&t,a=n.content;return e.jsxs(f,{className:o,children:[e.jsx(_,{$collapsed:l,children:a}),e.jsx(j,{collapsed:l,children:r})]})},exports.NavigationItem=function(n){var r=n.className,o=n.content,t=n.icon,l=n.isActive,a=void 0!==l&&l;return e.jsxs(b,{$icon:!!t,$isActive:a,className:r,children:[t&&e.jsx(x,{children:t}),o]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../collapse/Collapse.js"),t=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("@mui/material/Collapse");var a,c,i,s,d,m,p,g,u,h=l(r),f=h.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),v=h.default.div(i||(i=n.__makeTemplateObject([""],[""]))),b=h.default.div(m||(m=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 32px;\n  padding: "," "," "," 6px;\n  color: ",";\n  font-weight: 500;\n  border-radius: ",";\n  &:hover {\n    background-color: ",";\n    color: ",";\n    svg {\n      color: ",";\n    }\n  }\n  svg {\n    color: ",";\n  }\n  "," {\n    flex-grow: 1;\n    & > * {\n      height: 100%;\n    }\n  }\n  ","\n  ","\n"])),t.theme.space4,t.theme.space8,t.theme.space4,t.theme.gray800,t.theme.radius6,t.theme.gray50,t.theme.gray1200,t.theme.gray700,t.theme.gray600,v,(function(e){return e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "],["\n      "," {\n        flex-basis: 31px;\n        flex-grow: 0;\n        flex-shrink: 0;\n      }\n    "])),x)}),(function(e){return e.$isActive&&r.css(d||(d=n.__makeTemplateObject(["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      && {\n        background-color: ",";\n        color: ",";\n        svg {\n          color: ",";\n        }\n      }\n    "])),t.theme.gray100,t.theme.gray1200,t.theme.gray1200)})),_=h.default.div(g||(g=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return!e.$collapsed&&r.css(p||(p=n.__makeTemplateObject(["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "],["\n      "," {\n        color: ",";\n        &:hover {\n          background-color: transparent;\n        }\n        svg {\n          color: ",";\n        }\n      }\n    "])),b,t.theme.gray1200,t.theme.gray1200)})),j=h.default(o.Collapse)(u||(u=n.__makeTemplateObject(["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"],["\n  padding-left: 18px;\n  margin-left: 15px;\n  border-left: 1px solid ",";\n"])),t.theme.gray200);exports.NavigationGroup=function(n){var r=n.children,o=n.className,t=n.collapsed,l=void 0!==t&&t,a=n.content;return e.jsxs(f,{className:o,children:[e.jsx(_,{$collapsed:l,children:a}),e.jsx(j,{collapsed:l,children:r})]})},exports.NavigationItem=function(n){var r=n.className,o=n.content,t=n.icon,l=n.isActive,a=void 0!==l&&l;return e.jsxs(b,{$icon:!!t,$isActive:a,className:r,children:[t&&e.jsx(x,{children:t}),o]})};

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../collapse/Collapse.js"),a=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),c=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("@mui/material"),require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=l(t),x=g.default(i.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&t.css(p||(p=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "],["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "])))})),b=g.default(s.ListItem)(m||(m=e.__makeTemplateObject(["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"])),(function(n){return!n.$hasIcon&&t.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),c.theme.transition),f=g.default(a.List)(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&t.css(_||(_=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),c.theme.space8,c.theme.gray200,c.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),c.theme.spaceNegative24)}));exports.CollapsibleList=function(t){var i=t.children,a=t.className,s=t.icon,c=t.startExpanded,l=t.title,p=t.withBorder,d=t.withNegativeMargin,u=e.__read(r.useState(!c),2),m=u[0],_=u[1];return n.jsxs(f,{className:a,withBorder:p,withNegativeMargin:d,children:[n.jsx(b,{$hasIcon:!!s,decorator:s,label:l,onClick:function(){return _(!m)},rightDecorator:n.jsx(o.ChevronUpIcon,{className:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!s,collapsed:m,children:i})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../collapse/Collapse.js"),i=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("@mui/material/Collapse"),require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=c(t),x=g.default(a.Collapse)(d||(d=e.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return n.$hasIcon&&t.css(p||(p=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "],["\n      .___icon-wrapper {\n        width: 32px;\n        display: inline-block;\n      }\n    "])))})),b=g.default(s.ListItem)(m||(m=e.__makeTemplateObject(["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  ","\n\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      opacity: 1;\n      transform: rotate(180deg);\n    }\n  }\n"])),(function(n){return!n.$hasIcon&&t.css(u||(u=e.__makeTemplateObject(["\n      .___icon-wrapper {\n        display: none;\n      }\n    "],["\n      .___icon-wrapper {\n        display: none;\n      }\n    "])))}),l.theme.transition),f=g.default(i.List)(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n\n  ","\n\n  ","\n"])),(function(n){return n.withBorder&&t.css(_||(_=e.__makeTemplateObject(["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "],["\n      padding: ",";\n      border: 1px solid ",";\n      border-radius: ",";\n    "])),l.theme.space8,l.theme.gray200,l.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(h||(h=e.__makeTemplateObject(["\n      margin: ",";\n    "],["\n      margin: ",";\n    "])),l.theme.spaceNegative24)}));exports.CollapsibleList=function(t){var a=t.children,i=t.className,s=t.icon,l=t.startExpanded,c=t.title,p=t.withBorder,d=t.withNegativeMargin,u=e.__read(r.useState(!l),2),m=u[0],_=u[1];return n.jsxs(f,{className:i,withBorder:p,withNegativeMargin:d,children:[n.jsx(b,{$hasIcon:!!s,decorator:s,label:c,onClick:function(){return _(!m)},rightDecorator:n.jsx(o.ChevronUpIcon,{className:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!s,collapsed:m,children:a})]})};

package/components/menu/MenuItem.d.ts

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

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(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("@mui/material"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(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("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"],["\n  padding: ",";\n  margin-bottom: ",";\n  grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"],["\n  position: relative;\n  margin-left: ",";\n  transition: 0.2s all ease;\n  background: transparent;\n\n  && {\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n      background: transparent;\n      color: ",";\n    }\n\n    &.collapsed {\n      transform: rotate(90deg);\n    }\n  }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"]))),v=b.default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};

package/components/simple-table/SimpleTable.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+type SimpleTableHeaderBaseProps = {
+    /**
+     * Text alignment for a column
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * @default false
+     * Disable padding on cells
+     */
+    noPadding?: boolean;
+    /**
+     * Minimum width of column in percent
+     * @default undefined
+     */
+    width?: number;
+};
+export type SimpleTableHeader<T extends object> = {
+    [Key in keyof T]: {
+        /** The key for each record that the header corresponds to */
+        key: Key;
+        /** null means don't show a header for this column */
+        name: string | null;
+        renderCustom?: (value: T[Key], item: T) => React.ReactNode;
+    } & SimpleTableHeaderBaseProps;
+}[keyof T extends React.Key ? keyof T : never];
+export type SimpleTableProps<T extends object> = {
+    className?: string;
+    headers: SimpleTableHeader<T>[];
+    items: T[];
+    /**
+     * Render loading skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Number of rows to render while loading
+     * @default 10
+     */
+    loadingItems?: number;
+    /**
+     * @default false,
+     * Disable hover background color effect on rows
+     */
+    noHoverBackground?: boolean;
+    /**
+     * @default false
+     * Show checkbox on each row, and checkbox for toggling all in header
+     */
+    selectable?: {
+        enabled: boolean;
+        headerCheckboxValue?: boolean;
+        selectedRowIndexes?: number[];
+        onHeaderCheckboxChange?: (checked: boolean) => void;
+        onRowCheckboxChange?: (checked: boolean, index: number) => void;
+    };
+    /** Adding unique list keys */
+    keyExtractor: (item: T) => string;
+    /**
+     * Callback for clicking anywhere on row.
+     *
+     * If having buttons in the table, remember to call e.stopPropagation() to prevent this from firing.
+     */
+    onRowClick?: (item: T) => void;
+    /** Callback for hovering anywhere on row */
+    onRowHover?: (item: T) => void;
+};
+/**
+ * A simple table that tries to cover all the use cases of a ... simple table.
+ *
+ * special CSS class names:
+ * - 'row-hover-show': Shows only when the row is hovered
+ * - 'cell-hover-show': Shows only when the cell is hovered
+ */
+export declare const SimpleTable: <T extends object>({ className, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, selectable, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/simple-table/SimpleTable.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../checkbox/Checkbox.js"),o=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js");var c,d,s,h,u,x,g=l(t),m=g.default.table(c||(c=e.__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"]))),b=g.default.thead(d||(d=e.__makeTemplateObject(["\n  text-transform: uppercase;\n"],["\n  text-transform: uppercase;\n"]))),p=g.default.tr(s||(s=e.__makeTemplateObject(["\n  border-bottom: ",";\n  height: 48px;\n"],["\n  border-bottom: ",";\n  height: 48px;\n"])),a.theme.border),k=g.default.th(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"],["\n  padding: ",";\n  white-space: nowrap;\n  text-align: ",";\n"])),a.theme.space16,(function(e){return e.$textAlign})),v=g.default.tr(u||(u=e.__makeTemplateObject(["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  height: 48px;\n  cursor: ",";\n  & {\n    border-bottom: ",";\n  }\n\n  &.with-hover:hover {\n    background-color: ",";\n  }\n\n  &:not(:hover) {\n    .row-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.clickable?"pointer":"auto"}),a.theme.border,a.theme.gray50),j=g.default.td(x||(x=e.__makeTemplateObject(["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"],["\n  padding: ",";\n  text-align: ",";\n\n  &:not(:hover) {\n    .cell-hover-show {\n      visibility: collapse;\n    }\n  }\n"])),(function(e){return e.$noPadding?void 0:a.theme.space16}),(function(e){return e.$textAlign}));exports.SimpleTable=function(t){var a=t.className,l=t.headers,c=t.items,d=t.keyExtractor,s=t.loading,h=void 0!==s&&s,u=t.loadingItems,x=void 0===u?10:u,g=t.noHoverBackground,f=void 0!==g&&g,w=t.onRowClick,y=t.onRowHover,_=t.selectable,C=void 0===_?{enabled:!1}:_;return n.jsxs(m,{className:a,children:[n.jsxs("colgroup",{children:[!!C.onHeaderCheckboxChange&&n.jsx("col",{}),l.map((function(e){return n.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),n.jsx(b,{children:n.jsxs(p,{children:[!!C.onHeaderCheckboxChange&&n.jsx(k,{$textAlign:"center",children:n.jsx(r.Checkbox,{checked:!h&&C.headerCheckboxValue||!1,disabled:h,onChange:C.onHeaderCheckboxChange})}),l.map((function(e){return n.jsx(k,{$textAlign:e.align||"start",children:n.jsx(i.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),n.jsx("tbody",{children:h?e.__spreadArray([],e.__read(Array(x+1).keys()),!1).map((function(e){return n.jsx(v,{clickable:!1,children:l.map((function(t){return n.jsx(j,{$noPadding:!!t.noPadding,$textAlign:"center",children:n.jsx(o.Skeleton,{height:30},e)},t.key)}))},e)})):c.map((function(e,t){var o;return n.jsxs(v,{className:f?"":"with-hover",clickable:!!w,onClick:function(){return null==w?void 0:w(e)},onMouseEnter:function(){return null==y?void 0:y(e)},children:[C.enabled&&n.jsx(j,{$noPadding:!1,$textAlign:"center",children:n.jsx(r.Checkbox,{checked:(null===(o=C.selectedRowIndexes)||void 0===o?void 0:o.includes(t))||!1,onChange:function(e){var n;return null===(n=C.onRowCheckboxChange)||void 0===n?void 0:n.call(C,e,t)}})}),l.map((function(t){return function(e,t){var r=t[e.key];return e.renderCustom?n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:e.renderCustom(r,t)},e.key):n.jsx(j,{$noPadding:e.noPadding||!1,$textAlign:e.align||"start",children:String(r)},e.key)}(t,e)}))]},d(e))}))})]})};

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,o,c,d,s,h,p,m=a(t),u=m.default.div(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,r.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"}),r.theme.gray1200),g=m.default.div(o||(o=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray400}),r.theme.space16),x=m.default(i.Text)(c||(c=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),b=m.default(i.Text)(d||(d=n.__makeTemplateObject([""],[""]))),k=m.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),f=m.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),j=m.default.label(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),g,(function(n){return n.checked?r.theme.gray300:""}),x,r.theme.gray600,b,r.theme.gray400);exports.Switch=function(n){var t=n.checked,i=n.disabled,r=n.icon,a=n.label,l=n.labelDescription,o=n.onChange,c=n.subtitle;return e.jsxs(j,{checked:t,className:i?"disabled":"",htmlFor:a,onClick:function(){return!i&&o(!t)},children:[e.jsx(g,{checked:t,children:e.jsx(u,{checked:t,id:a})}),e.jsxs("div",{children:[e.jsxs(f,{children:[r,e.jsxs(x,{type:"input-label",children:[a,l&&e.jsx(k,{children:l})]})]}),c&&e.jsx(b,{type:"subtitle",children:c})]})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,o,c,d,s,h,p,u=a(t),m=u.default.div(l||(l=n.__makeTemplateObject(["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,r.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"}),r.theme.gray1200),g=u.default.div(o||(o=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.primary:r.theme.gray400}),r.theme.space16),x=u.default(i.Text)(c||(c=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),b=u.default(i.Text)(d||(d=n.__makeTemplateObject([""],[""]))),k=u.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),f=u.default.div(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),j=u.default.label(p||(p=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),g,(function(n){return n.checked?r.theme.gray300:""}),x,r.theme.gray600,b,r.theme.gray400);exports.Switch=function(n){var t=n.checked,i=n.disabled,r=n.icon,a=n.label,l=n.labelDescription,o=n.onChange,c=n.subtitle,d=null==a?void 0:a.replace(/\s/g,"-").toLowerCase();return e.jsxs(j,{checked:t,className:i?"disabled":"",htmlFor:d,onClick:function(){return!i&&o(!t)},children:[e.jsx(g,{checked:t,children:e.jsx(m,{checked:t,id:d})}),e.jsxs("div",{children:[e.jsxs(f,{children:[r,e.jsxs(x,{type:"input-label",children:[a,l&&e.jsx(k,{children:l})]})]}),c&&e.jsx(b,{type:"subtitle",children:c})]})]})};

package/components/table/TableRowCollapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n      td {\n        border-bottom: 0;\n      }\n    "],["\n      td {\n        border-bottom: 0;\n      }\n    "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n  > div {\n    padding-bottom: ",";\n  }\n"],["\n  > div {\n    padding-bottom: ",";\n  }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  &&& {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  border-bottom: ",";\n  &&& {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n      td {\n        border-bottom: 0;\n      }\n    "],["\n      td {\n        border-bottom: 0;\n      }\n    "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n  > div {\n    padding-bottom: ",";\n  }\n"],["\n  > div {\n    padding-bottom: ",";\n  }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n  border-bottom: ",";\n  &&& {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  border-bottom: ",";\n  &&& {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};

package/components/text/Text.d.ts

@@ -25,7 +25,7 @@ export declare const textOptions: readonly [{
     readonly size: "xl";
     readonly tag: "h4";
     readonly type: "title";
-    readonly weight: 600;
+    readonly weight: 500;
 }, {
     readonly label: "Bold Subheader (L) • 18px (1.125rem)";
     readonly size: "l";

package/components/text/Text.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:900},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:700},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],_=c[12],v=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(e){return e.color&&a.theme[e.color]}),(function(e){return e.isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,j=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(v,{as:r,className:a,color:s,fontSize:n,fontWeight:l,isUppercase:!!o,lineHeight:h,size:p,title:c,children:i})};switch(e.type){case"page-header":return j({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return j({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return j({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return j({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return j({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return j({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return j({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return j({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return j({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return j({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return j({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return j({as:g||_.tag,fontWeight:r||_.weight,isUppercase:l,size:_.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return j({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
+"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:900},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:700},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:500},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],_=c[12],v=h.default.h1(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  color: ",";\n  text-transform: ",";\n\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(e){return e.color&&a.theme[e.color]}),(function(e){return e.isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,j=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(v,{as:r,className:a,color:s,fontSize:n,fontWeight:l,isUppercase:!!o,lineHeight:h,size:p,title:c,children:i})};switch(e.type){case"page-header":return j({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return j({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return j({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return j({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return j({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return j({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return j({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return j({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return j({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return j({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return j({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return j({as:g||_.tag,fontWeight:r||_.weight,isUppercase:l,size:_.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return j({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.11",
+  "version": "5.1.13",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -50,7 +50,8 @@
     "react-dom": "^17.x || ^18.x",
     "react-tooltip": "^4.x",
     "styled-components": "^5.x",
-    "swr": "2.x"
+    "swr": "2.x",
+    "dayjs": "*"
   },
   "types": "all.d.ts"
 }

package/types/deep/Deep.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/types/deep/DeepKeyof.d.ts

@@ -0,0 +1,18 @@
+import type { DeepPrev, DeepRecursionLimited, DeepRecursiveDepth } from "./deep";
+type Delimiter = '.';
+/**
+ * Constructs a union of all possible keys with primitive values, with nested properties separated with a delimiter.
+ *
+ * Default recursion depth limit is 4.
+ *
+ * @example 'person.age'
+ *
+ */
+export type DeepKeyof<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, {
+    [K in Extract<keyof T, string>]: T[K] extends Array<unknown> ? K : T[K] extends object ? `${K}${Delimiter}${DeepKeyof<T[K], DeepPrev[Depth]>}` : K;
+}[Extract<keyof T, string>]>;
+/**
+ * Extracts a type for a field given a property path string.
+ */
+export type DeepPropertyType<T extends object, KeyPath extends DeepKeyof<T, Depth>, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, KeyPath extends `${infer Top}${Delimiter}${infer Rest}` ? Top extends keyof T ? T[Top] extends object ? Rest extends DeepKeyof<T[Top], DeepPrev[Depth]> ? DeepPropertyType<T[Top], Rest, DeepPrev[Depth]> : never : never : never : KeyPath extends keyof T ? T[KeyPath] : never>;
+export {};

package/types/deep/DeepKeyofAtIndex.d.ts

@@ -0,0 +1,12 @@
+import type { DeepPrev, DeepRecursionLimited, DeepRecursiveDepth } from "./deep";
+type DeepKeyofObjAndArray<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, {
+    [K in Extract<keyof T, string>]: T[K] extends unknown[] ? T[K][number] extends object ? `${K}[number].${DeepKeyofObjAndArray<T[K][number], DeepPrev[Depth]>}` : `${K}[number]` : T[K] extends object ? `${K}.${DeepKeyofObjAndArray<T[K], DeepPrev[Depth]>}` : K;
+}[Extract<keyof T, string>]>;
+export type DeepKeyofAtIndex<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Path in DeepKeyofObjAndArray<T, Depth>]: Path extends `${string}[number]${string}` ? Path : Path extends `${string}[number]` ? Path : never;
+}[DeepKeyofObjAndArray<T, Depth>];
+/**
+ * Extracts a type for a field given a property path string.
+ */
+export type DeepPropertyTypeAtIndex<T extends object, KeyPath extends DeepKeyofObjAndArray<T, Depth>, Depth extends DeepRecursiveDepth = 4> = DeepRecursionLimited<Depth, KeyPath extends `${infer Top}.${infer Rest}` ? Top extends `${infer ArrayField}[number]` ? ArrayField extends keyof T ? T[ArrayField] extends unknown[] ? T[ArrayField][number] extends object ? Rest extends DeepKeyofObjAndArray<T[ArrayField][number], DeepPrev[Depth]> ? DeepPropertyTypeAtIndex<T[ArrayField][number], Rest, DeepPrev[Depth]> : never : never : never : never : Top extends keyof T ? T[Top] extends object ? Rest extends DeepKeyofObjAndArray<T[Top], DeepPrev[Depth]> ? DeepPropertyTypeAtIndex<T[Top], Rest, DeepPrev[Depth]> : never : never : never : KeyPath extends `${infer ArrayField}[number]` ? ArrayField extends keyof T ? T[ArrayField] extends unknown[] ? T[ArrayField][number] : never : never : KeyPath extends keyof T ? T[KeyPath] : never>;
+export {};

package/types/deep/DeepKeyofAtIndex.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/types/deep/DeepReducerActions.d.ts

@@ -0,0 +1,25 @@
+import type { DeepRecursiveDepth } from "./deep";
+import type { DeepKeyof, DeepPropertyType } from "./DeepKeyof";
+import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "./DeepKeyofAtIndex";
+/**
+ * Default depth of 4
+ */
+export type DeepReducerActions<T extends object, Depth extends DeepRecursiveDepth = 4> = DeepReducerWithoutArrayActions<T, Depth> | DeepReducerWithArrayActions<T, Depth>;
+/**
+ * Default depth of 4
+ */
+export type DeepReducerWithArrayActions<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Name in DeepKeyofAtIndex<T, Depth>]: {
+        index: number;
+        name: Name;
+        type: 'changeAtIndex';
+        value: DeepPropertyTypeAtIndex<T, Name, Depth>;
+    };
+}[DeepKeyofAtIndex<T, Depth>];
+export type DeepReducerWithoutArrayActions<T extends object, Depth extends DeepRecursiveDepth = 4> = {
+    [Name in DeepKeyof<T, Depth>]: {
+        name: Name;
+        type: 'change';
+        value: DeepPropertyType<T, Name, Depth>;
+    };
+}[DeepKeyof<T, Depth>];

package/types/deep/deep.d.ts

@@ -0,0 +1,4 @@
+/** For depth limiting recursive types */
+export type DeepPrev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+export type DeepRecursiveDepth = DeepPrev[number];
+export type DeepRecursionLimited<Depth extends DeepRecursiveDepth, T> = Depth extends never ? never : T;

package/utils/changeDeepProperty.d.ts

@@ -0,0 +1,44 @@
+import type { DeepKeyof, DeepPropertyType } from "../types/deep/DeepKeyof";
+/**
+ * Will change a nested property on an object, and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t: T = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+        },
+      },
+    },
+  };
+
+    const out = changeDeepProperty({
+      obj: t,
+      propertyPath: 'my.friend.paul.age',
+      value: 40
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 40,
+          },
+        },
+      },
+    };
+ */
+export declare const changeDeepProperty: <T extends Record<string, unknown>, P extends DeepKeyof<T, Depth>, Depth extends 0 | 8 | 4 | 1 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ obj, propertyPath, value, }: {
+    obj: T;
+    propertyPath: P;
+    value: DeepPropertyType<T, P, Depth>;
+}) => T;

package/utils/changeDeepProperty.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),r=require("lodash/set");function t(e){return e&&e.__esModule?e:{default:e}}var u=t(e),a=t(r);exports.changeDeepProperty=function(e){var r=e.obj,t=e.propertyPath,o=e.value;return a.default(u.default(r),t,o)};

package/utils/changeDeepPropertyAtIndex.d.ts

@@ -0,0 +1,68 @@
+import type { DeepKeyofAtIndex, DeepPropertyTypeAtIndex } from "../types/deep/DeepKeyofAtIndex";
+/**
+ * Will change a nested property on an object (with array), and return a copy of the object with only that property changed.
+ *
+ * If a leaf field is optional, and not specified on the initial object, it will add it.
+ *
+ * **KeyPath only suggest on the field path that has array**
+ *
+ * Uses lodash `set` internally. @link https://lodash.com/docs/4.17.15#set
+ *
+ * @param propertyPath The path to the property, with nested keys separated by the delimiter.
+ * @param index Position of desired field want to set
+ * @param value The value to change it to.
+ *
+ * @example
+ * const t = {
+    my: {
+      friend: {
+        paul: {
+          age: 32,
+          childrens: [
+            {
+              name: "Janny",
+              sex: "MALE",
+            },
+            {
+              name: "Kicha",
+              sex: "FEMALE"
+            }
+          ]
+        },
+      },
+    },
+  };
+
+    const out = changeDeepPropertyAtIndex(
+      obj: t, propertyPath: 'my.friend.paul.childrens[number].name',
+      index: 1, value:
+      "Ketchup"
+    );
+
+    // Output:
+    out === {
+      my: {
+        friend: {
+          paul: {
+            age: 32,
+            childrenName: [
+              {
+                name: "Janny";
+                sex: "MALE",
+              },
+              {
+                name: "Ketchup" // <== Change here
+                sex: "FEMALE"
+              }
+            ]
+          },
+        },
+      },
+    };
+ */
+export declare const changeDeepPropertyAtIndex: <T extends object, P extends DeepKeyofAtIndex<T, Depth>, Depth extends 0 | 8 | 4 | 1 | 3 | 2 | 5 | 6 | 7 | 9 = 4>({ index, obj, propertyPath, value, }: {
+    index: number;
+    obj: T;
+    propertyPath: P;
+    value: DeepPropertyTypeAtIndex<T, P, Depth>;
+}) => T;

package/utils/changeDeepPropertyAtIndex.js

@@ -0,0 +1 @@
+"use strict";var e=require("lodash/cloneDeep"),r=require("lodash/set");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e),n=t(r);exports.changeDeepPropertyAtIndex=function(e){var r=e.index,t=e.obj,u=e.propertyPath,o=e.value;return n.default(a.default(t),u.replace("[number]","[".concat(r,"]").toString()),o)};