@zonos/amino 5.1.65 → 5.1.67
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 +1 -0
- package/components/announcement-dialog/AnnouncementDialog.d.ts +0 -1
- package/components/announcement-dialog/AnnouncementDialog.js +1 -1
- package/components/currency/Currency.js +1 -1
- package/components/currency/DualCurrency.js +1 -1
- package/components/dialog/BaseDialog.d.ts +1 -5
- package/components/dialog/BaseDialog.js +1 -1
- package/components/dialog/Dialog.d.ts +0 -1
- package/components/lightbox/LightBox.js +1 -1
- package/components/tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
- package/utils/formatCurrency.d.ts +35 -0
- package/utils/formatCurrency.js +1 -0
package/all.d.ts
CHANGED
|
@@ -711,6 +711,7 @@ import './utils/changeDeepProperty';
|
|
|
711
711
|
import './utils/changeDeepPropertyAtIndex';
|
|
712
712
|
import './utils/countryPhoneCodes';
|
|
713
713
|
import './utils/flattenRow';
|
|
714
|
+
import './utils/formatCurrency';
|
|
714
715
|
import './utils/getAminoColor';
|
|
715
716
|
import './utils/getCountryCodeByName';
|
|
716
717
|
import './utils/getFuzzySearch';
|
|
@@ -16,7 +16,6 @@ export declare const AnnouncementDialog: import("react").ForwardRefExoticCompone
|
|
|
16
16
|
themeOverride?: "day" | "night" | "midnight" | undefined;
|
|
17
17
|
width?: number | undefined;
|
|
18
18
|
withBackdrop?: boolean | undefined;
|
|
19
|
-
withBorder?: boolean | undefined;
|
|
20
19
|
onClose?: (() => void) | undefined;
|
|
21
20
|
} & {
|
|
22
21
|
announcementId: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),a=require("react"),i=require("zod"),t=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),r=require("../text/Text.js"),s=require("../../utils/hooks/useStorage.js"),l=require("../../style-inject.es-d4ddeae4.js");require("react-dom"),require("clsx"),require("framer-motion"),require("
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),a=require("react"),i=require("zod"),t=require("../dialog/BaseDialog.js"),o=require("../stack/VStack.js"),r=require("../text/Text.js"),s=require("../../utils/hooks/useStorage.js"),l=require("../../style-inject.es-d4ddeae4.js");require("react-dom"),require("clsx"),require("framer-motion"),require("styled-components"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../utils/storage.js"),require("swr");var c="Amino_AnnouncementDialog-module__content--FjcMN",m="Amino_AnnouncementDialog-module__styledImage--wWADJ";l.styleInject(".Amino_AnnouncementDialog-module__content--FjcMN{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--wWADJ{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var u=a.forwardRef((function(a,l){var u=a.announcementId,g=a.children,d=a.className,j=a.image,_=a.imageWidth,h=a.label,q=a.onClose,x=a.open,y=a.style,p=a.title,v=e.__rest(a,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),A=s.useStorage({defaultValue:"",key:"announcement:".concat(u),schema:i.z.enum(["seen",""]),type:"local"}),f=A.setValue,w=A.value;return n.jsxs(t.BaseDialog,e.__assign({},v,{className:[d||"","announcement-dialog"].join(" "),onClose:function(){q&&q(),f("seen")},open:x||!w,style:e.__assign(e.__assign({},y),{"--amino-announcement-dialog-image-margin":_?"0 auto":"unset","--amino-announcement-dialog-image-width":_?"".concat(_,"px"):"100%"}),children:[n.jsx("div",{className:m,children:j}),n.jsxs(o.VStack,{className:c,spacing:8,children:[n.jsx(r.Text,{color:"blue600",type:"label",children:h}),n.jsx(r.Text,{type:"title",children:p}),n.jsx("div",{ref:l,children:n.jsx(r.Text,{color:"gray800",children:g})})]})]}))}));exports.AnnouncementDialog=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../text/Text.js"),s=require("../../utils/formatCurrency.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("styled-components"),require("../../styles/constants/theme.js");var a=u(r),l="Amino_Currency-module__styledCurrency--vgT8x";n.styleInject('.Amino_Currency-module__styledCurrency--vgT8x{-webkit-font-feature-settings:"tnum" 1;font-feature-settings:"tnum" 1;display:flex;gap:var(--amino-space-4);white-space:nowrap}');exports.Currency=function(r){var n=r.amount,u=r.className,c=r.code,i=r.style,o=s.formatCurrency({code:c,value:n}),y=n<0;return e.jsxs("span",{className:a.default(l,u),style:i,children:[e.jsx(t.Text,{color:y?"red600":"gray1200",type:"label",children:o}),e.jsx(t.Text,{color:y?"red400":"gray700",children:c.toUpperCase()})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),n=require("clsx"),a=require("./Currency.js"),i=require("../../icons/ArrowSwapIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function t(r){return r&&r.__esModule?r:{default:r}}require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var c=t(n),s="Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC";u.styleInject(".Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC{grid-column-gap:var(--amino-space-8);-webkit-font-feature-settings:var(--amino-dual-currency-font-variant-numeric);font-feature-settings:var(--amino-dual-currency-font-variant-numeric);align-items:center;display:var(--amino-dual-currency-display);font-variant-numeric:var(--amino-dual-currency-font-variant-numeric);grid-template-columns:var(--amino-dual-currency-grid-template-columns);justify-items:right;width:var(--amino-dual-currency-width)}");exports.DualCurrency=function(n){var u=n.className,t=n.conversionRate,o=n.foreignCode,l=void 0===o?"USD":o,d=n.isTabular,m=void 0===d||d,y=n.localeCode,v=void 0===y?"USD":y,f=n.showForeign,
|
|
1
|
+
"use strict";var r=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),n=require("clsx"),a=require("./Currency.js"),i=require("../../icons/ArrowSwapIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function t(r){return r&&r.__esModule?r:{default:r}}require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../../utils/formatCurrency.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var c=t(n),s="Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC";u.styleInject(".Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC{grid-column-gap:var(--amino-space-8);-webkit-font-feature-settings:var(--amino-dual-currency-font-variant-numeric);font-feature-settings:var(--amino-dual-currency-font-variant-numeric);align-items:center;display:var(--amino-dual-currency-display);font-variant-numeric:var(--amino-dual-currency-font-variant-numeric);grid-template-columns:var(--amino-dual-currency-grid-template-columns);justify-items:right;width:var(--amino-dual-currency-width)}");exports.DualCurrency=function(n){var u=n.className,t=n.conversionRate,o=n.foreignCode,l=void 0===o?"USD":o,d=n.isTabular,m=void 0===d||d,y=n.localeCode,v=void 0===y?"USD":y,f=n.showForeign,j=void 0===f||f,p=n.showLocale,g=void 0===p||p,_=n.style,C=n.value,q=n.width,w=function(r){return e.jsx(a.Currency,{amount:C,className:r,code:v})},x=t?C*t:C,h=function(r){return e.jsx(a.Currency,{amount:x,className:r,code:l})},b=v&&g,D=l&&j&&t,S=v===l;return D&&b&&!S?e.jsxs("div",{className:c.default(s,u),style:r.__assign(r.__assign({},_),{"--amino-dual-currency-display":m?"grid":"flex","--amino-dual-currency-font-variant-numberic":m?"tabular-nums":"","--amino-dual-currency-grid-template-columns":m?"1.25fr 0fr 1.25fr":"","--amino-dual-currency-width":(null==q?void 0:q.toString())||""}),children:[w(),e.jsx(i.ArrowSwapIcon,{size:12}),h()]}):S||b?w(u):D?h(u):null};
|
|
@@ -38,10 +38,6 @@ export type BaseDialogProps = BaseProps & {
|
|
|
38
38
|
* @default true
|
|
39
39
|
*/
|
|
40
40
|
withBackdrop?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* @default true
|
|
43
|
-
*/
|
|
44
|
-
withBorder?: boolean;
|
|
45
41
|
onClose?: () => void;
|
|
46
42
|
};
|
|
47
|
-
export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, popupMotionProps, style, themeOverride, width, withBackdrop,
|
|
43
|
+
export declare const BaseDialog: ({ children, className, closeOnBlur, closeOnEsc, onClose, open, popupMotionProps, style, themeOverride, width, withBackdrop, }: BaseDialogProps) => React.ReactPortal | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),o=require("react/jsx-runtime"),n=require("react"),i=require("react-dom"),t=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t),c="Amino_BaseDialog-module__backdrop--Tykyp",u="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(t){var r=t.children,l=t.className,s=t.closeOnBlur,m=void 0===s||s,p=t.closeOnEsc,v=void 0===p||p,f=t.onClose,g=t.open,_=t.popupMotionProps,y=t.style,b=t.themeOverride,x=t.width,h=void 0===x?444:x,k=t.withBackdrop,w=void 0===k||k,q=n.useRef(null),j=n.useRef(null);n.useEffect((function(){var e,o;(null===(e=j.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=j.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=g?"hidden":"auto")}),[g]);var A=w?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},B=e.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},_);return"undefined"!=typeof document?i.createPortal(o.jsx(a.AnimatePresence,{children:g&&n.createElement(a.motion.div,e.__assign({className:d.default(c,l)},A,{key:"dialog-backdrop",ref:j,"data-theme":b,onKeyDown:function(e){f&&v&&"Escape"===e.key&&f()},onMouseDown:function(e){q.current=e.target},onMouseUp:function(e){var o=e.target===q.current,n=f&&m&&e.target===j.current;o&&n&&f(),q.current=null},style:e.__assign(e.__assign({},y),{"--amino-base-dialog-width":"".concat(h,"px")}),tabIndex:-1,transition:{duration:.3}}),n.createElement(a.motion.div,e.__assign({},B,{key:"dialog",className:d.default(l,u,"elevated"),onClick:function(e){e.stopPropagation()}}),r))}),document.querySelector("body")):null};
|
|
@@ -16,7 +16,6 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<import(".
|
|
|
16
16
|
themeOverride?: "day" | "night" | "midnight" | undefined;
|
|
17
17
|
width?: number | undefined;
|
|
18
18
|
withBackdrop?: boolean | undefined;
|
|
19
|
-
withBorder?: boolean | undefined;
|
|
20
19
|
onClose?: (() => void) | undefined;
|
|
21
20
|
} & {
|
|
22
21
|
actions?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../../
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("../dialog/BaseDialog.js");require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../../style-inject.es-d4ddeae4.js");exports.LightBox=function(s){var t=s.children,a=e.__rest(s,["children"]);return r.jsx(i.BaseDialog,e.__assign({},a,{children:t}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("styled-components"),n=require("../stack/VStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var c,u,p,m,h=d(o),g=d(a),b=g.default(n.VStack)(c||(c=e.__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"])),i.theme.space0),_=g.default.div(u||(u=e.__makeTemplateObject([""],[""]))),j=g.default.span(p||(p=e.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"],["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"])),j),T=s.styled((function(s){var o=s.className,a=s.dataTheme,n=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},n.PopperProps),{"data-theme":a})}))}))((function(e){var t,s,a=e.background;return(t={})["& .".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray1200,borderRadius:i.theme.radius10,boxShadow:i.theme.v3ShadowLarge,padding:i.theme.space12},t["&[data-theme='night']"]=((s={})[".".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray50},s),t}));exports.Tooltip=function(s){var o=s.background,a=s.children,n=s.className,i=s.open,d=s.showTooltip,c=s.subtitle,u=s.tag,p=s.themeOverride,m=s.title,h=e.__rest(s,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=l.useAminoTheme().aminoTheme;return d?t.jsx(T,e.__assign({},h,{background:o,className:n,dataTheme:p||g,open:i,title:t.jsxs(b,{spacing:8,children:[m&&t.jsx(r.Text,{isUppercase:!1,type:"small-header",children:m}),"string"==typeof c?t.jsx(r.Text,{type:"caption",children:c}):c]}),children:t.jsxs(k,{as:u,children:[a,t.jsx(j,{})]})})):t.jsx(_,{as:u,children:a})};
|
package/package.json
CHANGED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
type FormatCurrencyParams = {
|
|
2
|
+
code: string;
|
|
3
|
+
/**
|
|
4
|
+
* Keep the currency symbol and separators. Defualt is to remove them.
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
keepDecorators?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* If you don't want thousands separators, set useGrouping to false.
|
|
10
|
+
*/
|
|
11
|
+
options?: Intl.NumberFormatOptions;
|
|
12
|
+
value: number;
|
|
13
|
+
};
|
|
14
|
+
export declare const formatCurrency: ({ code, options, value, }: FormatCurrencyParams) => string;
|
|
15
|
+
type DualCurrencyParams = {
|
|
16
|
+
conversionRate: number | null;
|
|
17
|
+
foreignCode: string | null;
|
|
18
|
+
localCode: string;
|
|
19
|
+
value: number;
|
|
20
|
+
};
|
|
21
|
+
type DualCurrency = {
|
|
22
|
+
foreign: {
|
|
23
|
+
code: string;
|
|
24
|
+
value: string;
|
|
25
|
+
} | null;
|
|
26
|
+
local: {
|
|
27
|
+
code: string;
|
|
28
|
+
value: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Just returns values, presentation is up to implementation
|
|
33
|
+
*/
|
|
34
|
+
export declare const getDualCurrency: ({ conversionRate, foreignCode, localCode, value, }: DualCurrencyParams) => DualCurrency;
|
|
35
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../_tslib-ccfac372.js"),r=function(r){var o=r.code,a=r.options,n=r.value;return new Intl.NumberFormat(navigator.language,e.__assign({currency:o,style:"currency"},a)).format(n).replace(/[^0-9.\-,]+/g,"")};exports.formatCurrency=r,exports.getDualCurrency=function(e){var o=e.conversionRate,a=e.foreignCode,n=e.localCode,u=e.value,c=o?u*o:u,l={code:n,value:r({code:n,value:u})};return{foreign:a?{code:a,value:r({code:a,value:c})}:null,local:l}};
|