@zonos/amino 5.1.67 → 5.1.69

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 (65) hide show
  1. package/DateControlsWrapper-d09e2e06.js +1 -0
  2. package/all.d.ts +2 -1
  3. package/components/avatar/AvatarBase.js +1 -1
  4. package/components/button/Button.js +1 -1
  5. package/components/card/Card.js +1 -1
  6. package/components/dialog/BaseDialog.js +1 -1
  7. package/components/file-upload/FileUpload.d.ts +1 -1
  8. package/components/file-upload/FileUpload.js +1 -1
  9. package/components/filter/FilterWrapper.d.ts +19 -0
  10. package/components/filter/FilterWrapper.js +1 -0
  11. package/components/filter/filter-amount/FilterAmount.js +1 -1
  12. package/components/filter/filter-date/DateControls.d.ts +3 -2
  13. package/components/filter/filter-date/DateControls.js +1 -1
  14. package/components/filter/filter-date/{dateUtils.d.ts → DateControlsWrapper.d.ts} +5 -1
  15. package/components/filter/filter-date/DateControlsWrapper.js +1 -0
  16. package/components/filter/filter-date/FilterDate.js +1 -1
  17. package/components/filter/filter-date/_DateControls/_IsAfter.d.ts +1 -1
  18. package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
  19. package/components/filter/filter-date/_DateControls/_IsBefore.d.ts +1 -1
  20. package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
  21. package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.d.ts +1 -1
  22. package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
  23. package/components/filter/filter-date/_DateControls/_IsBetween.d.ts +1 -1
  24. package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
  25. package/components/filter/filter-date/_DateControls/_IsEqualTo.d.ts +1 -1
  26. package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
  27. package/components/filter/filter-date/_DateControls/_IsInTheLast.d.ts +1 -1
  28. package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
  29. package/components/filter/filter-date/_DateControls/_IsOnOrAfter.d.ts +1 -1
  30. package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
  31. package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -1
  32. package/components/filter/filter-select/FilterSelect.js +1 -1
  33. package/components/filter/filter-text/FilterText.js +1 -1
  34. package/components/filter/useFilterWrapper.d.ts +1 -1
  35. package/components/filter/useFilterWrapper.js +1 -1
  36. package/components/glow/GlowWrapper.d.ts +1 -1
  37. package/components/glow/GlowWrapper.js +1 -1
  38. package/components/graph-matrix/GraphMatrix.d.ts +2 -1
  39. package/components/graph-matrix/GraphMatrix.js +1 -1
  40. package/components/graph-matrix/_LoadingIcon.js +1 -1
  41. package/components/help-text/HelpText.d.ts +3 -2
  42. package/components/help-text/HelpText.js +1 -1
  43. package/components/input/Input.d.ts +1 -1
  44. package/components/input/Input.js +1 -1
  45. package/components/input/SearchInput.js +1 -1
  46. package/components/input/input-type/_DateInput.js +1 -1
  47. package/components/input/input-type/_FloatLabelInput.d.ts +0 -1
  48. package/components/input/input-type/_FloatLabelInput.js +1 -1
  49. package/components/input/input-type/_NumberInput.js +1 -1
  50. package/components/input/input-type/_PasswordInput.js +1 -1
  51. package/components/input/input-type/_TimeInput.js +1 -1
  52. package/components/layout/Layout.js +1 -1
  53. package/components/select/CountryMultiSelect.js +1 -1
  54. package/components/select/CountryPhoneSelect.js +1 -1
  55. package/components/select/CountrySelect.js +1 -1
  56. package/components/select/MultiSelect.js +1 -1
  57. package/components/select/Select.d.ts +2 -1
  58. package/components/select/Select.js +1 -1
  59. package/components/select/_StyledReactSelect.d.ts +2 -1
  60. package/components/stack/Stack.d.ts +2 -1
  61. package/components/stack/VStack.d.ts +1 -1
  62. package/components/stack/VStack.js +1 -1
  63. package/components/textarea/Textarea.js +1 -1
  64. package/package.json +1 -1
  65. package/components/filter/filter-date/dateUtils.js +0 -1
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,b,h,f=u(o),g=f.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=f.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=f.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$hasFilter?"0px":"100px"}),(function(e){return e.$active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=f.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),q=f.default.div(b||(b=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),_=f.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n max-height: 400px;\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n max-height: 400px;\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onClose,b=o.onRemove,h=e.__read(r.useState(!1),2),f=h[0],k=h[1],C=e.__read(r.useState(!1),2),T=C[0],w=C[1],E=e.__read(r.useState("Filter"),2),I=E[0],S=E[1],D=r.useRef(null),F=r.useRef(null),z=function(){k(!0),m(S),w(!1)},O=function(e){"Escape"===e.key&&(w(!1),x()),"Enter"===e.key&&z()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&(w(!1),x())}),[x]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[T,R]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var $=function(e){e.stopPropagation(),w(!0)},A=function(){c?(k(!f),b()):w(!0)};r.useEffect((function(){c||k(!1)}),[c]);return{handleApplyFilter:z,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:A,children:[n.jsxs(y,{$active:f,$hasFilter:f&&c,children:[f?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),f&&c&&n.jsxs(j,{onClick:$,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:I}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),T&&n.jsxs(q,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(_,{children:e}),n.jsx(t.Button,{onClick:z,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:S}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.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("styled-components"),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.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,f=e.__read(n.useState(!1),2),q=f[0],v=f[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],b=e.__read(n.useState("Filter"),2),E=b[0],h=b[1],w=n.useRef(null),x=n.useRef(null),_=function(){v(!0),c(h),y(!1)},F=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&_()},R=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(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",R)}}),[m,R]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var S=function(e){e.stopPropagation(),y(!0)},C=function(){s?(v(!q),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:_,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{ref:x,active:q,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:E,handleApply:_,handleKeyDown:F,handleOpenDropdown:S,handleToggle:C,hasFilter:q&&s,label:l,style:p,children:e})},setFilterText:h}};
@@ -23,5 +23,5 @@ type Props = BaseProps & {
23
23
  */
24
24
  size?: number;
25
25
  };
26
- export declare const GlowWrapper: ({ children, className, glowColor, product, radius, size, }: Props) => import("react/jsx-runtime").JSX.Element;
26
+ export declare const GlowWrapper: ({ children, className, glowColor, product, radius, size, style, }: Props) => import("react/jsx-runtime").JSX.Element;
27
27
  export {};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),t=require("../../styles/constants/theme.js"),i=require("../../utils/getProductDetails.js");function c(n){return n&&n.__esModule?n:{default:n}}require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CollectColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/PrepayColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var s,u=c(r).default.div(s||(s=n.__makeTemplateObject(["\n z-index: 1;\n position: relative;\n overflow: hidden;\n padding: ","px;\n box-shadow: inset 0px 0px 1px 1px ",";\n border-radius: ","px;\n\n &::after {\n content: '';\n z-index: -1;\n position: absolute;\n width: min(100%, 400px);\n height: min(100%, 400px);\n top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n background: ",";\n filter: blur(20px);\n\n transition: opacity 0.5s;\n opacity: 0;\n }\n\n :hover {\n &::after {\n opacity: 1;\n }\n }\n"],["\n z-index: 1;\n position: relative;\n overflow: hidden;\n padding: ","px;\n box-shadow: inset 0px 0px 1px 1px ",";\n border-radius: ","px;\n\n &::after {\n content: '';\n z-index: -1;\n position: absolute;\n width: min(100%, 400px);\n height: min(100%, 400px);\n top: calc(var(--y, 0) * 1px - min(50%, calc(400px / 2)));\n left: calc(var(--x, 0) * 1px - min(50%, calc(400px / 2)));\n background: ",";\n filter: blur(20px);\n\n transition: opacity 0.5s;\n opacity: 0;\n }\n\n :hover {\n &::after {\n opacity: 1;\n }\n }\n"])),(function(n){return n.$size}),t.theme.gray200,(function(n){return n.$radius}),(function(n){return n.$gradient}));exports.GlowWrapper=function(n){var r=n.children,c=n.className,s=n.glowColor,a=void 0===s?"gray600":s,l=n.product,d=n.radius,p=void 0===d?6:d,x=n.size,m=void 0===x?1:x,f=o.useRef(null),v=o.useMemo((function(){return l?i.getProductDetails({product:l}).gradient:"radial-gradient(\n circle,\n ".concat(t.theme[a]," 0%,\n white 70%\n );")}),[a,l]);return o.useEffect((function(){var n=f.current,e=function(e){if(n){var o=n.getBoundingClientRect(),r=o.x,t=o.y;n.style.setProperty("--x",(e.clientX-r).toString()),n.style.setProperty("--y",(e.clientY-t).toString())}};return null==n||n.addEventListener("mousemove",e),function(){null==n||n.removeEventListener("mousemove",e)}}),[]),e.jsx(u,{ref:f,$gradient:v,$radius:p,$size:m,className:c,children:r})};
1
+ "use strict";var r=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),e=require("react"),i=require("clsx"),t=require("../../utils/getAminoColor.js"),s=require("../../utils/getProductDetails.js"),n=require("../../style-inject.es-d4ddeae4.js");function c(r){return r&&r.__esModule?r:{default:r}}require("../../styles/constants/theme.js"),require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CollectColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/PrepayColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var u=c(i),a="Amino_GlowWrapper-module__wrapper--xvL8c";n.styleInject('.Amino_GlowWrapper-module__wrapper--xvL8c{border-radius:var(--amino-glow-wrapper-border-radius);box-shadow:inset 0 0 1px 1px var(--amino-gray-200);overflow:hidden;padding:var(--amino-glow-wrapper-padding);position:relative;z-index:1}.Amino_GlowWrapper-module__wrapper--xvL8c :after{background:var(--amino-glow-wrapper-background);content:"";-webkit-filter:blur(20px);filter:blur(20px);height:min(100%,400px);left:calc(0px - min(50%, 200px));left:calc(var(--x, 0)*1px - min(50%, 200px));opacity:0;position:absolute;top:calc(0px - min(50%, 200px));top:calc(var(--y, 0)*1px - min(50%, 200px));transition:opacity .5s;width:min(100%,400px);z-index:-1}.Amino_GlowWrapper-module__wrapper--xvL8c :hover :after{opacity:1}');exports.GlowWrapper=function(i){var n=i.children,c=i.className,l=i.glowColor,p=void 0===l?"gray600":l,d=i.product,m=i.radius,x=void 0===m?6:m,g=i.size,v=void 0===g?1:g,w=i.style,q=e.useRef(null),j=e.useMemo((function(){return d?s.getProductDetails({product:d}).gradient:null}),[d]);return e.useEffect((function(){var r=q.current,o=function(o){if(r){var e=r.getBoundingClientRect(),i=e.x,t=e.y;r.style.setProperty("--x",(o.clientX-i).toString()),r.style.setProperty("--y",(o.clientY-t).toString())}};return null==r||r.addEventListener("mousemove",o),function(){null==r||r.removeEventListener("mousemove",o)}}),[]),o.jsx("div",{ref:q,className:u.default(a,c),style:r.__assign(r.__assign({},w),{"--amino-glow-wrapper-background":j||"radial-gradient(circle, ".concat(t.getAminoColor(p)," 0%, white 70%)"),"--amino-glow-wrapper-border-radius":"".concat(x,"px"),"--amino-glow-wrapper-padding":"".concat(v,"px")}),children:n})};
@@ -1,7 +1,8 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { type GraphQLSchema } from 'graphql';
3
+ import type { BaseProps } from "../../types/BaseProps";
3
4
  import type { ExecutionResultType, GraphiqlExecutionResult, HandleFetchFetcher } from "../../utils/_graphiqlFetcher";
4
- type GraphMatrixProps = {
5
+ type GraphMatrixProps = BaseProps & {
5
6
  customToolbar?: ReactNode;
6
7
  /**
7
8
  * @param fetcher
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/Button.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.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("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),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("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,C=s.schema,T=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),O=B[0],L=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:T});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){L(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,L,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!C)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:C,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:O,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("@graphiql/react"),s=require("graphiql");require("graphql");var 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("styled-components"),require("../../styles/constants/theme.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/Button.js"),require("clsx"),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("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.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("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),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("../../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",m="Amino_GraphMatrix-module__styledTableWrap--RbpA-",_="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,k=h.url,E=h.variables,I=void 0===E?"":E,M=e.__read(i.useState(null),2),A=M[0],F=M[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),V=z[0],H=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:k}),X=J.graphiqlFetcher,$=J.isLoading,ee=J.resultData,re=d.useGraphiqlStorage({defaultSchema:T});i.useEffect((function(){H(!0)}),[]),i.useEffect((function(){D(!!(null==A?void 0:A.isFetching)||$)}),[null==A?void 0:A.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:m,children:V&&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:I,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:_,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 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),o=require("../text/Text.js"),i=require("../../icons/custom/ZonosLogoIcon.js"),r=require("../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,c,l,m,f=s(t),d=f.default.div(a||(a=n.__makeTemplateObject(["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n"],["\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: ",";\n"])),r.theme.space12),u=t.keyframes(c||(c=n.__makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"],["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),p=f.default(i.ZonosLogoIcon)(l||(l=n.__makeTemplateObject(["\n animation: "," 2s linear infinite;\n"],["\n animation: "," 2s linear infinite;\n"])),u),j=f.default(o.Text)(m||(m=n.__makeTemplateObject(["\n position: relative;\n\n &:after {\n position: absolute;\n animation: dots 1200ms linear infinite;\n content: '';\n }\n\n @keyframes dots {\n 0%,\n 20% {\n content: '.';\n }\n 40% {\n content: '..';\n }\n 60% {\n content: '...';\n }\n 90%,\n 100% {\n content: '';\n }\n }\n"],["\n position: relative;\n\n &:after {\n position: absolute;\n animation: dots 1200ms linear infinite;\n content: '';\n }\n\n @keyframes dots {\n 0%,\n 20% {\n content: '.';\n }\n 40% {\n content: '..';\n }\n 60% {\n content: '...';\n }\n 90%,\n 100% {\n content: '';\n }\n }\n"])));exports.Loading=function(){return e.jsxs(d,{children:[e.jsx(p,{size:64}),e.jsx(j,{type:"bold-subheader",children:"Loading"})]})};
1
+ "use strict";var o=require("react/jsx-runtime"),e=require("../text/Text.js"),n=require("../../icons/custom/ZonosLogoIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var i="Amino__LoadingIcon-module__wrapper--7JWq9",r="Amino__LoadingIcon-module__styledIcon--I43ho",a="Amino__LoadingIcon-module__styledText--0Ncki";t.styleInject('@-webkit-keyframes Amino__LoadingIcon-module__rotate--KkN1w{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Amino__LoadingIcon-module__rotate--KkN1w{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes Amino__LoadingIcon-module__dots--SnIku{0%,20%{content:"."}40%{content:".."}60%{content:"..."}90%,to{content:""}}@keyframes Amino__LoadingIcon-module__dots--SnIku{0%,20%{content:"."}40%{content:".."}60%{content:"..."}90%,to{content:""}}.Amino__LoadingIcon-module__wrapper--7JWq9{align-items:center;bottom:0;display:flex;flex-direction:column;gap:var(--amino-space-12);justify-content:center;left:0;position:fixed;right:0;top:0}.Amino__LoadingIcon-module__styledIcon--I43ho{-webkit-animation:Amino__LoadingIcon-module__rotate--KkN1w 2s linear infinite;animation:Amino__LoadingIcon-module__rotate--KkN1w 2s linear infinite}.Amino__LoadingIcon-module__styledText--0Ncki{position:relative}.Amino__LoadingIcon-module__styledText--0Ncki :after{-webkit-animation:Amino__LoadingIcon-module__dots--SnIku 1.2s linear infinite;animation:Amino__LoadingIcon-module__dots--SnIku 1.2s linear infinite;content:"";position:absolute}');exports.Loading=function(){return o.jsxs("div",{className:i,children:[o.jsx(n.ZonosLogoIcon,{className:r,size:64}),o.jsx(e.Text,{className:a,type:"bold-subheader",children:"Loading"})]})};
@@ -1,5 +1,6 @@
1
1
  import type { ReactNode } from 'react';
2
- export type HelpTextProps = {
2
+ import type { BaseProps } from "../../types/BaseProps";
3
+ export type HelpTextProps = BaseProps & {
3
4
  /**
4
5
  * Is this an error state.
5
6
  */
@@ -9,4 +10,4 @@ export type HelpTextProps = {
9
10
  */
10
11
  helpText?: ReactNode;
11
12
  };
12
- export declare const HelpText: ({ error, helpText }: HelpTextProps) => import("react/jsx-runtime").JSX.Element | null;
13
+ export declare const HelpText: ({ className, error, helpText, style, }: HelpTextProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("styled-components"),n=require("../text/Text.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l,c=i(r).default.div(l||(l=e.__makeTemplateObject(["\n margin-top: ",";\n"],["\n margin-top: ",";\n"])),s.theme.space8);exports.HelpText=function(e){var r=e.error,s=e.helpText;return s?r&&"string"==typeof s?t.jsx(c,{children:t.jsx(n.Text,{color:"red700",type:"caption",children:s})}):"string"==typeof s?t.jsx(c,{children:t.jsx(n.Text,{type:"caption",children:s})}):t.jsx(c,{children:s}):null};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var i=l(t),n="Amino_HelpText-module__styledHelpText--z3-rS";r.styleInject(".Amino_HelpText-module__styledHelpText--z3-rS{margin-top:var(--amino-space-8)}");exports.HelpText=function(t){var r=t.className,l=t.error,a=t.helpText,c=t.style;return a?l&&"string"==typeof a?e.jsx("div",{className:i.default(r,n),style:c,children:e.jsx(s.Text,{color:"red700",type:"caption",children:a})}):"string"==typeof a?e.jsx("div",{className:i.default(r,n),style:c,children:e.jsx(s.Text,{type:"caption",children:a})}):e.jsx("div",{className:i.default(r,n),style:c,children:a}):null};
@@ -15,5 +15,5 @@ type InputType<T extends HTMLInputTypeAttribute> = {
15
15
  width?: number;
16
16
  } & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
17
17
  export type InputProps<T extends string = string> = InputType<T> & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType<T>>;
18
- export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputSuffix, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
19
19
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),i=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c,p,x=d(n),f=x.default.div(c||(c=e.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"])),(function(e){return function(e){switch(e){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)}}(e.$size)}),l.theme.border,l.theme.gray300),b=x.default.div(p||(p=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"],["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"])),(function(e){return e.$width?"".concat(e.$width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,c=n.disabled,p=n.error,x=n.helpText,h=n.inputMode,m=n.inputPrefix,y=n.inputSuffix,j=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,z=n.value,F=n.valuePrefix,M=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{$width:M,className:"amino-input-wrapper ".concat(c?"disabled":""),children:[r.jsx(f,{$size:T,children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:null===D?null:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,value:z||"",valuePrefix:F},K));default:return r.jsx(i.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:c,error:p,inputMode:h,label:j,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||m,readOnly:g,required:C,size:T,suffix:D||y,tabIndex:N,type:O,value:z||"",valuePrefix:F},K))}}()}),r.jsx(t.HelpText,{error:p,helpText:x})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("clsx"),a=require("../help-text/HelpText.js"),i=require("./input-type/_DateInput.js"),t=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("styled-components"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c=p(n),x="Amino_Input-module__fields--F18Vt",m="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:.4}");exports.Input=function(n){var d=n.autoFocus,p=n.className,f=n.disabled,_=n.error,I=n.helpText,b=n.inputMode,y=n.inputPrefix,h=n.inputSuffix,j=n.label,q=n.onChange,v=n.onKeyDown,w=n.pattern,g=n.placeholder,F=n.prefix,z=n.readOnly,C=n.required,K=n.size,N=void 0===K?"xl":K;n.style;var P=n.suffix,D=n.tabIndex,T=n.type,M=n.value,O=n.valuePrefix,A=n.width,E=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","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",m),style:{"--amino-input-border-radius":function(){switch(N){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":A?"".concat(A,"px"):"100%"},children:[r.jsx("div",{className:x,children:function(){switch(T){case"password":return r.jsx(s.PasswordInput,e.__assign({autoFocus:d,className:p,disabled:f,error:_,inputMode:b,label:j,onChange:q,onKeyDown:v,pattern:w,placeholder:g,prefix:F||y,readOnly:z,required:C,size:N,suffix:P||h,tabIndex:D,value:M||"",valuePrefix:O},E));case"date":case"datetime-local":return r.jsx(i.DateInput,e.__assign({autoFocus:d,className:p,disabled:f,error:_,inputMode:b,label:j,onChange:q,onKeyDown:v,pattern:w,placeholder:g,prefix:F||y,readOnly:z,required:C,size:N,suffix:P||h,tabIndex:D,type:T,value:M||"",valuePrefix:O},E));case"number":return r.jsx(u.NumberInput,e.__assign({autoFocus:d,className:p,disabled:f,error:_,inputMode:b,label:j,onChange:q,onKeyDown:v,pattern:w,placeholder:g,prefix:F||y,readOnly:z,required:C,size:N,suffix:null===P?null:P||h,tabIndex:D,value:M||"",valuePrefix:O},E));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:d,className:p,disabled:f,error:_,inputMode:b,label:j,onChange:q,onKeyDown:v,pattern:w,placeholder:g,prefix:F||y,readOnly:z,required:C,size:N,suffix:P||h,tabIndex:D,value:M||"",valuePrefix:O},E));default:return r.jsx(t.FloatLabelInput,e.__assign({autoFocus:d,className:p,disabled:f,error:_,inputMode:b,label:j,onChange:q,onKeyDown:v,pattern:w,placeholder:g,prefix:F||y,readOnly:z,required:C,size:N,suffix:P||h,tabIndex:D,type:T,value:M||"",valuePrefix:O},E))}}()}),r.jsx(a.HelpText,{error:_,helpText:I})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../../icons/SearchIcon.js"),a=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var l,u,s,d=i(o),c=d.default.div(l||(l=e.__makeTemplateObject(["\n position: relative;\n border: ",";\n border-radius: ",";\n width: 100%;\n"],["\n position: relative;\n border: ",";\n border-radius: ",";\n width: 100%;\n"])),a.theme.border,a.theme.radius6),h=d.default.label(u||(u=e.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: ",";\n"])),a.theme.space40),p=d.default.input(s||(s=e.__makeTemplateObject(["\n padding-left: ",";\n padding-right: ",";\n height: 40px;\n font-weight: 500;\n line-height: 40px;\n border-radius: ",";\n outline: none;\n width: 100%;\n background: ",";\n :focus {\n outline: none;\n box-shadow: ",";\n }\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n\n /* The native X on the right of the input */\n &:not([value=''])::-webkit-search-cancel-button {\n opacity: 1 !important;\n cursor: pointer;\n }\n"],["\n padding-left: ",";\n padding-right: ",";\n height: 40px;\n font-weight: 500;\n line-height: 40px;\n border-radius: ",";\n outline: none;\n width: 100%;\n background: ",";\n :focus {\n outline: none;\n box-shadow: ",";\n }\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n\n /* The native X on the right of the input */\n &:not([value=''])::-webkit-search-cancel-button {\n opacity: 1 !important;\n cursor: pointer;\n }\n"])),a.theme.space40,a.theme.space16,a.theme.radius6,a.theme.inputBackground,a.theme.glowBlue,a.theme.inputBackground,a.theme.textColor),b=t.forwardRef((function(o,a){var i=o.autoFocus,l=o.className,u=o.disabled,s=o.inputMode,d=o.onChange,b=o.onKeyDown,m=o.pattern,g=o.placeholder,f=o.readOnly,w=o.required,x=o.tabIndex,y=o.value,j=e.__rest(o,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]),_=t.useId();return n.jsxs(c,{className:l,children:[n.jsx(h,{htmlFor:_,children:n.jsx(r.SearchIcon,{color:"gray600",size:24})}),n.jsx(p,e.__assign({ref:a,autoFocus:i,disabled:u,id:_,inputMode:s,onChange:d,onKeyDown:b,pattern:m,placeholder:g||"Search...",readOnly:f,required:w,tabIndex:x,type:"search",value:y||""},j))]})}));exports.SearchInput=b;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),o=require("react"),n=require("clsx"),r=require("../../icons/SearchIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=i(n),l="Amino_SearchInput-module__styledWrapper--rtFzd",s="Amino_SearchInput-module__styledLabel--KJxDh",d="Amino_SearchInput-module__aminoInput--4EzVo";t.styleInject('.Amino_SearchInput-module__styledWrapper--rtFzd{border:var(--amino-border);border-radius:var(--amino-radius-6);position:relative;width:100%}.Amino_SearchInput-module__styledLabel--KJxDh{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:var(--amino-space-40)}.Amino_SearchInput-module__aminoInput--4EzVo{background:var(--amino-input-background);border-radius:var(--amino-radius-6);font-weight:500;height:40px;line-height:40px;outline:none;padding-left:var(--amino-space-40);padding-right:var(--amino-space-16);width:100%}.Amino_SearchInput-module__aminoInput--4EzVo :focus{box-shadow:var(--amino-glow-blue);outline:none}.Amino_SearchInput-module__aminoInput--4EzVo:-moz-autofill,.Amino_SearchInput-module__aminoInput--4EzVo:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino_SearchInput-module__aminoInput--4EzVo:not([value=""])::-webkit-search-cancel-button{cursor:pointer;opacity:1!important}');var c=o.forwardRef((function(n,t){var i=n.autoFocus,c=n.className,p=n.disabled,m=n.inputMode,h=n.onChange,_=n.onKeyDown,b=n.pattern,I=n.placeholder,v=n.readOnly,y=n.required,g=n.tabIndex,x=n.value,f=e.__rest(n,["autoFocus","className","disabled","inputMode","onChange","onKeyDown","pattern","placeholder","readOnly","required","tabIndex","value"]),S=o.useId();return a.jsxs("div",{className:u.default(l,c),children:[a.jsx("label",{className:s,htmlFor:S,children:a.jsx(r.SearchIcon,{color:"gray600",size:24})}),a.jsx("input",e.__assign({ref:t,autoFocus:i,className:d,disabled:p,id:S,inputMode:m,onChange:h,onKeyDown:_,pattern:b,placeholder:I||"Search...",readOnly:v,required:y,tabIndex:g,type:"search",value:x||""},f))]})}));exports.SearchInput=c;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),i=require("./_FloatLabelInput.js"),r=require("../../../icons/CalendarIcon.js"),o=require("../../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l,d,u,c,p=s(a),b=p.default.div(l||(l=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),f=p.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]))),x=p.default.button(u||(u=e.__makeTemplateObject(["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),o.theme.transition),h=p.default(i.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n && input {\n padding-right: ",";\n appearance: textfield;\n &::-webkit-inner-spin-button,\n &::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n transition: 0.5s all ease;\n }\n &:not(:focus):not(.has-content) {\n &::-webkit-datetime-edit-fields-wrapper {\n opacity: 0;\n }\n }\n }\n"],["\n && input {\n padding-right: ",";\n appearance: textfield;\n &::-webkit-inner-spin-button,\n &::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n transition: 0.5s all ease;\n }\n &:not(:focus):not(.has-content) {\n &::-webkit-datetime-edit-fields-wrapper {\n opacity: 0;\n }\n }\n }\n"])),o.theme.space40);exports.DateInput=function(a){var i=a.autoFocus,o=a.className,s=a.disabled,l=a.error,d=a.inputMode,u=a.label,c=a.onChange,p=a.onKeyDown,k=a.pattern,m=a.placeholder,w=a.prefix,g=a.readOnly,v=a.required,j=a.suffix,y=a.tabIndex,_=a.value,q=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,{className:o,children:n.jsx(h,e.__assign({ref:I,"aria-label":u,autoFocus:i,disabled:s,error:l,inputMode:d,label:u,onChange:c,onKeyDown:p,pattern:k,placeholder:m,prefix:w,readOnly:g,required:v,suffix:j||n.jsx(f,{children:n.jsx(x,{onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(r.CalendarIcon,{size:24})})}),tabIndex:y,type:"date",value:_},q))})};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("clsx"),i=require("./_FloatLabelInput.js"),o=require("../../../icons/CalendarIcon.js"),r=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=u(a),s="Amino__DateInput-module__styledWrapper--rZk8N",d="Amino__DateInput-module__styledActionWrapper--8Icp6",p="Amino__DateInput-module__styledButtonAction--OJxoO",_="Amino__DateInput-module__aminoInput--twaIR";r.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:rgba(0,0,0,.04)}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:rgba(0,0,0,.1)}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-calendar-picker-indicator,.Amino__DateInput-module__aminoInput--twaIR input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.Amino__DateInput-module__aminoInput--twaIR input::-webkit-datetime-edit-fields-wrapper{-webkit-transition:all .5s ease;transition:all .5s ease}.Amino__DateInput-module__aminoInput--twaIR input:not(:focus):not(.has-content)::-webkit-datetime-edit-fields-wrapper{opacity:0}");exports.DateInput=function(a){var r=a.autoFocus,u=a.className,c=a.disabled,m=a.error,I=a.inputMode,b=a.label,x=a.onChange,f=a.onKeyDown,y=a.pattern,A=a.placeholder,w=a.prefix,D=a.readOnly,v=a.required,h=a.suffix,j=a.tabIndex,k=a.value,q=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),O=n.useRef(null);return t.jsx("div",{className:l.default(s,u),children:t.jsx(i.FloatLabelInput,e.__assign({ref:O,"aria-label":b,autoFocus:r,className:_,disabled:c,error:m,inputMode:I,label:b,onChange:x,onKeyDown:f,pattern:y,placeholder:A,prefix:w,readOnly:D,required:v,suffix:h||t.jsx("div",{className:d,children:t.jsx("button",{className:p,onClick:function(){var e,t;null===(e=O.current)||void 0===e||e.showPicker(),null===(t=O.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(o.CalendarIcon,{size:24})})}),tabIndex:j,type:"date",value:k},q))})};
@@ -2,7 +2,6 @@ import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAtt
2
2
  import type { HelpTextProps } from "../../help-text/HelpText";
3
3
  import type { BaseProps } from "../../../types/BaseProps";
4
4
  import type { Size } from "../../../types/Size";
5
- export declare const InputValuePrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
6
5
  export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
7
6
  type FloatLabelInputType = BaseProps & {
8
7
  autoFocus?: boolean;
@@ -1 +1 @@
1
- "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,d,p,c,u,f,h=i(a),b=function(n){switch(n){case"sm":return"".concat(o.theme.radius6);case"lg":return"".concat(o.theme.radius10);case"xl":return"".concat(o.theme.radius12);default:return"".concat(o.theme.radius8)}},m=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,(function(n){return b(n.$size)})),g=h.default.div(s||(s=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS),x=h.default(g)(d||(d=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),w=h.default(g)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),k=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,(function(n){return b(n.$size)}),o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,m,o.theme.transition,m,o.theme.glowBlue,m,o.theme.glowError,m,o.theme.inputBackground,o.theme.textColor),v=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,(function(n){return b(n.$size)}),k,m,k,m,k,m,k),z=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,b=a.placeholder,g=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,$=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),M=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),N=!!B||!!I;return e.jsxs(v,{className:"".concat(l||""," ").concat(O),children:[g&&e.jsx(x,{children:g}),I&&e.jsx(y,{children:I}),e.jsx(k,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",N?"has-content":"",g?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":M,disabled:s,hasPrefix:!!g,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:b,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},$)),e.jsx(m,{$size:O,"data-label":c}),q&&e.jsx(w,{children:q})]})}));exports.FloatLabelInput=z,exports.InputValuePrefix=y;
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),o=require("react"),t=require("clsx"),l=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}var r=u(t),_="Amino__FloatLabelInput-module__styledLabelInput--uwTIv",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",d="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq";i.styleInject('.Amino__FloatLabelInput-module__styledLabelInput--uwTIv{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{color:var(--amino-gray-800);content:attr(data-label);display:inline-block;-webkit-filter:blur(0);filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);-webkit-transform-origin:left top;transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelInput--uwTIv :after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:transparent;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:var(--amino-space-8);padding-left:var(--amino-space-16);padding-right:var(--amino-space-4);white-space:nowrap}.Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix{padding-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-input-prefix+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{margin-left:0}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label) ::-webkit-input-placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G:not(.has-label) ::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-value-prefix{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__aminoInput--obs5G ::-webkit-input-placeholder{opacity:0;-webkit-transition:var(--amino-transition);transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G ::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus{outline:none}.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-error+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:after{box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::-webkit-input-placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::-webkit-input-placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content::placeholder,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus::placeholder{opacity:.6}.Amino__FloatLabelInput-module__aminoInput--obs5G.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__aminoInput--obs5G:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:11px;-webkit-transform:scale(.8);transform:scale(.8)}.Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label.has-content+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label:focus+.Amino__FloatLabelInput-module__styledLabelInput--uwTIv:before{top:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl .Amino__FloatLabelInput-module__aminoInput--obs5G.has-label{padding-bottom:2px}');var c=o.forwardRef((function(t,i){var u=t.autoFocus,c=t.className,f=t.disabled,L=t.error,h=t.inputMode,v=t.label,F=t.onChange,A=t.onKeyDown,x=t.pattern,y=t.placeholder,g=t.prefix,w=t.readOnly,G=t.required,j=t.size,k=void 0===j?"xl":j,q=t.suffix,T=t.tabIndex,z=t.type,E=t.value,H=t.valuePrefix,W=e.__rest(t,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=o.useMemo((function(){return n.getTestId({componentName:"input",name:v})}),[v]),D=!!E||!!H;return a.jsxs("div",{className:r.default(c,k,I),style:{"--amino-float-label-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-float-label-input-height":"calc(var(--amino-size-".concat(k,") - 2px)")},children:[g&&a.jsx("div",{className:r.default(m,p),children:g}),H&&a.jsx("div",{className:d,children:H}),a.jsx("input",e.__assign({ref:i,"aria-label":v,autoFocus:u,className:r.default(L&&"has-error",v&&"has-label",D&&"has-content",g&&"has-input-prefix",H&&"has-value-prefix",b),"data-testid":N,disabled:f,id:v,inputMode:h,onChange:F,onKeyDown:A,pattern:x,placeholder:y,readOnly:w,required:G,tabIndex:T,type:z||"text",value:E||""},W)),a.jsx("label",{className:_,"data-label":v}),q&&a.jsx("div",{className:r.default(m,s),children:q})]})}));exports.FloatLabelInput=c;
@@ -1 +1 @@
1
- "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=require("./_FloatLabelInput.js"),a=require("../../../icons/CaretDownIcon.js"),s=require("../../../icons/CaretUpIcon.js"),u=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c,l,d,p,b=o(i),f=b.default.div(c||(c=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),m=b.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")})),h=b.default.button(d||(d=n.__makeTemplateObject(["\n padding: "," ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: "," ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),u.theme.space0,u.theme.space4,u.theme.radius4,u.theme.transition),v=b.default(r.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"],["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"])),u.theme.space40),j=function(n){switch(n){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}};exports.NumberInput=function(i){var r=i.className,u=i.label,o=i.size,c=void 0===o?"xl":o,l=i.suffix,d=n.__rest(i,["className","label","size","suffix"]),p=t.useRef(null);return e.jsx(f,{className:r,children:e.jsx(v,n.__assign({},d,{ref:p,"aria-label":u,label:u,size:c,suffix:null===l?null:l||e.jsxs(m,{$size:c,children:[e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepUp(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(s.CaretUpIcon,{size:j(c)})}),e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepDown(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(a.CaretDownIcon,{size:j(c)})})]}),type:"number"}))})};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),i=require("./_FloatLabelInput.js"),r=require("../../../icons/CaretDownIcon.js"),o=require("../../../icons/CaretUpIcon.js"),a=require("../../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=s(u),c="Amino__NumberInput-module__styledWrapper--oyCqs",m="Amino__NumberInput-module__styledActionWrapper--C19sy",p="Amino__NumberInput-module__styledButtonAction--w7uvy",_="Amino__NumberInput-module__aminoInput--7QUM4";a.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:rgba(0,0,0,.04)}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:rgba(0,0,0,.1)}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var d=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}};exports.NumberInput=function(u){var a=u.className,s=u.label,b=u.size,v=void 0===b?"xl":b,y=u.suffix,I=e.__rest(u,["className","label","size","suffix"]),f=t.useRef(null);return n.jsx("div",{className:l.default(c,a),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(v,") - 2px)")},children:n.jsx(i.FloatLabelInput,e.__assign({},I,{ref:f,"aria-label":s,className:_,label:s,size:v,suffix:null===y?null:y||n.jsxs("div",{className:m,children:[n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=f.current)||void 0===e||e.stepUp(),null===(n=f.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretUpIcon,{size:d(v)})}),n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=f.current)||void 0===e||e.stepDown(),null===(n=f.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(r.CaretDownIcon,{size:d(v)})})]}),type:"number"}))})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),a=require("styled-components"),t=require("./_FloatLabelInput.js"),i=require("../../../icons/EyeIcon.js"),o=require("../../../icons/EyeOffIcon.js"),s=require("../../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d,l,c,p=u(a),b=p.default.div(d||(d=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),f=p.default.button(l||(l=e.__makeTemplateObject(["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),s.theme.transition),g=p.default(t.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n input {\n padding-right: ",";\n }\n"],["\n input {\n padding-right: ",";\n }\n"])),s.theme.space40);exports.PasswordInput=function(a){var t=a.autoFocus,s=a.className,u=a.disabled,d=a.error,l=a.inputMode,c=a.label,p=a.onChange,x=a.onKeyDown,h=a.pattern,_=a.placeholder,j=a.prefix,m=a.readOnly,y=a.required,q=a.suffix,v=a.tabIndex,I=a.value,w=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),k=e.__read(r.useState("password"),2),O=k[0],F=k[1];return n.jsx(b,{className:s,children:n.jsx(g,e.__assign({"aria-label":c,autoFocus:t,disabled:u,error:d,inputMode:l,label:c,onChange:p,onKeyDown:x,pattern:h,placeholder:_,prefix:j,readOnly:m,required:y,suffix:q||n.jsx(f,{onClick:function(){return F("password"===O?"text":"password")},type:"button",children:"password"===O?n.jsx(i.EyeIcon,{size:24}):n.jsx(o.EyeOffIcon,{size:24})}),tabIndex:v,type:O,value:I},w))})};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),r=require("react"),s=require("clsx"),n=require("./_FloatLabelInput.js"),t=require("../../../icons/EyeIcon.js"),a=require("../../../icons/EyeOffIcon.js"),i=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d=u(s),l="Amino__Password-module__styledWrapper--TQcGO",_="Amino__Password-module__styledButtonAction--HTp3K",c="Amino__Password-module__aminoInput--RRJ7A";i.styleInject(".Amino__Password-module__styledWrapper--TQcGO{position:relative;width:100%}.Amino__Password-module__styledButtonAction--HTp3K{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__Password-module__styledButtonAction--HTp3K:hover{background:rgba(0,0,0,.04)}.Amino__Password-module__styledButtonAction--HTp3K:active{background:rgba(0,0,0,.1)}.Amino__Password-module__styledButtonAction--HTp3K:focus{outline:none}.Amino__Password-module__aminoInput--RRJ7A input{padding-right:var(--amino-space-40)}");exports.PasswordInput=function(s){var i=s.autoFocus,u=s.className,p=s.disabled,m=s.error,y=s.inputMode,b=s.label,f=s.onChange,x=s.onKeyDown,w=s.pattern,j=s.placeholder,A=s.prefix,I=s.readOnly,q=s.required,g=s.suffix,h=s.tabIndex,v=s.value,P=e.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),K=e.__read(r.useState("password"),2),T=K[0],O=K[1];return o.jsx("div",{className:d.default(l,u),children:o.jsx(n.FloatLabelInput,e.__assign({"aria-label":b,autoFocus:i,className:c,disabled:p,error:m,inputMode:y,label:b,onChange:f,onKeyDown:x,pattern:w,placeholder:j,prefix:A,readOnly:I,required:q,suffix:g||o.jsx("button",{className:_,onClick:function(){return O("password"===T?"text":"password")},type:"button",children:"password"===T?o.jsx(t.EyeIcon,{size:24}):o.jsx(a.EyeOffIcon,{size:24})}),tabIndex:h,type:T,value:v},P))})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),i=require("./_FloatLabelInput.js"),r=require("../../../icons/ClockIcon.js"),o=require("../../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l,d,u,c,p=s(a),b=p.default.div(l||(l=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),f=p.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]))),k=p.default.button(u||(u=e.__makeTemplateObject(["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: 6px;\n border-radius: 50%;\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),o.theme.transition),m=p.default(i.FloatLabelInput)(c||(c=e.__makeTemplateObject(["\n && input {\n padding-right: ",";\n appearance: textfield;\n &::-webkit-inner-spin-button,\n &::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n transition: 0.5s all ease;\n }\n &:not(:focus):not(.has-content) {\n &::-webkit-datetime-edit-fields-wrapper {\n color: transparent;\n }\n }\n }\n"],["\n && input {\n padding-right: ",";\n appearance: textfield;\n &::-webkit-inner-spin-button,\n &::-webkit-calendar-picker-indicator {\n display: none;\n -webkit-appearance: none;\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n transition: 0.5s all ease;\n }\n &:not(:focus):not(.has-content) {\n &::-webkit-datetime-edit-fields-wrapper {\n color: transparent;\n }\n }\n }\n"])),o.theme.space40);exports.TimeInput=function(a){var i=a.autoFocus,o=a.className,s=a.disabled,l=a.error,d=a.inputMode,u=a.label,c=a.onChange,p=a.onKeyDown,x=a.pattern,h=a.placeholder,w=a.prefix,g=a.readOnly,v=a.required,j=a.suffix,_=a.tabIndex,y=a.value,q=e.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),I=t.useRef(null);return n.jsx(b,{className:o,children:n.jsx(m,e.__assign({ref:I,"aria-label":u,autoFocus:i,disabled:s,error:l,inputMode:d,label:u,onChange:c,onKeyDown:p,pattern:x,placeholder:h,prefix:w,readOnly:g,required:v,suffix:j||n.jsx(f,{children:n.jsx(k,{onClick:function(){var e,n;null===(e=I.current)||void 0===e||e.showPicker(),null===(n=I.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(r.ClockIcon,{size:24})})}),tabIndex:_,type:"time",value:y},q))})};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),r=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=u(i),s="Amino__TimeInput-module__styledWrapper--ZPt0q",d="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV",c="Amino__TimeInput-module__aminoInput--jyQcS";r.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:rgba(0,0,0,.04)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:rgba(0,0,0,.1)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-calendar-picker-indicator,.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.Amino__TimeInput-module__aminoInput--jyQcS input::-webkit-datetime-edit-fields-wrapper{-webkit-transition:all .5s ease;transition:all .5s ease}.Amino__TimeInput-module__aminoInput--jyQcS input:not(:focus):not(.has-content)::-webkit-datetime-edit-fields-wrapper{color:transparent}");exports.TimeInput=function(i){var r=i.autoFocus,u=i.className,_=i.disabled,m=i.error,b=i.inputMode,I=i.label,y=i.onChange,f=i.onKeyDown,j=i.pattern,x=i.placeholder,A=i.prefix,v=i.readOnly,T=i.required,h=i.suffix,k=i.tabIndex,q=i.value,w=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),Q=t.useRef(null);return n.jsx("div",{className:l.default(s,u),children:n.jsx(o.FloatLabelInput,e.__assign({ref:Q,"aria-label":I,autoFocus:r,className:c,disabled:_,error:m,inputMode:b,label:I,onChange:y,onKeyDown:f,pattern:j,placeholder:x,prefix:A,readOnly:v,required:T,suffix:h||n.jsx("div",{className:d,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=Q.current)||void 0===e||e.showPicker(),null===(n=Q.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:k,type:"time",value:q},w))})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("./NavigationGroup.js");var a=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("react"),require("styled-components"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var i={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};r.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input ::-webkit-input-placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input ::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(r){var t=r.className,n=r.content,d=r.footer,s=r.headerContent,l=r.logoSidebar,u=r.searchInput,m=r.sidebar;return e.jsxs("main",{className:[t,i.aminoLayout].join(" "),style:{"--height":s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[!!s&&e.jsx("header",{className:i.header,children:s}),e.jsxs("div",{className:i.contentGrid,children:[e.jsxs("nav",{className:i.styledSidebar,children:[e.jsxs("div",{className:i.sidebarContent,children:[!!l&&e.jsx("div",{className:i.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:i.searchInputWrapper,children:e.jsx(o.SearchInput,{className:i.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:i.footer,children:d})]}),e.jsx("div",{className:i.content,children:n})]})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("./NavigationGroup.js");var a=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-ccfac372.js"),require("react"),require("clsx"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("styled-components"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var i={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};r.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input ::-webkit-input-placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input ::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(r){var t=r.className,n=r.content,d=r.footer,s=r.headerContent,l=r.logoSidebar,u=r.searchInput,m=r.sidebar;return e.jsxs("main",{className:[t,i.aminoLayout].join(" "),style:{"--height":s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[!!s&&e.jsx("header",{className:i.header,children:s}),e.jsxs("div",{className:i.contentGrid,children:[e.jsxs("nav",{className:i.styledSidebar,children:[e.jsxs("div",{className:i.sidebarContent,children:[!!l&&e.jsx("div",{className:i.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:i.searchInputWrapper,children:e.jsx(o.SearchInput,{className:i.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:i.footer,children:d})]}),e.jsx("div",{className:i.content,children:n})]})]})};
@@ -1 +1 @@
1
- "use strict";var s=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("./MultiSelect.js"),o=require("../../icons/flag-icon/FlagIcon.js"),c=require("../../utils/prepRegionCountryOptions.js");require("react"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");var l=function(n){var o=n.children,c=s.__rest(n,["children"]),l=c.getStyles,u=c.selectProps,a=u.allSelected,q=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},c,{children:[e.jsx("div",{style:l("option",c),children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:q})}),o]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,u=r.label,a=void 0===u?"Select countries":u,q=r.onChange,g=r.unavailableCountries,j=r.value,f=s.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(r){var i=g.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(o.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!j.includes(s.code)&&!s.isDisabled})),S={allSelected:!!j.length&&!M.length,toggleSelectAll:function(){return q(M.length?j.concat(M.map((function(s){return s.value}))):[])}};return e.jsx(n.MultiSelect,s.__assign({},f,{components:{MenuList:l},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return q(s.map((function(s){return s.value})))},options:c.prepRegionCountryOptions(t),value:t.filter((function(s){return j.includes(s.code)}))},S))},exports.MenuList=l;
1
+ "use strict";var s=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("react-select"),i=require("../checkbox/Checkbox.js");require("clsx"),require("../text/Text.js"),require("../help-text/HelpText.js");var n=require("./MultiSelect.js"),o=require("../../icons/flag-icon/FlagIcon.js"),c=require("../../utils/prepRegionCountryOptions.js");require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("styled-components"),require("./_StyledReactSelect.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");var l=function(n){var o=n.children,c=s.__rest(n,["children"]),l=c.getStyles,u=c.selectProps,a=u.allSelected,q=u.toggleSelectAll;return e.jsxs(r.components.MenuList,s.__assign({},c,{children:[e.jsx("div",{style:l("option",c),children:e.jsx(i.Checkbox,{checked:a,label:"Rest of world",onChange:q})}),o]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,u=r.label,a=void 0===u?"Select countries":u,q=r.onChange,g=r.unavailableCountries,j=r.value,f=s.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(r){var i=g.find((function(s){return s.code===r.code}));return s.__assign(s.__assign({},r),{icon:e.jsx(o.FlagIcon,{code:r.code,iconScale:"small"}),isDisabled:!!i,labelDescription:null==i?void 0:i.message})})),M=t.filter((function(s){return!j.includes(s.code)&&!s.isDisabled})),S={allSelected:!!j.length&&!M.length,toggleSelectAll:function(){return q(M.length?j.concat(M.map((function(s){return s.value}))):[])}};return e.jsx(n.MultiSelect,s.__assign({},f,{components:{MenuList:l},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return q(s.map((function(s){return s.value})))},options:c.prepRegionCountryOptions(t),value:t.filter((function(s){return j.includes(s.code)}))},S))},exports.MenuList=l;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("../input/input-type/_FloatLabelInput.js"),u=require("./Select.js"),c=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,x,f=a(i),m=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),q=f.default.div(d||(d=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),l.theme.gray700),h=f.default.div(j||(j=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"]))),v=f.default.div(x||(x=e.__makeTemplateObject(["\n "," {\n padding-left: 14px;\n }\n"],["\n "," {\n padding-left: 14px;\n }\n"])),s.InputValuePrefix),I=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},_=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(q,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,s=r.icon,l=r.label,a=void 0===l?"Phone number":l,p=r.phone,d=r.phoneCountry,j=r.setPhone,x=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),q=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(h,{onClick:function(){return C(!q)},children:[s,n.jsx(c.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:b})}),n.jsx(u.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:I},formatOptionLabel:_,menuIsOpen:q,onBlur:function(){return C(!1)},onChange:function(e){x(e),C(!1)},options:i,value:d},y))]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js"),require("../input/input-type/_DateInput.js"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getTestId.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var a,p,d,j,m,f=c(i),h=f.default.div(a||(a=e.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: ",";\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: ",";\n color: ",";\n white-space: nowrap;\n"])),l.theme.space16,l.theme.space4,l.theme.space8,l.theme.gray800),x=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),q=f.default.div(d||(d=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),l.theme.gray700),v=f.default.div(j||(j=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"]))),_=f.default.div(m||(m=e.__makeTemplateObject(["\n "," {\n padding-left: 14px;\n }\n"],["\n "," {\n padding-left: 14px;\n }\n"])),h),g=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},y=function(e){return n.jsxs(x,{children:[e.displayName,n.jsx(q,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,l=r.icon,c=r.label,a=void 0===c?"Phone number":c,p=r.phone,d=r.phoneCountry,j=r.setPhone,m=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),h=e.__read(t.useState(!1),2),x=h[0],q=h[1],C={setMenuIsOpen:q},I=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(_,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(v,{onClick:function(){return q(!x)},children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:I})}),n.jsx(s.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:g},formatOptionLabel:y,menuIsOpen:x,onBlur:function(){return q(!1)},onChange:function(e){m(e),q(!1)},options:i,value:d},C))]})};