@zonos/amino 5.1.53 → 5.1.55

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.
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"],["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n && {\n width: 24px;\n }\n"],["\n && {\n width: 24px;\n }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=void 0===d?"":d,m=r.footerActions,p=r.headerActions,g=r.intent,j=r.onClose,x=r.title,b=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!x&&!m,s=e.__read([x&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:x}),p&&n.jsx($,{children:p})]}),o,m&&n.jsx(W,{children:n.jsx($,{children:m})})].filter(Boolean),3),d=s[0],u=s[1],g=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!j,children:[n.jsx(w,{children:a}),j&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:j,variant:"text"})}),n.jsx(z,{$color:i,children:d}),u&&n.jsxs(N,{children:[u,g]})]})};switch(g){case"info":return n.jsx(M,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:u,children:b({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:u,children:b({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:u,children:b({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:u,children:b({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),o=require("../button/Button.js"),t=require("../text/Text.js"),a=require("../../icons/CheckCircleDuotoneIcon.js"),i=require("../../icons/InfoDuotoneIcon.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/RemoveIcon.js"),s=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var m,p,g,j,x,b,f,h,_,y,k,I,v,C,q,T=u(r),O=T.default.div(m||(m=e.__makeTemplateObject(["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"],["\n border-radius: ",";\n padding: ",";\n\n .amino-button {\n &:hover,\n &:focus {\n filter: brightness(1.1);\n }\n }\n"])),d.theme.radius12,d.theme.space16),D=T.default.div(p||(p=e.__makeTemplateObject(["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"],["\n display: grid;\n align-items: ",";\n grid-template-areas:\n 'icon header close'\n '. content .';\n grid-template-columns: 32px auto ",";\n"])),(function(e){return e.$onlyContent?"start":"center"}),(function(e){return e.$withoutCloseButton?"0px":"32px"})),w=T.default.div(g||(g=e.__makeTemplateObject(["\n grid-area: icon;\n justify-self: start;\n"],["\n grid-area: icon;\n justify-self: start;\n"]))),B=T.default.div(j||(j=e.__makeTemplateObject(["\n grid-area: close;\n justify-self: end;\n"],["\n grid-area: close;\n justify-self: end;\n"]))),R=T.default(o.Button)(x||(x=e.__makeTemplateObject(["\n && {\n width: 24px;\n }\n"],["\n && {\n width: 24px;\n }\n"]))),z=T.default.div(b||(b=e.__makeTemplateObject(["\n grid-area: header;\n color: ",";\n"],["\n grid-area: header;\n color: ",";\n"])),(function(e){return d.theme[e.$color]})),N=T.default.div(f||(f=e.__makeTemplateObject(["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"],["\n grid-area: content;\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n"]))),$=T.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space8),A=T.default.header(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: ",";\n"])),d.theme.space12),W=T.default.footer(y||(y=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n"])),d.theme.space12),G=T.default(O)(k||(k=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.gray50,d.theme.gray700,d.theme.gray100),M=T.default(O)(I||(I=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.blue100,d.theme.blue700,d.theme.blue200),S=T.default(O)(v||(v=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.green100,d.theme.green700,d.theme.green200),E=T.default(O)(C||(C=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.orange100,d.theme.orange700,d.theme.orange200),F=T.default(O)(q||(q=e.__makeTemplateObject(["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"],["\n background: ",";\n color: ",";\n border: 1px solid ",";\n"])),d.theme.red100,d.theme.red700,d.theme.red200);exports.Banner=function(r){var o=r.children,d=r.className,u=r.footerActions,m=r.headerActions,p=r.intent,g=r.onClose,j=r.title,x=function(r){var a=r.intentIcon,i=r.removeIconColor,l=!!o&&!j&&!u,s=e.__read([j&&n.jsxs(A,{children:[n.jsx(t.Text,{color:i,type:"label",children:j}),m&&n.jsx($,{children:m})]}),o,u&&n.jsx(W,{children:n.jsx($,{children:u})})].filter(Boolean),3),d=s[0],p=s[1],x=s[2];return n.jsxs(D,{$onlyContent:l,$withoutCloseButton:!g,children:[n.jsx(w,{children:a}),g&&n.jsx(B,{children:n.jsx(R,{icon:n.jsx(c.RemoveIcon,{color:i,size:20}),onClick:g,variant:"text"})}),n.jsx(z,{$color:i,children:d}),p&&n.jsxs(N,{children:[p,x]})]})};switch(p){case"info":return n.jsx(M,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"blue800",secondaryColor:"blue400",size:24}),removeIconColor:"blue800"})});case"success":return n.jsx(S,{className:d,children:x({intentIcon:n.jsx(a.CheckCircleDuotoneIcon,{color:"green800",secondaryColor:"green400",size:24}),removeIconColor:"green800"})});case"warning":return n.jsx(E,{className:d,children:x({intentIcon:n.jsx(s.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400",size:24}),removeIconColor:"orange800"})});case"error":return n.jsx(F,{className:d,children:x({intentIcon:n.jsx(l.RemoveCircleDuotoneIcon,{color:"red800",secondaryColor:"red400",size:24}),removeIconColor:"red800"})});default:return n.jsx(G,{className:d,children:x({intentIcon:n.jsx(i.InfoDuotoneIcon,{color:"gray800",secondaryColor:"gray400",size:24}),removeIconColor:"gray800"})})}};
@@ -1,5 +1,6 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import type { BaseProps } from "../../types/BaseProps";
3
+ import { type UseDropdownParams } from "../../utils/hooks/useDropdown";
3
4
  export type MenuButtonProps = BaseProps & {
4
5
  action: ReactNode;
5
6
  children: ReactNode;
@@ -13,5 +14,6 @@ export type MenuButtonProps = BaseProps & {
13
14
  * @default true
14
15
  */
15
16
  closeOnSelect?: boolean;
17
+ dropdownOptions?: UseDropdownParams;
16
18
  };
17
- export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, dropdownOptions, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),a=require("../../utils/hooks/useDropdown.js");function s(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var r,d,l,u=s(i),c=u.default.div(r||(r=e.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n"],["\n position: relative;\n display: inline-flex;\n"]))),m=u.default.div(d||(d=e.__makeTemplateObject(["\n z-index: 10;\n min-width: 100%;\n"],["\n z-index: 10;\n min-width: 100%;\n"]))),f=u.default.div(l||(l=e.__makeTemplateObject(["\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: ",";\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"],["\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: ",";\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"])),o.theme.surfaceColor,o.theme.radius12,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.space8,o.theme.space4);exports.MenuButton=function(i){var t=i.action,o=i.children,s=i.className,r=i.closeOnMouseLeave,d=void 0===r||r,l=i.closeOnSelect,u=void 0===l||l,h=a.useDropdown({offsetCrossAxis:0,offsetMainAxis:0}),p=h.floatingStyles,b=h.refs,v=h.setVisible,x=h.visibility,w=h.visible,g=h.wrapperRef,_=function(){u&&v(!1)};return n.jsxs(c,{ref:g,className:s,onMouseLeave:function(){d&&v(!1)},children:[n.jsx("div",{ref:b.setReference,onClick:function(e){e.stopPropagation(),v(!0)},onKeyDown:function(e){"Enter"===e.key&&v(!0)},role:"button",tabIndex:0,children:t}),n.jsx(m,{ref:b.setFloating,style:e.__assign(e.__assign({},p),{visibility:x}),children:w&&n.jsx(f,{onClick:_,onKeyDown:function(e){"Enter"===e.key&&_()},role:"button",tabIndex:-1,children:o})})]})};
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),s=require("../../utils/hooks/useDropdown.js");function a(n){return n&&n.__esModule?n:{default:n}}require("@floating-ui/react");var r,d,l,u=a(i),c=u.default.div(r||(r=n.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n"],["\n position: relative;\n display: inline-flex;\n"]))),m=u.default.div(d||(d=n.__makeTemplateObject(["\n z-index: 10;\n min-width: 100%;\n"],["\n z-index: 10;\n min-width: 100%;\n"]))),f=u.default.div(l||(l=n.__makeTemplateObject(["\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: ",";\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"],["\n background: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: ",";\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"])),o.theme.surfaceColor,o.theme.radius12,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.space8,o.theme.space4);exports.MenuButton=function(i){var t=i.action,o=i.children,a=i.className,r=i.closeOnMouseLeave,d=void 0===r||r,l=i.closeOnSelect,u=void 0===l||l,h=i.dropdownOptions,p=s.useDropdown(n.__assign({offsetCrossAxis:0,offsetMainAxis:0},h)),b=p.floatingStyles,v=p.refs,x=p.setVisible,w=p.visibility,g=p.visible,_=p.wrapperRef,j=function(){u&&x(!1)};return e.jsxs(c,{ref:_,className:a,onMouseLeave:function(){d&&x(!1)},children:[e.jsx("div",{ref:v.setReference,onClick:function(n){n.stopPropagation(),x(!0)},onKeyDown:function(n){"Enter"===n.key&&x(!0)},role:"button",tabIndex:0,children:t}),e.jsx(m,{ref:v.setFloating,style:n.__assign(n.__assign({},b),{visibility:w}),children:g&&e.jsx(f,{onClick:j,onKeyDown:function(n){"Enter"===n.key&&j()},role:"button",tabIndex:-1,children:o})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/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("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"])),l.theme.space8,l.theme.space16);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),I=f[0],b=f[1],x=e.__read(t.useState(!1),2),_=x[0],C=x[1],w=function(e){l({name:"amountFilterType",type:"change",value:e})},F=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){w(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":F({amount1:v,amount2:I}),e("Between ".concat(n," and ").concat(t));break;case"equal":F({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":F({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":F({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),w(i.initialFilterAmountState.amountFilterType),F({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),b(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/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("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"])),l.theme.space8,l.theme.space16);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),x=f[0],I=f[1],b=e.__read(t.useState(!1),2),_=b[0],C=b[1],T=function(e){l({name:"amountFilterType",type:"change",value:e})},w=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){T(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":w({amount1:v,amount2:x}),e("Between ".concat(n," and ").concat(t));break;case"equal":w({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":w({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":w({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onClose:function(){h(p.amountFilterType),y(p.amountTotalMin),I(p.amountTotalMax)},onRemove:function(){l({name:"isActive",type:"change",value:!1}),T(i.initialFilterAmountState.amountFilterType),w({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),I(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},size:"md",type:"number",value:null===x?"":String(x)})]})]})]}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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("../../../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-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.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("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},_=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),C=_.renderWrapper,h=_.setFilterText;return C(r.jsx(n.DateControl,{onChange:j,onChangeFilterText:h,rangeType:D,setRangeType:I,value:q}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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("../../../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-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.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("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],_=e.__read(r.useState(""),2),y=_[0],C=_[1],h=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})};return(0,a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(e){h(q),u({name:"isActive",type:"change",value:!0}),e(y)},onClose:function(){j(l.dateData),I(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),h(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}).renderWrapper)(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:function(e){C(e)},rangeType:D,setRangeType:I,value:q}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),u=require("../../checkbox/Checkbox.js"),t=require("../useFilterWrapper.js");require("clsx"),require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,c=i.options,a=i.value,p=e.__read(n.useState(a),2),q=p[0],j=p[1],d=t.useFilterWrapper({dropdownTitle:o,filterExists:!!q.length,label:s,onApply:function(e){var r;e(q.length>1?"".concat(q.length," selected"):(null===(r=q[0])||void 0===r?void 0:r.label)||""),l(q)},onRemove:function(){l([]),j([])}}).renderWrapper;return d(c.map((function(n){return r.jsx(u.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),u=require("../../checkbox/Checkbox.js"),t=require("../useFilterWrapper.js");require("clsx"),require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,c=i.options,a=i.value,p=e.__read(n.useState(a),2),q=p[0],j=p[1],d=t.useFilterWrapper({dropdownTitle:o,filterExists:!!a.length,label:s,onApply:function(e){var r;e(q.length>1?"".concat(q.length," selected"):(null===(r=q[0])||void 0===r?void 0:r.label)||""),l(q)},onClose:function(){j(a)},onRemove:function(){l([]),j([])}}).renderWrapper;return d(c.map((function(n){return r.jsx(u.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};
@@ -1,8 +1,12 @@
1
1
  import { type BaseFilterProps } from "../useFilterWrapper";
2
+ import { type SelectProps } from "../../select/Select";
2
3
  import type { SelectOption } from "../../../types/SelectOption";
4
+ type CustomSelectProps<T extends string = string, O extends SelectOption<string> = SelectOption<T>> = Omit<SelectProps<O>, 'onChange' | 'value' | 'options'>;
3
5
  export type FilterSelectProps<T extends string = string, O extends SelectOption<string> = SelectOption<T>> = BaseFilterProps & {
4
6
  options: O[];
7
+ selectProps?: CustomSelectProps<T, O> | ((editingValue: O | null) => CustomSelectProps<T, O>);
5
8
  value: O | null;
6
9
  onChange: (value: O | null) => void;
7
10
  };
8
- export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ onChange, options, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ onChange, options, selectProps, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var o=t.onChange,u=t.options,c=t.value,l=e.__rest(t,["onChange","options","value"]),a=e.__read(n.useState(c),2),q=a[0],p=a[1],j=e.__read(n.useState(!1),2),v=j[0],C=j[1];return(0,i.useFilterWrapper(e.__assign(e.__assign({},l),{filterExists:!!c,onApply:function(e){o(q),e("is ".concat((null==q?void 0:q.label)||""))},onRemove:function(){o(null),p(null)}})).renderWrapper)(r.jsx(s.Select,{isClearable:!1,onChange:p,onKeyDown:function(e){"Enter"===e.key&&v&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:u,size:"sm",value:u.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(o){var t=o.onChange,u=o.options,c=o.selectProps,l=o.value,a=e.__rest(o,["onChange","options","selectProps","value"]),p=e.__read(n.useState(l),2),q=p[0],j=p[1],_=e.__read(n.useState(!1),2),C=_[0],f=_[1],v=i.useFilterWrapper(e.__assign(e.__assign({},a),{filterExists:!!l,onApply:function(e){t(q),e("is ".concat((null==q?void 0:q.label)||""))},onClose:function(){j(l)},onRemove:function(){t(null),j(null)}})).renderWrapper,b=n.useMemo((function(){return"function"==typeof c?c(q):c}),[q,c]);return v(r.jsx(s.Select,e.__assign({isClearable:!1,onChange:j,onKeyDown:function(e){"Enter"===e.key&&C&&e.stopPropagation()},onMenuClose:function(){return f(!1)},onMenuOpen:function(){return f(!0)},options:u,size:"sm",value:u.filter((function(e){return e.value===(null==q?void 0:q.value)}))},b)))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,c=u.value,l=e.__read(t.useState(c||""),2),q=l[0],a=l[1];return(0,i.useFilterWrapper({dropdownTitle:s,filterExists:!!c,label:o,onApply:function(e){p(q),e(q)},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(n.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:q}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../useFilterWrapper.js"),i=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,c=u.value,l=e.__read(n.useState(c||""),2),q=l[0],a=l[1];return(0,t.useFilterWrapper({dropdownTitle:s,filterExists:!!c,label:o,onApply:function(e){p(q),e(q)},onClose:function(){a(c||"")},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(i.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:q}))};
@@ -8,10 +8,14 @@ export type FilterApplyCallback = (setFilterText: (newFilterText: string) => voi
8
8
  type UseFilterProps = {
9
9
  filterExists: boolean;
10
10
  onApply: FilterApplyCallback;
11
+ /**
12
+ * When the menu is closed without applying.
13
+ */
14
+ onClose: () => void;
11
15
  onRemove: () => void;
12
16
  };
13
17
  export type FilterProps = BaseFilterProps & UseFilterProps;
14
- export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onRemove, }: FilterProps) => {
18
+ export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onClose, onRemove, }: FilterProps) => {
15
19
  handleApplyFilter: () => void;
16
20
  renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
17
21
  setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,f,b,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,f=e.__read(r.useState(!1),2),b=f[0],h=f[1],q=e.__read(r.useState(!1),2),C=q[0],w=q[1],T=e.__read(r.useState("Filter"),2),E=T[0],I=T[1],S=r.useRef(null),D=r.useRef(null),F=function(){h(!0),m(I),w(!1)},z=function(e){"Escape"===e.key&&w(!1),"Enter"===e.key&&F()},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=S.current)||void 0===n?void 0:n.contains(r))&&w(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=S.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=S.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[C,O]),r.useEffect((function(){var e;if(C){var n=null===(e=S.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var R=function(e){e.stopPropagation(),w(!0)},$=function(){c?(h(!b),x()):w(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:F,renderWrapper:function(e){return n.jsxs(g,{ref:D,children:[n.jsxs(v,{className:[d,b&&"active"].join(" "),onClick:$,children:[n.jsxs(y,{$active:b,$hasFilter:b&&c,children:[b?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),b&&c&&n.jsxs(j,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:S,onKeyDown:z,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,f,b,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onClose,f=o.onRemove,b=e.__read(r.useState(!1),2),h=b[0],q=b[1],C=e.__read(r.useState(!1),2),w=C[0],T=C[1],E=e.__read(r.useState("Filter"),2),I=E[0],S=E[1],D=r.useRef(null),F=r.useRef(null),z=function(){q(!0),m(S),T(!1)},O=function(e){"Escape"===e.key&&(T(!1),x()),"Enter"===e.key&&z()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&(T(!1),x())}),[x]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[w,R]),r.useEffect((function(){var e;if(w){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[w]);var $=function(e){e.stopPropagation(),T(!0)},W=function(){c?(q(!h),f()):T(!0)};r.useEffect((function(){c||q(!1)}),[c]);return{handleApplyFilter:z,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,h&&"active"].join(" "),onClick:W,children:[n.jsxs(y,{$active:h,$hasFilter:h&&c,children:[h?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),h&&c&&n.jsxs(j,{onClick:$,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:I}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),w&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:z,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:S}};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,o,c,d,p,u,m=a(t),h=m.default.div(d||(d=e.__makeTemplateObject(["\n padding: "," ",";\n display: flex;\n flex-direction: row;\n gap: ",";\n align-items: center;\n min-height: ",";\n border-radius: ",";\n line-height: 16px;\n\n .___icon-wrapper {\n display: none;\n &.has-icon {\n display: inline-block;\n }\n }\n\n ","\n\n ","\n\n :hover {\n ","\n }\n"],["\n padding: "," ",";\n display: flex;\n flex-direction: row;\n gap: ",";\n align-items: center;\n min-height: ",";\n border-radius: ",";\n line-height: 16px;\n\n .___icon-wrapper {\n display: none;\n &.has-icon {\n display: inline-block;\n }\n }\n\n ","\n\n ","\n\n :hover {\n ","\n }\n"])),l.theme.space8,l.theme.space16,l.theme.space16,l.theme.sizeXl,l.theme.radius8,(function(n){var r=n.disabled,i=n.selected;return!r&&i&&t.css(s||(s=e.__makeTemplateObject(["\n background-color: ",";\n * {\n color: ",";\n }\n "],["\n background-color: ",";\n * {\n color: ",";\n }\n "])),l.theme.blue100,l.theme.blue800)}),(function(n){return n.disabled&&t.css(o||(o=e.__makeTemplateObject(["\n * {\n color: ",";\n }\n cursor: not-allowed;\n "],["\n * {\n color: ",";\n }\n cursor: not-allowed;\n "])),l.theme.gray600)}),(function(n){var r=n.disabled,i=n.selected,a=n.withClick;return!r&&a&&!i&&t.css(c||(c=e.__makeTemplateObject(["\n background-color: ",";\n cursor: pointer;\n "],["\n background-color: ",";\n cursor: pointer;\n "])),l.theme.gray100)})),x=m.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n flex-grow: 1;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n flex-grow: 1;\n"]))),g=m.default.img(u||(u=e.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 32px;\n border-radius: ",";\n"],["\n margin-right: ",";\n width: 32px;\n height: 32px;\n border-radius: ",";\n"])),l.theme.space16,l.theme.radius6),b=function(e){var r=e.icon,t=e.iconComponent,i=e.label;return r?n.jsx(g,{alt:i,src:r}):t?n.jsx(n.Fragment,{children:t}):null},f=r.forwardRef((function(e,r){var t=e.className,l=e.decorator,a=e.disabled,s=e.label,o=e.onClick,c=e.rightDecorator,d=e.selected,p=e.subtitle;return n.jsxs(h,{ref:r,className:t,disabled:a,onClick:function(e){return!a&&o&&o(e)},selected:d,withClick:!!o,children:[n.jsxs("div",{className:["___icon-wrapper",l?"has-icon":""].join(" "),children:[l,n.jsx(b,{label:"string"==typeof s?s:""})]}),n.jsxs(x,{children:[n.jsx(i.Text,{type:"label",children:s}),p&&n.jsx(i.Text,{type:"caption",children:p})]}),c]})}));exports.ListItem=f;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o,s,c,d,p,u,h=a(t),m=h.default.div(d||(d=e.__makeTemplateObject(["\n padding: "," ",";\n display: flex;\n flex-direction: row;\n gap: ",";\n align-items: center;\n min-height: ",";\n border-radius: ",";\n line-height: 16px;\n\n .___icon-wrapper {\n display: none;\n &.has-icon {\n display: inline-block;\n }\n }\n\n ","\n\n ","\n\n :hover {\n ","\n }\n"],["\n padding: "," ",";\n display: flex;\n flex-direction: row;\n gap: ",";\n align-items: center;\n min-height: ",";\n border-radius: ",";\n line-height: 16px;\n\n .___icon-wrapper {\n display: none;\n &.has-icon {\n display: inline-block;\n }\n }\n\n ","\n\n ","\n\n :hover {\n ","\n }\n"])),l.theme.space8,l.theme.space16,l.theme.space16,l.theme.sizeXl,l.theme.radius8,(function(n){var r=n.disabled,i=n.selected;return!r&&i&&t.css(o||(o=e.__makeTemplateObject(["\n background-color: ",";\n * {\n color: ",";\n }\n "],["\n background-color: ",";\n * {\n color: ",";\n }\n "])),l.theme.blue100,l.theme.blue800)}),(function(n){return n.disabled&&t.css(s||(s=e.__makeTemplateObject(["\n * {\n color: ",";\n }\n cursor: not-allowed;\n "],["\n * {\n color: ",";\n }\n cursor: not-allowed;\n "])),l.theme.gray600)}),(function(n){var r=n.disabled,i=n.selected,a=n.withClick;return!r&&a&&!i&&t.css(c||(c=e.__makeTemplateObject(["\n background-color: ",";\n cursor: pointer;\n "],["\n background-color: ",";\n cursor: pointer;\n "])),l.theme.hoverColor)})),x=h.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n flex-grow: 1;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n flex-grow: 1;\n"]))),g=h.default.img(u||(u=e.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 32px;\n border-radius: ",";\n"],["\n margin-right: ",";\n width: 32px;\n height: 32px;\n border-radius: ",";\n"])),l.theme.space16,l.theme.radius6),b=function(e){var r=e.icon,t=e.iconComponent,i=e.label;return r?n.jsx(g,{alt:i,src:r}):t?n.jsx(n.Fragment,{children:t}):null},f=r.forwardRef((function(e,r){var t=e.className,l=e.decorator,a=e.disabled,o=e.label,s=e.onClick,c=e.rightDecorator,d=e.selected,p=e.subtitle;return n.jsxs(m,{ref:r,className:t,disabled:a,onClick:function(e){return!a&&s&&s(e)},selected:d,withClick:!!s,children:[n.jsxs("div",{className:["___icon-wrapper",l?"has-icon":""].join(" "),children:[l,n.jsx(b,{label:"string"==typeof o?o:""})]}),n.jsxs(x,{children:[n.jsx(i.Text,{type:"label",children:o}),p&&n.jsx(i.Text,{type:"caption",children:p})]}),c]})}));exports.ListItem=f;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.53",
3
+ "version": "5.1.55",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { type ExtendedRefs, type Placement, type UseFloatingOptions } from '@floating-ui/react';
3
- type Params = {
3
+ export type UseDropdownParams = {
4
4
  /**
5
5
  * Passed to `useFloating`.
6
6
  * @link https://floating-ui.com/docs/useFloating
@@ -27,5 +27,5 @@ type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends
27
27
  visible: boolean;
28
28
  wrapperRef: React.RefObject<WrapperRef>;
29
29
  };
30
- export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: Params) => Return<WrapperRef, TriggerRef>;
30
+ export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: UseDropdownParams) => Return<WrapperRef, TriggerRef>;
31
31
  export {};