@zonos/amino 5.1.35 → 5.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/components/button/MenuButton.d.ts +11 -3
  2. package/components/button/MenuButton.js +1 -1
  3. package/components/filter/filter-amount/FilterAmount.js +1 -1
  4. package/components/filter/filter-date/DateControls.js +1 -1
  5. package/components/filter/filter-date/FilterDate.js +1 -1
  6. package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
  7. package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
  8. package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
  9. package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
  10. package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
  11. package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
  12. package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
  13. package/components/filter/filter-text/FilterText.js +1 -1
  14. package/components/filter/useFilterWrapper.js +1 -1
  15. package/components/graph-matrix/GraphMatrix.js +1 -1
  16. package/components/input/Input.js +1 -1
  17. package/components/input/input-type/_FloatLabelInput.js +1 -1
  18. package/components/input/input-type/_NumberInput.js +1 -1
  19. package/components/menu/MenuItem.d.ts +3 -2
  20. package/components/menu/MenuItem.js +1 -1
  21. package/components/nested-data-table/NestedDataTable.js +1 -1
  22. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  23. package/components/nested-data-table/_Filter.js +1 -1
  24. package/components/nested-data-table/_TableData.js +1 -1
  25. package/components/select/CountryPhoneSelect.js +1 -1
  26. package/package.json +2 -2
  27. package/styles/constants/theme.d.ts +1 -1
  28. package/theme.css +2 -2
  29. package/utils/hooks/useDropdown.d.ts +23 -9
  30. package/utils/hooks/useDropdown.js +1 -1
@@ -3,7 +3,15 @@ import type { BaseProps } from "../../types/BaseProps";
3
3
  export type MenuButtonProps = BaseProps & {
4
4
  action: ReactNode;
5
5
  children: ReactNode;
6
- open: boolean;
7
- setOpen: (open: boolean) => void;
6
+ /**
7
+ * Close the menu when the mouse leaves the dropdown/parent.
8
+ * @default true
9
+ */
10
+ closeOnMouseLeave?: boolean;
11
+ /**
12
+ * Close the menu when clicking anywhere in the the dropdown.
13
+ * @default true
14
+ */
15
+ closeOnSelect?: boolean;
8
16
  };
9
- export declare const MenuButton: ({ action, children, className, open, setOpen, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
17
+ export declare const MenuButton: ({ action, children, className, closeOnMouseLeave, closeOnSelect, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),o=require("../../animations/DropdownAnimation.js"),r=require("../surface/Surface.js"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var u,d,m=s(i),c=m.default.div(u||(u=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),l=m.default(r.Surface)(d||(d=e.__makeTemplateObject(["\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n border: ",";\n z-index: 10;\n position: absolute;\n padding: "," 0;\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"],["\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n border: ",";\n z-index: 10;\n position: absolute;\n padding: "," 0;\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"])),o.DropdownAnimation,a.theme.border,a.theme.radius6,a.theme.space8);exports.MenuButton=function(e){var i=e.action,o=e.children,r=e.className,a=e.open,s=e.setOpen,u=t.useRef(null),d=t.useCallback((function(e){var n,t=e.target;(null===(n=null==u?void 0:u.current)||void 0===n?void 0:n.contains(t))||s(!1)}),[s]);return t.useEffect((function(){return document.addEventListener("mousedown",d),function(){document.removeEventListener("mousedown",d)}}),[d]),n.jsxs(c,{ref:u,className:r,children:[i,a&&n.jsx(l,{dense:!0,depth:"depth16",children:o})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var i=require("styled-components"),t=require("../../animations/DropdownAnimation.js"),o=require("../../styles/constants/theme.js"),r=require("../../utils/hooks/useDropdown.js");function a(e){return e&&e.__esModule?e:{default:e}}require("@floating-ui/react");var s,d,l=a(i),u=l.default.div(s||(s=e.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n"],["\n position: relative;\n display: inline-flex;\n"]))),c=l.default.div(d||(d=e.__makeTemplateObject(["\n background: ",";\n border: ",";\n padding: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: "," 0;\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"],["\n background: ",";\n border: ",";\n padding: ",";\n border-radius: ",";\n box-shadow: ",";\n animation: "," 250ms ease-in-out;\n animation-fill-mode: both;\n padding: "," 0;\n margin-top: ",";\n right: 0;\n min-width: 100%;\n width: max-content;\n"])),o.theme.surfaceColor,o.theme.border,o.theme.space24,o.theme.radius6,o.theme.v3ShadowLarge,t.DropdownAnimation,o.theme.radius6,o.theme.space8);exports.MenuButton=function(i){var t=i.action,o=i.children,a=i.className,s=i.closeOnMouseLeave,d=void 0===s||s,l=i.closeOnSelect,m=void 0===l||l,f=r.useDropdown({offsetCrossAxis:0,offsetMainAxis:0}),h=f.floatingStyles,p=f.refs,b=f.setVisible,v=f.visibility,g=f.visible,x=f.wrapperRef,w=function(){m&&b(!1)};return n.jsxs(u,{ref:x,className:a,onMouseLeave:function(){d&&b(!1)},children:[n.jsx("div",{ref:p.setReference,onClick:function(e){e.stopPropagation(),b(!0)},onKeyDown:function(e){"Enter"===e.key&&b(!0)},role:"button",tabIndex:0,children:t}),n.jsx("div",{ref:p.setFloating,style:e.__assign(e.__assign({},h),{visibility:v}),children:g&&n.jsx(c,{onClick:w,onKeyDown:function(e){"Enter"===e.key&&w()},role:"button",tabIndex:-1,children:o})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],v=e.__read(t.useState(p.amountTotalMin),2),y=v[0],f=v[1],g=e.__read(t.useState(p.amountTotalMax),2),b=g[0],x=g[1],I=e.__read(t.useState(!1),2),_=I[0],C=I[1],F=function(e){l({name:"amountFilterType",type:"change",value:e})},T=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){F(d);var n="".concat((null==y?void 0:y.toFixed(2))||0)||"",t="".concat((null==b?void 0:b.toFixed(2))||0)||"";switch(d){case"between":T({amount1:y,amount2:b}),e("Between ".concat(n," and ").concat(t));break;case"equal":T({amount1:y,amount2:y}),e("Equal to ".concat(n));break;case"greater":T({amount1:y,amount2:null}),e("Greater than ".concat(n));break;case"less":T({amount1:null,amount2:y}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),F(i.initialFilterAmountState.amountFilterType),T({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),f(0),x(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return f(e.target.valueAsNumber)},type:"number",value:null===y?"":String(y)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return x(e.target.valueAsNumber)},type:"number",value:null===b?"":String(b)})]})]})]}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .arrow-right {\n margin-right: ",";\n }\n"])),l.theme.space8,l.theme.space16);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),I=f[0],b=f[1],x=e.__read(t.useState(!1),2),_=x[0],C=x[1],w=function(e){l({name:"amountFilterType",type:"change",value:e})},F=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){w(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":F({amount1:v,amount2:I}),e("Between ".concat(n," and ").concat(t));break;case"equal":F({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":F({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":F({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),w(i.initialFilterAmountState.amountFilterType),F({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),b(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),s=require("./_DateControls/_IsAfter.js"),i=require("./_DateControls/_IsBefore.js"),o=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),a=require("./_DateControls/_IsEqualTo.js"),l=require("./_DateControls/_IsInTheLast.js"),c=require("./_DateControls/_IsOnOrAfter.js"),j=require("./filterDateReducer.js"),q=require("../../select/Select.js"),p=require("../../../icons/ArrowRightIcon.js"),h=require("../../../styles/constants/theme.js");function C(e){return e&&e.__esModule?e:{default:e}}require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var I,f=C(t).default.div(I||(I=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"])),h.theme.space16),g=j.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(t){var h=t.onChange,C=t.onChangeFilterText,I=t.rangeType,x=t.setRangeType,_=t.value,v=e.__read(n.useState(!1),2),d=v[0],T=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(q.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||j.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&d&&e.stopPropagation()},onMenuClose:function(){return T(!1)},onMenuOpen:function(){return T(!0)},options:g,size:"sm",value:g.filter((function(e){return e.value===I}))}),r.jsxs(f,{children:[r.jsx(p.ArrowRightIcon,{color:"blue600"}),function(){switch(I){case"is in the last":return r.jsx(l.IsInTheLast,{onChange:h,onChangeFilterText:C,value:_});case"is equal to":default:return r.jsx(a.IsEqualTo,{onChange:h,onChangeFilterText:C,value:_});case"is after":return r.jsx(s.IsAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before":return r.jsx(i.IsBefore,{onChange:h,onChangeFilterText:C,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:C,value:_});case"is on or after":return r.jsx(c.IsOnOrAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before or on":return r.jsx(o.IsBeforeOrOn,{onChange:h,onChangeFilterText:C,value:_})}}()]})]})};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),s=require("./_DateControls/_IsAfter.js"),i=require("./_DateControls/_IsBefore.js"),o=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),a=require("./_DateControls/_IsEqualTo.js"),l=require("./_DateControls/_IsInTheLast.js"),c=require("./_DateControls/_IsOnOrAfter.js"),j=require("./filterDateReducer.js"),q=require("../../select/Select.js"),p=require("../../../icons/ArrowRightIcon.js"),h=require("../../../styles/constants/theme.js");function C(e){return e&&e.__esModule?e:{default:e}}require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var I,f=C(t).default.div(I||(I=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n > svg {\n flex-shrink: 0;\n }\n"])),h.theme.space16),g=j.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(t){var h=t.onChange,C=t.onChangeFilterText,I=t.rangeType,x=t.setRangeType,_=t.value,d=e.__read(n.useState(!1),2),v=d[0],T=d[1];return r.jsxs(r.Fragment,{children:[r.jsx(q.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||j.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&v&&e.stopPropagation()},onMenuClose:function(){return T(!1)},onMenuOpen:function(){return T(!0)},options:g,size:"sm",value:g.filter((function(e){return e.value===I}))}),r.jsxs(f,{children:[r.jsx(p.ArrowRightIcon,{color:"blue600"}),function(){switch(I){case"is in the last":return r.jsx(l.IsInTheLast,{onChange:h,onChangeFilterText:C,value:_});case"is equal to":default:return r.jsx(a.IsEqualTo,{onChange:h,onChangeFilterText:C,value:_});case"is after":return r.jsx(s.IsAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before":return r.jsx(i.IsBefore,{onChange:h,onChangeFilterText:C,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:C,value:_});case"is on or after":return r.jsx(c.IsOnOrAfter,{onChange:h,onChangeFilterText:C,value:_});case"is before or on":return r.jsx(o.IsBeforeOrOn,{onChange:h,onChangeFilterText:C,value:_})}}()]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},_=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),h=_.renderWrapper,C=_.setFilterText;return h(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:C,rangeType:D,setRangeType:I,value:q}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},_=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),C=_.renderWrapper,h=_.setFilterText;return C(r.jsx(n.DateControl,{onChange:j,onChangeFilterText:h,rangeType:D,setRangeType:I,value:q}))};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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,o=r.onChangeFilterText,a=r.value,c=t.useMemo((function(){return a.dateBegin||s.default().format(n.defaultDateFormat)}),[a]),p=t.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){o("After ".concat(n.formatDate(c)))}),[c,o]),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("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");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("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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,o=r.onChangeFilterText,a=r.value,c=t.useMemo((function(){return a.dateEnd||s.default().format(n.defaultDateFormat)}),[a]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){o("Before ".concat(n.formatDate(c)))}),[c,o]),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("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");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("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);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
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);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("../dateUtils.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.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("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../dateUtils.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.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("../../../../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,d=a.onChangeFilterText,o=a.value,l=t.useMemo((function(){return{dateBegin:o.dateBegin||i.default().subtract(1,"days").format(r.defaultDateFormat),dateEnd:o.dateEnd||i.default().add(1,"days").format(r.defaultDateFormat)}}),[o]),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));d(e)}),[d,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("../dateUtils.js"),n=require("../../../input/Input.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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=a(r);exports.IsEqualTo=function(r){var a=r.onChange,i=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(u.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){a({dateBegin:s.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:s.default(e).add(1,"days").format(u.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[a]);return t.useEffect((function(){i("On ".concat(u.formatDate(l)))}),[l,i]),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
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../dateUtils.js"),n=require("../../../input/Input.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=a(r);exports.IsEqualTo=function(r){var a=r.onChange,i=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(u.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){a({dateBegin:s.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:s.default(e).add(1,"days").format(u.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[a]);return t.useEffect((function(){i("On ".concat(u.formatDate(l)))}),[l,i]),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("../dateUtils.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("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("clsx"),require("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
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.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("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");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"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.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.IsOnOrAfter=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]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".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
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsOnOrAfter=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]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".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("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,l=u.value,c=e.__read(t.useState(l||""),2),q=c[0],j=c[1];return(0,i.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(e){p(q),e(q)},onRemove:function(){p(null),j("")}}).renderWrapper)(r.jsx(n.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};
1
+ "use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,c=u.value,l=e.__read(t.useState(c||""),2),q=l[0],a=l[1];return(0,i.useFilterWrapper({dropdownTitle:s,filterExists:!!c,label:o,onApply:function(e){p(q),e(q)},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(n.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:q}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,b,f,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: 14px;\n border: ",";\n background-color: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: 14px;\n border: ",";\n background-color: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.border,d.theme.gray0,d.theme.space24,d.theme.space16),k=h.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space12);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],q=e.__read(r.useState(!1),2),C=q[0],T=q[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),F=r.useRef(null),S=function(){h(!0),m(I),T(!1)},O=function(e){"Escape"===e.key&&T(!1),"Enter"===e.key&&S()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&T(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[C,R]),r.useEffect((function(){var e;if(C){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var z=function(e){e.stopPropagation(),T(!0)},W=function(){c?(h(!f),x()):T(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:S,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:W,children:[n.jsxs(y,{active:f,hasFilter:f&&c,children:[f?n.jsx(l.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(s.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),f&&c&&n.jsxs(j,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:S,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,m,x,f,b,h=u(o),g=h.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"],["\n display: inline-flex;\n align-items: center;\n border-radius: 100px;\n border: 1px dashed ",";\n background-color: transparent;\n color: ",";\n\n &.active {\n border: ",";\n }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),y=h.default.div(m||(m=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n\n border-right: 1px solid ",";\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),j=h.default.div(x||(x=e.__makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"],["\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: ",";\n padding: "," ",";\n border-radius: 100px;\n\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n\n &:hover {\n background-color: ",";\n }\n"])),d.theme.space8,d.theme.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"],["\n z-index: 1;\n min-width: 400px;\n position: absolute;\n border-radius: ",";\n background-color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n outline: none;\n max-height: 600px;\n overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,f=e.__read(r.useState(!1),2),b=f[0],h=f[1],q=e.__read(r.useState(!1),2),C=q[0],w=q[1],T=e.__read(r.useState("Filter"),2),E=T[0],I=T[1],S=r.useRef(null),D=r.useRef(null),F=function(){h(!0),m(I),w(!1)},z=function(e){"Escape"===e.key&&w(!1),"Enter"===e.key&&F()},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=S.current)||void 0===n?void 0:n.contains(r))&&w(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=S.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=S.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[C,O]),r.useEffect((function(){var e;if(C){var n=null===(e=S.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var R=function(e){e.stopPropagation(),w(!0)},W=function(){c?(h(!b),x()):w(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:F,renderWrapper:function(e){return n.jsxs(g,{ref:D,children:[n.jsxs(v,{className:[d,b&&"active"].join(" "),onClick:W,children:[n.jsxs(y,{active:b,hasFilter:b&&c,children:[b?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),b&&c&&n.jsxs(j,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:S,onKeyDown:z,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:L,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("@graphiql/react"),n=require("graphiql");require("graphql");var s=require("styled-components"),o=require("./_GraphiqlContextWrapper.js"),a=require("./_LoadingIcon.js"),u=require("../nested-data-table/NestedDataTable.js"),l=require("../split-panel/SplitPanel.js"),c=require("../../icons/EyeIcon.js"),h=require("../../icons/EyeOffIcon.js"),p=require("../../styles/constants/theme.js"),q=require("../../utils/hooks/_useGraphiqlExplorer.js"),d=require("../../utils/hooks/_useGraphiqlFetcher.js"),j=require("../../utils/hooks/_useGraphiqlStorage.js");function g(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../icons/custom/ZonosLogoIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../nested-data-table/_TableData.js"),require("../nested-data-table/_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("react-split-it"),require("@graphiql/plugin-explorer"),require("../../utils/_graphiqlFetcher.js"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwr.js"),require("lodash/kebabCase"),require("../../utils/hooks/useCurrentShema.js");var m,b,x,_=g(s),f=_.default.div(m||(m=e.__makeTemplateObject(["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"],["\n height: 100%;\n .graphiql-tab > .graphiql-tab-button {\n outline: none;\n }\n .docExplorerWrap {\n /* Built-in plugin height is set to 100% which prevents the plugin bar scrolling */\n height: auto !important;\n /* Don't cap explorer width */\n width: auto !important;\n }\n .graphiql-explorer-graphql-arguments {\n svg {\n display: inline-block;\n }\n }\n\n .graphiql-explorer-root > div {\n overflow: auto !important;\n }\n"]))),v=_.default.div(b||(b=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),S=_.default.div(x||(x=e.__makeTemplateObject(["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"],["\n height: 100vh;\n overflow: auto;\n padding: 0 ",";\n display: flex;\n flex-direction: column;\n"])),p.theme.space12),k=function(s){var p=s.customToolbar,g=s.fetcher,m=s.loadingComponent,b=s.onEditQuery,x=s.onEditVariables,_=s.onResultData,k=s.query,y=void 0===k?"":k,T=s.schema,C=s.schemaName,E=s.url,I=s.variables,w=void 0===I?"":I,F=e.__read(t.useState(null),2),D=F[0],G=F[1],R=e.__read(t.useState(null),2)[1],B=e.__read(t.useState(!1),2),L=B[0],O=B[1],N=e.__read(t.useState("first-time"),1)[0],A=e.__read(t.useState(!1),2),P=A[0],Q=A[1],W=e.__read(t.useState([1,0]),2),z=W[0],M=W[1],V=e.__read(t.useState(!1),2),H=V[0],K=V[1],U=e.__read(t.useState(""),2),Z=U[0],J=U[1],X=d.useGraphiqlFetcher({cachingKey:N,customFetcher:g||null,operationName:Z,query:y,url:E}),Y=X.graphiqlFetcher,$=X.isLoading,ee=X.resultData,re=j.useGraphiqlStorage({defaultSchema:C});t.useEffect((function(){K(!0)}),[]),t.useEffect((function(){O(!!(null==D?void 0:D.isFetching)||$)}),[null==D?void 0:D.isFetching,O,$]),t.useEffect((function(){ee&&_&&_(ee)}),[_,ee]);var te=q.useGraphiqlExplorer({});if(!T)return r.jsx(r.Fragment,{children:m||r.jsx(a.Loading,{})});var ie,ne;return r.jsx(f,{children:r.jsxs(l.SplitPanel,{collapseAll:!P,onSetSizes:M,sizes:z,children:[r.jsx(v,{children:H&&r.jsx(n.GraphiQL,{fetcher:Y,onEditOperationName:J,onEditQuery:b,onEditVariables:x,plugins:[te],query:y,schema:T,storage:re,toolbar:{additionalContent:r.jsxs(i.Tooltip.Provider,{children:[r.jsx(i.ToolbarButton,{label:P?"Hide table":"Show table",onClick:function(){return Q(!P)},children:P?r.jsx(h.EyeOffIcon,{color:"red600"}):r.jsx(c.EyeIcon,{color:"gray400"})}),p]})},variables:w,children:r.jsx(o.GraphiqlContextWrapper,{setExecutionContext:G,setResponseEditorContext:R,children:r.jsx(n.GraphiQL.Footer,{})})})}),(ie=null!==ee?ee.data:ee,ne=ie?Object.entries(ie):null,ne?r.jsx(S,{children:ne.map((function(t){var i=e.__read(t,2),n=i[0],s=i[1];return Array.isArray(s)||s?r.jsx(u.NestedDataTable,{isFetching:L,tableData:s,title:n},n):null}))}):null)]})})};k.ToolbarButton=i.ToolbarButton,exports.GraphMatrix=k;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),t=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"])),l.theme.radius6,l.theme.border,l.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"],["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,v=n.onChange,q=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,F=n.value,M=n.valuePrefix,z=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(p?"disabled":""),width:z,children:[r.jsx(f,{children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:null===D?null:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));default:return r.jsx(t.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K))}}()}),r.jsx(i.HelpText,{error:c,helpText:x})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),t=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n &:hover {\n border: 1px solid ",";\n }\n"])),l.theme.radius6,l.theme.border,l.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"],["\n position: relative;\n width: ",";\n\n & > div {\n flex-direction: row;\n align-items: center;\n display: flex;\n }\n\n &.disabled {\n opacity: 0.4;\n }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,F=n.value,M=n.valuePrefix,z=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(p?"disabled":""),width:z,children:[r.jsx(f,{children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:null===D?null:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));default:return r.jsx(t.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K))}}()}),r.jsx(i.HelpText,{error:c,helpText:x})]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,d,p,c,u,f,h=i(a),b=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,o.theme.radius6),m=h.default.div(s||(s=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 ",";\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 ",";\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS,o.theme.space16),g=h.default(m)(d||(d=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),x=h.default(m)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),w=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,b,o.theme.transition,b,o.theme.glowBlue,b,o.theme.glowError,b,o.theme.inputBackground,o.theme.textColor),k=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,o.theme.radius6,w,b,w,b,w,b,w),v=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,s=a.disabled,d=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,m=a.placeholder,v=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,M=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),P=!!v||!!I,C=!!B||!!I;return e.jsxs(k,{className:"".concat(l||""," ").concat(O),children:[v&&e.jsx(g,{children:v}),I&&e.jsx(y,{children:I}),e.jsx(w,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[d?"has-error":"",c?"has-label":"",C?"has-content":"",v?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":N,disabled:s,hasPrefix:!!v,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:m,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},M)),e.jsx(b,{"data-label":c,hasPrefix:P}),q&&e.jsx(x,{children:q})]})}));exports.FloatLabelInput=v,exports.InputValuePrefix=y;
1
+ "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,d,s,p,c,u,f,h=i(a),b=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,o.theme.radius6),m=h.default.div(d||(d=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS),g=h.default(m)(s||(s=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),x=h.default(m)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),w=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,b,o.theme.transition,b,o.theme.glowBlue,b,o.theme.glowError,b,o.theme.inputBackground,o.theme.textColor),k=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,o.theme.radius6,w,b,w,b,w,b,w),v=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,d=a.disabled,s=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,m=a.placeholder,v=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,M=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),P=!!v||!!I,C=!!B||!!I;return e.jsxs(k,{className:"".concat(l||""," ").concat(O),children:[v&&e.jsx(g,{children:v}),I&&e.jsx(y,{children:I}),e.jsx(w,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[s?"has-error":"",c?"has-label":"",C?"has-content":"",v?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":N,disabled:d,hasPrefix:!!v,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:m,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},M)),e.jsx(b,{"data-label":c,hasPrefix:P}),q&&e.jsx(x,{children:q})]})}));exports.FloatLabelInput=v,exports.InputValuePrefix=y;
@@ -1 +1 @@
1
- "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=require("./_FloatLabelInput.js"),a=require("../../../icons/ChevronDownIcon.js"),s=require("../../../icons/ChevronUpIcon.js"),u=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l,c,d,p,b=o(i),f=b.default.div(l||(l=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),v=b.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")})),h=b.default.button(d||(d=n.__makeTemplateObject(["\n padding: ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),u.theme.radius4,u.theme.radius4,u.theme.transition),m=b.default(r.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"],["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"])),u.theme.space40),j=function(n){switch(n){case"sm":return 10;case"md":return 12;case"lg":return 14;default:return 16}};exports.NumberInput=function(i){var r=i.className,u=i.label,o=i.size,l=void 0===o?"xl":o,c=i.suffix,d=n.__rest(i,["className","label","size","suffix"]),p=t.useRef(null);return e.jsx(f,{className:r,children:e.jsx(m,n.__assign({},d,{ref:p,"aria-label":u,label:u,size:l,suffix:null===c?null:c||e.jsxs(v,{$size:l,children:[e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepUp(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(s.ChevronUpIcon,{size:j(l)})}),e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepDown(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(a.ChevronDownIcon,{size:j(l)})})]}),type:"number"}))})};
1
+ "use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=require("./_FloatLabelInput.js"),a=require("../../../icons/CaretDownIcon.js"),s=require("../../../icons/CaretUpIcon.js"),u=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c,l,d,p,b=o(i),f=b.default.div(c||(c=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),m=b.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n height: ",";\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")})),h=b.default.button(d||(d=n.__makeTemplateObject(["\n padding: "," ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"],["\n padding: "," ",";\n border-radius: ",";\n transition: ",";\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n &:active {\n background: rgba(0, 0, 0, 0.1);\n }\n &:focus {\n outline: none;\n }\n"])),u.theme.space0,u.theme.space4,u.theme.radius4,u.theme.transition),v=b.default(r.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"],["\n && input {\n padding-right: ",";\n appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n }\n"])),u.theme.space40),j=function(n){switch(n){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}};exports.NumberInput=function(i){var r=i.className,u=i.label,o=i.size,c=void 0===o?"xl":o,l=i.suffix,d=n.__rest(i,["className","label","size","suffix"]),p=t.useRef(null);return e.jsx(f,{className:r,children:e.jsx(v,n.__assign({},d,{ref:p,"aria-label":u,label:u,size:c,suffix:null===l?null:l||e.jsxs(m,{$size:c,children:[e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepUp(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(s.CaretUpIcon,{size:j(c)})}),e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepDown(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(a.CaretDownIcon,{size:j(c)})})]}),type:"number"}))})};
@@ -1,9 +1,10 @@
1
1
  import type { MouseEventHandler, ReactNode } from 'react';
2
+ import type { BaseProps } from "../../types/BaseProps";
2
3
  export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
3
- type MenuItemProps = {
4
+ type MenuItemProps = BaseProps & {
4
5
  children: ReactNode;
5
6
  icon?: ReactNode;
6
7
  onClick?: MouseEventHandler;
7
8
  };
8
- export declare const MenuItem: ({ children, icon, onClick }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const MenuItem: ({ children, className, icon, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export {};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,l=i(t).default.li(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0 ",";\n height: 36px;\n line-height: 36px;\n user-select: none;\n cursor: pointer;\n\n &:hover {\n background: ",";\n }\n\n a {\n width: 100%;\n display: block;\n }\n\n svg {\n margin-right: 12px;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0 ",";\n height: 36px;\n line-height: 36px;\n user-select: none;\n cursor: pointer;\n\n &:hover {\n background: ",";\n }\n\n a {\n width: 100%;\n display: block;\n }\n\n svg {\n margin-right: 12px;\n }\n"])),r.theme.space16,r.theme.hoverColor);exports.MenuItem=function(n){var t=n.children,r=n.icon,i=n.onClick;return e.jsxs(l,{onClick:i,children:[r,t]})},exports.StyledListItem=l;
1
+ "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var s,l=i(t).default.li(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: 0 ",";\n height: 36px;\n line-height: 36px;\n user-select: none;\n cursor: pointer;\n\n &:hover {\n background: ",";\n }\n\n a {\n width: 100%;\n display: block;\n }\n\n svg {\n margin-right: 12px;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0 ",";\n height: 36px;\n line-height: 36px;\n user-select: none;\n cursor: pointer;\n\n &:hover {\n background: ",";\n }\n\n a {\n width: 100%;\n display: block;\n }\n\n svg {\n margin-right: 12px;\n }\n"])),r.theme.space16,r.theme.hoverColor);exports.MenuItem=function(n){var t=n.children,r=n.className,i=n.icon,s=n.onClick;return e.jsxs(l,{className:r,onClick:s,children:[i,t]})},exports.StyledListItem=l;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),m=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),h=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(m,{children:[t.jsxs(h,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.LegacyButton,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.LegacyButton,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),s=require("../button/LegacyButton.js"),n=require("./_TableData.js"),u=require("../rest-state/RestState.js"),a=require("../text/Text.js"),l=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var c,j,q,d=o(i),h=d.default.div(c||(c=e.__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"]))),m=d.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ",";\n"],["\n display: flex;\n align-items: center;\n padding: ",";\n"])),l.theme.space8),p=d.default.div(q||(q=e.__makeTemplateObject(["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"],["\n display: flex;\n flex: 1;\n justify-content: flex-end;\n align-items: center;\n gap: ",";\n"])),l.theme.space8);exports.NestedDataTable=function(e){var i=e.currentPage,l=e.customColumnCells,o=e.customFlattenRow,c=e.handlePagination,j=e.hasNextPage,q=e.hasPreviousPage,d=e.isFetching,x=e.loadingComponent,g=e.restState,b=e.tableData,f=e.title,k=r.useMemo((function(){return Array.isArray(b)?b:[b]}),[b]),v=!!c&&!!i&&b.length;return t.jsxs(h,{children:[t.jsxs(m,{children:[!!f&&t.jsx(a.Text,{type:"header",children:f}),!!v&&t.jsxs(p,{children:[t.jsx(s.LegacyButton,{disabled:1===i||!q,intent:"outline",onClick:function(){q&&c(i-1)},children:"Previous page"}),i,t.jsx(s.LegacyButton,{disabled:!j,intent:"outline",onClick:function(){j&&c(i+1)},children:"Next page"})]})]}),d?x?t.jsx(t.Fragment,{children:x}):t.jsx(u.RestState,{label:"Loading..."}):0===k.length?g?t.jsx(t.Fragment,{children:g}):t.jsx(u.RestState,{label:"No data available."}):t.jsx(n.TableData,{customColumnCells:l,customFlattenRow:o,tableDataArr:k})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),m=h.currentPage,p=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:m,customFlattenRow:u,handlePagination:p,isFetching:a,tableData:j,title:l})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./NestedDataTable.js");require("../../_tslib-ccfac372.js");var i=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("styled-components"),require("../button/LegacyButton.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,c=s.setQuery,q=s.tableData,l=s.title,j=r.useMemo((function(){return Array.isArray(q)?q:[q]}),[q]),h=i.useHasuraGqlPagination({actionName:l,query:o,setCachingKey:n,setQuery:c}),p=h.currentPage,m=h.handlePagination;return e.jsx(t.NestedDataTable,{currentPage:p,customFlattenRow:u,handlePagination:m,isFetching:a,tableData:j,title:l})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),r=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),l=require("../../styles/constants/theme.js"),o=require("../../utils/hooks/useDropdown.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react-dom");var c,a,d,p=u(t),f=p.default.button(c||(c=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ",";\n padding: 0 ",";\n border: 1px solid ",";\n border-radius: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ",";\n padding: 0 ",";\n border: 1px solid ",";\n border-radius: ",";\n"])),l.theme.sizeSm,l.theme.space12,l.theme.borderColor,l.theme.radius6),m=p.default.div(a||(a=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n padding: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: 0 0 1px ",";\n border-radius: ",";\n width: 300px;\n > div {\n width: 100%;\n }\n /** Multi select styling */\n [class*='ValueContainer'] {\n overflow-x: auto;\n }\n [class*='-multiValue'] {\n display: flex;\n height: 22px;\n align-items: center;\n [role='button'] {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n"],["\n display: flex;\n padding: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: 0 0 1px ",";\n border-radius: ",";\n width: 300px;\n > div {\n width: 100%;\n }\n /** Multi select styling */\n [class*='ValueContainer'] {\n overflow-x: auto;\n }\n [class*='-multiValue'] {\n display: flex;\n height: 22px;\n align-items: center;\n [role='button'] {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n"])),l.theme.space16,l.theme.gray0,l.theme.gray200,l.theme.gray400,l.theme.radius8);exports.Filter=function(e){var t=e.columns,l=e.hiddenColumns,u=e.setHiddenColumns,c=o.useDropdown(),a=c.floatingRef,d=c.left,p=c.position,x=c.reference,b=c.setVisible,j=c.top,g=c.visibility,y=c.visible,q=c.wrapperRef,v=i.useMemo((function(){return t.map((function(e){return{label:e.key,value:e.key}}))}),[t]);return n.jsxs(m,{ref:q,children:[n.jsxs(f,{ref:x,onClick:function(){return b(!y)},children:[n.jsx(s.FilterIcon,{size:16})," Filter"]}),n.jsx(h,{ref:a,style:{left:d,opacity:"visible"===g?1:0,position:p,top:j,zIndex:"visible"===g?1:-1},children:n.jsx(r.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){u(e.flatMap((function(e){return[e.value]})))},options:v,value:v.filter((function(e){return l.includes(e.value)}))})})]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),r=require("../select/MultiSelect.js"),s=require("../../icons/FilterIcon.js"),l=require("../../styles/constants/theme.js"),o=require("../../utils/hooks/useDropdown.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var a,c,d,p=u(t),m=p.default.button(a||(a=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ",";\n padding: 0 ",";\n border: 1px solid ",";\n border-radius: ",";\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: ",";\n padding: 0 ",";\n border: 1px solid ",";\n border-radius: ",";\n"])),l.theme.sizeSm,l.theme.space12,l.theme.borderColor,l.theme.radius6),f=p.default.div(c||(c=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),h=p.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n padding: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: 0 0 1px ",";\n border-radius: ",";\n width: 300px;\n > div {\n width: 100%;\n }\n /** Multi select styling */\n [class*='ValueContainer'] {\n overflow-x: auto;\n }\n [class*='-multiValue'] {\n display: flex;\n height: 22px;\n align-items: center;\n [role='button'] {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n"],["\n display: flex;\n padding: ",";\n background-color: ",";\n border: 1px solid ",";\n box-shadow: 0 0 1px ",";\n border-radius: ",";\n width: 300px;\n > div {\n width: 100%;\n }\n /** Multi select styling */\n [class*='ValueContainer'] {\n overflow-x: auto;\n }\n [class*='-multiValue'] {\n display: flex;\n height: 22px;\n align-items: center;\n [role='button'] {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n"])),l.theme.space16,l.theme.gray0,l.theme.gray200,l.theme.gray400,l.theme.radius8);exports.Filter=function(t){var l=t.columns,u=t.hiddenColumns,a=t.setHiddenColumns,c=o.useDropdown(),d=c.floatingStyles,p=c.refs,x=c.setVisible,b=c.visibility,j=c.visible,g=c.wrapperRef,y=i.useMemo((function(){return l.map((function(e){return{label:e.key,value:e.key}}))}),[l]);return n.jsxs(f,{ref:g,children:[n.jsxs(m,{ref:p.setReference,onClick:function(){return x(!j)},children:[n.jsx(s.FilterIcon,{size:16})," Filter"]}),n.jsx(h,{ref:p.setFloating,style:e.__assign(e.__assign({},d),{opacity:"visible"===b?1:0,zIndex:"visible"===b?1:-1}),children:n.jsx(r.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){a(e.flatMap((function(e){return[e.value]})))},options:y,value:y.filter((function(e){return u.includes(e.value)}))})})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react-dom"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,g,f,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(f||(f=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,g=r.tableDataArr,f=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return g.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,g]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){g&&D(k())}),[k,g]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.LegacyButton,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../button/LegacyButton.js"),s=require("./_Filter.js"),a=require("../pivot-table/PivotTable.js"),o=require("../tooltip/Tooltip.js"),u=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../styles/constants/theme.js"),c=require("../../utils/flattenRow.js"),d=require("../../utils/setupNestedData.js"),p=require("../../utils/truncateText.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j,g,f,h=m(r),q=h.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--amino-space-12);\n"]))),x=h.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"],["\n display: flex;\n align-items: center;\n height: 100%;\n svg {\n transition: 0.3s all ease;\n }\n .expanding-button {\n svg {\n transform: rotate(90deg);\n }\n }\n"]))),_=h.default.div(f||(f=e.__makeTemplateObject(["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"],["\n .expanding {\n background-color: ",";\n }\n & & {\n padding: "," "," ",";\n }\n"])),l.theme.gray50,l.theme.space4,l.theme.space12,l.theme.space24),v=function(r){var l=r.customColumnCells,m=r.customFlattenRow,j=r.noFilter,g=r.tableDataArr,f=m||c.flattenRow,h=e.__read(t.useState([]),2),b=h[0],y=h[1],k=t.useCallback((function(){return g.map((function(e){var n=Object.entries(e).reduce((function(e,n){return f({currentVal:n,prev:e})}),{});return d.setupNestedData(n)}))}),[f,g]),C=e.__read(t.useState(k()),2),T=C[0],D=C[1];t.useEffect((function(){g&&D(k())}),[k,g]);var R=t.useCallback((function(t){var r=t.column,s=t.onRowChange,a=t.row,c=a[r.key];if(Array.isArray(c)){var d=0===c.length,j=a._expandedKey===r.key;return n.jsx(x,{children:n.jsx(o.Tooltip,{showTooltip:d,subtitle:"This list has no items.",children:n.jsx(i.LegacyButton,{className:j?"expanding-button":"",disabled:d,icon:n.jsx(u.ChevronRightCircleIcon,{}),intent:"subtle",onClick:function(){return s(e.__assign(e.__assign({},a),{_expandedKey:j?"":r.key}))}})})})}return a._expandedData&&a._expandedData.length>0?n.jsx(v,{customColumnCells:l,customFlattenRow:m,noFilter:!0,tableDataArr:a._expandedData}):"string"==typeof c?p.truncateText({addEllipsis:!0,length:40,text:c}):c}),[l,m]),w=t.useMemo((function(){return Object.entries(T.find(Boolean)||{}).filter((function(n){var t=e.__read(n,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(n){var t=e.__read(n,1)[0];return[{key:t,name:t,renderCell:(null==l?void 0:l[t])||R}]}))}),[l,R,T]),I=t.useMemo((function(){var n=w.filter((function(e){return!b.includes(e.key)}));return n.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?n.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[w,b]);return n.jsxs(_,{children:[n.jsx(q,{children:!j&&n.jsx(s.Filter,{columns:w,hiddenColumns:b,setHiddenColumns:y})}),n.jsx(a.PivotTable,{columns:I,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,n){var t=n.indexes[0],r=void 0!==t?e[t]:null;if(r&&void 0!==t){var i=r[r._expandedKey];if(i&&Array.isArray(i)){var s=e[t+1],a=(null==s?void 0:s._expandedData)&&s._expandedData.length>0,o=i[0],u="object"==typeof o&&o?i:i.map((function(e){return{item:e}}));e.splice(t+1,a?1:0,{_expandedData:u,_expandedKey:""})}else e.splice(t+1,1);D(e)}},rowHeight:function(e){var n,t;return"ROW"===e.type&&(null===(t=null===(n=e.row)||void 0===n?void 0:n._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:T,tableHeight:"100%"})]})};exports.TableData=v;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("../input/input-type/_FloatLabelInput.js"),u=require("./Select.js"),c=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/ChevronUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,x,f=a(i),m=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),h=f.default.div(d||(d=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),l.theme.gray700),q=f.default.div(j||(j=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"]))),v=f.default.div(x||(x=e.__makeTemplateObject(["\n "," {\n padding-left: 14px;\n }\n"],["\n "," {\n padding-left: 14px;\n }\n"])),s.InputValuePrefix),_=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},I=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(h,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,s=r.icon,l=r.label,a=void 0===l?"Phone number":l,p=r.phone,d=r.phoneCountry,j=r.setPhone,x=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),h=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(q,{onClick:function(){return C(!h)},children:[s,n.jsx(c.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:b})}),n.jsx(u.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:_},formatOptionLabel:I,menuIsOpen:h,onBlur:function(){return C(!1)},onChange:function(e){x(e),C(!1)},options:i,value:d},y))]})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("../input/input-type/_FloatLabelInput.js"),u=require("./Select.js"),c=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var p,d,j,x,f=a(i),m=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),q=f.default.div(d||(d=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),l.theme.gray700),h=f.default.div(j||(j=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"]))),v=f.default.div(x||(x=e.__makeTemplateObject(["\n "," {\n padding-left: 14px;\n }\n"],["\n "," {\n padding-left: 14px;\n }\n"])),s.InputValuePrefix),I=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},_=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(q,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,s=r.icon,l=r.label,a=void 0===l?"Phone number":l,p=r.phone,d=r.phoneCountry,j=r.setPhone,x=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),q=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(h,{onClick:function(){return C(!q)},children:[s,n.jsx(c.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:b})}),n.jsx(u.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:I},formatOptionLabel:_,menuIsOpen:q,onBlur:function(){return C(!1)},onChange:function(e){x(e),C(!1)},options:i,value:d},y))]})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.35",
3
+ "version": "5.1.37",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
@@ -17,7 +17,7 @@
17
17
  "@dnd-kit/modifiers": "^6.0.1",
18
18
  "@dnd-kit/sortable": "^7.0.2",
19
19
  "@dnd-kit/utilities": "^3.2.1",
20
- "@floating-ui/react-dom": "^2.0.1",
20
+ "@floating-ui/react": "^0.26.0",
21
21
  "@mui/material": "^5.14.0",
22
22
  "@radix-ui/react-slider": "^1.1.2",
23
23
  "@types/topojson-client": "^3.1.1",
@@ -353,7 +353,7 @@ export declare const theme: {
353
353
  readonly borderColor: "var(--amino-border-color)";
354
354
  /** @info var(--amino-gray-50) */
355
355
  readonly hoverColor: "var(--amino-hover-color)";
356
- /** @info var(--amino-gray-1000) */
356
+ /** @info var(--amino-gray-1200) */
357
357
  readonly textColor: "var(--amino-text-color)";
358
358
  /** @info var(--amino-gray-800) */
359
359
  readonly textColorSecondary: "var(--amino-text-color-secondary)";
package/theme.css CHANGED
@@ -192,7 +192,7 @@
192
192
  --amino-page-background: var(--amino-gray-0);
193
193
  --amino-border-color: var(--amino-gray-200);
194
194
  --amino-hover-color: var(--amino-gray-50);
195
- --amino-text-color: var(--amino-gray-1000);
195
+ --amino-text-color: var(--amino-gray-1200);
196
196
  --amino-text-color-secondary: var(--amino-gray-800);
197
197
  --amino-focus-button-standard: 0px 0px 0px 1px
198
198
  var(--amino-transparent-gray-600) inset,
@@ -435,7 +435,7 @@
435
435
  --amino-page-background: var(--amino-gray-0);
436
436
  --amino-border-color: var(--amino-gray-200);
437
437
  --amino-hover-color: var(--amino-gray-50);
438
- --amino-text-color: var(--amino-gray-1000);
438
+ --amino-text-color: var(--amino-gray-1200);
439
439
  --amino-text-color-secondary: var(--amino-gray-800);
440
440
  --amino-focus-button-standard: 0px 0px 0px 1px
441
441
  var(--amino-transparent-gray-600) inset,
@@ -1,12 +1,26 @@
1
1
  /// <reference types="react" />
2
- export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>() => {
3
- floatingRef: (node: HTMLElement | null) => void;
4
- left: number;
5
- position: import("@floating-ui/react-dom").Strategy;
6
- reference: (node: TriggerRef | null) => void;
7
- setVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
8
- top: string | number;
9
- visibility: "hidden" | "visible";
2
+ import { type ExtendedRefs, type Placement } from '@floating-ui/react';
3
+ type Params = {
4
+ /**
5
+ * @default 0
6
+ */
7
+ offsetCrossAxis?: number;
8
+ /**
9
+ * @default 0
10
+ */
11
+ offsetMainAxis?: number;
12
+ /**
13
+ * @default 'bottom-start'
14
+ */
15
+ placement?: Placement;
16
+ };
17
+ type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement> = {
18
+ floatingStyles: React.CSSProperties;
19
+ refs: ExtendedRefs<TriggerRef>;
20
+ setVisible: React.Dispatch<React.SetStateAction<boolean>>;
21
+ visibility: 'visible' | 'hidden';
10
22
  visible: boolean;
11
- wrapperRef: import("react").MutableRefObject<WrapperRef | null>;
23
+ wrapperRef: React.RefObject<WrapperRef>;
12
24
  };
25
+ export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: Params) => Return<WrapperRef, TriggerRef>;
26
+ export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react"),n=require("@floating-ui/react-dom");exports.useDropdown=function(){var i=e.__read(t.useState(!1),2),o=i[0],r=i[1],u=o?"visible":"hidden",s=t.useRef(null),a=n.useFloating({middleware:[n.offset(10)],whileElementsMounted:n.autoUpdate}),d=a.refs,f=a.strategy,l=a.x,c=a.y,p=t.useCallback((function(e){var t,n=e.target;o&&0===e.button&&((null===(t=s.current)||void 0===t?void 0:t.contains(n))||(e.preventDefault(),e.stopPropagation(),r(!1)))}),[o]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",p),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",p)}}),[p]),{floatingRef:d.setFloating,left:l?l-94:0,position:f,reference:d.setReference,setVisible:r,top:c||"",visibility:u,visible:o,wrapperRef:s}};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react"),i=require("@floating-ui/react");exports.useDropdown=function(n){var o=null!=n?n:{},s=o.offsetCrossAxis,r=void 0===s?0:s,u=o.offsetMainAxis,a=void 0===u?0:u,l=o.placement,d=void 0===l?"bottom-start":l,f=e.__read(t.useState(!1),2),c=f[0],v=f[1],m=c?"visible":"hidden",p=t.useRef(null),b=i.useFloating({middleware:[i.shift(),i.offset({crossAxis:r,mainAxis:a})],placement:d,whileElementsMounted:i.autoUpdate}),g=b.floatingStyles,w=b.refs,x=t.useCallback((function(e){var t,i=e.target;c&&0===e.button&&((null===(t=null==p?void 0:p.current)||void 0===t?void 0:t.contains(i))||(e.preventDefault(),e.stopPropagation(),v(!1)))}),[c]);return t.useEffect((function(){return"undefined"!=typeof document&&document.addEventListener("mousedown",x),function(){"undefined"!=typeof document&&document.removeEventListener("mousedown",x)}}),[x]),{floatingStyles:g,refs:w,setVisible:v,visibility:m,visible:c,wrapperRef:p}};