@zonos/amino 5.3.16 → 5.4.0

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.
Files changed (70) hide show
  1. package/all.d.ts +0 -2
  2. package/components/button/MenuButton.d.ts +6 -6
  3. package/components/button/MenuButton.js +1 -1
  4. package/components/checkbox/Checkbox.d.ts +2 -2
  5. package/components/checkbox/Checkbox.js +1 -1
  6. package/components/country-multi-select/CountryMultiSelectExpanded.d.ts +1 -1
  7. package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
  8. package/components/dialog/BaseDialog.d.ts +8 -8
  9. package/components/dialog/BaseDialog.js +1 -1
  10. package/components/dialog/Dialog.d.ts +2 -2
  11. package/components/dialog/announcement/AnnouncementDialog.d.ts +2 -2
  12. package/components/filter/FilterWrapper.js +1 -1
  13. package/components/filter/filter-amount/FilterAmount.js +1 -1
  14. package/components/filter/filter-date/DateControls.js +1 -1
  15. package/components/filter/filter-date/FilterDate.js +1 -1
  16. package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
  17. package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -1
  18. package/components/filter/filter-select/FilterSelect.js +1 -1
  19. package/components/filter/filter-text/FilterText.js +1 -1
  20. package/components/filter/useFilterWrapper.js +1 -1
  21. package/components/graph-matrix/GraphMatrix.js +1 -1
  22. package/components/input/Input.d.ts +5 -1
  23. package/components/input/Input.js +1 -1
  24. package/components/input/MultiInput.d.ts +2 -1
  25. package/components/input/MultiInput.js +1 -1
  26. package/components/input/input-type/_DateInput.d.ts +2 -1
  27. package/components/input/input-type/_DateInput.js +1 -1
  28. package/components/input/input-type/_FloatLabelInput.d.ts +9 -1
  29. package/components/input/input-type/_FloatLabelInput.js +1 -1
  30. package/components/input/input-type/_NumberInput.d.ts +2 -1
  31. package/components/input/input-type/_PasswordInput.d.ts +2 -1
  32. package/components/input/input-type/_TimeInput.d.ts +2 -1
  33. package/components/input/input-type/_TimeInput.js +1 -1
  34. package/components/layout/Layout.d.ts +2 -8
  35. package/components/layout/Layout.js +1 -1
  36. package/components/list-item/ListItem.d.ts +3 -12
  37. package/components/list-item/ListItem.js +1 -1
  38. package/components/menu/MenuItem.js +1 -1
  39. package/components/nested-data-table/NestedDataTable.js +1 -1
  40. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  41. package/components/nested-data-table/_Filter.js +1 -1
  42. package/components/nested-data-table/_TableData.js +1 -1
  43. package/components/radio/Radio.d.ts +3 -2
  44. package/components/radio/Radio.js +1 -1
  45. package/components/radio/RadioGroup.js +1 -1
  46. package/components/select/CountryMultiSelect.js +1 -1
  47. package/components/select/CountrySelect.js +1 -1
  48. package/components/select/MultiSelect.js +1 -1
  49. package/components/select/Select.d.ts +2 -2
  50. package/components/select/Select.js +1 -1
  51. package/components/select/_StyledReactSelect.js +1 -1
  52. package/components/simple-table/SimpleTable.d.ts +6 -1
  53. package/components/simple-table/SimpleTable.js +1 -1
  54. package/components/switch/Switch.d.ts +1 -1
  55. package/components/switch/Switch.js +1 -1
  56. package/components/tabs/Tabs.js +1 -1
  57. package/components/text-avatar/TextAvatar.d.ts +3 -1
  58. package/components/text-avatar/TextAvatar.js +1 -1
  59. package/components/textarea/Textarea.js +1 -1
  60. package/components/theme-select/ThemeSelect.js +1 -1
  61. package/components/tooltip/Tooltip.d.ts +1 -1
  62. package/components/tooltip/Tooltip.js +1 -1
  63. package/global.module-569e4fd5.js +1 -0
  64. package/global.module.scss +28 -0
  65. package/package.json +2 -1
  66. package/types/BaseProps.d.ts +1 -1
  67. package/components/input/SearchInput.d.ts +0 -22
  68. package/components/input/SearchInput.js +0 -1
  69. package/components/select/CountryPhoneSelect.d.ts +0 -19
  70. package/components/select/CountryPhoneSelect.js +0 -1
package/all.d.ts CHANGED
@@ -49,7 +49,6 @@ import './components/graph-matrix/GraphMatrix';
49
49
  import './components/help-text/HelpText';
50
50
  import './components/input/Input';
51
51
  import './components/input/MultiInput';
52
- import './components/input/SearchInput';
53
52
  import './components/layout/Layout';
54
53
  import './components/layout/NavigationGroup';
55
54
  import './components/lightbox/LightBox';
@@ -72,7 +71,6 @@ import './components/rounded-icon/RoundedIcon';
72
71
  import './components/section/HSection';
73
72
  import './components/section/VSection';
74
73
  import './components/select/CountryMultiSelect';
75
- import './components/select/CountryPhoneSelect';
76
74
  import './components/select/CountrySelect';
77
75
  import './components/select/MultiSelect';
78
76
  import './components/select/Select';
@@ -4,16 +4,16 @@ import { type UseDropdownParams } from "../../utils/hooks/useDropdown";
4
4
  export type MenuButtonProps = BaseProps & {
5
5
  action: ReactNode;
6
6
  children: ReactNode;
7
+ dropdownOptions?: UseDropdownParams;
7
8
  /**
8
9
  * Close the menu when the mouse leaves the dropdown/parent.
9
- * @default true
10
+ * @default false
10
11
  */
11
- closeOnMouseLeave?: boolean;
12
+ noCloseOnMouseLeave?: boolean;
12
13
  /**
13
14
  * Close the menu when clicking anywhere in the the dropdown.
14
- * @default true
15
+ * @default false
15
16
  */
16
- closeOnSelect?: boolean;
17
- dropdownOptions?: UseDropdownParams;
17
+ noCloseOnSelect?: boolean;
18
18
  };
19
- export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, dropdownOptions, style, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const MenuButton: ({ action, children, className, dropdownOptions, noCloseOnMouseLeave, noCloseOnSelect, style, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(o){var i=o.action,r=o.children,d=o.className,m=o.closeOnMouseLeave,c=void 0===m||m,_=o.closeOnSelect,p=void 0===_||_,f=o.dropdownOptions,v=o.style,w=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},f)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(){p&&b(!1)};return n.jsxs("div",{ref:M,className:a.default(s,d),onMouseLeave:function(){c&&b(!1)},style:v,children:[n.jsx("div",{ref:x.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:i}),n.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&n.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g()},role:"button",tabIndex:-1,children:r})})]})};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("clsx"),t=require("../../utils/hooks/useDropdown.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@floating-ui/react");var a=r(o),s="Amino_MenuButton-module__wrapper--8bJ9E",u="Amino_MenuButton-module__dropdownWrapper--PvG4F",l="Amino_MenuButton-module__animatedSurface--rmPwS";i.styleInject("@keyframes Amino_MenuButton-module__DropdownAnimation--lHvDn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes Amino_MenuButton-module__DropdownAnimationInverse--INu3m{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.Amino_MenuButton-module__wrapper--8bJ9E{display:inline-flex;position:relative}.Amino_MenuButton-module__dropdownWrapper--PvG4F{min-width:100%;z-index:10}.Amino_MenuButton-module__animatedSurface--rmPwS{animation:Amino_MenuButton-module__DropdownAnimation--lHvDn .25s ease-in-out;animation-fill-mode:both;background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);margin-top:var(--amino-space-4);min-width:100%;padding:var(--amino-space-8);right:0;width:-webkit-max-content;width:max-content}");exports.MenuButton=function(o){var i=o.action,r=o.children,d=o.className,m=o.dropdownOptions,c=o.noCloseOnMouseLeave,_=void 0!==c&&c,p=o.noCloseOnSelect,f=void 0!==p&&p,v=o.style,w=t.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},m)),y=w.floatingStyles,x=w.refs,b=w.setVisible,h=w.visibility,A=w.visible,M=w.wrapperRef,g=function(){f||b(!1)};return n.jsxs("div",{ref:M,className:a.default(s,d),onMouseLeave:function(){_||b(!1)},style:v,children:[n.jsx("div",{ref:x.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:i}),n.jsx("div",{ref:x.setFloating,className:u,style:e.__assign(e.__assign({},y),{visibility:h}),children:A&&n.jsx("div",{className:l,onClick:g,onKeyDown:function(e){"Enter"===e.key&&g()},role:"button",tabIndex:-1,children:r})})]})};
@@ -1,4 +1,4 @@
1
- import { type ComponentPropsWithoutRef, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
1
+ import { type ChangeEvent, type ComponentPropsWithoutRef, type KeyboardEvent, type ReactNode } from 'react';
2
2
  import { type HelpTextProps } from "../help-text/HelpText";
3
3
  import type { BaseProps } from "../../types/BaseProps";
4
4
  export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & BaseProps & HelpTextProps & {
@@ -14,6 +14,6 @@ export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' |
14
14
  labelComponent?: ReactNode;
15
15
  labelDescription?: string;
16
16
  subtitle?: string;
17
- onChange: (checked: boolean, event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
17
+ onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => void;
18
18
  };
19
19
  export declare const Checkbox: ({ allowPropagation, checked, className, disabled, error, helpText, icon, label, labelComponent, labelDescription, onChange, style, subtitle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),r=require("../help-text/HelpText.js"),c=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),t=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),d=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var b=m(n),h="Amino_Checkbox-module__checkboxContainer--T3dHf",x="Amino_Checkbox-module__disabled--5BFJi",_="Amino_Checkbox-module__aminoCheckbox--s-hZQ",u="Amino_Checkbox-module__styledLabel--nNdgS",k="Amino_Checkbox-module__styledSubtitle--F4Zg5",p="Amino_Checkbox-module__labelWrapper--opXpk",C="Amino_Checkbox-module__infoWrapper--0j0cc",g="Amino_Checkbox-module__styledLabelDescription--m4mFs";d.styleInject(".Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var y=a.motion(l.CheckmarkIcon),A=function(e,o){return e?o?t.theme.danger:t.theme.primary:t.theme.inputBackground},f=function(e,o){return e?"none":"1.5px solid ".concat(o?t.theme.danger:t.theme.gray400)};exports.Checkbox=function(n){var l=n.allowPropagation,d=void 0!==l&&l,m=n.checked,v=void 0!==m&&m,j=n.className,w=n.disabled,T=n.error,N=void 0!==T&&T,q=n.helpText,F=n.icon,B=n.label,H=n.labelComponent,I=n.labelDescription,L=n.onChange,S=n.style,Z=n.subtitle,J=e.__rest(n,["allowPropagation","checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),W=null==B?void 0:B.replace(/\s/g,"-").toLowerCase(),D=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:B})}),[B]),P=function(e){d||e.stopPropagation(),w||L(!v,e)};return o.jsxs("label",e.__assign({className:j,htmlFor:W,style:e.__assign(e.__assign({},S),{"--amino-checkbox-background":A(v,N),"--amino-checkbox-border":f(v,N),"--amino-checkbox-box-shadow":v?t.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":v?t.theme.blue200:"","--amino-checkbox-disabled-border":v?"none":"1.5px solid ".concat(t.theme.gray300)})},J,{children:[o.jsxs("div",{className:b.default(h,"amino-input-wrapper",w&&x,w&&"disabled"),"data-testid":D,onClick:function(e){P(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||P(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:_,id:W,children:o.jsx(a.AnimatePresence,{children:v&&o.jsx(y,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),H||B&&o.jsxs("div",{className:C,children:[o.jsxs("div",{className:p,children:[F,o.jsxs(c.Text,{className:u,type:"input-label",children:[B,I&&o.jsx("span",{className:g,children:I})]})]}),Z&&o.jsx(c.Text,{className:k,type:"subtitle",children:Z})]})]}),o.jsx(r.HelpText,{error:N,helpText:q})]}))};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),l=require("../help-text/HelpText.js"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),t=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../utils/getTestId.js"),m=require("../../style-inject.es-d4ddeae4.js");function b(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var h=b(n),x="Amino_Checkbox-module__checkboxContainer--T3dHf",_="Amino_Checkbox-module__disabled--5BFJi",u="Amino_Checkbox-module__aminoCheckbox--s-hZQ",k="Amino_Checkbox-module__styledLabel--nNdgS",p="Amino_Checkbox-module__styledSubtitle--F4Zg5",g="Amino_Checkbox-module__labelWrapper--opXpk",C="Amino_Checkbox-module__infoWrapper--0j0cc",y="Amino_Checkbox-module__styledLabelDescription--m4mFs";m.styleInject(".Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:var(--amino-opacity-disabled)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;color:var(--amino-gray-0);height:16px;width:16px}[data-theme=night] .Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-1000)}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}");var A=a.motion(r.CheckmarkIcon),f=function(e,o){return e?o?t.theme.danger:t.theme.primary:t.theme.inputBackground},j=function(e,o){return e?"none":"1.5px solid ".concat(o?t.theme.danger:t.theme.gray400)};exports.Checkbox=function(n){var r=n.allowPropagation,m=void 0!==r&&r,b=n.checked,v=void 0!==b&&b,w=n.className,T=n.disabled,N=n.error,q=void 0!==N&&N,F=n.helpText,H=n.icon,B=n.label,S=n.labelComponent,I=n.labelDescription,L=n.onChange,Z=n.style,J=n.subtitle,W=e.__rest(n,["allowPropagation","checked","className","disabled","error","helpText","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),D=i.useId(),P=i.useMemo((function(){return d.getTestId({componentName:"checkbox",name:B})}),[B]),Q=function(e){m||e.stopPropagation(),T||L(!v,e)};return o.jsxs("label",e.__assign({className:h.default(s.globalStyles.focusableLabel,w),htmlFor:D,style:e.__assign(e.__assign({},Z),{"--amino-checkbox-background":f(v,q),"--amino-checkbox-border":j(v,q),"--amino-checkbox-box-shadow":v?t.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":v?t.theme.blue200:"","--amino-checkbox-disabled-border":v?"none":"1.5px solid ".concat(t.theme.gray300)})},W,{children:[o.jsx("input",{checked:v,className:h.default(s.globalStyles.inputHidden,T&&"disabled"),"data-testid":P,id:D,onChange:Q,onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||Q(e)},tabIndex:0,type:"checkbox"}),o.jsxs("div",{className:h.default(x,"amino-input-wrapper",T&&_,T&&"disabled"),children:[o.jsx("div",{className:u,children:o.jsx(a.AnimatePresence,{children:v&&o.jsx(A,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),S||B&&o.jsxs("div",{className:C,children:[o.jsxs("div",{className:g,children:[H,o.jsxs(c.Text,{className:k,type:"input-label",children:[B,I&&o.jsx("span",{className:y,children:I})]})]}),J&&o.jsx(c.Text,{className:p,type:"subtitle",children:J})]})]}),o.jsx(l.HelpText,{error:q,helpText:F})]}))};
@@ -8,7 +8,7 @@ export type CountryMultiSelectExpandedOption<CountryCode extends string = string
8
8
  * Key to group by
9
9
  */
10
10
  group: string;
11
- icon: ReactNode;
11
+ icon: ReactNode | (() => ReactNode);
12
12
  label: string;
13
13
  /**
14
14
  * Having this as a ReactNode breaks storybook (and only storybook, it works fine elsewhere) somehow. I have no idea, but it needs to be a function instead...
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("lodash/groupBy"),l=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),a=require("../collapse/Collapse.js"),u=require("../divider/Divider.js"),d=require("../help-text/HelpText.js"),c=require("../text/Text.js"),s=require("../../icons/ChevronUpIcon.js"),p=require("../../icons/RemoveCircleIcon.js"),m=require("../../icons/SearchIcon.js"),_=require("../../styles/constants/theme.js"),x=require("../../utils/getFuzzySearch.js"),y=require("../../style-inject.es-d4ddeae4.js");function h(e){return e&&e.__esModule?e:{default:e}}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/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var f=h(t),C=h(o),b="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",A="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",g="Amino_CountryMultiSelectExpanded-module__header--I3SHr",S="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",j="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",v="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",M="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",E="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",q="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",k="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",W="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",N="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",I="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",T="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",z="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",w="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",H="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",L="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";y.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN.error{border-color:var(--amino-danger)}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;flex-grow:1;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;gap:16px;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(t){var o=t.actions,y=t.className,h=t.countries,B=t.disabled,G=void 0!==B&&B,D=t.error,F=void 0!==D&&D,O=t.helpText,R=t.maxHeight,U=void 0===R?380:R,Z=t.noHeader,P=void 0!==Z&&Z,J=t.onChange,K=t.selectedCountries,X=t.style,Q=t.withoutSearch,V=void 0!==Q&&Q,Y=e.__read(r.useState(""),2),$=Y[0],ee=Y[1],ne=e.__read(r.useState([]),2),re=ne[0],te=ne[1],oe=r.useCallback((function(e){return x.getFuzzySearch({array:h,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[h]),le=r.useMemo((function(){return""===$?h:oe($).map((function(e){return e.item}))}),[h,oe,$]),ie=r.useMemo((function(){var n=Object.entries(C.default(le,"group")).map((function(n){var r=e.__read(n,2),t=r[0];return{countries:r[1],label:t}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[le]),ae=r.useMemo((function(){return h.filter((function(e){return!e.disabled})).length===K.length}),[h,K.length]);if(r.useEffect((function(){$&&te(ie.map((function(e){return e.label})))}),[ie,$]),!h.length)return n.jsx("div",{className:f.default(y),children:n.jsx(c.Text,{color:"textColorSecondary",children:"No countries"})});var ue=h.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:f.default(b,y,G&&A),style:X,children:[!P&&n.jsxs("div",{className:g,children:[n.jsx(c.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(c.Text,{color:"textColorSecondary",type:"label",children:[K.length," of ",ue," selected"]})]}),n.jsx(d.HelpText,{error:F,helpText:O,withoutMargin:!0}),n.jsxs("div",{className:f.default(S,F&&"error"),children:[n.jsxs("div",{className:j,children:[!V&&n.jsxs("label",{className:v,htmlFor:"country-multi-select-search",children:[n.jsx(m.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return ee(e.target.value)},placeholder:"Search...",type:"text",value:$}),$&&n.jsx(l.Button,{icon:n.jsx(p.RemoveCircleIcon,{size:24}),onClick:function(){return ee("")},variant:"text"})]}),o&&n.jsx("div",{className:M,children:o})]}),(!!o||!V)&&n.jsx(u.Divider,{noMargin:!0}),le.length?n.jsxs("div",{className:E,style:{maxHeight:"".concat(U,"px")},children:[!$&&n.jsx("div",{className:k,children:n.jsx(i.Checkbox,{checked:ae,label:"Select all",onChange:function(e){J(e?h.filter((function(e){return!e.disabled})):[])}})}),ie.map((function(r){var t=r.countries.filter((function(e){return K.some((function(n){return n.code===e.code}))})).length,o=r.countries.filter((function(e){return!e.disabled})).length,l=!!o&&r.countries.every((function(e){return e.disabled||K.some((function(n){return n.code===e.code}))})),u=!re.includes(r.label);return n.jsxs("div",{children:[n.jsxs("div",{className:f.default(N,W),children:[n.jsx(i.Checkbox,{checked:l,disabled:!o,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(K),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);J(t)}else t=K.filter((function(e){return!e.disabled&&!r.countries.some((function(n){return n.code===e.code}))})),J(t)}}),n.jsxs("button",{className:I,onClick:function(){re.includes(r.label)?te(re.filter((function(e){return e!==r.label}))):te(e.__spreadArray(e.__spreadArray([],e.__read(re),!1),[r.label],!1))},type:"button",children:[n.jsxs(c.Text,{color:"textColorSecondary",children:[t,"/",o]}),n.jsx(s.ChevronUpIcon,{className:f.default(T,u&&z),size:24})]})]}),n.jsx(a.Collapse,{collapsed:u,children:n.jsx("div",{className:w,children:r.countries.map((function(r){var t;return n.jsx(i.Checkbox,{checked:K.some((function(e){return e.code===r.code})),className:f.default(k,H,!r.disabled&&W),disabled:r.disabled,icon:r.icon,label:r.label,labelComponent:n.jsxs("div",{className:L,style:{opacity:r.disabled?_.theme.opacityDisabled:1},children:[n.jsxs("div",{children:[r.icon,r.label]}),null===(t=r.rightDecorator)||void 0===t?void 0:t.call(r)]}),onChange:function(n){J(n?e.__spreadArray(e.__spreadArray([],e.__read(K),!1),[r],!1):K.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):n.jsx("div",{className:q,children:n.jsx(c.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("clsx"),o=require("lodash/groupBy"),l=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),u=require("../collapse/Collapse.js"),a=require("../divider/Divider.js"),d=require("../help-text/HelpText.js"),c=require("../text/Text.js"),s=require("../../icons/ChevronUpIcon.js"),p=require("../../icons/RemoveCircleIcon.js"),m=require("../../icons/SearchIcon.js"),_=require("../../styles/constants/theme.js"),x=require("../../utils/getFuzzySearch.js"),y=require("../../style-inject.es-d4ddeae4.js");function f(e){return e&&e.__esModule?e:{default:e}}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/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var h=f(t),C=f(o),b="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",g="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",A="Amino_CountryMultiSelectExpanded-module__header--I3SHr",j="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",S="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",v="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",M="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",E="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",q="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",W="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",k="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",I="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",N="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",T="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",z="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",w="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",H="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",L="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";y.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN.error{border-color:var(--amino-danger)}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;flex-grow:1;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;gap:16px;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(t){var o=t.actions,y=t.className,f=t.countries,B=t.disabled,G=void 0!==B&&B,D=t.error,F=void 0!==D&&D,R=t.helpText,O=t.maxHeight,U=void 0===O?380:O,Z=t.noHeader,P=void 0!==Z&&Z,J=t.onChange,K=t.selectedCountries,X=t.style,Q=t.withoutSearch,V=void 0!==Q&&Q,Y=r.useId(),$=e.__read(r.useState(""),2),ee=$[0],ne=$[1],re=e.__read(r.useState([]),2),te=re[0],oe=re[1],le=r.useMemo((function(){return f.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[f]),ie=r.useCallback((function(e){return x.getFuzzySearch({array:le,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[le]),ue=r.useMemo((function(){return""===ee?le:ie(ee).map((function(e){return e.item}))}),[le,ie,ee]),ae=r.useMemo((function(){var n=Object.entries(C.default(ue,"group")).map((function(n){var r=e.__read(n,2),t=r[0];return{countries:r[1],label:t}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[ue]),de=r.useMemo((function(){return le.filter((function(e){return!e.disabled})).length===K.length}),[le,K.length]);if(r.useEffect((function(){ee&&oe(ae.map((function(e){return e.label})))}),[ae,ee]),!le.length)return n.jsx("div",{className:h.default(y),children:n.jsx(c.Text,{color:"textColorSecondary",children:"No countries"})});var ce=le.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:h.default(b,y,G&&g),style:X,children:[!P&&n.jsxs("div",{className:A,children:[n.jsx(c.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(c.Text,{color:"textColorSecondary",type:"label",children:[K.length," of ",ce," selected"]})]}),n.jsx(d.HelpText,{error:F,helpText:R,withoutMargin:!0}),n.jsxs("div",{className:h.default(j,F&&"error"),children:[n.jsxs("div",{className:S,children:[!V&&n.jsxs("label",{className:v,htmlFor:Y,children:[n.jsx(m.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:Y,onChange:function(e){return ne(e.target.value)},placeholder:"Search...",type:"text",value:ee}),ee&&n.jsx(l.Button,{icon:n.jsx(p.RemoveCircleIcon,{size:24}),onClick:function(){return ne("")},variant:"text"})]}),o&&n.jsx("div",{className:M,children:o})]}),(!!o||!V)&&n.jsx(a.Divider,{noMargin:!0}),ue.length?n.jsxs("div",{className:E,style:{maxHeight:"".concat(U,"px")},children:[!ee&&n.jsx("div",{className:W,children:n.jsx(i.Checkbox,{checked:de,label:"Select all",onChange:function(e){J(e?le.filter((function(e){return!e.disabled})):[])}})}),ae.map((function(r){var t=r.countries.filter((function(e){return K.some((function(n){return n.code===e.code}))})).length,o=r.countries.filter((function(e){return!e.disabled})).length,l=!!o&&r.countries.every((function(e){return e.disabled||K.some((function(n){return n.code===e.code}))})),a=!te.includes(r.label);return n.jsxs("div",{children:[n.jsxs("div",{className:h.default(I,k),children:[n.jsx(i.Checkbox,{checked:l,disabled:!o,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(K),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);J(t)}else t=K.filter((function(e){return!e.disabled&&!r.countries.some((function(n){return n.code===e.code}))})),J(t)}}),n.jsxs("button",{className:N,onClick:function(){te.includes(r.label)?oe(te.filter((function(e){return e!==r.label}))):oe(e.__spreadArray(e.__spreadArray([],e.__read(te),!1),[r.label],!1))},type:"button",children:[n.jsxs(c.Text,{color:"textColorSecondary",children:[t,"/",o]}),n.jsx(s.ChevronUpIcon,{className:h.default(T,a&&z),size:24})]})]}),n.jsx(u.Collapse,{collapsed:a,children:n.jsx("div",{className:w,children:r.countries.map((function(r){var t,o="function"==typeof r.icon?r.icon():r.icon;return n.jsx(i.Checkbox,{checked:K.some((function(e){return e.code===r.code})),className:h.default(W,H,!r.disabled&&k),disabled:r.disabled,label:r.label,labelComponent:n.jsxs("div",{className:L,style:{marginLeft:8,opacity:r.disabled?_.theme.opacityDisabled:1},children:[n.jsxs("div",{children:[o,r.label]}),null===(t=r.rightDecorator)||void 0===t?void 0:t.call(r)]}),onChange:function(n){J(n?e.__spreadArray(e.__spreadArray([],e.__read(K),!1),[r],!1):K.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):n.jsx("div",{className:q,children:n.jsx(c.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
@@ -4,14 +4,14 @@ import type { BaseProps } from "../../types/BaseProps";
4
4
  import type { Theme } from "../../types/Theme";
5
5
  export type BaseDialogProps = BaseProps & {
6
6
  children: ReactNode;
7
- /** Close when clicking outside dialog (on the backdrop)
8
- * @default true
7
+ /** Don't close when clicking outside dialog (on the backdrop)
8
+ * @default false
9
9
  */
10
- closeOnBlur?: boolean;
11
- /** Close on pressing 'escape' key
12
- * @default true
10
+ noCloseOnBlur?: boolean;
11
+ /** Don't close on pressing 'escape' key
12
+ * @default false
13
13
  */
14
- closeOnEsc?: boolean;
14
+ noCloseOnEsc?: boolean;
15
15
  open: boolean;
16
16
  /**
17
17
  * framer-motion props for the popup container.
@@ -40,9 +40,9 @@ export type BaseDialogProps = BaseProps & {
40
40
  width?: number;
41
41
  /**
42
42
  * Disable the backdrop color
43
- * @default true
43
+ * @default false
44
44
  */
45
45
  withBackdrop?: boolean;
46
46
  onClose?: () => void;
47
47
  };
48
- export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, popupMotionProps, rootSelector, style, themeOverride, width, withBackdrop, }: BaseDialogProps) => React.ReactPortal | null;
48
+ export declare const BaseDialog: ({ children, className, noCloseOnBlur, noCloseOnEsc, onClose, open, popupMotionProps, rootSelector, style, themeOverride, width, withBackdrop, }: BaseDialogProps) => React.ReactPortal | null;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),i=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(i),c="Amino_BaseDialog-module__backdrop--Tykyp",u="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(i){var r=i.children,l=i.className,s=i.closeOnBlur,m=void 0===s||s,p=i.closeOnEsc,v=void 0===p||p,g=i.onClose,f=i.open,y=i.popupMotionProps,_=i.rootSelector,b=i.style,h=i.themeOverride,x=i.width,k=void 0===x?444:x,w=i.withBackdrop,q=void 0===w||w,j=t.useRef(null),A=t.useRef(null);t.useEffect((function(){var e,o;(null===(e=A.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=A.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=f?"hidden":"auto")}),[f]);var B=q?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},D=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},y);if("undefined"!=typeof document){var E=document.querySelector(_||"body");if(E)return n.createPortal(o.jsx(a.AnimatePresence,{children:f&&t.createElement(a.motion.div,e.__assign({className:c},B,{key:"dialog-backdrop",ref:A,"data-theme":h,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),g&&v&&g())},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var o=e.target===j.current,t=g&&m&&e.target===A.current;o&&t&&g(),j.current=null},style:{"--amino-base-dialog-width":"".concat(k,"px")},tabIndex:-1,transition:{duration:.3}}),t.createElement(a.motion.div,e.__assign({},D,{key:"dialog",className:d.default(l,u,"elevated"),onClick:function(e){e.stopPropagation()},style:b}),r))}),E)}return null};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),n=require("react"),t=require("react-dom"),i=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(i),u="Amino_BaseDialog-module__backdrop--Tykyp",c="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(i){var r=i.children,l=i.className,s=i.noCloseOnBlur,m=void 0!==s&&s,p=i.noCloseOnEsc,v=void 0!==p&&p,g=i.onClose,f=i.open,y=i.popupMotionProps,_=i.rootSelector,b=i.style,h=i.themeOverride,x=i.width,k=void 0===x?444:x,w=i.withBackdrop,q=void 0!==w&&w,j=n.useRef(null),A=n.useRef(null);n.useEffect((function(){var e,o;(null===(e=A.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=A.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=f?"hidden":"auto")}),[f]);var B=q?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},C=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},y);if("undefined"!=typeof document){var D=document.querySelector(_||"body");if(D)return t.createPortal(o.jsx(a.AnimatePresence,{children:f&&n.createElement(a.motion.div,e.__assign({className:u},B,{key:"dialog-backdrop",ref:A,"data-theme":h,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),g&&!v&&g())},onMouseDown:function(e){j.current=e.target},onMouseUp:function(e){var o=e.target===j.current,n=g&&!m&&e.target===A.current;o&&n&&g(),j.current=null},style:{"--amino-base-dialog-width":"".concat(k,"px")},tabIndex:-1,transition:{duration:.3}}),n.createElement(a.motion.div,e.__assign({},C,{key:"dialog",className:d.default(l,c,"elevated"),onClick:function(e){e.stopPropagation()},style:b}),r))}),D)}return null};
@@ -9,8 +9,8 @@ export type DialogProps = BaseDialogProps & {
9
9
  };
10
10
  export declare const Dialog: import("react").ForwardRefExoticComponent<import("../../types/BaseProps").BaseProps & {
11
11
  children: ReactNode;
12
- closeOnBlur?: boolean | undefined;
13
- closeOnEsc?: boolean | undefined;
12
+ noCloseOnBlur?: boolean | undefined;
13
+ noCloseOnEsc?: boolean | undefined;
14
14
  open: boolean;
15
15
  popupMotionProps?: import("framer-motion").MotionProps | undefined;
16
16
  rootSelector?: string | undefined;
@@ -9,8 +9,8 @@ export type AnnouncementDialogProps = BaseDialogProps & {
9
9
  };
10
10
  export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
11
11
  children: ReactNode;
12
- closeOnBlur?: boolean | undefined;
13
- closeOnEsc?: boolean | undefined;
12
+ noCloseOnBlur?: boolean | undefined;
13
+ noCloseOnEsc?: boolean | undefined;
14
14
  open: boolean;
15
15
  popupMotionProps?: import("framer-motion").MotionProps | undefined;
16
16
  rootSelector?: string | undefined;
@@ -1 +1 @@
1
- "use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),l=require("../../icons/ChevronDownIcon.js"),n=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}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("../../icons/icon-base/_IconBase.js");var u=d(o),m="Amino_FilterWrapper-module__filterWrapper--u-lhr",c="Amino_FilterWrapper-module__badgeWrapper--wljBB",_="Amino_FilterWrapper-module__toggleWrapper--gqVoy",g="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",x="Amino_FilterWrapper-module__filterTitle--1VaM3",h="Amino_FilterWrapper-module__filterText--UowIN",v="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",b="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:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var s=o.active,d=o.children,f=o.className,W=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,w=o.filterText,A=o.handleApply,q=o.handleKeyDown,F=o.handleOpenDropdown,T=o.handleToggle,C=o.hasFilter,D=o.label,I=o.style;return e.jsxs("div",{className:u.default(f,m),style:r.__assign(r.__assign({},I),{"--amino-filter-wrapper-border-bottom-right-radius":C?"0px":"100px","--amino-filter-wrapper-border-right-color":s?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":C?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(s&&"active",c),onClick:T,children:[e.jsxs("div",{className:u.default(s&&"active",_),children:[s?e.jsx(n.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{className:x,fontWeight:600,children:D})]}),C&&e.jsxs("div",{className:g,onClick:F,children:[e.jsx(a.Text,{className:h,children:w}),e.jsx(l.ChevronDownIcon,{size:24})]})]}),e.jsxs("div",{ref:j,className:v,onKeyDown:q,style:{display:W?"flex":"none"},tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:b,children:d}),e.jsx(i.Button,{onClick:A,size:"md",variant:"primary",children:"Apply"})]})]})};
1
+ "use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),l=require("../../icons/ChevronDownIcon.js"),n=require("../../icons/MinusCircleDuotoneIcon.js"),t=require("../../icons/PlusCircleDuotoneIcon.js"),p=require("../../styles/constants/theme.js"),s=require("../../global.module-569e4fd5.js"),d=require("../../style-inject.es-d4ddeae4.js");function u(r){return r&&r.__esModule?r:{default:r}}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("../../icons/icon-base/_IconBase.js");var m=u(o),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";d.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:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var d=o.active,u=o.children,y=o.className,j=o.dropDownOpen,W=o.dropdownRef,w=o.dropdownTitle,A=o.filterText,q=o.handleApply,F=o.handleKeyDown,T=o.handleOpenDropdown,C=o.handleToggle,D=o.hasFilter,N=o.label,I=o.style;return e.jsxs("div",{className:m.default(y,c),style:r.__assign(r.__assign({},I),{"--amino-filter-wrapper-border-bottom-right-radius":D?"0px":"100px","--amino-filter-wrapper-border-right-color":d?p.theme.borderColor:p.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":D?"0px":"100px"}),children:[e.jsxs("div",{className:m.default(d&&"active",_),children:[e.jsx("button",{className:s.globalStyles.focusable,onClick:C,type:"button",children:e.jsxs("div",{className:m.default(d&&"active",g),children:[d?e.jsx(n.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(t.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{className:x,fontWeight:600,children:N})]})}),D&&e.jsxs("button",{className:m.default(b,s.globalStyles.focusable),onClick:T,type:"button",children:[e.jsx(a.Text,{className:h,children:A}),e.jsx(l.ChevronDownIcon,{size:24})]})]}),e.jsxs("div",{ref:W,className:v,onKeyDown:F,role:"menu",style:{display:j?"flex":"none"},tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:w}),e.jsx("div",{className:f,children:u}),e.jsx(i.Button,{onClick:q,size:"md",variant:"primary",children:"Apply"})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),a=require("../../select/Select.js"),o=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(n.useState(m.amountFilterType),2),d=j[0],g=j[1],v=e.__read(n.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),h=v[0],F=v[1],x=e.__read(n.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),y=x[0],b=x[1],_=e.__read(n.useState(!1),2),I=_[0],A=_[1],M=n.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),f=n.useCallback((function(e){var t=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=n.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=n.useMemo((function(){return"less"===d?null===y?"":String(y):null===h?"":String(h)}),[y,h,d]);return(0,i.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:r.initialFilterAmountState.amountFilterType}),M({amountMax:null,amountMin:null}),g(r.initialFilterAmountState.amountFilterType),F("0"),b("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(a.Select,{isClearable:!1,onChange:function(e){return g((null==e?void 0:e.value)||r.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&I&&e.stopPropagation()},onMenuClose:function(){return A(!1)},onMenuOpen:function(){return A(!0)},options:r.filterAmountOptions,size:"md",value:r.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(o.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return t=e.target.value,void("less"===d?b(t):F(t));var t},size:"md",type:"number",value:C}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return b(e.target.value)},size:"md",type:"number",value:null===y?"":String(y)})]})]})]}))};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),a=require("../../select/Select.js"),o=require("../../../icons/ArrowRightIcon.js"),l=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../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("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var s="Amino_FilterAmount-module__inputWrapper--6kcs2";l.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(l){var c=l.dispatch,p=l.dropdownTitle,m=l.filter,q=l.label,j=e.__read(n.useState(m.amountFilterType),2),d=j[0],g=j[1],v=e.__read(n.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),h=v[0],F=v[1],x=e.__read(n.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),y=x[0],b=x[1],_=e.__read(n.useState(!1),2),I=_[0],A=_[1],M=n.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),f=n.useCallback((function(e){var t=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=n.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=n.useMemo((function(){return"less"===d?null===y?"":String(y):null===h?"":String(h)}),[y,h,d]);return(0,i.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:r.initialFilterAmountState.amountFilterType}),M({amountMax:null,amountMin:null}),g(r.initialFilterAmountState.amountFilterType),F("0"),b("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(a.Select,{isClearable:!1,onChange:function(e){return g((null==e?void 0:e.value)||r.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&I&&e.stopPropagation()},onMenuClose:function(){return A(!1)},onMenuOpen:function(){return A(!0)},options:r.filterAmountOptions,size:"md",value:r.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:s,children:[t.jsx(o.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return t=e.target.value,void("less"===d?b(t):F(t));var t},size:"md",type:"number",value:C}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return b(e.target.value)},size:"md",type:"number",value:null===y?"":String(y)})]})]})]}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.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("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(I){var h=I.onChange,g=I.onChangeFilterText,f=I.rangeType,x=I.setRangeType,_=I.value,v=e.__read(t.useState(!1),2),T=v[0],y=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(j.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||c.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&T&&e.stopPropagation()},onMenuClose:function(){return y(!1)},onMenuOpen:function(){return y(!0)},options:C,size:"sm",value:C.filter((function(e){return e.value===f}))}),r.jsxs("div",{className:p.styles.controlsValueWrapper,children:[r.jsx(q.ArrowRightIcon,{color:"blue600"}),function(){switch(f){case"is in the last":return r.jsx(a.IsInTheLast,{onChange:h,onChangeFilterText:g,value:_});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:h,onChangeFilterText:g,value:_});case"is after":return r.jsx(n.IsAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before":return r.jsx(s.IsBefore,{onChange:h,onChangeFilterText:g,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:g,value:_});case"is on or after":return r.jsx(l.IsOnOrAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before or on":return r.jsx(i.IsBeforeOrOn,{onChange:h,onChangeFilterText:g,value:_})}}()]})]})};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.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("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(I){var h=I.onChange,g=I.onChangeFilterText,f=I.rangeType,x=I.setRangeType,_=I.value,v=e.__read(t.useState(!1),2),T=v[0],b=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(j.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||c.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&T&&e.stopPropagation()},onMenuClose:function(){return b(!1)},onMenuOpen:function(){return b(!0)},options:C,size:"sm",value:C.filter((function(e){return e.value===f}))}),r.jsxs("div",{className:p.styles.controlsValueWrapper,children:[r.jsx(q.ArrowRightIcon,{color:"blue600"}),function(){switch(f){case"is in the last":return r.jsx(a.IsInTheLast,{onChange:h,onChangeFilterText:g,value:_});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:h,onChangeFilterText:g,value:_});case"is after":return r.jsx(n.IsAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before":return r.jsx(s.IsBefore,{onChange:h,onChangeFilterText:g,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:g,value:_});case"is on or after":return r.jsx(l.IsOnOrAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before or on":return r.jsx(i.IsBeforeOrOn,{onChange:h,onChangeFilterText:g,value:_})}}()]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("./DateControls.js"),n=require("./filterDateReducer.js"),i=require("../useFilterWrapper.js");require("./_DateControls/_IsAfter.js"),require("dayjs"),require("../../../DateControlsWrapper-d09e2e06.js"),require("clsx"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.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-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),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");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),y=d[0],C=d[1],D=e.__read(r.useState(""),2),g=D[0],h=D[1],I=r.useCallback((function(e){u({name:"dateRangeType",type:"change",value:y}),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})}),[u,y]),_=r.useCallback((function(){u({name:"dateRangeType",type:"change",value:y}),u({name:"dateData.dateBegin",type:"change",value:q.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:q.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:q.lastCount}),u({name:"dateData.lastUnit",type:"change",value:q.lastUnit}),u({name:"isActive",type:"change",value:!0})}),[u,q.dateBegin,q.dateEnd,q.lastCount,q.lastUnit,y]),v=r.useCallback((function(e){e(g)}),[g]),m=r.useCallback((function(e){_(),v(e)}),[_,v]);return(0,i.useFilterWrapper({dropdownTitle:o,isActive:l.isActive,label:c,onApply:m,onApplyFilterText:v,onClose:function(){j(l.dateData),C(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:y}),I(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData),C(n.initialFilterDateState.dateRangeType)},setActive:function(e){return u({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(a.DateControls,{onChange:j,onChangeFilterText:function(e){h(e)},rangeType:y,setRangeType:C,value:q}))};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("./DateControls.js"),n=require("./filterDateReducer.js"),i=require("../useFilterWrapper.js");require("./_DateControls/_IsAfter.js"),require("dayjs"),require("../../../DateControlsWrapper-d09e2e06.js"),require("clsx"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.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-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.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("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");exports.FilterDate=function(u){var s=u.dispatch,o=u.dropdownTitle,l=u.filter,c=u.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),y=d[0],C=d[1],g=e.__read(r.useState(""),2),D=g[0],h=g[1],I=r.useCallback((function(e){s({name:"dateRangeType",type:"change",value:y}),s({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),s({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),s({name:"dateData.lastCount",type:"change",value:e.lastCount}),s({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[s,y]),_=r.useCallback((function(){s({name:"dateRangeType",type:"change",value:y}),s({name:"dateData.dateBegin",type:"change",value:q.dateBegin||null}),s({name:"dateData.dateEnd",type:"change",value:q.dateEnd||null}),s({name:"dateData.lastCount",type:"change",value:q.lastCount}),s({name:"dateData.lastUnit",type:"change",value:q.lastUnit}),s({name:"isActive",type:"change",value:!0})}),[s,q.dateBegin,q.dateEnd,q.lastCount,q.lastUnit,y]),v=r.useCallback((function(e){e(D)}),[D]),m=r.useCallback((function(e){_(),v(e)}),[_,v]);return(0,i.useFilterWrapper({dropdownTitle:o,isActive:l.isActive,label:c,onApply:m,onApplyFilterText:v,onClose:function(){j(l.dateData),C(l.dateRangeType)},onRemove:function(){s({name:"isActive",type:"change",value:!1}),s({name:"dateRangeType",type:"change",value:y}),I(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData),C(n.initialFilterDateState.dateRangeType)},setActive:function(e){return s({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(a.DateControls,{onChange:j,onChangeFilterText:function(e){h(e)},rangeType:y,setRangeType:C,value:q}))};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("lodash/cloneDeep"),require("zod"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../utils/hooks/useStateUrl.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(r),l=n.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var n=r.onChange,a=r.onChangeFilterText,c=r.value,q=t.useMemo((function(){return{count:c.lastCount,unit:c.lastUnit}}),[c]),p=q.count,j=q.unit,f=t.useCallback((function(e){var t=o.default().subtract(p,e).format(u.defaultDateFormat);n({dateBegin:t,dateEnd:null,lastCount:p,lastUnit:e})}),[p,n]),d=t.useCallback((function(e){var t=o.default().subtract(e,j).format(u.defaultDateFormat);n({dateBegin:t,dateEnd:null,lastCount:e,lastUnit:j})}),[n,j]);return t.useEffect((function(){var e=o.default().subtract(p,j).format(u.defaultDateFormat);n({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,n,j]),t.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(u.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:null,type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:l,size:"sm",value:l.filter((function(e){return e.value===j}))})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("lodash/cloneDeep"),require("zod"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../utils/hooks/useStateUrl.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../global.module-569e4fd5.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(t),l=n.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(t){var n=t.onChange,a=t.onChangeFilterText,c=t.value,q=r.useMemo((function(){return{count:c.lastCount,unit:c.lastUnit}}),[c]),p=q.count,j=q.unit,f=r.useCallback((function(e){var r=o.default().subtract(p,e).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:p,lastUnit:e})}),[p,n]),d=r.useCallback((function(e){var r=o.default().subtract(e,j).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:e,lastUnit:j})}),[n,j]);return r.useEffect((function(){var e=o.default().subtract(p,j).format(u.defaultDateFormat);n({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,n,j]),r.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(u.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:null,type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:l,size:"sm",value:l.filter((function(e){return e.value===j}))})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../checkbox/Checkbox.js"),n=require("../useFilterWrapper.js"),u=require("../../stack/VStack.js"),l=require("../../../style-inject.es-d4ddeae4.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("../../../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";l.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(l){var o=l.dropdownTitle,c=l.label,a=l.onChange,p=l.options,j=l.value,q=e.__read(t.useState(j),2),d=q[0],f=q[1],v=t.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]),_=t.useCallback((function(e){a(d),v(e)}),[d,v,a]);return(0,n.useFilterWrapper({dropdownTitle:o,isActive:!!j.length,label:c,onApply:_,onApplyFilterText:v,onClose:function(){f(j)},onRemove:function(){a([]),f([])}}).renderWrapper)(r.jsx(u.VStack,{className:s,spacing:8,children:p.map((function(t){return r.jsx(i.Checkbox,{checked:d.some((function(e){return e===t.value}))||!1,label:t.label,onChange:function(){d.some((function(e){return e===t.value}))?f(d.filter((function(e){return e!==t.value}))):f(e.__spreadArray(e.__spreadArray([],e.__read(d),!1),[t.value],!1))}},t.value)}))}))};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../checkbox/Checkbox.js"),n=require("../useFilterWrapper.js"),u=require("../../stack/VStack.js"),l=require("../../../style-inject.es-d4ddeae4.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";l.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(l){var o=l.dropdownTitle,c=l.label,a=l.onChange,p=l.options,j=l.value,q=e.__read(t.useState(j),2),d=q[0],f=q[1],v=t.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]),b=t.useCallback((function(e){a(d),v(e)}),[d,v,a]);return(0,n.useFilterWrapper({dropdownTitle:o,isActive:!!j.length,label:c,onApply:b,onApplyFilterText:v,onClose:function(){f(j)},onRemove:function(){a([]),f([])}}).renderWrapper)(r.jsx(u.VStack,{className:s,spacing:8,children:p.map((function(t){return r.jsx(i.Checkbox,{checked:d.some((function(e){return e===t.value}))||!1,label:t.label,onChange:function(){d.some((function(e){return e===t.value}))?f(d.filter((function(e){return e!==t.value}))):f(e.__spreadArray(e.__spreadArray([],e.__read(d),!1),[t.value],!1))}},t.value)}))}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),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 s=o.filterTextCharacterLimit,c=void 0===s?20:s,l=o.getFilterText,a=o.onChange,p=o.options,q=o.selectProps,j=o.value,f=e.__rest(o,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),C=e.__read(n.useState(j),2),v=C[0],x=C[1],_=e.__read(n.useState(!1),2),m=_[0],h=_[1],b=n.useMemo((function(){return l||function(e){return"is ".concat(e.label)}}),[l]),g=n.useMemo((function(){return p.find((function(e){return e.value===v}))||null}),[v,p]),d=n.useCallback((function(e){if(v){var r=p.find((function(e){return e.value===v}));if(r){var n=b(r);e(u.truncateText({length:c,text:n}))}}}),[v,c,b,p]),I=n.useCallback((function(e){a(v),d(e)}),[v,d,a]),T=t.useFilterWrapper(e.__assign(e.__assign({},f),{isActive:!!j,onApply:I,onApplyFilterText:d,onClose:function(){x(j)},onRemove:function(){a(null),x(null)}})).renderWrapper,k=n.useMemo((function(){return"function"==typeof q?q(g):q}),[q,g]);return T(r.jsx(i.Select,e.__assign({isClearable:!1,onChange:function(e){return x((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&m&&e.stopPropagation()},onMenuClose:function(){return h(!1)},onMenuOpen:function(){return h(!0)},options:p,size:"sm",value:p.filter((function(e){return e.value===v}))},k)))};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("../../../global.module-569e4fd5.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../help-text/HelpText.js"),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 s=o.filterTextCharacterLimit,l=void 0===s?20:s,c=o.getFilterText,a=o.onChange,q=o.options,p=o.selectProps,j=o.value,f=e.__rest(o,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),C=e.__read(n.useState(j),2),v=C[0],x=C[1],m=e.__read(n.useState(!1),2),_=m[0],b=m[1],h=n.useMemo((function(){return c||function(e){return"is ".concat(e.label)}}),[c]),g=n.useMemo((function(){return q.find((function(e){return e.value===v}))||null}),[v,q]),d=n.useCallback((function(e){if(v){var r=q.find((function(e){return e.value===v}));if(r){var n=h(r);e(u.truncateText({length:l,text:n}))}}}),[v,l,h,q]),I=n.useCallback((function(e){a(v),d(e)}),[v,d,a]),T=t.useFilterWrapper(e.__assign(e.__assign({},f),{isActive:!!j,onApply:I,onApplyFilterText:d,onClose:function(){x(j)},onRemove:function(){a(null),x(null)}})).renderWrapper,k=n.useMemo((function(){return"function"==typeof p?p(g):p}),[p,g]);return T(r.jsx(i.Select,e.__assign({isClearable:!1,onChange:function(e){return x((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return b(!1)},onMenuOpen:function(){return b(!0)},options:q,size:"sm",value:q.filter((function(e){return e.value===v}))},k)))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("../useFilterWrapper.js"),u=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(i.useState(l||""),2),a=c[0],q=c[1],j=i.useCallback((function(e){e(a)}),[a]),I=i.useCallback((function(e){p(a),j(e)}),[a,j,p]);return(0,t.useFilterWrapper({dropdownTitle:s,isActive:!!l,label:o,onApply:I,onApplyFilterText:j,onClose:function(){q(l||"")},onRemove:function(){p(null),q("")}}).renderWrapper)(r.jsx(u.Input,{onChange:function(e){return q(e.target.value)},size:"sm",type:"text",value:a}))};
1
+ "use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),u=require("../useFilterWrapper.js"),t=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.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("../../../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("../../../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(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(i.useState(l||""),2),a=c[0],q=c[1],j=i.useCallback((function(e){e(a)}),[a]),I=i.useCallback((function(e){p(a),j(e)}),[a,j,p]);return(0,u.useFilterWrapper({dropdownTitle:s,isActive:!!l,label:o,onApply:I,onApplyFilterText:j,onClose:function(){q(l||"")},onRemove:function(){p(null),q("")}}).renderWrapper)(r.jsx(t.Input,{onChange:function(e){return q(e.target.value)},size:"sm",type:"text",value:a}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=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("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(o){var i=o.className,u=o.dropdownTitle,s=o.isActive,l=o.label,c=o.onApply,a=o.onApplyFilterText,p=o.onClose,d=o.onRemove,v=o.setActive,f=o.style,q=e.__read(n.useState(!1),2),j=q[0],m=q[1],y=e.__read(n.useState("Filter"),2),b=y[0],h=y[1],w=n.useRef(null),x=function(){c(h),m(!1)},E=function(e){"Escape"===e.key&&(m(!1),p()),"Enter"===e.key&&x()},F=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&j&&(m(!1),p())}),[j,p]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",F),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",F)}}),[j,F]),n.useEffect((function(){var e;if(j){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[j]);var A=function(e){e.stopPropagation(),m(!0)},T=function(){s?(null==v||v(!1),d()):m(!0)};n.useEffect((function(){s&&a(h)}),[s,a]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:s,className:i,dropDownOpen:j,dropdownRef:w,dropdownTitle:u,filterText:b,handleApply:x,handleKeyDown:E,handleOpenDropdown:A,handleToggle:T,hasFilter:s,label:l,style:f,children:e})},setFilterText:h}};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=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("../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(o){var i=o.className,u=o.dropdownTitle,l=o.isActive,s=o.label,c=o.onApply,a=o.onApplyFilterText,d=o.onClose,p=o.onRemove,v=o.setActive,f=o.style,q=e.__read(n.useState(!1),2),j=q[0],m=q[1],y=e.__read(n.useState("Filter"),2),b=y[0],h=y[1],w=n.useRef(null),x=function(){c(h),m(!1)},E=function(e){"Escape"===e.key&&(m(!1),d()),"Enter"===e.key&&x()},F=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&j&&(m(!1),d())}),[j,d]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",F),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",F)}}),[j,F]),n.useEffect((function(){var e;if(j){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[j]);var A=function(e){e.stopPropagation(),m(!0)},T=function(){l?(null==v||v(!1),p()):m(!0)};n.useEffect((function(){l&&a(h)}),[l,a]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:l,className:i,dropDownOpen:j,dropdownRef:w,dropdownTitle:u,filterText:b,handleApply:x,handleKeyDown:E,handleOpenDropdown:A,handleToggle:T,hasFilter:l,label:s,style:f,children:e})},setFilterText:h}};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql"),a=require("./_GraphiqlContextWrapper.js"),o=require("./_LoadingIcon.js"),l=require("../nested-data-table/NestedDataTable.js"),u=require("../split-panel/SplitPanel.js"),n=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),p=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),d=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("../../style-inject.es-d4ddeae4.js");require("../text/Text.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.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("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var j="Amino_GraphMatrix-module__styledWrapper--qM3YB",_="Amino_GraphMatrix-module__styledTableWrap--RbpA-",m="Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC";h.styleInject(".Amino_GraphMatrix-module__styledWrapper--qM3YB{height:100%}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-tab>.graphiql-tab-button{outline:none}.Amino_GraphMatrix-module__styledWrapper--qM3YB .docExplorerWrap{height:auto!important;width:auto!important}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-graphql-arguments svg{display:inline-block}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-root>div{overflow:auto!important}.Amino_GraphMatrix-module__styledTableWrap--RbpA-{height:100%}.Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC{display:flex;flex-direction:column;height:100vh;overflow:auto;padding:0 var(--amino-space-12)}");var x=function(h){var x=h.customToolbar,b=h.fetcher,g=h.loadingComponent,v=h.onEditQuery,y=h.onEditVariables,f=h.onResultData,S=h.query,C=void 0===S?"":S,G=h.schema,T=h.schemaName,E=h.url,I=h.variables,M=void 0===I?"":I,A=e.__read(i.useState(null),2),k=A[0],F=A[1],R=e.__read(i.useState(null),2)[1],W=e.__read(i.useState(!1),2),B=W[0],D=W[1],w=e.__read(i.useState("first-time"),1)[0],N=e.__read(i.useState(!1),2),L=N[0],P=N[1],Y=e.__read(i.useState([1,0]),2),O=Y[0],Q=Y[1],z=e.__read(i.useState(!1),2),H=z[0],V=z[1],K=e.__read(i.useState(""),2),U=K[0],Z=K[1],J=q.useGraphiqlFetcher({cachingKey:w,customFetcher:b||null,operationName:U,query:C,url:E}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:T});i.useEffect((function(){V(!0)}),[]),i.useEffect((function(){D(!!(null==k?void 0:k.isFetching)||$)}),[null==k?void 0:k.isFetching,D,$]),i.useEffect((function(){ee&&f&&f(ee)}),[f,ee]);var ie=p.useGraphiqlExplorer({});if(!G)return r.jsx(r.Fragment,{children:g||r.jsx(o.Loading,{})});var te,se;return r.jsx("div",{className:j,children:r.jsxs(u.SplitPanel,{collapseAll:!L,onSetSizes:Q,sizes:O,children:[r.jsx("div",{className:_,children:H&&r.jsx(s.GraphiQL,{fetcher:X,onEditOperationName:Z,onEditQuery:v,onEditVariables:y,plugins:[ie],query:C,schema:G,storage:re,toolbar:{additionalContent:r.jsxs(t.Tooltip.Provider,{children:[r.jsx(t.ToolbarButton,{label:L?"Hide table":"Show table",onClick:function(){return P(!L)},children:L?r.jsx(c.EyeOffIcon,{color:"red600"}):r.jsx(n.EyeIcon,{color:"gray400"})}),x]})},variables:M,children:r.jsx(a.GraphiqlContextWrapper,{setExecutionContext:F,setResponseEditorContext:R,children:r.jsx(s.GraphiQL.Footer,{})})})}),(te=null!==ee?ee.data:ee,se=te?Object.entries(te):null,se?r.jsx("div",{className:m,children:se.map((function(i){var t=e.__read(i,2),s=t[0],a=t[1];return Array.isArray(a)||a?r.jsx(l.NestedDataTable,{isFetching:B,tableData:a,title:s},s):null}))}):null)]})})};x.ToolbarButton=t.ToolbarButton,exports.GraphMatrix=x;
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql"),a=require("./_GraphiqlContextWrapper.js"),o=require("./_LoadingIcon.js"),l=require("../nested-data-table/NestedDataTable.js"),u=require("../split-panel/SplitPanel.js"),n=require("../../icons/EyeIcon.js"),c=require("../../icons/EyeOffIcon.js"),p=require("../../utils/hooks/_useGraphiqlExplorer.js"),q=require("../../utils/hooks/_useGraphiqlFetcher.js"),d=require("../../utils/hooks/_useGraphiqlStorage.js"),h=require("../../style-inject.es-d4ddeae4.js");require("../text/Text.js"),require("clsx"),require("../../styles/constants/theme.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.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("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("swr"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var j="Amino_GraphMatrix-module__styledWrapper--qM3YB",_="Amino_GraphMatrix-module__styledTableWrap--RbpA-",m="Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC";h.styleInject(".Amino_GraphMatrix-module__styledWrapper--qM3YB{height:100%}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-tab>.graphiql-tab-button{outline:none}.Amino_GraphMatrix-module__styledWrapper--qM3YB .docExplorerWrap{height:auto!important;width:auto!important}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-graphql-arguments svg{display:inline-block}.Amino_GraphMatrix-module__styledWrapper--qM3YB .graphiql-explorer-root>div{overflow:auto!important}.Amino_GraphMatrix-module__styledTableWrap--RbpA-{height:100%}.Amino_GraphMatrix-module__styledPivotTableWrapper--o1eEC{display:flex;flex-direction:column;height:100vh;overflow:auto;padding:0 var(--amino-space-12)}");var x=function(h){var x=h.customToolbar,b=h.fetcher,g=h.loadingComponent,v=h.onEditQuery,y=h.onEditVariables,f=h.onResultData,S=h.query,C=void 0===S?"":S,G=h.schema,E=h.schemaName,I=h.url,T=h.variables,M=void 0===T?"":T,A=e.__read(i.useState(null),2),k=A[0],F=A[1],R=e.__read(i.useState(null),2)[1],W=e.__read(i.useState(!1),2),B=W[0],D=W[1],w=e.__read(i.useState("first-time"),1)[0],N=e.__read(i.useState(!1),2),L=N[0],P=N[1],Y=e.__read(i.useState([1,0]),2),O=Y[0],Q=Y[1],z=e.__read(i.useState(!1),2),H=z[0],V=z[1],K=e.__read(i.useState(""),2),U=K[0],Z=K[1],J=q.useGraphiqlFetcher({cachingKey:w,customFetcher:b||null,operationName:U,query:C,url:I}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:E});i.useEffect((function(){V(!0)}),[]),i.useEffect((function(){D(!!(null==k?void 0:k.isFetching)||$)}),[null==k?void 0:k.isFetching,D,$]),i.useEffect((function(){ee&&f&&f(ee)}),[f,ee]);var ie=p.useGraphiqlExplorer({});if(!G)return r.jsx(r.Fragment,{children:g||r.jsx(o.Loading,{})});var te,se;return r.jsx("div",{className:j,children:r.jsxs(u.SplitPanel,{collapseAll:!L,onSetSizes:Q,sizes:O,children:[r.jsx("div",{className:_,children:H&&r.jsx(s.GraphiQL,{fetcher:X,onEditOperationName:Z,onEditQuery:v,onEditVariables:y,plugins:[ie],query:C,schema:G,storage:re,toolbar:{additionalContent:r.jsxs(t.Tooltip.Provider,{children:[r.jsx(t.ToolbarButton,{label:L?"Hide table":"Show table",onClick:function(){return P(!L)},children:L?r.jsx(c.EyeOffIcon,{color:"red600"}):r.jsx(n.EyeIcon,{color:"gray400"})}),x]})},variables:M,children:r.jsx(a.GraphiqlContextWrapper,{setExecutionContext:F,setResponseEditorContext:R,children:r.jsx(s.GraphiQL.Footer,{})})})}),(te=null!==ee?ee.data:ee,se=te?Object.entries(te):null,se?r.jsx("div",{className:m,children:se.map((function(i){var t=e.__read(i,2),s=t[0],a=t[1];return Array.isArray(a)||a?r.jsx(l.NestedDataTable,{isFetching:B,tableData:a,title:s},s):null}))}):null)]})})};x.ToolbarButton=t.ToolbarButton,exports.GraphMatrix=x;
@@ -6,10 +6,14 @@ type InputType = {
6
6
  * @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
7
7
  */
8
8
  inputRef?: MutableRefObject<HTMLInputElement | null>;
9
+ /**
10
+ * @default false
11
+ */
12
+ noBorder?: boolean;
9
13
  onChange: ChangeEventHandler<HTMLInputElement>;
10
14
  /** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
11
15
  width?: number;
12
16
  } & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
13
17
  export type InputProps = InputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType>;
14
- export declare const Input: ({ autoFocus, className, disabled, error, helpText, inputMode, inputRef, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const Input: ({ autoFocus, className, disabled, error, helpText, inputMode, inputRef, label, noBorder, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
15
19
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("clsx"),t=require("../help-text/HelpText.js"),n=require("./input-type/_DateInput.js"),a=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),s=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.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("../../icons/ClockIcon.js");var c=p(i),m="Amino_Input-module__fields--F18Vt",x="Amino_Input-module__aminoInputWrapper--KzFcE";d.styleInject(".Amino_Input-module__fields--F18Vt{border:var(--amino-border);border-radius:var(--amino-input-border-radius)}.Amino_Input-module__fields--F18Vt:hover{border:1px solid var(--amino-gray-300)}.Amino_Input-module__aminoInputWrapper--KzFcE{position:relative;width:var(--amino-input-width)}.Amino_Input-module__aminoInputWrapper--KzFcE>div{align-items:center;display:flex;flex-direction:row}.Amino_Input-module__aminoInputWrapper--KzFcE.disabled{opacity:var(--amino-opacity-disabled)}");exports.Input=function(i){var d=i.autoFocus,p=i.className,f=i.disabled,_=i.error,b=i.helpText,I=i.inputMode,q=i.inputRef,j=i.label,y=i.onChange,h=i.onKeyDown,v=i.pattern,w=i.placeholder,g=i.prefix,F=i.readOnly,C=i.required,z=i.size,K=void 0===z?"xl":z;i.style;var N=i.suffix,D=i.tabIndex,P=i.type,T=i.value,A=i.valuePrefix,M=i.width,O=e.__rest(i,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs("div",{className:c.default("amino-input-wrapper",f&&"disabled",x),style:{"--amino-input-border-radius":function(){switch(K){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(),"--amino-input-width":M?"".concat(M,"px"):"100%"},children:[r.jsx("div",{className:m,children:function(){switch(P){case"password":return r.jsx(s.PasswordInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:f,error:_,inputMode:I,label:j,onChange:y,onKeyDown:h,pattern:v,placeholder:w,prefix:g,readOnly:F,required:C,size:K,suffix:N,tabIndex:D,value:T||"",valuePrefix:A},O));case"date":case"datetime-local":return r.jsx(n.DateInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:f,error:_,inputMode:I,label:j,onChange:y,onKeyDown:h,pattern:v,placeholder:w,prefix:g,readOnly:F,required:C,size:K,suffix:N,tabIndex:D,type:P,value:T||"",valuePrefix:A},O));case"number":return r.jsx(u.NumberInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:f,error:_,inputMode:I,label:j,onChange:y,onKeyDown:h,pattern:v,placeholder:w,prefix:g,readOnly:F,required:C,size:K,suffix:N,tabIndex:D,value:T||"",valuePrefix:A},O));case"time":return r.jsx(o.TimeInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:f,error:_,inputMode:I,label:j,onChange:y,onKeyDown:h,pattern:v,placeholder:w,prefix:g,readOnly:F,required:C,size:K,suffix:N,tabIndex:D,value:T||"",valuePrefix:A},O));default:return r.jsx(a.FloatLabelInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:f,error:_,inputMode:I,label:j,onChange:y,onKeyDown:h,pattern:v,placeholder:w,prefix:g,readOnly:F,required:C,size:K,suffix:N,tabIndex:D,type:P,value:T||"",valuePrefix:A},O))}}()}),r.jsx(t.HelpText,{error:_,helpText:b})]})};
1
+ "use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("clsx"),i=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),a=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),s=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.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("../../icons/ClockIcon.js");var c=p(n),f="Amino_Input-module__fields--F18Vt",x="Amino_Input-module__aminoInputWrapper--KzFcE";d.styleInject(".Amino_Input-module__fields--F18Vt{border:var(--amino-border);border-radius:var(--amino-input-border-radius)}.Amino_Input-module__fields--F18Vt:hover{border:1px solid var(--amino-gray-300)}.Amino_Input-module__aminoInputWrapper--KzFcE{position:relative;width:var(--amino-input-width)}.Amino_Input-module__aminoInputWrapper--KzFcE>div{align-items:center;display:flex;flex-direction:row}.Amino_Input-module__aminoInputWrapper--KzFcE.disabled{opacity:var(--amino-opacity-disabled)}");exports.Input=function(n){var d=n.autoFocus,p=n.className,m=n.disabled,_=n.error,b=n.helpText,I=n.inputMode,q=n.inputRef,j=n.label,y=n.noBorder,h=void 0!==y&&y,v=n.onChange,w=n.onKeyDown,g=n.pattern,F=n.placeholder,C=n.prefix,z=n.readOnly,K=n.required,D=n.size,B=void 0===D?"xl":D,P=n.style,T=n.suffix,A=n.tabIndex,M=n.type,O=n.value,N=n.valuePrefix,E=n.width,R=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs("div",{className:c.default(p,"amino-input-wrapper",m&&"disabled",x),style:e.__assign({"--amino-input-border-radius":function(){switch(B){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(),"--amino-input-width":E?"".concat(E,"px"):"100%"},P),children:[r.jsx("div",{className:c.default(!h&&f),children:function(){switch(M){case"password":return r.jsx(o.PasswordInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,type:M,value:O||"",valuePrefix:N},R));case"number":return r.jsx(u.NumberInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));case"time":return r.jsx(s.TimeInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));default:return r.jsx(a.FloatLabelInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,type:M,value:O||"",valuePrefix:N},R))}}()}),r.jsx(i.HelpText,{error:_,helpText:b})]})};
@@ -1,9 +1,10 @@
1
1
  export type MultiInputProps = {
2
2
  className?: string;
3
+ placeholder?: string;
3
4
  style?: React.CSSProperties;
4
5
  tags: string[];
5
6
  setHasValidationError?: (hasValidationError: boolean) => void;
6
7
  setTags: (tags: string[]) => void;
7
8
  tagValidation?: (tag: string) => boolean;
8
9
  };
9
- export declare const MultiInput: ({ className, setHasValidationError, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const MultiInput: ({ className, placeholder, setHasValidationError, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react/jsx-runtime").JSX.Element;