@zonos/amino 5.5.41 → 5.5.43

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.
@@ -12,6 +12,7 @@ type FilterWrapperProps = BaseProps & {
12
12
  handleOpenDropdown: (e: MouseEvent) => void;
13
13
  handleToggle: () => void;
14
14
  hasFilter: boolean;
15
+ isDisabled?: boolean;
15
16
  label: string;
16
17
  };
17
18
  /**
@@ -111,5 +112,5 @@ type FilterWrapperProps = BaseProps & {
111
112
  * </div>
112
113
  * ```
113
114
  */
114
- export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, label, style, }: FilterWrapperProps) => import("react").JSX.Element;
115
+ export declare const FilterWrapper: ({ active, children, className, dropDownOpen, dropdownRef, dropdownTitle, filterText, handleApply, handleKeyDown, handleOpenDropdown, handleToggle, hasFilter, isDisabled, label, style, }: FilterWrapperProps) => import("react").JSX.Element;
115
116
  export {};
@@ -1 +1 @@
1
- "use strict";var r=require("../../tslib.es6-8c21e256.js"),e=require("clsx"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),n=require("../../styles/constants/theme.js"),p=require("../../global.module-569e4fd5.js"),s=require("../../style-inject.es-d4ddeae4.js"),d=require("react/jsx-runtime");function u(r){return r&&r.__esModule?r:{default:r}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var m=u(e),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",_="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",b="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__filterTitle--1VaM3",h="Amino_FilterWrapper-module__filterText--UowIN",v="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",f="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy.active{border-right:1px solid var(--amino-filter-wrapper-border-right-color)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__filterText--UowIN,.Amino_FilterWrapper-module__filterTitle--1VaM3{padding-left:var(--amino-space-4);padding-right:var(--amino-space-4)}.Amino_FilterWrapper-module__filterText--UowIN{color:var(--amino-blue-600);font-weight:600}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:5}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(e){var s=e.active,u=e.children,j=e.className,y=e.dropDownOpen,W=e.dropdownRef,w=e.dropdownTitle,q=e.filterText,A=e.handleApply,F=e.handleKeyDown,T=e.handleOpenDropdown,C=e.handleToggle,D=e.hasFilter,I=e.label,N=e.style;return d.jsxs("div",{className:m.default(j,c),style:r.__assign(r.__assign({},N),{"--amino-filter-wrapper-border-bottom-right-radius":D?"0px":"100px","--amino-filter-wrapper-border-right-color":s?n.theme.borderColor:n.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":D?"0px":"100px"}),children:[d.jsxs("div",{className:m.default(s&&"active",_),children:[d.jsx("button",{className:p.globalStyles.focusable,onClick:C,type:"button",children:d.jsxs("div",{className:m.default(s&&"active",g),children:[s?d.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):d.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),d.jsx(i.Text,{className:x,fontWeight:600,children:I})]})}),D&&d.jsxs("button",{className:m.default(b,p.globalStyles.focusable),onClick:T,type:"button",children:[d.jsx(i.Text,{className:h,children:q}),d.jsx(a.ChevronDownIcon,{size:24})]})]}),d.jsxs("div",{ref:W,className:v,onKeyDown:F,role:"menu",style:{display:y?"flex":"none"},tabIndex:-1,children:[d.jsx(i.Text,{type:"bold-subheader",children:w}),d.jsx("div",{className:f,children:u}),d.jsx(o.Button,{onClick:A,size:"md",variant:"primary",children:"Apply"})]})]})};
1
+ "use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),n=require("../../styles/constants/theme.js"),p=require("../../global.module-569e4fd5.js"),s=require("../../style-inject.es-d4ddeae4.js"),d=require("react/jsx-runtime");function u(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var m=u(r),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",_="Amino_FilterWrapper-module__disabled--MzK6Y",g="Amino_FilterWrapper-module__badgeWrapper--wljBB",b="Amino_FilterWrapper-module__toggleWrapper--gqVoy",x="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",h="Amino_FilterWrapper-module__filterTitle--1VaM3",v="Amino_FilterWrapper-module__filterText--UowIN",f="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",W="Amino_FilterWrapper-module__controlsWrapper--j4AT5";s.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__filterWrapper--u-lhr.Amino_FilterWrapper-module__disabled--MzK6Y{cursor:not-allowed;opacity:.5;pointer-events:none}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy.active{border-right:1px solid var(--amino-filter-wrapper-border-right-color)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-0);padding:var(--amino-space-4) var(--amino-space-4)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__filterText--UowIN,.Amino_FilterWrapper-module__filterTitle--1VaM3{padding-left:var(--amino-space-4);padding-right:var(--amino-space-4)}.Amino_FilterWrapper-module__filterText--UowIN{color:var(--amino-blue-600);font-weight:600}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:5}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(r){var s=r.active,u=r.children,j=r.className,y=r.dropDownOpen,w=r.dropdownRef,A=r.dropdownTitle,q=r.filterText,F=r.handleApply,T=r.handleKeyDown,C=r.handleOpenDropdown,D=r.handleToggle,I=r.hasFilter,N=r.isDisabled,B=r.label,k=r.style;return d.jsxs("div",{className:m.default(j,c,N&&_),style:e.__assign(e.__assign({},k),{"--amino-filter-wrapper-border-bottom-right-radius":I?"0px":"100px","--amino-filter-wrapper-border-right-color":s?n.theme.borderColor:n.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":I?"0px":"100px"}),children:[d.jsxs("div",{className:m.default(s&&"active",g),children:[d.jsx("button",{className:p.globalStyles.focusable,onClick:D,type:"button",children:d.jsxs("div",{className:m.default(s&&"active",b),children:[s?d.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):d.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),d.jsx(i.Text,{className:h,fontWeight:600,children:B})]})}),I&&d.jsxs("button",{className:m.default(x,p.globalStyles.focusable),onClick:C,type:"button",children:[d.jsx(i.Text,{className:v,children:q}),d.jsx(a.ChevronDownIcon,{size:24})]})]}),d.jsxs("div",{ref:w,className:f,onKeyDown:T,role:"menu",style:{display:y?"flex":"none"},tabIndex:-1,children:[d.jsx(i.Text,{type:"bold-subheader",children:A}),d.jsx("div",{className:W,children:u}),d.jsx(o.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})};
@@ -5,6 +5,7 @@ export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
5
5
  export type FilterAmountProps = BaseFilterProps & {
6
6
  dispatch: Dispatch<FilterAmountAction>;
7
7
  filter: FilterAmountState;
8
+ isDisabled?: boolean;
8
9
  };
9
10
  /**
10
11
  * FilterAmount provides a specialized filter interface for numeric amount values.
@@ -52,4 +53,4 @@ export type FilterAmountProps = BaseFilterProps & {
52
53
  * </FilterWrapper>
53
54
  * ```
54
55
  */
55
- export declare const FilterAmount: ({ dispatch, dropdownTitle, filter, label, }: FilterAmountProps) => import("react").JSX.Element;
56
+ export declare const FilterAmount: ({ dispatch, dropdownTitle, filter, isDisabled, label, }: FilterAmountProps) => import("react").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../tslib.es6-8c21e256.js"),t=require("react"),n=require("./filterAmountReducer.js"),r=require("../useFilterWrapper.js"),i=require("../../input/Input.js"),u=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),o=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");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("../../../_rollupPluginBabelHelpers-697f213c.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/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var s="Amino_FilterAmount-module__inputWrapper--6kcs2";o.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(o){var c=o.dispatch,p=o.dropdownTitle,m=o.filter,q=o.label,j=e.__read(t.useState(m.amountFilterType),2),d=j[0],g=j[1],v=e.__read(t.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),h=v[0],F=v[1],x=e.__read(t.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),y=x[0],b=x[1],_=e.__read(t.useState(!1),2),A=_[0],I=_[1],M=t.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),f=t.useCallback((function(e){var t=h?"".concat(parseFloat(h).toFixed(2)):"0",n=y?"".concat(parseFloat(y).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))}}),[y,h,d]),T=t.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":M({amountMax:y?parseFloat(y):null,amountMin:h?parseFloat(h):null});break;case"equal":M({amountMax:h?parseFloat(h):null,amountMin:h?parseFloat(h):null});break;case"greater":M({amountMax:null,amountMin:h?parseFloat(h):null});break;case"less":M({amountMax:y?parseFloat(y):null,amountMin:null})}c({name:"isActive",type:"change",value:!0}),f(e)}),[c,M,y,h,d,f]),C=t.useMemo((function(){return"less"===d?null===y?"":String(y):null===h?"":String(h)}),[y,h,d]);return(0,r.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:T,onApplyFilterText:f,onClose:function(){g(m.amountFilterType),F(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:n.initialFilterAmountState.amountFilterType}),M({amountMax:null,amountMin:null}),g(n.initialFilterAmountState.amountFilterType),F("0"),b("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(l.jsxs(l.Fragment,{children:[l.jsx(u.Select,{isClearable:!1,onChange:function(e){return g((null==e?void 0:e.value)||n.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&A&&e.stopPropagation()},onMenuClose:function(){return I(!1)},onMenuOpen:function(){return I(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===d}))}),l.jsxs("div",{className:s,children:[l.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),l.jsx(i.Input,{onChange:function(e){return t=e.target.value,void("less"===d?b(t):F(t));var t},size:"md",type:"number",value:C}),"between"===d&&l.jsxs(l.Fragment,{children:["and",l.jsx(i.Input,{onChange:function(e){return b(e.target.value)},size:"md",type:"number",value:null===y?"":String(y)})]})]})]}))};
1
+ "use strict";var e=require("../../../tslib.es6-8c21e256.js"),t=require("react"),n=require("./filterAmountReducer.js"),r=require("../useFilterWrapper.js"),i=require("../../input/Input.js"),u=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),o=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");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("../../../_rollupPluginBabelHelpers-697f213c.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/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var s="Amino_FilterAmount-module__inputWrapper--6kcs2";o.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(o){var c=o.dispatch,p=o.dropdownTitle,m=o.filter,q=o.isDisabled,j=o.label,d=e.__read(t.useState(m.amountFilterType),2),g=d[0],v=d[1],h=e.__read(t.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),b=h[0],F=h[1],x=e.__read(t.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),y=x[0],_=x[1],A=e.__read(t.useState(!1),2),I=A[0],M=A[1],f=t.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),T=t.useCallback((function(e){var t=b?"".concat(parseFloat(b).toFixed(2)):"0",n=y?"".concat(parseFloat(y).toFixed(2)):"0";switch(g){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))}}),[y,b,g]),C=t.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:g}),g){case"between":f({amountMax:y?parseFloat(y):null,amountMin:b?parseFloat(b):null});break;case"equal":f({amountMax:b?parseFloat(b):null,amountMin:b?parseFloat(b):null});break;case"greater":f({amountMax:null,amountMin:b?parseFloat(b):null});break;case"less":f({amountMax:y?parseFloat(y):null,amountMin:null})}c({name:"isActive",type:"change",value:!0}),T(e)}),[c,f,y,b,g,T]),k=t.useMemo((function(){return"less"===g?null===y?"":String(y):null===b?"":String(b)}),[y,b,g]);return(0,r.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,isDisabled:q,label:j,onApply:C,onApplyFilterText:T,onClose:function(){v(m.amountFilterType),F(m.amountTotalMin?String(m.amountTotalMin):null),_(m.amountTotalMax?String(m.amountTotalMax):null)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:n.initialFilterAmountState.amountFilterType}),f({amountMax:null,amountMin:null}),v(n.initialFilterAmountState.amountFilterType),F("0"),_("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(l.jsxs(l.Fragment,{children:[l.jsx(u.Select,{isClearable:!1,onChange:function(e){return v((null==e?void 0:e.value)||n.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&I&&e.stopPropagation()},onMenuClose:function(){return M(!1)},onMenuOpen:function(){return M(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===g}))}),l.jsxs("div",{className:s,children:[l.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),l.jsx(i.Input,{onChange:function(e){return t=e.target.value,void("less"===g?_(t):F(t));var t},size:"md",type:"number",value:k}),"between"===g&&l.jsxs(l.Fragment,{children:["and",l.jsx(i.Input,{onChange:function(e){return _(e.target.value)},size:"md",type:"number",value:null===y?"":String(y)})]})]})]}))};
@@ -4,6 +4,7 @@ import { type BaseFilterProps } from "../useFilterWrapper";
4
4
  export type FilterDateProps = BaseFilterProps & {
5
5
  dispatch: Dispatch<FilterDateAction>;
6
6
  filter: FilterDateState;
7
+ isDisabled?: boolean;
7
8
  };
8
9
  /**
9
10
  * FilterDate provides an interface for filtering by date ranges.
@@ -61,4 +62,4 @@ export type FilterDateProps = BaseFilterProps & {
61
62
  * />
62
63
  * ```
63
64
  */
64
- export declare const FilterDate: ({ dispatch, dropdownTitle, filter, label, }: FilterDateProps) => import("react").JSX.Element;
65
+ export declare const FilterDate: ({ dispatch, dropdownTitle, filter, isDisabled, label, }: FilterDateProps) => import("react").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../tslib.es6-8c21e256.js"),t=require("react"),r=require("dayjs"),a=require("./DateControls.js"),n=require("./filterDateReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../../DateControlsWrapper-8bc4369f.js"),s=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");var l=o(r);exports.FilterDate=function(r){var o=r.dispatch,c=r.dropdownTitle,p=r.filter,d=r.label,q=e.__read(t.useState(p.dateData),2),j=q[0],y=q[1],g=e.__read(t.useState(p.dateRangeType),2),D=g[0],f=g[1],m=e.__read(t.useState(""),2),C=m[0],h=m[1],v=function(e){var t=e.date,r=e.type;if(!t)return null;switch(D){case"is between":case"is equal to":return"begin"===r?l.default(t).subtract(1,"days").format(u.defaultDateFormat):"end"===r?l.default(t).add(1,"days").format(u.defaultDateFormat):t;case"is on or after":return"end"===r?t:l.default(t).subtract(1,"days").format(u.defaultDateFormat);case"is before or on":return"begin"===r?t:l.default(t).add(1,"days").format(u.defaultDateFormat);default:return t}},_=t.useCallback((function(e){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:e.dateBegin,type:"begin"})||null}),o({name:"dateData.dateEnd",type:"change",value:v({date:e.dateEnd,type:"end"})||null}),o({name:"dateData.lastCount",type:"change",value:e.lastCount}),o({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[o,D]),I=t.useCallback((function(){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:j.dateBegin,type:"begin"})}),o({name:"dateData.dateEnd",type:"change",value:v({date:j.dateEnd,type:"end"})}),o({name:"dateData.lastCount",type:"change",value:j.lastCount}),o({name:"dateData.lastUnit",type:"change",value:j.lastUnit}),o({name:"isActive",type:"change",value:!0})}),[o,j.dateBegin,j.dateEnd,j.lastCount,j.lastUnit,D]),b=t.useCallback((function(e){e(C)}),[C]),T=t.useCallback((function(e){I(),b(e)}),[I,b]);return(0,i.useFilterWrapper({dropdownTitle:c,isActive:p.isActive,label:d,onApply:T,onApplyFilterText:b,onClose:function(){y(p.dateData),f(p.dateRangeType)},onRemove:function(){o({name:"isActive",type:"change",value:!1}),o({name:"dateRangeType",type:"change",value:D}),_(n.initialFilterDateState.dateData),y(n.initialFilterDateState.dateData),f(n.initialFilterDateState.dateRangeType)},setActive:function(e){return o({name:"isActive",type:"change",value:e})}}).renderWrapper)(s.jsx(a.DateControls,{onChange:y,onChangeFilterText:function(e){h(e)},rangeType:D,setRangeType:f,value:j}))};
1
+ "use strict";var e=require("../../../tslib.es6-8c21e256.js"),t=require("react"),r=require("dayjs"),a=require("./DateControls.js"),n=require("./filterDateReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../../DateControlsWrapper-8bc4369f.js"),s=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");var l=o(r);exports.FilterDate=function(r){var o=r.dispatch,c=r.dropdownTitle,p=r.filter,d=r.isDisabled,q=r.label,j=e.__read(t.useState(p.dateData),2),y=j[0],D=j[1],g=e.__read(t.useState(p.dateRangeType),2),f=g[0],m=g[1],C=e.__read(t.useState(""),2),h=C[0],v=C[1],_=function(e){var t=e.date,r=e.type;if(!t)return null;switch(f){case"is between":case"is equal to":return"begin"===r?l.default(t).subtract(1,"days").format(u.defaultDateFormat):"end"===r?l.default(t).add(1,"days").format(u.defaultDateFormat):t;case"is on or after":return"end"===r?t:l.default(t).subtract(1,"days").format(u.defaultDateFormat);case"is before or on":return"begin"===r?t:l.default(t).add(1,"days").format(u.defaultDateFormat);default:return t}},b=t.useCallback((function(e){o({name:"dateRangeType",type:"change",value:f}),o({name:"dateData.dateBegin",type:"change",value:_({date:e.dateBegin,type:"begin"})||null}),o({name:"dateData.dateEnd",type:"change",value:_({date:e.dateEnd,type:"end"})||null}),o({name:"dateData.lastCount",type:"change",value:e.lastCount}),o({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[o,f]),I=t.useCallback((function(){o({name:"dateRangeType",type:"change",value:f}),o({name:"dateData.dateBegin",type:"change",value:_({date:y.dateBegin,type:"begin"})}),o({name:"dateData.dateEnd",type:"change",value:_({date:y.dateEnd,type:"end"})}),o({name:"dateData.lastCount",type:"change",value:y.lastCount}),o({name:"dateData.lastUnit",type:"change",value:y.lastUnit}),o({name:"isActive",type:"change",value:!0})}),[o,y.dateBegin,y.dateEnd,y.lastCount,y.lastUnit,f]),T=t.useCallback((function(e){e(h)}),[h]),R=t.useCallback((function(e){I(),T(e)}),[I,T]);return(0,i.useFilterWrapper({dropdownTitle:c,isActive:p.isActive,isDisabled:d,label:q,onApply:R,onApplyFilterText:T,onClose:function(){D(p.dateData),m(p.dateRangeType)},onRemove:function(){o({name:"isActive",type:"change",value:!1}),o({name:"dateRangeType",type:"change",value:f}),b(n.initialFilterDateState.dateData),D(n.initialFilterDateState.dateData),m(n.initialFilterDateState.dateRangeType)},setActive:function(e){return o({name:"isActive",type:"change",value:e})}}).renderWrapper)(s.jsx(a.DateControls,{onChange:D,onChangeFilterText:function(e){v(e)},rangeType:f,setRangeType:m,value:y}))};
@@ -61,4 +61,4 @@ export type FilterMultiSelectProps<T extends SelectValue = SelectValue> = BaseFi
61
61
  * />
62
62
  * ```
63
63
  */
64
- export declare const FilterMultiSelect: <T extends SelectValue = SelectValue>({ dropdownTitle, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react").JSX.Element;
64
+ export declare const FilterMultiSelect: <T extends SelectValue = SelectValue>({ dropdownTitle, isDisabled, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../tslib.es6-8c21e256.js"),r=require("react"),t=require("../../checkbox/Checkbox.js"),i=require("../useFilterWrapper.js"),u=require("../../stack/VStack.js"),n=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("clsx"),require("framer-motion"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../global.module-569e4fd5.js"),require("../../../utils/getTestId.js"),require("../FilterWrapper.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../stack/Stack.js");var s="Amino_FilterMultiSelect-module__vStackStyled--CSfRg";n.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(n){var o=n.dropdownTitle,c=n.label,a=n.onChange,p=n.options,j=n.value,q=e.__read(r.useState(j),2),d=q[0],b=q[1],f=r.useCallback((function(e){if(1===d.length){var r=p.find((function(e){return e.value===d[0]}));e((null==r?void 0:r.label)||"1 selected")}else e("".concat(d.length," selected"))}),[d,p]),v=r.useCallback((function(e){a(d),f(e)}),[d,f,a]);return(0,i.useFilterWrapper({dropdownTitle:o,isActive:!!j.length,label:c,onApply:v,onApplyFilterText:f,onClose:function(){b(j)},onRemove:function(){a([]),b([])}}).renderWrapper)(l.jsx(u.VStack,{className:s,spacing:8,children:p.map((function(r){return l.jsx(t.Checkbox,{checked:d.some((function(e){return e===r.value}))||!1,label:r.label,onChange:function(){d.some((function(e){return e===r.value}))?b(d.filter((function(e){return e!==r.value}))):b(e.__spreadArray(e.__spreadArray([],e.__read(d),!1),[r.value],!1))}},r.value)}))}))};
1
+ "use strict";var e=require("../../../tslib.es6-8c21e256.js"),r=require("react"),t=require("../../checkbox/Checkbox.js"),i=require("../useFilterWrapper.js"),u=require("../../stack/VStack.js"),n=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("clsx"),require("framer-motion"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../global.module-569e4fd5.js"),require("../../../utils/getTestId.js"),require("../FilterWrapper.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../stack/Stack.js");var s="Amino_FilterMultiSelect-module__vStackStyled--CSfRg";n.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(n){var o=n.dropdownTitle,a=n.isDisabled,c=n.label,p=n.onChange,j=n.options,q=n.value,d=e.__read(r.useState(q),2),b=d[0],f=d[1],v=r.useCallback((function(e){if(1===b.length){var r=j.find((function(e){return e.value===b[0]}));e((null==r?void 0:r.label)||"1 selected")}else e("".concat(b.length," selected"))}),[b,j]),m=r.useCallback((function(e){p(b),v(e)}),[b,v,p]);return(0,i.useFilterWrapper({dropdownTitle:o,isActive:!!q.length,isDisabled:a,label:c,onApply:m,onApplyFilterText:v,onClose:function(){f(q)},onRemove:function(){p([]),f([])}}).renderWrapper)(l.jsx(u.VStack,{className:s,spacing:8,children:j.map((function(r){return l.jsx(t.Checkbox,{checked:b.some((function(e){return e===r.value}))||!1,label:r.label,onChange:function(){b.some((function(e){return e===r.value}))?f(b.filter((function(e){return e!==r.value}))):f(e.__spreadArray(e.__spreadArray([],e.__read(b),!1),[r.value],!1))}},r.value)}))}))};
@@ -84,5 +84,5 @@ export type FilterSelectProps<T extends string = string, O extends SelectOption<
84
84
  * />
85
85
  * ```
86
86
  */
87
- export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ filterTextCharacterLimit, getFilterText: _getFilterText, onChange, options, selectProps, value, ...props }: FilterSelectProps<T, O>) => import("react").JSX.Element;
87
+ export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ filterTextCharacterLimit, getFilterText: _getFilterText, isDisabled, onChange, options, selectProps, value, ...props }: FilterSelectProps<T, O>) => import("react").JSX.Element;
88
88
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("react"),n=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js"),o=require("react/jsx-runtime");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("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(s){var l=s.filterTextCharacterLimit,c=void 0===l?20:l,a=s.getFilterText,p=s.onChange,q=s.options,j=s.selectProps,f=s.value,v=r.__rest(s,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),x=r.__read(t.useState(f),2),b=x[0],C=x[1],m=r.__read(t.useState(!1),2),_=m[0],h=m[1],d=t.useMemo((function(){return a||function(e){return"is ".concat(e.label)}}),[a]),g=t.useMemo((function(){return q.find((function(e){return e.value===b}))||null}),[b,q]),T=t.useCallback((function(e){if(b){var r=q.find((function(e){return e.value===b}));if(r){var t=d(r);e(u.truncateText({length:c,text:t}))}}}),[b,c,d,q]),S=t.useCallback((function(e){p(b),T(e)}),[b,T,p]),I=n.useFilterWrapper(r.__assign(r.__assign({},v),{initialFilterText:f?"is ".concat(f):void 0,isActive:!!f,onApply:S,onApplyFilterText:T,onClose:function(){C(f)},onRemove:function(){p(null),C(null)}})).renderWrapper,y=t.useMemo((function(){return"function"==typeof j?j(g):j}),[j,g]);return I(o.jsx(i.Select,e._objectSpread2({isClearable:!1,isSearchable:!0,onChange:function(e){return C((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return h(!1)},onMenuOpen:function(){return h(!0)},options:q,size:"sm",value:q.filter((function(e){return e.value===b}))},y)))};
1
+ "use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../select/Select.js"),u=require("../../../utils/truncateText.js"),s=require("react/jsx-runtime");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("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(o){var l=o.filterTextCharacterLimit,c=void 0===l?20:l,a=o.getFilterText,p=o.isDisabled,q=o.onChange,j=o.options,f=o.selectProps,b=o.value,v=r.__rest(o,["filterTextCharacterLimit","getFilterText","isDisabled","onChange","options","selectProps","value"]),x=r.__read(t.useState(b),2),C=x[0],d=x[1],m=r.__read(t.useState(!1),2),_=m[0],h=m[1],g=t.useMemo((function(){return a||function(e){return"is ".concat(e.label)}}),[a]),T=t.useMemo((function(){return j.find((function(e){return e.value===C}))||null}),[C,j]),S=t.useCallback((function(e){if(C){var r=j.find((function(e){return e.value===C}));if(r){var t=g(r);e(u.truncateText({length:c,text:t}))}}}),[C,c,g,j]),I=t.useCallback((function(e){q(C),S(e)}),[C,S,q]),y=i.useFilterWrapper(r.__assign(r.__assign({},v),{initialFilterText:b?"is ".concat(b):void 0,isActive:!!b,isDisabled:p,onApply:I,onApplyFilterText:S,onClose:function(){d(b)},onRemove:function(){q(null),d(null)}})).renderWrapper,D=t.useMemo((function(){return"function"==typeof f?f(T):f}),[f,T]);return y(s.jsx(n.Select,e._objectSpread2({isClearable:!1,isSearchable:!0,onChange:function(e){return d((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return h(!1)},onMenuOpen:function(){return h(!0)},options:j,size:"sm",value:j.filter((function(e){return e.value===C}))},D)))};
@@ -45,4 +45,4 @@ export type FilterTextProps = BaseFilterProps & {
45
45
  * </FilterWrapper>
46
46
  * ```
47
47
  */
48
- export declare const FilterText: ({ dropdownTitle, label, onChange, value, }: FilterTextProps) => import("react").JSX.Element;
48
+ export declare const FilterText: ({ dropdownTitle, isDisabled, label, onChange, value, }: FilterTextProps) => import("react").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../tslib.es6-8c21e256.js"),r=require("react"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),t=require("react/jsx-runtime");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(r.useState(l||""),2),a=c[0],q=c[1],j=r.useCallback((function(e){e(a)}),[a]),I=r.useCallback((function(e){p(a),j(e)}),[a,j,p]);return(0,i.useFilterWrapper({dropdownTitle:s,isActive:!!l,label:o,onApply:I,onApplyFilterText:j,onClose:function(){q(l||"")},onRemove:function(){p(null),q("")}}).renderWrapper)(t.jsx(u.Input,{onChange:function(e){return q(e.target.value)},size:"sm",type:"text",value:a}))};
1
+ "use strict";var e=require("../../../tslib.es6-8c21e256.js"),r=require("react"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),t=require("react/jsx-runtime");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.isDisabled,l=n.label,p=n.onChange,a=n.value,c=e.__read(r.useState(a||""),2),q=c[0],j=c[1],I=r.useCallback((function(e){e(q)}),[q]),b=r.useCallback((function(e){p(q),I(e)}),[q,I,p]);return(0,i.useFilterWrapper({dropdownTitle:s,isActive:!!a,isDisabled:o,label:l,onApply:b,onApplyFilterText:I,onClose:function(){j(a||"")},onRemove:function(){p(null),j("")}}).renderWrapper)(t.jsx(u.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};
@@ -2,6 +2,7 @@ import { type ReactNode } from 'react';
2
2
  import type { BaseProps } from "../../types/BaseProps";
3
3
  export type BaseFilterProps = BaseProps & {
4
4
  dropdownTitle: string;
5
+ isDisabled?: boolean;
5
6
  label: string;
6
7
  };
7
8
  export type FilterApplyCallback = (setFilterText: (newFilterText: string) => void) => void;
@@ -146,7 +147,7 @@ export type FilterProps = BaseFilterProps & UseFilterProps;
146
147
  * );
147
148
  * ```
148
149
  */
149
- export declare const useFilterWrapper: ({ className, dropdownTitle, initialFilterText, isActive, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
150
+ export declare const useFilterWrapper: ({ className, dropdownTitle, initialFilterText, isActive, isDisabled, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
150
151
  handleApplyFilter: () => void;
151
152
  renderWrapper: (control: ReactNode) => import("react").JSX.Element;
152
153
  setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;
@@ -1 +1 @@
1
- "use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),n=require("./FilterWrapper.js"),t=require("react/jsx-runtime");require("clsx"),require("../button/Button.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../global.module-569e4fd5.js");exports.useFilterWrapper=function(i){var o=i.className,u=i.dropdownTitle,l=i.initialFilterText,s=void 0===l?"Filter":l,c=i.isActive,a=i.label,d=i.onApply,p=i.onApplyFilterText,v=i.onClose,q=i.onRemove,f=i.setActive,j=i.style,m=e.__read(r.useState(!1),2),y=m[0],b=m[1],x=e.__read(r.useState(s),2),h=x[0],w=x[1],E=r.useRef(null),F=function(){d(w),b(!1)},T=function(e){"Escape"===e.key&&(b(!1),v()),"Enter"===e.key&&F()},g=r.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=E.current)||void 0===r?void 0:r.contains(n))&&y&&(b(!1),v())}),[y,v]);r.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",g),(null===(r=E.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=E.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",g)}}),[y,g]),r.useEffect((function(){var e;if(y){var r=null===(e=E.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[y]);var A=function(e){e.stopPropagation(),b(!0)},_=function(){c?(null==f||f(!1),q()):b(!0)};r.useEffect((function(){c&&p(w)}),[c,p]);return{handleApplyFilter:F,renderWrapper:function(e){return t.jsx(n.FilterWrapper,{active:c,className:o,dropDownOpen:y,dropdownRef:E,dropdownTitle:u,filterText:h,handleApply:F,handleKeyDown:T,handleOpenDropdown:A,handleToggle:_,hasFilter:c,label:a,style:j,children:e})},setFilterText:w}};
1
+ "use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),n=require("./FilterWrapper.js"),t=require("react/jsx-runtime");require("clsx"),require("../button/Button.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js"),require("../../global.module-569e4fd5.js");exports.useFilterWrapper=function(i){var o=i.className,u=i.dropdownTitle,l=i.initialFilterText,s=void 0===l?"Filter":l,c=i.isActive,a=i.isDisabled,d=i.label,p=i.onApply,v=i.onApplyFilterText,q=i.onClose,f=i.onRemove,j=i.setActive,m=i.style,y=e.__read(r.useState(!1),2),b=y[0],x=y[1],h=e.__read(r.useState(s),2),w=h[0],E=h[1],F=r.useRef(null),T=function(){p(E),x(!1)},g=function(e){"Escape"===e.key&&(x(!1),q()),"Enter"===e.key&&T()},D=r.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=F.current)||void 0===r?void 0:r.contains(n))&&b&&(x(!1),q())}),[b,q]);r.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",D),(null===(r=F.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=F.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",D)}}),[b,D]),r.useEffect((function(){var e;if(b){var r=null===(e=F.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[b]);var A=function(e){a||(e.stopPropagation(),x(!0))},_=function(){a||(c?(null==j||j(!1),f()):x(!0))};r.useEffect((function(){c&&v(E)}),[c,v]);return{handleApplyFilter:T,renderWrapper:function(e){return t.jsx(n.FilterWrapper,{active:c,className:o,dropDownOpen:b,dropdownRef:F,dropdownTitle:u,filterText:w,handleApply:T,handleKeyDown:g,handleOpenDropdown:A,handleToggle:_,hasFilter:c,isDisabled:a,label:d,style:m,children:e})},setFilterText:E}};
@@ -14,6 +14,10 @@ export type TooltipProps = BaseProps & {
14
14
  * @default undefined
15
15
  */
16
16
  disabled?: boolean;
17
+ /**
18
+ * Max width of the tooltip in px
19
+ */
20
+ maxWidth?: number;
17
21
  /**
18
22
  * Override to stay open.
19
23
  * @default false
@@ -34,4 +38,4 @@ export type TooltipProps = BaseProps & {
34
38
  */
35
39
  title?: ReactNode;
36
40
  } & Partial<Omit<MuiTooltipProps, 'children'>>;
37
- export declare const Tooltip: ({ children, className, disabled, open, subtitle, themeOverride, title, ...rest }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react").JSX.Element | null | undefined;
41
+ export declare const Tooltip: ({ children, className, disabled, maxWidth, open, subtitle, themeOverride, title, ...rest }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react").JSX.Element | null | undefined;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../tslib.es6-8c21e256.js"),r=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),a=require("../flex/Flex.js"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js"),o=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js");var d=n(s),c=r.styled((function(r){var s=r.className,a=r.dataTheme,i=t.__rest(r,["className","dataTheme"]);return o.jsx(d.default,e._objectSpread2(e._objectSpread2({},i),{},{PopperProps:t.__assign(t.__assign({},i.PopperProps),{"data-theme":a}),classes:{popper:s}}))}))((function(){var e,t;return(e={})["& .".concat(s.tooltipClasses.tooltip)]={all:"revert",backgroundColor:l.theme.gray0,borderRadius:l.theme.radius10,boxShadow:l.theme.v3ShadowLarge,color:l.theme.textColor,padding:l.theme.space12},e["&[data-theme='night']"]=((t={})[".".concat(s.tooltipClasses.tooltip)]={backgroundColor:l.theme.gray50},t),e}));exports.Tooltip=function(r){var s=r.children,l=r.className,n=r.disabled,d=void 0!==n&&n,p=r.open,u=r.subtitle,m=r.themeOverride,h=void 0===m?"night":m,x=r.title,j=t.__rest(r,["children","className","disabled","open","subtitle","themeOverride","title"]);return d?s:o.jsx(c,e._objectSpread2(e._objectSpread2({},j),{},{className:l,dataTheme:h,open:p,title:o.jsxs(a.Flex,{flexDirection:"column",gap:8,children:["string"==typeof x?o.jsx(i.Text,{type:"small-header",children:x}):o.jsx(o.Fragment,{children:x}),"string"==typeof u?o.jsx(i.Text,{type:"caption",children:u}):o.jsx(o.Fragment,{children:u})]}),children:o.jsx("div",{className:"tooltip-wrapper",children:s})}))};
1
+ "use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../tslib.es6-8c21e256.js"),r=require("@mui/material/styles"),a=require("@mui/material/Tooltip"),o=require("../flex/Flex.js"),i=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),l=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("clsx");var p=d(a),c="Amino_Tooltip-module__tooltipContent--5pOMB";l.styleInject(".Amino_Tooltip-module__tooltipContent--5pOMB{max-width:var(--amino-tooltip-max-width,none);overflow-wrap:break-word}");var m=r.styled((function(r){var a=r.className,o=r.dataTheme,i=t.__rest(r,["className","dataTheme"]);return n.jsx(p.default,e._objectSpread2(e._objectSpread2({},i),{},{PopperProps:t.__assign(t.__assign({},i.PopperProps),{"data-theme":o}),classes:{popper:a}}))}))((function(){var e,t;return(e={})["& .".concat(a.tooltipClasses.tooltip)]={all:"revert",backgroundColor:s.theme.gray0,borderRadius:s.theme.radius10,boxShadow:s.theme.v3ShadowLarge,color:s.theme.textColor,padding:s.theme.space12},e["&[data-theme='night']"]=((t={})[".".concat(a.tooltipClasses.tooltip)]={backgroundColor:s.theme.gray50},t),e}));exports.Tooltip=function(r){var a=r.children,s=r.className,l=r.disabled,d=void 0!==l&&l,p=r.maxWidth,u=r.open,h=r.subtitle,x=r.themeOverride,j=void 0===x?"night":x,_=r.title,g=t.__rest(r,["children","className","disabled","maxWidth","open","subtitle","themeOverride","title"]);return d?a:n.jsx(m,e._objectSpread2(e._objectSpread2({},g),{},{className:s,dataTheme:j,open:u,title:n.jsxs(o.Flex,{className:c,flexDirection:"column",gap:8,style:{"--amino-tooltip-max-width":p?"".concat(p,"px"):"unset"},children:["string"==typeof _?n.jsx(i.Text,{type:"small-header",children:_}):n.jsx(n.Fragment,{children:_}),"string"==typeof h?n.jsx(i.Text,{type:"caption",children:h}):n.jsx(n.Fragment,{children:h})]}),children:n.jsx("div",{className:"tooltip-wrapper",children:a})}))};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.5.41",
3
+ "version": "5.5.43",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",