@zonos/amino 5.1.97 → 5.1.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amino.css +1 -1
- package/components/button/Button.d.ts +1 -3
- package/components/button/Button.js +1 -1
- package/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/filter/filter-date/DateControls.js +1 -1
- package/components/filter/filter-date/FilterDate.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
- package/components/filter/filter-text/FilterText.js +1 -1
- package/components/input/Input.d.ts +6 -2
- package/components/input/Input.js +1 -1
- package/components/input/input-type/_DateInput.d.ts +20 -2
- package/components/input/input-type/_DateInput.js +1 -1
- package/components/input/input-type/_NumberInput.d.ts +21 -2
- package/components/input/input-type/_NumberInput.js +1 -1
- package/components/input/input-type/_PasswordInput.d.ts +20 -2
- package/components/input/input-type/_PasswordInput.js +1 -1
- package/components/input/input-type/_TimeInput.d.ts +20 -2
- package/components/input/input-type/_TimeInput.js +1 -1
- package/components/select/CountryPhoneSelect.js +1 -1
- package/components/simple-table/SimpleTable.d.ts +9 -1
- package/components/simple-table/SimpleTable.js +1 -1
- package/components/table/TableCell.d.ts +3 -6
- package/components/toast/ToastContext.js +1 -1
- package/package.json +1 -1
- package/types/ReactComponent.d.ts +2 -0
- package/types/index.d.ts +0 -1
- package/types/StyledProps.d.ts +0 -7
package/amino.css
CHANGED
|
@@ -7,8 +7,6 @@ import type { Theme } from "../../types/Theme";
|
|
|
7
7
|
import type { Variant } from "../../types/Variant";
|
|
8
8
|
type ButtonBase = BaseProps & {
|
|
9
9
|
background?: Color | 'inherit';
|
|
10
|
-
/** @param borderColor only available for intent 'outline' */
|
|
11
|
-
borderColor?: Color | 'inherit';
|
|
12
10
|
children?: ReactNode;
|
|
13
11
|
color?: Color | 'inherit';
|
|
14
12
|
disabled?: boolean;
|
|
@@ -48,5 +46,5 @@ export type ButtonProps<T extends GroupTag = typeof DEFAULT_TAG> = ButtonBase &
|
|
|
48
46
|
onClick?: MouseEventHandler<MyHtmlElement<T>>;
|
|
49
47
|
tag?: T | GroupTag;
|
|
50
48
|
} & Omit<ComponentPropsWithoutRef<T>, keyof ButtonBase | 'onClick'>;
|
|
51
|
-
export declare function Button<T extends GroupTag = typeof DEFAULT_TAG>({ children, className, disabled, icon, iconRight, loading, loadingText, noRipple, outline, size, spinnerColor, style, tag, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare function Button<T extends GroupTag = typeof DEFAULT_TAG>({ background, children, className, color, disabled, fitContentWidth, hoverBackground, icon, iconRight, loading, loadingText, noRipple, outline, size, spinnerColor, style, tag, themeOverride, type, variant, ...props }: ButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
52
50
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #00000005,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r,s=u.children,B=u.className,c=u.disabled,p=void 0!==c&&c,A=u.icon,b=u.iconRight,g=u.loading,v=void 0!==g&&g,h=u.loadingText,w=u.noRipple,x=void 0!==w&&w,k=u.outline,f=void 0!==k&&k,y=u.size,S=void 0===y?"sm":y,W=u.spinnerColor,R=u.style,j=u.tag,z=void 0===j?"button":j,C=u.themeOverride,q=u.type,L=void 0===q?"button":q,H=u.variant,N=void 0===H?"standard":H,I=o.__rest(u,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),O=z,Y=function(){switch(S){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},V=d.default("amino-button",l.aminoButton,"plain"===N?"":l["".concat(N,"Button")],f&&l.outline,B||"",A&&!s?l.onlyIcon:"",b?l.iconRight:"",A?l.hasIcon:"",v?l.loading:"",C),G=t.useRef(null),T=a.useRipple({disabled:p||v,rippleEnabled:!x&&!["plain","text"].includes(N),rippleRef:G}),J=T.getRippleHandlers,Q=T.rippleEnabled,D={className:V,disabled:p||v,size:S},M=o.__assign(o.__assign(o.__assign({type:L},D),I),J(I));return n.jsxs(O,o.__assign({style:o.__assign(o.__assign({},R),{"--amino-button-background-color":function(){if(I.background)return _.getAminoColor(I.background)||"";switch(N){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.surfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(I.color)return _.getAminoColor(I.color)||"";switch(N){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":f?.6:1,"--amino-button-font-weight":function(){switch(S){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(I.hoverBackground&&"inherit"!==I.hoverBackground){var o=_.getAminoColor(I.hoverBackground);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(N){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(S){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(S){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(S,")"),"--amino-button-text-button-color":I.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":I.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":I.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":I.fitContentWidth?"fit-content":""}),tabIndex:"div"===z?0:void 0},M,{children:[(r=W||function(){switch(N){case"primary":return f?"info":"white";case"success":return f?"success":"white";case"warning":return f?"warning":"white";case"danger":return f?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!b&&n.jsx("span",{className:l.content,children:A}),n.jsx("div",{className:d.default(l.content,l.text),children:s}),b&&n.jsx("span",{className:l.content,children:A}),"plain"!==N&&"text"!==N&&v&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:Y()}),h]})]})),Q&&n.jsx(e.RippleGroup,{ref:G})]}))};
|
|
1
|
+
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var d=s(u),l={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};r.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #00000005,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-disabled-opacity)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:.6}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var r,s=u.background,B=u.children,c=u.className,p=u.color,A=u.disabled,b=void 0!==A&&A,g=u.fitContentWidth,v=u.hoverBackground,h=u.icon,w=u.iconRight,x=u.loading,f=void 0!==x&&x,k=u.loadingText,y=u.noRipple,S=void 0!==y&&y,W=u.outline,R=void 0!==W&&W,j=u.size,z=void 0===j?"sm":j,C=u.spinnerColor,q=u.style,L=u.tag,H=void 0===L?"button":L,N=u.themeOverride,I=u.type,O=void 0===I?"button":I,Y=u.variant,V=void 0===Y?"standard":Y,G=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),T=H,J=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Q=d.default("amino-button",l.aminoButton,"plain"===V?"":l["".concat(V,"Button")],R&&l.outline,c||"",h&&!B?l.onlyIcon:"",w?l.iconRight:"",h?l.hasIcon:"",f?l.loading:"",N),D=t.useRef(null),M=a.useRipple({disabled:b||f,rippleEnabled:!S&&!["plain","text"].includes(V),rippleRef:D}),U=M.getRippleHandlers,E=M.rippleEnabled,X={className:Q,disabled:b||f,size:z},F=o.__assign(o.__assign(o.__assign({type:O},X),G),U(G));return n.jsxs(T,o.__assign({style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(s)return _.getAminoColor(s)||"";switch(V){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.surfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(p)return _.getAminoColor(p)||"";switch(V){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-disabled-opacity":R?.6:1,"--amino-button-font-weight":function(){switch(z){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(V){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(z){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(z){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(z,")"),"--amino-button-text-button-color":G.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":G.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":G.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":g?"fit-content":""}),tabIndex:"div"===H?0:void 0},F,{children:[(r=C||function(){switch(V){case"primary":return R?"info":"white";case"success":return R?"success":"white";case"warning":return R?"warning":"white";case"danger":return R?"danger":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!w&&n.jsx("span",{className:l.content,children:h}),n.jsx("div",{className:d.default(l.content,l.text),children:B}),w&&n.jsx("span",{className:l.content,children:h}),"plain"!==V&&"text"!==V&&f&&n.jsxs("span",{className:l.spinnerWrapper,children:[n.jsx(i.Spinner,{color:r,size:J()}),k]})]})),E&&n.jsx(e.RippleGroup,{ref:D})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),o=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),o=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(n.useState(m.amountFilterType),2),d=j[0],h=j[1],v=e.__read(n.useState(m.amountTotalMin),2),g=v[0],y=v[1],_=e.__read(n.useState(m.amountTotalMax),2),I=_[0],b=_[1],f=e.__read(n.useState(!1),2),A=f[0],x=f[1],F=function(e){c({name:"amountFilterType",type:"change",value:e})},C=function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,i.useFilterWrapper({dropdownTitle:p,filterExists:m.isActive,label:q,onApply:function(e){F(d);var t="".concat((null==g?void 0:g.toFixed(2))||0)||"",n="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":C({amount1:g,amount2:I}),e("Between ".concat(t," and ").concat(n));break;case"equal":C({amount1:g,amount2:g}),e("Equal to ".concat(t));break;case"greater":C({amount1:g,amount2:null}),e("Greater than ".concat(t));break;case"less":C({amount1:null,amount2:g}),e("Less than ".concat(t))}c({name:"isActive",type:"change",value:!0})},onClose:function(){h(m.amountFilterType),y(m.amountTotalMin),b(m.amountTotalMax)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),F(r.initialFilterAmountState.amountFilterType),C({amount1:null,amount2:null}),h(r.initialFilterAmountState.amountFilterType),y(0),b(0)}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(o.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||r.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&A&&e.stopPropagation()},onMenuClose:function(){return x(!1)},onMenuOpen:function(){return x(!0)},options:r.filterAmountOptions,size:"md",value:r.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===g?"":String(g)}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),o=require("./_DateControls/_IsBetween.js"),u=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("../../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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),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 C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(I){var h=I.onChange,
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),o=require("./_DateControls/_IsBetween.js"),u=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),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 C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(I){var h=I.onChange,f=I.onChangeFilterText,g=I.rangeType,x=I.setRangeType,_=I.value,v=e.__read(n.useState(!1),2),T=v[0],y=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(j.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||c.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&T&&e.stopPropagation()},onMenuClose:function(){return y(!1)},onMenuOpen:function(){return y(!0)},options:C,size:"sm",value:C.filter((function(e){return e.value===g}))}),r.jsxs("div",{className:p.styles.controlsValueWrapper,children:[r.jsx(q.ArrowRightIcon,{color:"blue600"}),function(){switch(g){case"is in the last":return r.jsx(a.IsInTheLast,{onChange:h,onChangeFilterText:f,value:_});case"is equal to":default:return r.jsx(u.IsEqualTo,{onChange:h,onChangeFilterText:f,value:_});case"is after":return r.jsx(t.IsAfter,{onChange:h,onChangeFilterText:f,value:_});case"is before":return r.jsx(s.IsBefore,{onChange:h,onChangeFilterText:f,value:_});case"is between":return r.jsx(o.IsBetween,{onChange:h,onChangeFilterText:f,value:_});case"is on or after":return r.jsx(l.IsOnOrAfter,{onChange:h,onChangeFilterText:f,value:_});case"is before or on":return r.jsx(i.IsBeforeOrOn,{onChange:h,onChangeFilterText:f,value:_})}}()]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("./DateControls.js"),n=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("./_DateControls/_IsAfter.js"),require("dayjs"),require("../../../DateControlsWrapper-d09e2e06.js"),require("clsx"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../FilterWrapper.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState(l.dateRangeType),2),D=d[0],I=d[1],C=e.__read(t.useState(""),2),_=C[0],y=C[1],g=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})};return(0,a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(e){g(q),u({name:"isActive",type:"change",value:!0}),e(_)},onClose:function(){j(l.dateData),I(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),g(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData),I(n.initialFilterDateState.dateRangeType)}}).renderWrapper)(r.jsx(i.DateControls,{onChange:j,onChangeFilterText:function(e){y(e)},rangeType:D,setRangeType:I,value:q}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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");var s=i(r);exports.IsAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),p=t.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("After ".concat(n.formatDate(c)))}),[c,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),p=t.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("After ".concat(n.formatDate(c)))}),[c,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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");var s=i(r);exports.IsBefore=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||s.default().format(n.defaultDateFormat)}),[o]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("Before ".concat(n.formatDate(c)))}),[c,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsBefore=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||s.default().format(n.defaultDateFormat)}),[o]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("Before ".concat(n.formatDate(c)))}),[c,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsBeforeOrOn=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:s.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../styles/constants/theme.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");var i=s(a);exports.IsBetween=function(a){var s=a.onChange,o=a.onChangeFilterText,d=a.value,l=t.useMemo((function(){return{dateBegin:d.dateBegin||i.default().subtract(1,"days").format(r.defaultDateFormat),dateEnd:d.dateEnd||i.default().add(1,"days").format(r.defaultDateFormat)}}),[d]),c=l.dateBegin,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../styles/constants/theme.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");var i=s(a);exports.IsBetween=function(a){var s=a.onChange,o=a.onChangeFilterText,d=a.value,l=t.useMemo((function(){return{dateBegin:d.dateBegin||i.default().subtract(1,"days").format(r.defaultDateFormat),dateEnd:d.dateEnd||i.default().add(1,"days").format(r.defaultDateFormat)}}),[d]),c=l.dateBegin,f=l.dateEnd,p=i.default(f).subtract(1,"days").format(r.defaultDateFormat),j=i.default(c).add(1,"days").format(r.defaultDateFormat);return t.useEffect((function(){var e="".concat(r.formatDate(j)," - ").concat(r.formatDate(p));o(e)}),[o,p,j]),t.useEffect((function(){s({dateBegin:c,dateEnd:f,lastCount:5,lastUnit:"days"})}),[f,c,s]),e.jsxs(r.DateControlsWrapper,{children:[e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:i.default(t).subtract(1,"days").format(r.defaultDateFormat),dateEnd:f,lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:j}),e.jsx(u.Text,{type:"label",children:"and"}),e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:c,dateEnd:i.default(t).add(1,"days").format(r.defaultDateFormat),lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:p})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../../../input/Input.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../../../input/Input.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var i=a(r);exports.IsEqualTo=function(r){var a=r.onChange,s=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||i.default().format(u.defaultDateFormat)}),[o]),l=i.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){a({dateBegin:i.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:i.default(e).add(1,"days").format(u.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[a]);return t.useEffect((function(){s("On ".concat(u.formatDate(l)))}),[l,s]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.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("../../../select/_StyledReactSelect.js"),require("react-select"),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 o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-d09e2e06.js"),u=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,q=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),p=q.count,j=q.unit,f=t.useCallback((function(e){var t=o.default().subtract(p,e).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:p,lastUnit:e})}),[p,u]),d=t.useCallback((function(e){var t=o.default().subtract(e,j).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:e,lastUnit:j})}),[u,j]);return t.useEffect((function(){var e=o.default().subtract(p,j).format(n.defaultDateFormat);u({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,u,j]),t.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===j}))})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var a=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,s=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||a.default().format(u.defaultDateFormat)}),[o]),l=a.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:a.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(u.formatDate(l));s(e)}),[l,s]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("../useFilterWrapper.js"),u=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(i.useState(l||""),2),q=c[0],j=c[1];return(0,t.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(e){p(q),e(q)},onClose:function(){j(l||"")},onRemove:function(){p(null),j("")}}).renderWrapper)(r.jsx(u.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("../useFilterWrapper.js"),u=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(i.useState(l||""),2),q=c[0],j=c[1];return(0,t.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(e){p(q),e(q)},onClose:function(){j(l||"")},onRemove:function(){p(null),j("")}}).renderWrapper)(r.jsx(u.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ChangeEvent, ChangeEventHandler, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
|
|
1
|
+
import type { ChangeEvent, ChangeEventHandler, HTMLInputTypeAttribute, InputHTMLAttributes, MutableRefObject, ReactNode } from 'react';
|
|
2
2
|
import { type HelpTextProps } from "../help-text/HelpText";
|
|
3
3
|
import { type FloatLabelInputProps } from "./input-type/_FloatLabelInput";
|
|
4
4
|
type DateInputEventHandler = (e: Omit<ChangeEvent<HTMLInputElement>, 'target'> & {
|
|
@@ -9,11 +9,15 @@ type DateInputEventHandler = (e: Omit<ChangeEvent<HTMLInputElement>, 'target'> &
|
|
|
9
9
|
}) => void;
|
|
10
10
|
type InputType<T extends HTMLInputTypeAttribute> = {
|
|
11
11
|
inputPrefix?: ReactNode;
|
|
12
|
+
/** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
|
|
13
|
+
* @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
14
|
+
*/
|
|
15
|
+
inputRef?: MutableRefObject<HTMLInputElement | null>;
|
|
12
16
|
inputSuffix?: ReactNode;
|
|
13
17
|
onChange: T extends 'date' ? DateInputEventHandler : ChangeEventHandler<HTMLInputElement>;
|
|
14
18
|
/** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
|
|
15
19
|
width?: number;
|
|
16
20
|
} & Omit<FloatLabelInputProps, 'onChange'> & HelpTextProps;
|
|
17
21
|
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, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare const Input: <T extends string>({ autoFocus, className, disabled, error, helpText, inputMode, inputPrefix, inputRef, 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
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("clsx"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("clsx"),i=require("../help-text/HelpText.js"),a=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("react"),require("@floating-ui/react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c=p(n),f="Amino_Input-module__fields--F18Vt",x="Amino_Input-module__aminoInputWrapper--KzFcE";d.styleInject(".Amino_Input-module__fields--F18Vt{border:var(--amino-border);border-radius:var(--amino-input-border-radius)}.Amino_Input-module__fields--F18Vt:hover{border:1px solid var(--amino-gray-300)}.Amino_Input-module__aminoInputWrapper--KzFcE{position:relative;width:var(--amino-input-width)}.Amino_Input-module__aminoInputWrapper--KzFcE>div{align-items:center;display:flex;flex-direction:row}.Amino_Input-module__aminoInputWrapper--KzFcE.disabled{opacity:.4}");exports.Input=function(n){var d=n.autoFocus,p=n.className,m=n.disabled,_=n.error,I=n.helpText,b=n.inputMode,y=n.inputPrefix,h=n.inputRef,j=n.inputSuffix,q=n.label,v=n.onChange,w=n.onKeyDown,g=n.pattern,F=n.placeholder,z=n.prefix,C=n.readOnly,K=n.required,N=n.size,P=void 0===N?"xl":N;n.style;var D=n.suffix,T=n.tabIndex,M=n.type,O=n.value,A=n.valuePrefix,E=n.width,W=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputRef","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",m&&"disabled",x),style:{"--amino-input-border-radius":function(){switch(P){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(),"--amino-input-width":E?"".concat(E,"px"):"100%"},children:[r.jsx("div",{className:f,children:function(){switch(M){case"password":return r.jsx(s.PasswordInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,type:M,value:O||"",valuePrefix:A},W));case"number":return r.jsx(u.NumberInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:null===D?null:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));case"time":return r.jsx(o.TimeInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,value:O||"",valuePrefix:A},W));default:return r.jsx(t.FloatLabelInput,e.__assign({ref:h,autoFocus:d,className:p,disabled:m,error:_,inputMode:b,label:q,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:z||y,readOnly:C,required:K,size:P,suffix:D||j,tabIndex:T,type:M,value:O||"",valuePrefix:A},W))}}()}),r.jsx(i.HelpText,{error:_,helpText:I})]})};
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const DateInput: (
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
8
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
9
|
+
pattern?: string | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
prefix?: import("react").ReactNode;
|
|
12
|
+
readOnly?: boolean | undefined;
|
|
13
|
+
required?: boolean | undefined;
|
|
14
|
+
size?: import("../../../types/Size").Size | undefined;
|
|
15
|
+
suffix?: import("react").ReactNode;
|
|
16
|
+
tabIndex?: number | undefined;
|
|
17
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
|
+
value: string | null;
|
|
19
|
+
valuePrefix?: import("react").ReactNode;
|
|
20
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "size" | "disabled" | "error" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),i=require("clsx"),o=require("./_FloatLabelInput.js"),r=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(i),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",_="Amino__DateInput-module__styledButtonAction--OJxoO",c="Amino__DateInput-module__aminoInput--twaIR";u.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:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.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}");var m=n.forwardRef((function(i,u){var l=i.autoFocus,m=i.className,I=i.disabled,b=i.error,f=i.inputMode,x=i.label,y=i.onChange,w=i.onKeyDown,A=i.pattern,v=i.placeholder,D=i.prefix,h=i.readOnly,j=i.required,k=i.suffix,q=i.tabIndex,O=i.value,g=e.__rest(i,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),R=n.useRef(null),N=a.useMergeRefs([u,R]);return t.jsx("div",{className:s.default(d,m),children:t.jsx(o.FloatLabelInput,e.__assign({ref:N,"aria-label":x,autoFocus:l,className:c,disabled:I,error:b,inputMode:f,label:x,onChange:y,onKeyDown:w,pattern:A,placeholder:v,prefix:D,readOnly:h,required:j,suffix:k||t.jsx("div",{className:p,children:t.jsx("button",{className:_,onClick:function(){var e,t;null===(e=R.current)||void 0===e||e.showPicker(),null===(t=R.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(r.CalendarIcon,{size:24})})}),tabIndex:q,type:"date",value:O},g))})}));exports.DateInput=m;
|
|
@@ -1,2 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Size } from "../../../types/Size";
|
|
3
|
+
export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
4
|
+
autoFocus?: boolean | undefined;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
7
|
+
label?: string | undefined;
|
|
8
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
pattern?: string | undefined;
|
|
11
|
+
placeholder?: string | undefined;
|
|
12
|
+
prefix?: import("react").ReactNode;
|
|
13
|
+
readOnly?: boolean | undefined;
|
|
14
|
+
required?: boolean | undefined;
|
|
15
|
+
size?: Size | undefined;
|
|
16
|
+
suffix?: import("react").ReactNode;
|
|
17
|
+
tabIndex?: number | undefined;
|
|
18
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
|
+
value: string | null;
|
|
20
|
+
valuePrefix?: import("react").ReactNode;
|
|
21
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "size" | "disabled" | "error" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_FloatLabelInput.js"),o=require("../../../icons/CaretDownIcon.js"),a=require("../../../icons/CaretUpIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c=l(i),m="Amino__NumberInput-module__styledWrapper--oyCqs",p="Amino__NumberInput-module__styledActionWrapper--C19sy",_="Amino__NumberInput-module__styledButtonAction--w7uvy",d="Amino__NumberInput-module__aminoInput--7QUM4";s.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:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.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 b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=t.forwardRef((function(i,s){var l=i.className,v=i.label,y=i.size,I=void 0===y?"xl":y,f=i.suffix,N=e.__rest(i,["className","label","size","suffix"]),A=t.useRef(null),j=u.useMergeRefs([s,A]);return n.jsx("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")},children:n.jsx(r.FloatLabelInput,e.__assign({},N,{ref:j,"aria-label":v,className:d,label:v,size:I,suffix:null===f?null:f||n.jsxs("div",{className:p,children:[n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepUp(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.CaretUpIcon,{size:b(I)})}),n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepDown(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretDownIcon,{size:b(I)})})]}),type:"number"}))})}));exports.NumberInput=v;
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const PasswordInput: (
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
8
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
9
|
+
pattern?: string | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
prefix?: import("react").ReactNode;
|
|
12
|
+
readOnly?: boolean | undefined;
|
|
13
|
+
required?: boolean | undefined;
|
|
14
|
+
size?: import("../../../types/Size").Size | undefined;
|
|
15
|
+
suffix?: import("react").ReactNode;
|
|
16
|
+
tabIndex?: number | undefined;
|
|
17
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
|
+
value: string | null;
|
|
19
|
+
valuePrefix?: import("react").ReactNode;
|
|
20
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "size" | "disabled" | "error" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("./_FloatLabelInput.js"),s=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(r),l="Amino__PasswordInput-module__styledWrapper--jDin2",c="Amino__PasswordInput-module__styledButtonAction--wOjcZ",_="Amino__PasswordInput-module__aminoInput--ZLZhe";i.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:active{background:var(--amino-gray-100)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:focus{outline:none}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("./_FloatLabelInput.js"),s=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(r),l="Amino__PasswordInput-module__styledWrapper--jDin2",c="Amino__PasswordInput-module__styledButtonAction--wOjcZ",_="Amino__PasswordInput-module__aminoInput--ZLZhe";i.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:active{background:var(--amino-gray-100)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ:focus{outline:none}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var p=o.forwardRef((function(r,i){var u=r.autoFocus,p=r.className,m=r.disabled,w=r.error,I=r.inputMode,j=r.label,y=r.onChange,f=r.onKeyDown,b=r.pattern,x=r.placeholder,v=r.prefix,h=r.readOnly,q=r.required,A=r.suffix,g=r.tabIndex,O=r.value,P=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),Z=e.__read(o.useState("password"),2),B=Z[0],D=Z[1];return n.jsx("div",{className:d.default(l,p),children:n.jsx(t.FloatLabelInput,e.__assign({ref:i,"aria-label":j,autoFocus:u,className:_,disabled:m,error:w,inputMode:I,label:j,onChange:y,onKeyDown:f,pattern:b,placeholder:x,prefix:v,readOnly:h,required:q,suffix:A||n.jsx("button",{className:c,onClick:function(){return D("password"===B?"text":"password")},type:"button",children:"password"===B?n.jsx(s.EyeIcon,{size:24}):n.jsx(a.EyeOffIcon,{size:24})}),tabIndex:g,type:B,value:O},P))})}));exports.PasswordInput=p;
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const TimeInput: (
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
8
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
9
|
+
pattern?: string | undefined;
|
|
10
|
+
placeholder?: string | undefined;
|
|
11
|
+
prefix?: import("react").ReactNode;
|
|
12
|
+
readOnly?: boolean | undefined;
|
|
13
|
+
required?: boolean | undefined;
|
|
14
|
+
size?: import("../../../types/Size").Size | undefined;
|
|
15
|
+
suffix?: import("react").ReactNode;
|
|
16
|
+
tabIndex?: number | undefined;
|
|
17
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
18
|
+
value: string | null;
|
|
19
|
+
valuePrefix?: import("react").ReactNode;
|
|
20
|
+
} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "label" | "pattern" | "size" | "disabled" | "error" | "type" | "value" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | keyof import("../../../types/BaseProps").BaseProps | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),o=require("clsx"),r=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(o),d="Amino__TimeInput-module__styledWrapper--ZPt0q",p="Amino__TimeInput-module__styledActionWrapper--QykRo",c="Amino__TimeInput-module__styledButtonAction---VQOV",_="Amino__TimeInput-module__aminoInput--jyQcS";u.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:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.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:#0000}");var m=t.forwardRef((function(o,u){var l=o.autoFocus,m=o.className,y=o.disabled,I=o.error,b=o.inputMode,f=o.label,j=o.onChange,v=o.onKeyDown,x=o.pattern,A=o.placeholder,h=o.prefix,T=o.readOnly,k=o.required,q=o.suffix,w=o.tabIndex,g=o.value,Q=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),V=t.useRef(null),O=i.useMergeRefs([u,V]);return n.jsx("div",{className:s.default(d,m),children:n.jsx(r.FloatLabelInput,e.__assign({ref:O,"aria-label":f,autoFocus:l,className:_,disabled:y,error:I,inputMode:b,label:f,onChange:j,onKeyDown:v,pattern:x,placeholder:A,prefix:h,readOnly:T,required:k,suffix:q||n.jsx("div",{className:p,children:n.jsx("button",{className:c,onClick:function(){var e,n;null===(e=V.current)||void 0===e||e.showPicker(),null===(n=V.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:w,type:"time",value:g},Q))})}));exports.TimeInput=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("react"),t=require("react-select"),r=require("../input/Input.js"),i=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.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 l="Amino_CountryPhoneSelect-module__optionLabel--l4S6-",c="Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL",a="Amino_CountryPhoneSelect-module__styledPrefix--lAgqy",p="Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN";s.styleInject(".Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:8px;padding-left:16px;padding-right:4px;white-space:nowrap}.Amino_CountryPhoneSelect-module__optionLabel--l4S6-{display:flex}.Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL{color:var(--amino-gray-700);margin-left:4px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy{align-items:center;display:flex;position:relative}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg{border-radius:2px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg:last-child{left:20px;position:absolute;top:-2px;z-index:1}.Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN .Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{padding-left:14px}");var d=function(r){var i=r.selectProps.setMenuIsOpen,u=o.useCallback((function(){i(!1)}),[i]);return o.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),n.jsx(t.components.MenuList,e.__assign({},r))},m=function(e){return n.jsxs("div",{className:l,children:[e.displayName,n.jsx("div",{className:c,children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(t){var s=t.countryOptions,l=t.icon,c=t.label,_=void 0===c?"Phone number":c,h=t.phone,y=t.phoneCountry,j=t.setPhone,x=t.setPhoneCountry,C=e.__rest(t,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),q=e.__read(o.useState(!1),2),f=q[0],v=q[1],I={setMenuIsOpen:v},P=(null==y?void 0:y.phoneCode)?"+".concat(null==y?void 0:y.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:p,children:n.jsx(r.Input,{label:_,onChange:function(e){return j(e.target.value)},prefix:n.jsxs("div",{className:a,onClick:function(){return v(!f)},role:"button",tabIndex:0,children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:h,valuePrefix:P})}),n.jsx(i.Select,e.__assign({},C,{components:{Control:function(){return null},MenuList:d},formatOptionLabel:m,menuIsOpen:f,onBlur:function(){return v(!1)},onChange:function(e){x(e),v(!1)},options:s,value:y},I))]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),o=require("react"),t=require("react-select"),r=require("../input/Input.js"),i=require("./Select.js"),u=require("../../icons/ChevronDownIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getTestId.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../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 l="Amino_CountryPhoneSelect-module__optionLabel--l4S6-",c="Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL",a="Amino_CountryPhoneSelect-module__styledPrefix--lAgqy",p="Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN";s.styleInject(".Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{align-items:flex-end;color:var(--amino-gray-800);display:flex;order:2;padding-bottom:8px;padding-left:16px;padding-right:4px;white-space:nowrap}.Amino_CountryPhoneSelect-module__optionLabel--l4S6-{display:flex}.Amino_CountryPhoneSelect-module__phoneCodeLabel--E2vZL{color:var(--amino-gray-700);margin-left:4px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy{align-items:center;display:flex;position:relative}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg{border-radius:2px}.Amino_CountryPhoneSelect-module__styledPrefix--lAgqy svg:last-child{left:20px;position:absolute;top:-2px;z-index:1}.Amino_CountryPhoneSelect-module__styledInputWrapper--RKVmN .Amino_CountryPhoneSelect-module__inputValuePrefix--AMPA3{padding-left:14px}");var d=function(r){var i=r.selectProps.setMenuIsOpen,u=o.useCallback((function(){i(!1)}),[i]);return o.useEffect((function(){return document.addEventListener("mousedown",u),function(){document.removeEventListener("mousedown",u)}}),[u]),n.jsx(t.components.MenuList,e.__assign({},r))},m=function(e){return n.jsxs("div",{className:l,children:[e.displayName,n.jsx("div",{className:c,children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(t){var s=t.countryOptions,l=t.icon,c=t.label,_=void 0===c?"Phone number":c,h=t.phone,y=t.phoneCountry,j=t.setPhone,x=t.setPhoneCountry,C=e.__rest(t,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),q=e.__read(o.useState(!1),2),f=q[0],v=q[1],I={setMenuIsOpen:v},P=(null==y?void 0:y.phoneCode)?"+".concat(null==y?void 0:y.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:p,children:n.jsx(r.Input,{label:_,onChange:function(e){return j(e.target.value)},prefix:n.jsxs("div",{className:a,onClick:function(){return v(!f)},role:"button",tabIndex:0,children:[l,n.jsx(u.ChevronDownIcon,{size:19})]}),value:h,valuePrefix:P})}),n.jsx(i.Select,e.__assign({},C,{components:{Control:function(){return null},MenuList:d},formatOptionLabel:m,menuIsOpen:f,onBlur:function(){return v(!1)},onChange:function(e){x(e),v(!1)},options:s,value:y},I))]})};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
+
import type { ReactComponent } from "../../types/ReactComponent";
|
|
3
4
|
type SimpleTableHeaderBaseProps = {
|
|
4
5
|
/**
|
|
5
6
|
* Text alignment for a column
|
|
@@ -27,6 +28,13 @@ export type SimpleTableHeader<T extends object> = {
|
|
|
27
28
|
} & SimpleTableHeaderBaseProps;
|
|
28
29
|
}[keyof T extends React.Key ? keyof T : never];
|
|
29
30
|
export type SimpleTableProps<T extends object> = BaseProps & {
|
|
31
|
+
/**
|
|
32
|
+
* Custom component for the link. Defaults to <a>
|
|
33
|
+
*/
|
|
34
|
+
CustomLinkComponent?: ReactComponent<{
|
|
35
|
+
children: ReactNode;
|
|
36
|
+
href: string;
|
|
37
|
+
}>;
|
|
30
38
|
headers: SimpleTableHeader<T>[];
|
|
31
39
|
items: T[];
|
|
32
40
|
/**
|
|
@@ -94,5 +102,5 @@ export type SimpleTableProps<T extends object> = BaseProps & {
|
|
|
94
102
|
* - 'row-hover-show': Shows only when the row is hovered
|
|
95
103
|
* - 'cell-hover-show': Shows only when the cell is hovered
|
|
96
104
|
*/
|
|
97
|
-
export declare const SimpleTable: <T extends object>({ className, getRowLink, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
105
|
+
export declare const SimpleTable: <T extends object>({ className, CustomLinkComponent, getRowLink, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
98
106
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),a=require("../text/Text.js"),d=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js");var m=r(i),s="Amino_SimpleTable-module__tableStyled--Q3YSy",c="Amino_SimpleTable-module__noPadding--b5Y-c",b="Amino_SimpleTable-module__withHover--eL3XX",_="Amino_SimpleTable-module__clickable--XnaaE",u="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",y="Amino_SimpleTable-module__styledCheckbox---753a";d.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:uppercase}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border);height:56px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:16px;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{border-bottom:var(--amino-border);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-gray-50)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");exports.SimpleTable=function(i){var d=i.className,r=i.CustomLinkComponent,S=i.getRowLink,p=i.headers,x=i.items,g=i.keyExtractor,k=i.loading,v=void 0!==k&&k,j=i.loadingItems,A=void 0===j?10:j,T=i.noHoverBackground,C=void 0!==T&&T,f=i.onRowClick,w=i.onRowHover,Y=i.renderFooter,Q=i.selectable,q=void 0===Q?{enabled:!1}:Q,N=i.style,R=function(e,o){var i=o[e.key],t=function(i){if(S&&!q.anySelected){var t=r||"a";return l.jsx("td",{className:h,children:l.jsx(t,{className:m.default(e.noPadding&&c),href:S(o),style:{textAlign:e.align||"start"},children:i})})}return l.jsx("td",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:i})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsxs("table",{className:m.default(d,s),style:N,children:[l.jsxs("colgroup",{children:[!!q.onHeaderCheckboxChange&&l.jsx("col",{width:0}),p.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!q.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:q.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!v&&q.headerCheckboxValue||!1,className:y,disabled:v,onChange:q.onHeaderCheckboxChange})}),p.map((function(e){return l.jsx("th",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?l.jsx(a.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)}))]})}),l.jsx("tbody",{children:v?e.__spreadArray([],e.__read(Array(A).keys()),!1).map((function(e){return l.jsxs("tr",{children:[q.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:30},e)}),p.map((function(o){return l.jsx("td",{className:m.default(u,o.noPadding&&c),children:l.jsx(n.Skeleton,{height:30},e)},o.key)}))]},e)})):x.map((function(e,i){var n,a,d,r=!!f||!!q.anySelected&&!!q.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&_,!C&&b),onClick:function(){var l,o,t;q.anySelected?(null===(l=q.isRowCheckboxDisabled)||void 0===l?void 0:l.call(q,e,i))||null===(o=q.onRowCheckboxChange)||void 0===o||o.call(q,!(null===(t=q.isRowChecked)||void 0===t?void 0:t.call(q,e,i)),e,i):null==f||f(e)},onMouseEnter:function(){return null==w?void 0:w(e)},children:[q.enabled&&l.jsx("td",{className:c,children:(null===(n=q.renderCustomRowCheckbox)||void 0===n?void 0:n.call(q,e,i))||l.jsx(t.Checkbox,{checked:(null===(a=q.isRowChecked)||void 0===a?void 0:a.call(q,e,i))||!1,className:y,disabled:(null===(d=q.isRowCheckboxDisabled)||void 0===d?void 0:d.call(q,e,i))||!1,onChange:function(l){var o;return null===(o=q.onRowCheckboxChange)||void 0===o?void 0:o.call(q,l,e,i)}})}),p.map((function(i){return l.jsx(o.Fragment,{children:R(i,e)},i.key)}))]},g(e))}))}),Y]})};
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps } from "../../types/BaseProps";
|
|
3
|
-
type
|
|
3
|
+
export type TableCellProps = BaseProps & {
|
|
4
4
|
align?: 'center' | 'justify' | 'left' | 'right';
|
|
5
5
|
borderBottom?: string;
|
|
6
|
-
padding?: string;
|
|
7
|
-
};
|
|
8
|
-
export type TableCellProps = BaseProps & {
|
|
9
6
|
children?: ReactNode;
|
|
10
7
|
colSpan?: number;
|
|
8
|
+
padding?: string;
|
|
11
9
|
tag?: 'td' | 'th';
|
|
12
|
-
}
|
|
10
|
+
};
|
|
13
11
|
export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, style, tag, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),n=require("framer-motion"),s=require("uuid"),i=require("./Toast.js"),a=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var u=c(o),l="Amino_ToastContext-module__toastsWrapper--W5SKw";a.styleInject(".Amino_ToastContext-module__toastsWrapper--W5SKw{bottom:var(--amino-toast-context-bottom);left:var(--amino-toast-context-left)}");var d=r.createContext((function(e,t){}));exports.ToastContext=d,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),m=c[0],f=c[1],x=e.__read(r.useState({bottom:"",left:""}),2),_=x[0],j=x[1],v=r.useCallback((function(t,r){f((function(o){return e.__spreadArray(e.__spreadArray([],e.__read(o),!1),[{props:r,toast:t,uuid:s.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),v(e,t)}),[v]);return t.jsx(n.AnimatePresence,{children:t.jsxs(d.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",style:{"--amino-toast-context-bottom":_.bottom||"40px","--amino-toast-context-left":_.left||""},children:t.jsx("div",{className:u.default(l,"toasts-wrapper"),children:t.jsx(n.AnimatePresence,{children:m.map((function(e){var r=e.props,o=e.toast,n=e.uuid,s="toast-".concat(o,"-").concat(n);return t.jsx(i.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:s,children:o},s)}))})})})]})})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),n=require("framer-motion"),s=require("uuid"),i=require("./Toast.js"),a=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var u=c(o),l="Amino_ToastContext-module__toastsWrapper--W5SKw";a.styleInject(".Amino_ToastContext-module__toastsWrapper--W5SKw{bottom:var(--amino-toast-context-bottom);left:var(--amino-toast-context-left)}");var d=r.createContext((function(e,t){}));exports.ToastContext=d,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),m=c[0],f=c[1],x=e.__read(r.useState({bottom:"",left:""}),2),_=x[0],j=x[1],v=r.useCallback((function(t,r){f((function(o){return e.__spreadArray(e.__spreadArray([],e.__read(o),!1),[{props:r,toast:t,uuid:s.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),v(e,t)}),[v]);return t.jsx(n.AnimatePresence,{children:t.jsxs(d.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",style:{"--amino-toast-context-bottom":_.bottom||"40px","--amino-toast-context-left":_.left||"auto"},children:t.jsx("div",{className:u.default(l,"toasts-wrapper"),children:t.jsx(n.AnimatePresence,{children:m.map((function(e){var r=e.props,o=e.toast,n=e.uuid,s="toast-".concat(o,"-").concat(n);return t.jsx(i.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:s,children:o},s)}))})})})]})})};
|
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -7,6 +7,5 @@ export type { IconProps } from './IconProps';
|
|
|
7
7
|
export type { Intent } from './Intent';
|
|
8
8
|
export type { JsonError } from './JsonError';
|
|
9
9
|
export type { NoInfer } from './NoInfer';
|
|
10
|
-
export type { StyledProps } from './StyledProps';
|
|
11
10
|
export type { SwrtParams } from './SwrtParams';
|
|
12
11
|
export type { Theme } from './Theme';
|
package/types/StyledProps.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Prefix props with `$` to prevent them from being passed to native element or component.
|
|
3
|
-
* @link https://styled-components.com/docs/api#using-custom-props
|
|
4
|
-
*/
|
|
5
|
-
export type StyledProps<T> = {
|
|
6
|
-
[Property in keyof T as `$${string & Property}`]: T[Property];
|
|
7
|
-
};
|