@zonos/amino 5.1.11 → 5.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/all.d.ts +13 -0
- package/components/alert-dialog/AlertContext.js +1 -1
- package/components/alert-dialog/AlertDialog.js +1 -1
- package/components/alert-dialog/useAlert.js +1 -1
- package/components/button/Button.js +1 -1
- package/components/checkbox/Checkbox.js +1 -1
- package/components/collapse/Collapse.d.ts +1 -1
- package/components/collapse/Collapse.js +1 -1
- package/components/confirm-dialog/ConfirmContext.js +1 -1
- package/components/confirm-dialog/ConfirmDialog.js +1 -1
- package/components/confirm-dialog/useConfirm.js +1 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/cover-sheet/CoverSheetActions.js +1 -1
- package/components/dialog/Dialog.js +1 -1
- package/components/filter/filter-amount/FilterAmount.d.ts +10 -0
- package/components/filter/filter-amount/FilterAmount.js +1 -0
- package/components/filter/filter-amount/filterAmountReducer.d.ts +16 -0
- package/components/filter/filter-amount/filterAmountReducer.js +1 -0
- package/components/filter/filter-date/DateControls.d.ts +10 -0
- package/components/filter/filter-date/DateControls.js +1 -0
- package/components/filter/filter-date/FilterDate.d.ts +9 -0
- package/components/filter/filter-date/FilterDate.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsAfter.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsBetween.d.ts +3 -0
- package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsEqualTo.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsInTheLast.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -0
- package/components/filter/filter-date/_DateControls/_IsOnOrAfter.d.ts +2 -0
- package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -0
- package/components/filter/filter-date/dateUtils.d.ts +9 -0
- package/components/filter/filter-date/dateUtils.js +1 -0
- package/components/filter/filter-date/filterDateReducer.d.ts +21 -0
- package/components/filter/filter-date/filterDateReducer.js +1 -0
- package/components/filter/filter-multi-select/FilterMultiSelect.d.ts +9 -0
- package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -0
- package/components/filter/filter-select/FilterSelect.d.ts +9 -0
- package/components/filter/filter-select/FilterSelect.js +1 -0
- package/components/filter/filter-text/FilterText.d.ts +6 -0
- package/components/filter/filter-text/FilterText.js +1 -0
- package/components/filter/useFilterWrapper.d.ts +17 -0
- package/components/filter/useFilterWrapper.js +1 -0
- package/components/input/SearchInput.js +1 -1
- package/components/layout/Layout.js +1 -1
- package/components/layout/NavigationGroup.js +1 -1
- package/components/list/CollapsibleList.js +1 -1
- package/components/menu/MenuItem.d.ts +2 -2
- package/components/section/HSection.js +1 -1
- package/components/simple-table/SimpleTable.d.ts +77 -0
- package/components/simple-table/SimpleTable.js +1 -0
- package/components/switch/Switch.js +1 -1
- package/components/table/TableRowCollapse.js +1 -1
- package/components/text/Text.d.ts +1 -1
- package/components/text/Text.js +1 -1
- package/package.json +3 -2
- package/types/deep/Deep.test-d.d.ts +1 -0
- package/types/deep/DeepKeyof.d.ts +18 -0
- package/types/deep/DeepKeyofAtIndex.d.ts +12 -0
- package/types/deep/DeepKeyofAtIndex.test-d.d.ts +1 -0
- package/types/deep/DeepReducerActions.d.ts +25 -0
- package/types/deep/deep.d.ts +4 -0
- package/utils/changeDeepProperty.d.ts +44 -0
- package/utils/changeDeepProperty.js +1 -0
- package/utils/changeDeepPropertyAtIndex.d.ts +68 -0
- package/utils/changeDeepPropertyAtIndex.js +1 -0
package/all.d.ts
CHANGED
|
@@ -30,6 +30,16 @@ import './components/dialog/Dialog';
|
|
|
30
30
|
import './components/divider/Divider';
|
|
31
31
|
import './components/drop-zone/DropZone';
|
|
32
32
|
import './components/file-upload/FileUpload';
|
|
33
|
+
import './components/filter/filter-amount/FilterAmount';
|
|
34
|
+
import './components/filter/filter-amount/filterAmountReducer';
|
|
35
|
+
import './components/filter/filter-date/DateControls';
|
|
36
|
+
import './components/filter/filter-date/dateUtils';
|
|
37
|
+
import './components/filter/filter-date/FilterDate';
|
|
38
|
+
import './components/filter/filter-date/filterDateReducer';
|
|
39
|
+
import './components/filter/filter-multi-select/FilterMultiSelect';
|
|
40
|
+
import './components/filter/filter-select/FilterSelect';
|
|
41
|
+
import './components/filter/filter-text/FilterText';
|
|
42
|
+
import './components/filter/useFilterWrapper';
|
|
33
43
|
import './components/glow/GlowWrapper';
|
|
34
44
|
import './components/graph-matrix/GraphMatrix';
|
|
35
45
|
import './components/help-text/HelpText';
|
|
@@ -61,6 +71,7 @@ import './components/select/CountryPhoneSelect';
|
|
|
61
71
|
import './components/select/CountrySelect';
|
|
62
72
|
import './components/select/MultiSelect';
|
|
63
73
|
import './components/select/Select';
|
|
74
|
+
import './components/simple-table/SimpleTable';
|
|
64
75
|
import './components/skeleton/Skeleton';
|
|
65
76
|
import './components/slide-over/SlideOver';
|
|
66
77
|
import './components/slider/Slider';
|
|
@@ -679,6 +690,8 @@ import './icons/WarningIcon';
|
|
|
679
690
|
import './styles/constants/theme';
|
|
680
691
|
import './styles/devices';
|
|
681
692
|
import './utils/addIndex';
|
|
693
|
+
import './utils/changeDeepProperty';
|
|
694
|
+
import './utils/changeDeepPropertyAtIndex';
|
|
682
695
|
import './utils/countryPhoneCodes';
|
|
683
696
|
import './utils/flattenRow';
|
|
684
697
|
import './utils/getCountryCodeByName';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.js");require("styled-components"),require("../button/
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./AlertDialog.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("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");var s=i.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(n){var u=n.children,o=e.__read(i.useState(),2),a=o[0],c=o[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],d=i.useCallback((function(e){c(e),j(!0)}),[]);return r.jsxs(s.Provider,{value:d,children:[u,a&&r.jsx(t.AlertDialog,{dismissAction:function(){j(!1),a.onDismiss()},dismissText:a.dismissText,intent:a.intent,label:a.label,open:q,subtitle:a.subtitle})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function m(e){return e&&e.__esModule?e:{default:e}}require("../../Theme-61f4342c.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("zod");var j,p,g,x=m(t),h=x.default.div(j||(j=e.__makeTemplateObject(["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"],["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"])),d.theme.space24),f=x.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"])),d.theme.space24,d.theme.space8),q=x.default.span(g||(g=e.__makeTemplateObject(["\n color: ",";\n line-height: ",";\n font-size: ",";\n"],["\n color: ",";\n line-height: ",";\n font-size: ",";\n"])),d.theme.textColorSecondary,d.theme.lineHeightBase,d.theme.fontSizeBase),b=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},y=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.AlertDialog=function(e){var t=e.dismissAction,c=e.dismissText,u=e.intent,l=e.label,d=e.open,m=e.subtitle,j=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":j,onClose:t,open:d,width:350,children:n.jsx(h,{children:n.jsxs(s.VStack,{spacing:24,children:[n.jsx(o.RoundedIcon,{intent:u,children:b(u)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(a.Text,{type:"subheader",children:l}),n.jsx(q,{children:m})]}),n.jsx(f,{children:n.jsx(r.Button,{onClick:t,size:"lg",variant:y(u),children:c})})]})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.js"),require("styled-components"),require("../button/
|
|
1
|
+
"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./AlertDialog.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("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("../../Theme-61f4342c.js"),require("zod");exports.useAlert=function(){return e.useContext(r.AlertContext)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,b,p,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: 14px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition: ",";\n font-weight: 500;\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: ",";\n margin-right: 0;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: ",";\n margin-left: 0;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"],["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: 14px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition: ",";\n font-weight: 500;\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: ",";\n margin-right: 0;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: ",";\n margin-left: 0;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(b||(b=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(p||(p=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"],["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,b=void 0!==g&&g,p=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),p]})]})},P=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",b?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||b,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),c=require("../../styles/constants/theme.js");function u(n){return n&&n.__esModule?n:{default:n}}require("framer-motion"),require("uuid"),require("./_Ripple.js");var s,d,l,h,g,b,p,m,f,x,k=u(o),v=function(n){return"inherit"===n?"inherit":n?c.theme[n]:void 0},w=function(n){switch(n){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},y=k.default.span(s||(s=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"],["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: ",";\n gap: ",";\n"])),c.theme.radius6,c.theme.space8),_=k.default.button(d||(d=n.__makeTemplateObject(["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: 14px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: 500;\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: ",";\n margin-right: 0;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: ",";\n margin-left: 0;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"],["\n position: relative;\n outline: none;\n height: ",";\n line-height: ",";\n font-size: 14px;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: 0 ",";\n border-radius: ",";\n transition:\n ",",\n visibility 0;\n font-weight: 500;\n user-select: none;\n font-family: ",";\n letter-spacing: normal;\n cursor: pointer;\n white-space: nowrap;\n padding: ",";\n width: ",";\n\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n\n &.only-icon {\n width: ",";\n padding: 0;\n }\n\n &:active,\n &:focus {\n svg path:not([data-is-secondary-color]) {\n fill: currentColor;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n transform: scale(0.99);\n }\n\n &:not(.only-icon).has-icon {\n &.icon-right {\n svg:not(.amino-spinner) {\n margin-left: ",";\n margin-right: 0;\n }\n }\n svg:not(.amino-spinner) {\n margin-right: ",";\n margin-left: 0;\n }\n }\n &.loading {\n color: transparent;\n }\n\n &[disabled] {\n cursor: not-allowed;\n .content {\n opacity: ",";\n }\n }\n"])),(function(n){return"var(--amino-size-".concat(n.size,")")}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space16,c.theme.radius6,c.theme.transition,c.theme.fontSans,(function(n){return function(n){switch(n){case"sm":return"".concat(c.theme.space4," ").concat(c.theme.space8);case"lg":case"xl":return"".concat(c.theme.space12," ").concat(c.theme.space24);default:return"".concat(c.theme.space8," ").concat(c.theme.space16)}}(n.size)}),(function(n){return n.fitContentWidth&&"fit-content"}),(function(n){return"var(--amino-size-".concat(n.size,")")}),c.theme.space8,c.theme.space8,(function(n){return n.outline?.6:1})),j=k.default(_)(l||(l=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.primary:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.primary," inset"):c.theme.shadowButtonPrimary}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.primary}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.blue100:""}),(function(n){return n.outline?"":c.theme.buttonPrimaryHover}),(function(n){return n.outline?c.theme.blue200:c.theme.blue700}),c.theme.focusButton,(function(n){return n.outline?"transparent":c.theme.blue400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.blue400):""}),y,(function(n){return n.outline?"transparent":c.theme.primary})),R=k.default(_)(h||(h=n.__makeTemplateObject(["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n box-shadow: ",";\n background: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n &:active {\n background: ",";\n }\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||n.outline?c.theme.success:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success):c.theme.shadowButtonSuccess}),(function(n){return v(n.background)||n.outline?"transparent":c.theme.success}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.green100:""}),(function(n){return n.outline?"":c.theme.buttonSuccessHover}),(function(n){return n.outline?c.theme.green200:c.theme.green700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.success," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.green400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.green400):""}),y,(function(n){return n.outline?"transparent":c.theme.success})),B=k.default(_)(g||(g=n.__makeTemplateObject(["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"],["\n color: ",";\n background: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.color)||c.theme.textColor}),(function(n){return n.outline?"transparent":v(n.background)||c.theme.surfaceColor}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.gray300," inset"):c.theme.shadowButtonStandard}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.gray100:""}),(function(n){return n.outline?"":c.theme.buttonStandardHover}),(function(n){return n.outline?c.theme.gray200:c.theme.gray100}),c.theme.focusButtonStandard,y,(function(n){return n.outline?"transparent":c.theme.surfaceColor})),z=k.default(_)(b||(b=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.danger}),(function(n){return v(n.color)||n.outline?c.theme.danger:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger):c.theme.shadowButtonDanger}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.red100:""}),(function(n){return n.outline?"":c.theme.buttonDangerHover}),(function(n){return n.outline?c.theme.red200:c.theme.red700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.danger," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.red400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.red400):""}),y,(function(n){return n.outline?"transparent":c.theme.danger})),C=k.default(_)(p||(p=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"],["\n background: ",";\n color: ",";\n box-shadow: ",";\n\n &:not([disabled]) {\n &:hover {\n background-color: ",";\n background-image: ",";\n }\n &:active {\n background: ",";\n }\n &:focus {\n box-shadow: ",";\n }\n }\n\n &[disabled] {\n background: ",";\n box-shadow: ",";\n }\n\n "," {\n background: ",";\n }\n"])),(function(n){return v(n.background)||n.outline?"transparent":c.theme.warning}),(function(n){return v(n.color)||n.outline?c.theme.warning:c.theme.gray0}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning):c.theme.shadowButtonWarning}),(function(n){return v(n.hoverBackground)||n.outline?c.theme.orange100:""}),(function(n){return n.outline?"":c.theme.buttonWarningHover}),(function(n){return n.outline?c.theme.orange200:c.theme.orange700}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.warning," inset, ").concat(c.theme.buttonFocusRing):c.theme.focusButton}),(function(n){return n.outline?"transparent":c.theme.orange400}),(function(n){return n.outline?"0px 0px 0px 1px ".concat(c.theme.orange400):""}),y,(function(n){return n.outline?"transparent":c.theme.warning})),O=k.default(_)(m||(m=n.__makeTemplateObject(["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n background: ",";\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.background)||"none"}),(function(n){return v(n.color)||c.theme.textColorSecondary}),(function(n){return v(n.hoverBackground)||c.theme.gray100}),c.theme.gray200,c.theme.buttonFocusRing),T=k.default(_)(f||(f=n.__makeTemplateObject(["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"],["\n color: ",";\n\n &:not([disabled]) {\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n\n &:focus {\n box-shadow: ",";\n }\n\n &[disabled] {\n .content {\n opacity: 0.6;\n }\n }\n"])),(function(n){return v(n.color)||c.theme.primary}),(function(n){return v(n.hoverBackground)||c.theme.blue100}),c.theme.blue200,c.theme.buttonFocusRing),q=k.default(_)(x||(x=n.__makeTemplateObject(["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"],["\n color: ",";\n &:not([disabled]) {\n &:hover {\n color: ",";\n }\n }\n &[disabled] {\n color: ",";\n }\n &.loading {\n color: transparent;\n }\n"])),(function(n){return n.href?c.theme.primary:c.theme.textColorSecondary}),(function(n){return n.href?c.theme.blue500:c.theme.gray700}),(function(n){return n.href?c.theme.blue300:c.theme.gray300})),S=_;exports.Button=function(o){var c=o.children,u=o.className,s=o.disabled,d=void 0!==s&&s,l=o.icon,h=o.iconRight,g=o.loading,b=void 0!==g&&g,p=o.loadingText,m=o.noRipple,f=void 0!==m&&m,x=o.size,k=void 0===x?"sm":x,v=o.spinnerColor,_=o.tag,I=o.themeOverride,G=o.type,F=void 0===G?"button":G,H=o.variant,N=void 0===H?"standard":H,W=n.__rest(o,["children","className","disabled","icon","iconRight","loading","loadingText","noRipple","size","spinnerColor","tag","themeOverride","type","variant"]),D=_||"button",E=function(n){return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"content",children:!h&&l}),e.jsx("div",{className:"content",children:c}),e.jsx("span",{className:"content",children:h&&l}),"plain"!==N&&"text"!==N&&b&&e.jsxs(y,{children:[e.jsx(i.Spinner,{color:n,size:w(k)}),p]})]})},P=[u||"",l&&!c?"only-icon":"",h?"icon-right":"",l?"has-icon":"",b?"loading":"",I].filter(Boolean).join(" "),M=t.useRef(null),A=a.useRipple({disabled:d||b,rippleEnabled:!f&&!["plain","text"].includes(N),rippleRef:M}),J=A.getRippleHandlers,K=A.rippleEnabled,L={className:P,disabled:d||b,size:k},Q=n.__assign(n.__assign(n.__assign({type:F},L),W),J(W));switch(N){case"primary":return e.jsxs(j,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"info":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"success":return e.jsxs(R,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"success":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"warning":return e.jsxs(C,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"warning":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"danger":return e.jsxs(z,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||Q.outline?"danger":"white"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"subtle":return e.jsxs(O,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"link":return e.jsxs(T,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"info"),K&&e.jsx(r.RippleGroup,{ref:M})]}));case"plain":return e.jsx(S,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));case"text":return e.jsx(q,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:E(v)}));default:return e.jsxs(B,n.__assign({as:D,tabIndex:"div"===D?0:void 0},Q,{children:[E(v||"black"),K&&e.jsx(r.RippleGroup,{ref:M})]}))}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n\n &:active {\n box-shadow: ",";\n }\n\n svg {\n color: ",";\n box-shadow: ",";\n width: 14px;\n height: 14px;\n }\n"],["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n\n &:active {\n box-shadow: ",";\n }\n\n svg {\n color: ",";\n box-shadow: ",";\n width: 14px;\n height: 14px;\n }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),c.theme.glowBlue,c.theme.gray0,c.theme.v3ShadowBase),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),w=g.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(c.theme.blue200):"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("framer-motion"),r=require("styled-components"),o=require("../text/Text.js"),a=require("../../icons/CheckmarkIcon.js"),c=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../../icons/icon-base/_IconBase.js");var d,h,u,m,p,x,g=l(r),b=i.motion(a.CheckmarkIcon),f=g.default.div(d||(d=n.__makeTemplateObject(["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n\n &:active {\n box-shadow: ",";\n }\n\n svg {\n color: ",";\n box-shadow: ",";\n width: 14px;\n height: 14px;\n }\n"],["\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n line-height: 16px;\n border-radius: ",";\n background: ",";\n border: ",";\n transition: all 150ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n margin-right: 8px;\n\n &:active {\n box-shadow: ",";\n }\n\n svg {\n color: ",";\n box-shadow: ",";\n width: 14px;\n height: 14px;\n }\n"])),c.theme.radius4,(function(n){return n.checked?c.theme.primary:c.theme.inputBackground}),(function(n){return n.checked?"none":"1.5px solid ".concat(c.theme.gray400)}),c.theme.glowBlue,c.theme.gray0,c.theme.v3ShadowBase),k=g.default(o.Text)(h||(h=n.__makeTemplateObject([""],[""]))),j=g.default.span(u||(u=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),c.theme.gray600),y=g.default(o.Text)(m||(m=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),w=g.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),v=g.default.label(x||(x=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n user-select: none;\n cursor: pointer;\n\n &.disabled {\n "," {\n background: ",";\n border: ",";\n &:active {\n box-shadow: none;\n }\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n "," {\n svg {\n opacity: 0.6;\n }\n }\n\n cursor: not-allowed;\n }\n"])),f,(function(n){return n.checked?c.theme.blue200:""}),(function(n){return n.checked?"2px solid ".concat(c.theme.blue200):"1.5px solid ".concat(c.theme.gray300)}),y,c.theme.gray600,k,c.theme.gray400,w);exports.Checkbox=function(n){var r=n.checked,o=void 0!==r&&r,a=n.disabled,c=n.icon,l=n.label,d=n.labelComponent,h=n.labelDescription,u=n.onChange,m=n.subtitle,p=null==l?void 0:l.replace(/\s/g,"-").toLowerCase(),x=t.useMemo((function(){return s.getTestId({componentName:"checkbox",name:l})}),[l]);return e.jsxs(v,{checked:o,className:["amino-input-wrapper",a?"disabled":""].join(" "),"data-testid":x,htmlFor:p,onClick:function(n){return!a&&u(!o,n)},children:[e.jsx(f,{checked:o,id:p,children:e.jsx(i.AnimatePresence,{children:o&&e.jsx(b,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),d||e.jsxs("div",{children:[e.jsxs(w,{children:[c,e.jsxs(y,{type:"input-label",children:[l,h&&e.jsx(j,{children:h})]})]}),m&&e.jsx(k,{type:"subtitle",children:m})]})]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
|
|
3
3
|
export type CollapseProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("react");var r
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}require("react");var a=r(require("@mui/material/Collapse"));exports.Collapse=function(r){var i=r.children,l=r.className,t=r.collapsed,o=void 0!==t&&t,s=r.collapseSize,n=void 0===s?0:s,u=r.orientation;return e.jsx(a.default,{className:l,collapsedSize:n,in:!o,orientation:u,children:i})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.js");require("styled-components"),require("../button/
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("./ConfirmDialog.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("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");var t=i.createContext((function(e){}));exports.ConfirmContext=t,exports.ConfirmContextProvider=function(o){var s=o.children,u=e.__read(i.useState(),2),c=u[0],a=u[1],l=e.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){a(e),j(!0)}),[]);return r.jsxs(t.Provider,{value:m,children:[s,c&&r.jsx(n.ConfirmDialog,{confirmAction:function(){j(!1),c.onConfirm(!0)},confirmText:c.confirmText,dismissAction:function(){j(!1),c.onConfirm(!1)},dismissText:c.dismissText,intent:c.intent,label:c.label,open:q,subtitle:c.subtitle})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../button/Button.js"),i=require("../dialog/BaseDialog.js"),o=require("../rounded-icon/RoundedIcon.js"),s=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/ExclamationMarkDuotoneIcon.js"),u=require("../../icons/HelpDuotoneIcon.js"),l=require("../../icons/WarningDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,p,x=j(t),g=x.default.div(m||(m=e.__makeTemplateObject(["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"],["\n padding: ",";\n\n & > div {\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n"])),d.theme.space24),f=x.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n margin-top: ",";\n\n & > button + button {\n margin-left: ",";\n }\n\n button {\n flex: 1;\n }\n"])),d.theme.space24,d.theme.space8),h=function(e){switch(e){case"danger":return n.jsx(c.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return n.jsx(l.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return n.jsx(u.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},q=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};exports.ConfirmDialog=function(e){var t=e.confirmAction,c=e.confirmText,u=e.dismissAction,l=e.dismissText,d=e.intent,j=e.label,m=e.open,p=e.subtitle,x=e.themeOverride;return n.jsx(i.BaseDialog,{"data-theme":x,open:m,width:350,children:n.jsx(g,{children:n.jsxs(s.VStack,{spacing:24,children:[n.jsx(o.RoundedIcon,{intent:d,children:h(d)}),n.jsxs(s.VStack,{spacing:8,children:[n.jsx(a.Text,{type:"subheader",children:j}),p&&n.jsx(a.Text,{color:"gray800",lineHeight:"base",type:"body",children:p})]}),n.jsxs(f,{children:[n.jsx(r.Button,{onClick:u,size:"lg",variant:"standard",children:l}),n.jsx(r.Button,{onClick:t,size:"lg",variant:q(d),children:c})]})]})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.js"),require("styled-components"),require("../button/
|
|
1
|
+
"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("./ConfirmDialog.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("../dialog/BaseDialog.js"),require("react-dom"),require("../rounded-icon/RoundedIcon.js"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../icons/ExclamationMarkDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/HelpDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("framer-motion"),r=require("styled-components"),s=require("../button/Button.js"),a=require("./CoverSheetActions.js"),u=require("../text/Text.js"),c=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/hooks/useSwr.js"),require("swr"),require("../../utils/storage.js");var m,p,b,g,j,f=h(r),v=f.default(o.motion.div)(m||(m=e.__makeTemplateObject(["\n z-index: 990;\n outline: none;\n overflow-y: auto;\n box-sizing: border-box;\n overscroll-behavior: contain;\n background: ",";\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n color: ",";\n\n @media print {\n height: unset;\n min-height: 100vh;\n position: absolute;\n }\n"],["\n z-index: 990;\n outline: none;\n overflow-y: auto;\n box-sizing: border-box;\n overscroll-behavior: contain;\n background: ",";\n position: fixed;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n color: ",";\n\n @media print {\n height: unset;\n min-height: 100vh;\n position: absolute;\n }\n"])),d.theme.pageBackground,d.theme.textColor),x=f.default(s.Button)(p||(p=e.__makeTemplateObject(["\n margin-right: ",";\n"],["\n margin-right: ",";\n"])),d.theme.space16),q=f.default(u.Text)(b||(b=e.__makeTemplateObject(["\n flex-grow: 1;\n"],["\n flex-grow: 1;\n"]))),y=f.default.header(g||(g=e.__makeTemplateObject(["\n border-bottom: ",";\n padding: "," ",";\n display: flex;\n align-items: center;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 99;\n background-color: ",";\n\n @media print {\n display: none;\n }\n"],["\n border-bottom: ",";\n padding: "," ",";\n display: flex;\n align-items: center;\n height: 64px;\n position: sticky;\n top: 0;\n z-index: 99;\n background-color: ",";\n\n @media print {\n display: none;\n }\n"])),d.theme.border,d.theme.space16,d.theme.space24,d.theme.pageBackground),k=f.default.div(j||(j=e.__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"])),d.theme.space24);exports.CoverSheet=function(e){var r=e.actions,s=e.actionWrapperId,u=void 0===s?"__cover-sheet-actions":s,d=e.children,h=e.className,m=e.label,p=e.onClose,b=e.open,g=e.themeOverride,j=l.useAminoTheme().aminoTheme;if(t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(u,"']")).length>1&&console.error('Duplicate id "'.concat(u,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[u]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]),"undefined"!=typeof document){var f=document.querySelector("body");if(f)return i.createPortal(n.jsx(o.AnimatePresence,{children:b&&n.jsxs(v,{animate:{opacity:1,translateY:0},className:h,"data-theme":g||j,exit:{opacity:0,translateY:5},initial:{opacity:0,translateY:10},transition:{duration:.35,ease:[.4,0,.2,1]},children:[n.jsxs(y,{children:[n.jsx(x,{icon:n.jsx(c.RemoveIcon,{size:20}),onClick:p}),n.jsx(q,{type:"subheader",children:m}),n.jsx("div",{id:u,children:r&&n.jsx(a.CoverSheetActions,{coverSheetActionId:u,children:r})})]}),n.jsx(k,{children:d})]})}),f)}return null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n z-index: 990;\n"],["\n z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),c=require("styled-components"),i=require("../stack/HStack.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js");var a,o=s(c).default.div(a||(a=e.__makeTemplateObject(["\n z-index: 990;\n"],["\n z-index: 990;\n"])));exports.CoverSheetActions=function(c){var s=c.children,a=c.className,u=c.coverSheetActionId,d=e.__read(t.useState(!1),2),l=d[0],f=d[1];if(t.useEffect((function(){l||f(!0)}),[l]),"undefined"!=typeof document&&l){var h=document.querySelector("#".concat(u));if(h)return n.createPortal(r.jsx(o,{className:a,children:r.jsx(i.HStack,{spacing:8,children:s})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(u,'"'))}return null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(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("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(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("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"],["\n padding: ",";\n padding-bottom: ",";\n border-top-left-radius: ",";\n border-top-right-radius: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n > :not(button) {\n margin: 0;\n flex-grow: 1;\n }\n"]))),p=d.default(r.LegacyButton)(x||(x=e.__makeTemplateObject(["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n"],["\n padding: 0;\n path[data-is-secondary-color] {\n fill: ",";\n }\n\n && {\n &,\n &:focus,\n &:hover,\n &:active {\n color: ",";\n background: transparent;\n }\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),g=d.default.div(w||(w=e.__makeTemplateObject(["\n flex-grow: 1;\n display: flex;\n"],["\n flex-grow: 1;\n display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-start;\n display: flex;\n gap: ",";\n"])),l.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"],["\n justify-content: flex-end;\n display: flex;\n gap: ",";\n"])),l.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"],["\n padding: ",";\n display: flex;\n align-items: center;\n border-bottom-left-radius: ",";\n border-bottom-right-radius: ",";\n\n & > div + div {\n margin-left: ",";\n }\n"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(T||(T=e.__makeTemplateObject(["\n overscroll-behavior: contain;\n /* scroll bar width, for use in mask calculations */\n --scrollbar-width: 8px;\n\n /* mask fade distance, for use in mask calculations */\n --mask-height: 32px;\n\n /* If content exceeds height of container, overflow! */\n overflow-y: auto;\n\n padding-bottom: var(--mask-height);\n /* The CSS mask */\n\n /* The content mask is a linear gradient from top to bottom */\n --mask-image-content: linear-gradient(\n to bottom,\n transparent,\n black var(--mask-height),\n black calc(100% - var(--mask-height)),\n transparent\n );\n /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n /* The scrollbar mask is a black pixel */\n --mask-image-scrollbar: linear-gradient(black, black);\n\n /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n /* Apply the mask image and mask size variables */\n mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n mask-position:\n 0 0,\n 100% 0;\n\n /* We don't repeat our mask images */\n mask-repeat: no-repeat, no-repeat;\n"],["\n overscroll-behavior: contain;\n /* scroll bar width, for use in mask calculations */\n --scrollbar-width: 8px;\n\n /* mask fade distance, for use in mask calculations */\n --mask-height: 32px;\n\n /* If content exceeds height of container, overflow! */\n overflow-y: auto;\n\n padding-bottom: var(--mask-height);\n /* The CSS mask */\n\n /* The content mask is a linear gradient from top to bottom */\n --mask-image-content: linear-gradient(\n to bottom,\n transparent,\n black var(--mask-height),\n black calc(100% - var(--mask-height)),\n transparent\n );\n /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n /* The scrollbar mask is a black pixel */\n --mask-image-scrollbar: linear-gradient(black, black);\n\n /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n /* Apply the mask image and mask size variables */\n mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n mask-position:\n 0 0,\n 100% 0;\n\n /* We don't repeat our mask images */\n mask-repeat: no-repeat, no-repeat;\n"])));var k,v,x,w,y,j,_,T,q,z=d.default.div(q||(q=e.__makeTemplateObject(["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n /**\n * Current overflow is not working well with react-tooltip.\n * Temporary remove gradient overflow until having new tooltip library to use\n */\n // gradientOverflow\n"],["\n padding: "," ",";\n overflow-y: auto;\n flex-grow: 1;\n /**\n * Current overflow is not working well with react-tooltip.\n * Temporary remove gradient overflow until having new tooltip library to use\n */\n // gradientOverflow\n"])),l.theme.space8,l.theme.space24),O=t.forwardRef((function(t,a){var r=t.actions,l=t.children,c=t.label,d=t.leftActions,g=t.onClose,k=t.subtitle,v=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},v,{onClose:g,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:c}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:g})]}),k&&n.jsx(o.Text,{type:"subtitle",children:k})]}),n.jsx(z,{ref:a,children:l}),(r||d)&&n.jsxs(b,{children:[d&&n.jsx(u,{children:d}),r&&n.jsx(f,{children:r})]})]}))}));exports.Dialog=O;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type Dispatch } from 'react';
|
|
2
|
+
import { type FilterAmountAction, type FilterAmountState } from "./filterAmountReducer";
|
|
3
|
+
import { type BaseFilterProps } from "../useFilterWrapper";
|
|
4
|
+
export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
|
|
5
|
+
type FilterAmountProps = BaseFilterProps & {
|
|
6
|
+
dispatch: Dispatch<FilterAmountAction>;
|
|
7
|
+
filter: FilterAmountState;
|
|
8
|
+
};
|
|
9
|
+
export declare const FilterAmount: ({ dispatch, dropdownTitle, filter, label, }: FilterAmountProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),u=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),s=require("../../select/Select.js"),a=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("../../../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],f=e.__read(t.useState(null),2),b=f[0],g=f[1],v=e.__read(t.useState(null),2),x=v[0],I=v[1],y=e.__read(t.useState(""),2),_=y[0],C=y[1],T=function(e){l({name:"amountFilterType",type:"change",value:e})},w=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})},F=i.useFilterWrapper({dropdownTitle:c,filterExists:!!p.amountTotalMin||!!p.amountTotalMax,label:q,onApply:function(){T(d);var e="".concat((null==b?void 0:b.toFixed(2))||0)||"",n="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":w({amount1:b,amount2:x}),C("Between ".concat(e," and ").concat(n));break;case"equal":w({amount1:b,amount2:b}),C("Equal to ".concat(e));break;case"greater":w({amount1:b,amount2:null}),C("Greater than ".concat(e));break;case"less":w({amount1:null,amount2:b}),C("Less than ".concat(e))}},onToggle:function(e){e?(T(null),w({amount1:null,amount2:null}),h(null),g(null),I(null)):(T(d),w({amount1:b,amount2:x}))}}),S=F.renderWrapper,k=F.setFilterText;return t.useEffect((function(){k(_)}),[k,_]),S(n.jsxs(n.Fragment,{children:[n.jsx(s.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||null)},options:u.filterAmonutOptions,size:"md",value:u.filterAmonutOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(a.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return g(e.target.valueAsNumber)},type:"number",value:null===b?"":String(b)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},type:"number",value:null===x?"":String(x)})]})]})]}))};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
|
|
2
|
+
export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
|
|
3
|
+
export declare const filterAmonutOptions: {
|
|
4
|
+
label: string;
|
|
5
|
+
value: FilterAmountType;
|
|
6
|
+
}[];
|
|
7
|
+
export type FilterAmountState = {
|
|
8
|
+
amountFilterType: FilterAmountType | null;
|
|
9
|
+
amountTotalMax: number | null;
|
|
10
|
+
amountTotalMin: number | null;
|
|
11
|
+
};
|
|
12
|
+
export declare const initialFilterAmountState: FilterAmountState;
|
|
13
|
+
export type FilterAmountAction = DeepReducerActions<FilterAmountState> | {
|
|
14
|
+
type: 'reset';
|
|
15
|
+
};
|
|
16
|
+
export declare const filterAmountReducer: (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var l=a(e),r={amountFilterType:null,amountTotalMax:null,amountTotalMin:null};exports.filterAmonutOptions=[{label:"is equal to",value:"equal"},{label:"is between",value:"between"},{label:"is greater than",value:"greater"},{label:"is less than",value:"less"}],exports.filterAmountReducer=function(e,a){var u=l.default(e);switch(a.type){case"reset":return r;case"change":var n=a.name,s=a.value;return t.changeDeepProperty({obj:u,propertyPath:n,value:s});default:return a}},exports.initialFilterAmountState=r;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FilterDateData, type FilterDateRangeType } from "./filterDateReducer";
|
|
2
|
+
type DateControlProps = {
|
|
3
|
+
rangeType: FilterDateRangeType;
|
|
4
|
+
value: FilterDateData;
|
|
5
|
+
onChange: (value: FilterDateData) => void;
|
|
6
|
+
onChangeFilterText: (text: string) => void;
|
|
7
|
+
setRangeType: (range: FilterDateRangeType) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const DateControl: ({ onChange, onChangeFilterText, rangeType, setRangeType, value, }: DateControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBeforeOrOn.js"),i=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),u=require("./_DateControls/_IsInTheLast.js"),a=require("./_DateControls/_IsOnOrAfter.js"),l=require("./filterDateReducer.js"),c=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),q=require("../../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),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("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var h,I=p(n).default.div(h||(h=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"])),q.theme.space16),C=l.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(e){var n=e.onChange,l=e.onChangeFilterText,q=e.rangeType,p=e.setRangeType,h=e.value;return r.jsxs(r.Fragment,{children:[r.jsx(c.Select,{isClearable:!1,onChange:function(e){p((null==e?void 0:e.value)||"is in the last")},options:C,size:"sm",value:C.filter((function(e){return e.value===q}))}),r.jsxs(I,{children:[r.jsx(j.ArrowRightIcon,{color:"blue600"}),function(){switch(q){case"is in the last":return r.jsx(u.IsInTheLast,{onChange:n,onChangeFilterText:l,value:h});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:n,onChangeFilterText:l,value:h});case"is after":return r.jsx(t.IsAfter,{onChange:n,onChangeFilterText:l,value:h});case"is before":case"is before or on":return r.jsx(s.IsBeforeOrOn,{onChange:n,onChangeFilterText:l,value:h});case"is between":return r.jsx(i.IsBetween,{onChange:n,onChangeFilterText:l,value:h});case"is on or after":return r.jsx(a.IsOnOrAfter,{onChange:n,onChangeFilterText:l,value:h})}}()]})]})};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type Dispatch } from 'react';
|
|
2
|
+
import { type FilterDateAction, type FilterDateState } from "./filterDateReducer";
|
|
3
|
+
import { type BaseFilterProps } from "../useFilterWrapper";
|
|
4
|
+
type IBadgeFilterDateProps = BaseFilterProps & {
|
|
5
|
+
dispatch: Dispatch<FilterDateAction>;
|
|
6
|
+
filter: FilterDateState;
|
|
7
|
+
};
|
|
8
|
+
export declare const FilterDate: ({ dispatch, dropdownTitle, filter, label, }: IBadgeFilterDateProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("./DateControls.js"),n=require("./filterDateReducer.js"),s=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/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../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(a){var u=a.dispatch,o=a.dropdownTitle,l=a.filter,c=a.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState("is in the last"),2),D=d[0],I=d[1],_=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})},C=s.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){_(q)},onToggle:function(e){e?(_(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData)):(_(q),j(l.dateData))}}),h=C.renderWrapper,y=C.setFilterText;return t.useEffect((function(){j(q)}),[q,D]),h(r.jsx(i.DateControl,{onChange:j,onChangeFilterText:y,rangeType:D,setRangeType:I,value:q}))};
|
|
@@ -0,0 +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})})};
|
|
@@ -0,0 +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(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:l})})};
|
|
@@ -0,0 +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})]})};
|
|
@@ -0,0 +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})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),s=require("../../../input/Input.js"),i=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("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,p=o.default().format(n.defaultDateFormat),q=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),f=q.count,d=q.unit,j=t.useCallback((function(e){if("days"===e){var t=o.default().subtract(l.lastCount,l.lastUnit).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:f,lastUnit:e})}else{t=o.default().subtract(1,"months").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:f,lastUnit:e})}}),[f,p,u,l.lastCount,l.lastUnit]),m=t.useCallback((function(e){var t=o.default().subtract(e,"days").format(n.defaultDateFormat);u({dateBegin:t,dateEnd:p,lastCount:e,lastUnit:d})}),[p,u,d]);return t.useEffect((function(){m(5)}),[m]),t.useEffect((function(){var e="Last ".concat(f," ").concat(d);a(e)}),[d,f,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(s.Input,{min:1,onChange:function(e){return m(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(f)}),e.jsx(i.Select,{isClearable:!1,onChange:function(e){j((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===d}))})]})};
|
|
@@ -0,0 +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(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:l})})};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FilterDateData } from "./filterDateReducer";
|
|
2
|
+
export declare const DateControlsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export type _DateControlProps = {
|
|
4
|
+
value: FilterDateData;
|
|
5
|
+
onChange: (value: FilterDateData) => void;
|
|
6
|
+
onChangeFilterText: (text: string) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const formatDate: (date: string) => string;
|
|
9
|
+
export declare const defaultDateFormat = "YYYY-MM-DD";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("dayjs"),r=require("styled-components"),n=require("../../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,i=a(t),o=a(r).default.div(s||(s=e.__makeTemplateObject(["\n width: 100%;\n display: grid;\n grid-auto-flow: column;\n gap: ",";\n align-items: center;\n"],["\n width: 100%;\n display: grid;\n grid-auto-flow: column;\n gap: ",";\n align-items: center;\n"])),n.theme.space8);exports.DateControlsWrapper=o,exports.defaultDateFormat="YYYY-MM-DD",exports.formatDate=function(e){return i.default(e).format("MM/DD/YYYY")};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
|
|
2
|
+
export type FilterDateType = 'equal' | 'between' | 'greater' | 'less';
|
|
3
|
+
export declare const filterDateRanges: readonly ["is in the last", "is equal to", "is after", "is before", "is between", "is on or after", "is before or on"];
|
|
4
|
+
export type FilterDateRangeType = (typeof filterDateRanges)[number];
|
|
5
|
+
export declare const dateUnits: readonly ["days", "months"];
|
|
6
|
+
export type FilterDateLastRangeUnit = (typeof dateUnits)[number];
|
|
7
|
+
export type FilterDateData = {
|
|
8
|
+
dateBegin: string | null;
|
|
9
|
+
dateEnd: string | null;
|
|
10
|
+
lastCount: number;
|
|
11
|
+
lastUnit: FilterDateLastRangeUnit;
|
|
12
|
+
};
|
|
13
|
+
export type FilterDateState = {
|
|
14
|
+
dateData: FilterDateData;
|
|
15
|
+
dateRangeType: FilterDateRangeType;
|
|
16
|
+
};
|
|
17
|
+
export declare const initialFilterDateState: FilterDateState;
|
|
18
|
+
export type FilterDateAction = DeepReducerActions<FilterDateState> | {
|
|
19
|
+
type: 'reset';
|
|
20
|
+
};
|
|
21
|
+
export declare const filterDateReducer: (state: FilterDateState, action: FilterDateAction) => FilterDateState;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var r=a(e),s={dateData:{dateBegin:null,dateEnd:null,lastCount:5,lastUnit:"days"},dateRangeType:"is in the last"};exports.dateUnits=["days","months"],exports.filterDateRanges=["is in the last","is equal to","is after","is before","is between","is on or after","is before or on"],exports.filterDateReducer=function(e,a){var n=r.default(e);switch(a.type){case"reset":return s;case"change":var i=a.name,l=a.value;return t.changeDeepProperty({obj:n,propertyPath:i,value:l});default:return a}},exports.initialFilterDateState=s;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type BaseFilterProps } from "../useFilterWrapper";
|
|
2
|
+
import type { IOption } from "../../../types/IOption";
|
|
3
|
+
type FilterMultiSelectProps<T extends string = string> = BaseFilterProps & {
|
|
4
|
+
options: IOption<T>[];
|
|
5
|
+
value: IOption<T>[];
|
|
6
|
+
onChange: (value: IOption<T>[]) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const FilterMultiSelect: <T extends string = string>({ dropdownTitle, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js");require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,c=i.options,a=i.value,p=e.__read(n.useState(a),2),q=p[0],j=p[1],d=u.useFilterWrapper({dropdownTitle:o,filterExists:!!q.length,label:s,onApply:function(){l(q)},onToggle:function(e){e?(l([]),j([])):(l(q),j(a))}}),b=d.renderWrapper,f=d.setFilterText;return n.useEffect((function(){var e,r=q.length>1?"".concat(q.length," selected"):null===(e=q[0])||void 0===e?void 0:e.label;f(r||"")}),[f,q]),b(c.map((function(n){return r.jsx(t.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};
|