@zonos/amino 5.3.4 → 5.3.6

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(o){var i=o.action,r=o.children,d=o.className,m=o.closeOnMouseLeave,c=void 0===m||m,_=o.closeOnSelect,p=void 0===_||_,f=o.dropdownOptions,v=o.style,w=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},f)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(){p&&b(!1)};return n.jsxs("div",{ref:M,className:a.default(s,d),onMouseLeave:function(){c&&b(!1)},style:v,children:[n.jsx("div",{ref:x.setReference,onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:i}),n.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&n.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g()},role:"button",tabIndex:-1,children:r})})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(o){var i=o.action,r=o.children,d=o.className,m=o.closeOnMouseLeave,c=void 0===m||m,_=o.closeOnSelect,p=void 0===_||_,f=o.dropdownOptions,v=o.style,w=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},f)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(){p&&b(!1)};return n.jsxs("div",{ref:M,className:a.default(s,d),onMouseLeave:function(){c&&b(!1)},style:v,children:[n.jsx("div",{ref:x.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:i}),n.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&n.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g()},role:"button",tabIndex:-1,children:r})})]})};

package/components/button/button-group/ButtonGroup.js

@@ -1 +1 @@
-"use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),r=require("../../../style-inject.es-d4ddeae4.js");require("../../../_tslib-bd4862e8.js"),require("clsx");var e="Amino_ButtonGroup-module__buttonGroup--sNViN";r.styleInject(".Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{z-index:1}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}");exports.ButtonGroup=function(r){var i=r.children;return t.jsx(o.Flex,{className:e,gap:0,children:i})};
+"use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),u=require("../../../style-inject.es-d4ddeae4.js");require("../../../_tslib-bd4862e8.js"),require("clsx");var r="Amino_ButtonGroup-module__buttonGroup--sNViN";u.styleInject(".Amino_ButtonGroup-module__buttonGroup--sNViN{border-radius:var(--amino-radius-6);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Amino_ButtonGroup-module__buttonGroup--sNViN .menu-button-action :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN .tooltip-wrapper :focus,.Amino_ButtonGroup-module__buttonGroup--sNViN>:focus{z-index:1}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:first-child) .tooltip-wrapper *{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child),.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .menu-button-action *,.Amino_ButtonGroup-module__buttonGroup--sNViN>:not(:last-child) .tooltip-wrapper *{border-bottom-right-radius:0;border-top-right-radius:0}");exports.ButtonGroup=function(u){var i=u.children;return t.jsx(o.Flex,{className:r,gap:0,children:i})};

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),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)})]})]})]}))};
+"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),a=require("../../select/Select.js"),o=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(n.useState(m.amountFilterType),2),d=j[0],g=j[1],h=e.__read(n.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),v=h[0],y=h[1],F=e.__read(n.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),x=F[0],b=F[1],_=e.__read(n.useState(!1),2),A=_[0],I=_[1],M=n.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),f=n.useCallback((function(e){var t=v?"".concat(parseFloat(v).toFixed(2)):"0",n=x?"".concat(parseFloat(x).toFixed(2)):"0";switch(d){case"between":e("Between ".concat(t," and ").concat(n));break;case"equal":e("Equal to ".concat(t));break;case"greater":e("Greater than ".concat(t));break;case"less":e("Less than ".concat(n))}}),[x,v,d]),T=n.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":M({amountMax:x?parseFloat(x):null,amountMin:v?parseFloat(v):null});break;case"equal":M({amountMax:v?parseFloat(v):null,amountMin:v?parseFloat(v):null});break;case"greater":M({amountMax:null,amountMin:v?parseFloat(v):null});break;case"less":M({amountMax:x?parseFloat(x):null,amountMin:null})}c({name:"isActive",type:"change",value:!0}),f(e)}),[c,M,x,v,d,f]),k=n.useMemo((function(){return"less"===d?null===x?"":String(x):null===v?"":String(v)}),[x,v,d]);return(0,i.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:T,onApplyFilterText:f,onClose:function(){g(m.amountFilterType),y(m.amountTotalMin?String(m.amountTotalMin):null),b(m.amountTotalMax?String(m.amountTotalMax):null)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:r.initialFilterAmountState.amountFilterType}),M({amountMax:null,amountMin:null}),g(r.initialFilterAmountState.amountFilterType),y("0"),b("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(a.Select,{isClearable:!1,onChange:function(e){return g((null==e?void 0:e.value)||r.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&A&&e.stopPropagation()},onMenuClose:function(){return I(!1)},onMenuOpen:function(){return I(!0)},options:r.filterAmountOptions,size:"md",value:r.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(o.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return t=e.target.value,void("less"===d?b(t):y(t));var t},size:"md",type:"number",value:k}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return b(e.target.value)},size:"md",type:"number",value:null===x?"":String(x)})]})]})]}))};

package/components/menu/MenuItem.d.ts

@@ -2,8 +2,9 @@ import type { MouseEventHandler, ReactNode } from 'react';
 import type { BaseProps } from "../../types/BaseProps";
 type MenuItemProps = BaseProps & {
     children: ReactNode;
+    disabled?: boolean;
     icon?: ReactNode;
     onClick?: MouseEventHandler;
 };
-export declare const MenuItem: ({ children, className, icon, onClick, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ children, className, disabled, icon, onClick, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../style-inject.es-d4ddeae4.js"),i="Amino_MenuItem-module__styledListItem--Yw0-a";t.styleInject(".Amino_MenuItem-module__styledListItem--Yw0-a{align-items:center;border-radius:var(--amino-radius-6);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);line-height:24px;padding:var(--amino-space-8);-webkit-user-select:none;user-select:none}.Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-hover-color)}.Amino_MenuItem-module__styledListItem--Yw0-a a{display:block;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a svg{margin-right:var(--amino-space-8)}[data-theme=night] .Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-gray-100)}");exports.MenuItem=function(t){var n=t.children,s=t.className,a=t.icon,r=t.onClick,o=t.style;return e.jsx("li",{className:s,style:o,children:e.jsxs("div",{className:i,onClick:r,role:"button",tabIndex:0,children:[a,n]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(t),o="Amino_MenuItem-module__disabled--aPHbO",s="Amino_MenuItem-module__styledListItem--Yw0-a";i.styleInject(".Amino_MenuItem-module__disabled--aPHbO .Amino_MenuItem-module__styledListItem--Yw0-a{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_MenuItem-module__styledListItem--Yw0-a{align-items:center;border-radius:var(--amino-radius-6);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);line-height:24px;padding:var(--amino-space-8);-webkit-user-select:none;user-select:none}.Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-hover-color)}.Amino_MenuItem-module__styledListItem--Yw0-a a{display:block;width:100%}.Amino_MenuItem-module__styledListItem--Yw0-a svg{margin-right:var(--amino-space-8)}[data-theme=night] .Amino_MenuItem-module__styledListItem--Yw0-a:hover{background:var(--amino-gray-100)}");exports.MenuItem=function(t){var i=t.children,n=t.className,l=t.disabled,r=t.icon,m=t.onClick,d=t.style;return e.jsx("li",{className:a.default(n,l&&o),style:d,children:e.jsxs("div",{className:s,onClick:function(e){return!l&&(null==m?void 0:m(e))},role:"button",tabIndex:0,children:[r,i]})})};

package/components/textarea/Textarea.d.ts

@@ -2,7 +2,7 @@ import { type ReactNode, type TextareaHTMLAttributes } from 'react';
 type TextareaAdjustableHeightType = {
     /**
      * @param expandable
-     * @desc if set to true, the textarea will expand to fit the content
+     * @desc if set to true, the textarea will expand to fit the content.
      */
     expandable?: boolean;
     /**
@@ -13,6 +13,11 @@ type TextareaAdjustableHeightType = {
     maxRows?: number;
 };
 type TextareaType = {
+    /**
+     * @param actions
+     * @desc actions to be displayed in a footer within the textarea
+     */
+    actions?: ReactNode;
     error?: boolean;
     helpText?: ReactNode;
     label?: string;
@@ -21,6 +26,11 @@ type TextareaType = {
 } & TextareaAdjustableHeightType;
 export type TextareaProps = TextareaType & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'>;
 export declare const Textarea: import("react").ForwardRefExoticComponent<{
+    /**
+     * @param actions
+     * @desc actions to be displayed in a footer within the textarea
+     */
+    actions?: ReactNode;
     error?: boolean | undefined;
     helpText?: ReactNode;
     label?: string | undefined;

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js"),l=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=n(r),_="Amino_Textarea-module__fields--z7afT",s="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",m="Amino_Textarea-module__styledTextarea--Mk9DH",x="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",p="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__aminoInputWrapper--h9Y-6",c="Amino_Textarea-module__disabled--YH6dm";l.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var A=o.forwardRef((function(r,l){var n,A=r.className,f=r.disabled,v=r.error,h=r.expandable,y=r.helpText,k=r.label,g=r.maxRows,q=r.rows,H=r.style,L=r.value,w=r.width,M=e.__rest(r,["className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),j=!!L,D=o.useRef(null);return i.useHeightAdjustTextarea({maxRows:g,ref:D,shouldExpand:!!h,textareaValue:(null==L?void 0:L.toString())||""}),a.jsxs("div",{className:d.default(A,b,"amino-input-wrapper",f&&c),style:e.__assign(e.__assign({},H),{"--amino-textarea-width":w||"100%"}),children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){l&&"function"==typeof l?l(e):l&&(l.current=e),D.current=e},className:d.default(m,v&&p,k&&x,j&&T),disabled:f,rows:q,value:L},M)),a.jsx("label",{className:u,"data-label":k,htmlFor:null===(n=null==D?void 0:D.current)||void 0===n?void 0:n.id,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},children:k}),a.jsx("div",{className:s})]}),a.jsx(t.HelpText,{error:v,helpText:y})]})}));exports.Textarea=A;
+"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),r=require("../flex/Flex.js"),i=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var s=d(t),_="Amino_Textarea-module__fields--z7afT",u="Amino_Textarea-module__styledBorder--yOPdL",m="Amino_Textarea-module__styledLabelInput--Q6-k8",x="Amino_Textarea-module__styledTextarea--Mk9DH",T="Amino_Textarea-module__hasLabel--qqvuZ",p="Amino_Textarea-module__hasContent--xpSft",c="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__actions--2J3kv",f="Amino_Textarea-module__aminoInputWrapper--h9Y-6",h="Amino_Textarea-module__disabled--YH6dm";n.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__actions--2J3kv{background:var(--amino-page-background);border-bottom-left-radius:16px;border-bottom-right-radius:16px;bottom:1px;height:58px;left:1px;padding:0 16px;position:absolute;right:1px;text-align:right;z-index:3}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:var(--amino-opacity-disabled)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var v=o.forwardRef((function(t,n){var d,v,A=t.actions,y=t.className,g=t.disabled,k=t.error,q=t.expandable,H=t.helpText,L=t.label,w=t.maxRows,j=t.rows,M=t.style,D=t.value,z=t.width,I=e.__rest(t,["actions","className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),Y=!!D,Z=o.useRef(null),N=o.useRef(null);return l.useHeightAdjustTextarea({additionalHeight:A?null===(d=N.current)||void 0===d?void 0:d.clientHeight:0,maxRows:w,ref:Z,shouldExpand:!!q,textareaValue:(null==D?void 0:D.toString())||""}),a.jsxs("div",{className:s.default(y,f,"amino-input-wrapper",g&&h),style:e.__assign(e.__assign({},M),{"--amino-textarea-width":z||"100%"}),children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==Z?void 0:Z.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){n&&"function"==typeof n?n(e):n&&(n.current=e),Z.current=e},className:s.default(x,k&&c,L&&T,Y&&p),disabled:g,rows:j,value:D},I)),a.jsx("label",{className:m,"data-label":L,htmlFor:null===(v=null==Z?void 0:Z.current)||void 0===v?void 0:v.id,onClick:function(){var e;return null===(e=null==Z?void 0:Z.current)||void 0===e?void 0:e.focus()},children:L}),a.jsx("div",{className:u})]}),a.jsx(i.HelpText,{error:k,helpText:H}),A&&a.jsx("div",{ref:N,className:b,children:a.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:A})})]})}));exports.Textarea=v;

package/components/tooltip/Tooltip.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("../flex/Flex.js"),a=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function n(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var u=n(s),d=t.styled((function(t){var s=t.className,i=t.dataTheme,a=e.__rest(t,["className","dataTheme"]);return r.jsx(u.default,e.__assign({},a,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},a.PopperProps),{"data-theme":i})}))}))((function(){var e,r;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:o.theme.gray0,borderRadius:o.theme.radius10,boxShadow:o.theme.v3ShadowLarge,color:o.theme.textColor,padding:o.theme.space12},e["&[data-theme='night']"]=((r={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:o.theme.gray50},r),e}));exports.Tooltip=function(t){var s=t.children,o=t.className,n=t.disabled,u=void 0!==n&&n,c=t.open,m=t.subtitle,h=t.themeOverride,p=void 0===h?"night":h,x=t.title,g=e.__rest(t,["children","className","disabled","open","subtitle","themeOverride","title"]),j=l.useAminoTheme().aminoTheme;return u?s:r.jsx(d,e.__assign({},g,{className:o,dataTheme:p||j,open:c,title:r.jsxs(i.Flex,{flexDirection:"column",gap:8,children:["string"==typeof x?r.jsx(a.Text,{type:"small-header",children:x}):r.jsx(r.Fragment,{children:x}),"string"==typeof m?r.jsx(a.Text,{type:"caption",children:m}):r.jsx(r.Fragment,{children:m})]}),children:r.jsx("div",{children:s})}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),i=require("../flex/Flex.js"),a=require("../text/Text.js"),o=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function n(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var u=n(s),d=t.styled((function(t){var s=t.className,i=t.dataTheme,a=e.__rest(t,["className","dataTheme"]);return r.jsx(u.default,e.__assign({},a,{classes:{popper:s},PopperProps:e.__assign(e.__assign({},a.PopperProps),{"data-theme":i})}))}))((function(){var e,r;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:o.theme.gray0,borderRadius:o.theme.radius10,boxShadow:o.theme.v3ShadowLarge,color:o.theme.textColor,padding:o.theme.space12},e["&[data-theme='night']"]=((r={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:o.theme.gray50},r),e}));exports.Tooltip=function(t){var s=t.children,o=t.className,n=t.disabled,u=void 0!==n&&n,c=t.open,m=t.subtitle,h=t.themeOverride,p=void 0===h?"night":h,x=t.title,g=e.__rest(t,["children","className","disabled","open","subtitle","themeOverride","title"]),j=l.useAminoTheme().aminoTheme;return u?s:r.jsx(d,e.__assign({},g,{className:o,dataTheme:p||j,open:c,title:r.jsxs(i.Flex,{flexDirection:"column",gap:8,children:["string"==typeof x?r.jsx(a.Text,{type:"small-header",children:x}):r.jsx(r.Fragment,{children:x}),"string"==typeof m?r.jsx(a.Text,{type:"caption",children:m}):r.jsx(r.Fragment,{children:m})]}),children:r.jsx("div",{className:"tooltip-wrapper",children:s})}))};

package/package.json

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

package/utils/hooks/useHeightAdjustTextarea.d.ts

@@ -1,5 +1,6 @@
 import { type MutableRefObject } from 'react';
 type TextareaParams = {
+    additionalHeight?: number;
     initialRows?: number;
     maxRows?: number;
     ref: MutableRefObject<HTMLTextAreaElement | null>;
@@ -10,5 +11,5 @@ type TextareaParams = {
  * This hook is used to adjust the height of textarea to the defined `maxRows`. It will
  * expand the height of textarea up to `maxRows` and then it will add scroll bar.
  */
-export declare const useHeightAdjustTextarea: ({ initialRows, maxRows, ref, shouldExpand, textareaValue, }: TextareaParams) => void;
+export declare const useHeightAdjustTextarea: ({ additionalHeight, initialRows, maxRows, ref, shouldExpand, textareaValue, }: TextareaParams) => void;
 export {};

package/utils/hooks/useHeightAdjustTextarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),a=function(e,t){return window.getComputedStyle(e)[t]};exports.useHeightAdjustTextarea=function(r){var i=r.initialRows,o=void 0===i?2:i,s=r.maxRows,l=void 0===s?5:s,n=r.ref,u=r.shouldExpand,h=r.textareaValue,d=e.__read(t.useState(0),2),c=d[0],p=d[1];t.useEffect((function(){var e=n.current;if(e&&u){var t=parseFloat(a(e,"height")),r=parseFloat(a(e,"lineHeight")),i=parseFloat(a(e,"paddingTop"))||0,o=parseFloat(a(e,"paddingBottom"))||0;c||p(t);var s=r*l+i+o;if(e.style.height="0",e.scrollHeight<=s){var h=Math.max(c,e.scrollHeight);e.style.height="".concat(h,"px"),e.style.overflow="hidden"}else e.style.height="".concat(s,"px"),e.style.overflow="auto"}}),[n,l,h,u,c,o])};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),a=function(e,t){return window.getComputedStyle(e)[t]};exports.useHeightAdjustTextarea=function(i){var o=i.additionalHeight,r=void 0===o?0:o,s=i.initialRows,l=void 0===s?2:s,n=i.maxRows,d=void 0===n?5:n,h=i.ref,u=i.shouldExpand,c=i.textareaValue,g=e.__read(t.useState(0),2),p=g[0],v=g[1];t.useEffect((function(){var e=h.current;if(e&&u){var t=parseFloat(a(e,"height")),i=parseFloat(a(e,"lineHeight")),o=parseFloat(a(e,"paddingTop"))||0,s=parseFloat(a(e,"paddingBottom"))||0;p||v(t);var l=i*d+o+s;if(e.style.height="0",e.scrollHeight+r<=l){var n=Math.max(p,e.scrollHeight+r);e.style.height="".concat(n,"px"),e.style.overflow="hidden"}else e.style.height="".concat(l+r,"px"),e.style.overflow="auto"}}),[h,d,c,u,p,l,r])};