@zonos/amino 5.3.4 → 5.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/button/MenuButton.js +1 -1
- package/components/button/button-group/ButtonGroup.js +1 -1
- package/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/menu/MenuItem.d.ts +2 -1
- package/components/menu/MenuItem.js +1 -1
- package/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1 +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})})]})};
|
|
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,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})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("react/jsx-runtime"),o=require("../../flex/Flex.js"),
|
|
1
|
+
"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})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),
|
|
1
|
+
"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)})]})]})]}))};
|
|
@@ -2,8 +2,9 @@ import type { MouseEventHandler, ReactNode } from 'react';
|
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
3
|
type MenuItemProps = BaseProps & {
|
|
4
4
|
children: ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
5
6
|
icon?: ReactNode;
|
|
6
7
|
onClick?: MouseEventHandler;
|
|
7
8
|
};
|
|
8
|
-
export declare const MenuItem: ({ children, className, icon, onClick, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const MenuItem: ({ children, className, disabled, icon, onClick, style, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("../../style-inject.es-d4ddeae4.js"),
|
|
1
|
+
"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]})})};
|
|
@@ -1 +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})}))};
|
|
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",{className:"tooltip-wrapper",children:s})}))};
|