@zonos/amino 5.2.12 → 5.2.14

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),o=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),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("@floating-ui/react"),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("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(r.useState(m.amountFilterType),2),d=j[0],h=j[1],v=e.__read(r.useState(m.amountTotalMin),2),g=v[0],y=v[1],b=e.__read(r.useState(m.amountTotalMax),2),A=b[0],_=b[1],I=e.__read(r.useState(!1),2),f=I[0],F=I[1],k=r.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})}),[c]),x=r.useCallback((function(e){var t="".concat((null==g?void 0:g.toFixed(2))||0)||"",r="".concat((null==A?void 0:A.toFixed(2))||0)||"";switch(d){case"between":e("Between ".concat(t," and ").concat(r));break;case"equal":e("Equal to ".concat(t));break;case"greater":e("Greater than ".concat(t));break;case"less":e("Less than ".concat(t))}}),[g,A,d]),C=r.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":k({amount1:g,amount2:A});break;case"equal":k({amount1:g,amount2:g});break;case"greater":k({amount1:g,amount2:null});break;case"less":k({amount1:null,amount2:g})}c({name:"isActive",type:"change",value:!0}),x(e)}),[c,k,g,A,d,x]);return(0,i.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:C,onApplyFilterText:x,onClose:function(){h(m.amountFilterType),y(m.amountTotalMin),_(m.amountTotalMax)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:n.initialFilterAmountState.amountFilterType}),k({amount1:null,amount2:null}),h(n.initialFilterAmountState.amountFilterType),y(0),_(0)},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(o.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||n.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&f&&e.stopPropagation()},onMenuClose:function(){return F(!1)},onMenuOpen:function(){return F(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===g?"":String(g)}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return _(e.target.valueAsNumber)},size:"md",type:"number",value:null===A?"":String(A)})]})]})]}))};
+"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),o=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),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("@floating-ui/react"),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("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(r.useState(m.amountFilterType),2),d=j[0],h=j[1],v=e.__read(r.useState(m.amountTotalMin),2),g=v[0],y=v[1],b=e.__read(r.useState(m.amountTotalMax),2),x=b[0],A=b[1],_=e.__read(r.useState(!1),2),I=_[0],f=_[1],F=r.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),k=r.useCallback((function(e){var t="".concat((null==g?void 0:g.toFixed(2))||0)||"",r="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":e("Between ".concat(t," and ").concat(r));break;case"equal":e("Equal to ".concat(t));break;case"greater":e("Greater than ".concat(t));break;case"less":e("Less than ".concat(r))}}),[x,g,d]),C=r.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":F({amountMax:x,amountMin:g});break;case"equal":F({amountMax:g,amountMin:g});break;case"greater":F({amountMax:null,amountMin:g});break;case"less":F({amountMax:x,amountMin:null})}c({name:"isActive",type:"change",value:!0}),k(e)}),[c,F,x,g,d,k]),M=r.useMemo((function(){return"less"===d?null===x?"":String(x):null===g?"":String(g)}),[x,g,d]);return(0,i.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:C,onApplyFilterText:k,onClose:function(){h(m.amountFilterType),y(m.amountTotalMin),A(m.amountTotalMax)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:n.initialFilterAmountState.amountFilterType}),F({amountMax:null,amountMin:null}),h(n.initialFilterAmountState.amountFilterType),y(0),A(0)},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(o.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||n.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&I&&e.stopPropagation()},onMenuClose:function(){return f(!1)},onMenuOpen:function(){return f(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return t=e.target.valueAsNumber,void("less"===d?A(t):y(t));var t},size:"md",type:"number",value:M}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return A(e.target.valueAsNumber)},size:"md",type:"number",value:null===x?"":String(x)})]})]})]}))};

package/components/section/VSection.d.ts

@@ -1,9 +1,11 @@
 import type { ReactNode } from 'react';
+import type { FontType } from "../text/Text";
 import type { BaseProps } from "../../types/BaseProps";
 export type VSectionProps = BaseProps & {
     actions?: ReactNode;
-    children: ReactNode;
+    children?: ReactNode;
     label?: ReactNode;
+    labelType?: FontType;
     sublabel?: ReactNode;
 };
-export declare const VSection: ({ actions, children, className, label, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VSection: ({ actions, children, className, label, labelType, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),s=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),o="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,u=r.className,d=r.label,j=r.style,S=r.sublabel,x=void 0===S?"":S;return e.jsxs("div",{className:l.default(u,o),style:j,children:[d&&e.jsxs(s.SectionInnerWrapper,{children:[e.jsxs("div",{children:["string"==typeof d?e.jsx(t.SectionHeader,{children:d}):d,"string"==typeof x?e.jsx(i.SectionSubheader,{children:x}):x]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),s=require("../stack/HStack.js"),n=require("./_SectionHeader.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var a=l(r),o="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,l=r.children,u=r.className,d=r.label,j=r.labelType,S=void 0===j?"title":j,p=r.style,x=r.sublabel,_=void 0===x?"":x;return e.jsxs("div",{className:a.default(u,o),style:p,children:[d&&e.jsxs(t.SectionInnerWrapper,{children:[e.jsxs("div",{children:["string"==typeof d?e.jsx(n.SectionHeader,{type:S,children:d}):d,"string"==typeof _?e.jsx(i.SectionSubheader,{children:_}):_]}),e.jsx(s.HStack,{spacing:8,children:c})]}),l&&e.jsx("div",{children:l})]})};

package/components/section/_SectionHeader.d.ts

@@ -1,7 +1,9 @@
 import type { ReactNode } from 'react';
+import { type FontType } from "../text/Text";
 import type { BaseProps } from "../../types/BaseProps";
 type Props = BaseProps & {
     children: ReactNode;
+    type: FontType;
 };
-export declare const SectionHeader: ({ children, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionHeader: ({ children, className, style, type }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino__SectionHeader-module__styledSectionHeader--no0Wh";s.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(t){var s=t.children,i=t.className,c=t.style;return e.jsx(r.Text,{className:l.default(i,n),style:c,type:"title",children:s})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var n=i(t),l="Amino__SectionHeader-module__styledSectionHeader--no0Wh";s.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(t){var s=t.children,i=t.className,c=t.style,o=t.type;return e.jsx(r.Text,{className:n.default(i,l),style:c,type:o,children:s})};

package/components/text/Text.d.ts

@@ -83,7 +83,7 @@ export declare const textOptions: readonly [{
     readonly weight: 400;
 }];
 type Size = (typeof textOptions)[number]['size'];
-type Type = (typeof textOptions)[number]['type'];
+export type FontType = (typeof textOptions)[number]['type'];
 export type FontWeight = (typeof textOptions)[number]['weight'] | 800;
 type Tag = (typeof textOptions)[number]['tag'];
 type TypographyOverrides = {
@@ -92,7 +92,7 @@ type TypographyOverrides = {
     fontWeight?: FontWeight;
     lineHeight?: Size;
 };
-type TextStyle = Type | OtherText;
+type TextStyle = FontType | OtherText;
 export type TextProps = BaseProps & {
     children: ReactNode;
     isUppercase?: boolean;

package/package.json

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