@tap-payments/os-micro-frontend-shared 0.1.133 → 0.1.134

package/build/components/DisplayAmount/DisplayAmount.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material/Box';
+import { Currency } from '../../types/index.js';
+interface DisplayAmountI extends BoxProps {
+    amount: number;
+    selectedCurrency: Currency;
+}
+declare function DisplayAmount({ amount, selectedCurrency, ...props }: DisplayAmountI): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof DisplayAmount>;
+export default _default;

package/build/components/DisplayAmount/DisplayAmount.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { formatAmountWithCurrency } from '../../utils/index.js';
+import { DecimalSpan, CurrencySpan } from './style';
+function DisplayAmount(_a) {
+    var _b;
+    var { amount, selectedCurrency } = _a, props = __rest(_a, ["amount", "selectedCurrency"]);
+    const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, (_b = selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.code) === null || _b === void 0 ? void 0 : _b.english);
+    return (_jsxs(CurrencySpan, Object.assign({}, props, { children: [_jsx("span", { children: integerAmount }), _jsx("span", { children: "." }), _jsx(DecimalSpan, { children: decimalAmount })] })));
+}
+export default memo(DisplayAmount);

package/build/components/DisplayAmount/index.d.ts

@@ -0,0 +1,2 @@
+import DisplayAmount from './DisplayAmount';
+export default DisplayAmount;

package/build/components/DisplayAmount/index.js

@@ -0,0 +1,2 @@
+import DisplayAmount from './DisplayAmount';
+export default DisplayAmount;

package/build/components/DisplayAmount/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DecimalSpan: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const CurrencySpan: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/DisplayAmount/style.js

@@ -0,0 +1,14 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const DecimalSpan = styled('span')(() => ({
+    fontWeight: 400,
+}));
+export const CurrencySpan = styled(Box)(() => ({
+    fontWeight: 700,
+    fontSize: '11px',
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'default',
+    whiteSpace: 'nowrap',
+    overflow: 'auto',
+}));

package/build/components/LanguageDropdown/LanguageDropdown.d.ts

@@ -0,0 +1,6 @@
+interface LanguageDropdownProps {
+    defaultLanguage?: string;
+    onChange?: (language: string) => void;
+}
+export default function LanguageDropdown({ defaultLanguage, onChange }: LanguageDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/LanguageDropdown/LanguageDropdown.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Box from '@mui/material/Box';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
+import { Menu, MenuItem } from '../index.js';
+import { Button } from './style';
+const languages = ['EN', 'AR'];
+export default function LanguageDropdown({ defaultLanguage = 'EN', onChange }) {
+    const [language, setLanguage] = useState(defaultLanguage);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const onOpen = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const onCLose = () => {
+        setAnchorEl(null);
+    };
+    const onClick = (lang) => {
+        setLanguage(lang);
+        onChange === null || onChange === void 0 ? void 0 : onChange(lang);
+        onCLose();
+    };
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCLose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ onClick: onOpen, open: open }, { children: _jsx(Box, Object.assign({ component: "span" }, { children: language })) })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px', width: 31.8 } }, { children: languages.map((lang) => lang !== language && (_jsx(MenuItem, Object.assign({ onClick: () => onClick(lang) }, { children: lang }), lang))) }))] }) })));
+}

package/build/components/LanguageDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import LanguageDropdown from './LanguageDropdown';
+export default LanguageDropdown;

package/build/components/LanguageDropdown/index.js

@@ -0,0 +1,2 @@
+import LanguageDropdown from './LanguageDropdown';
+export default LanguageDropdown;

package/build/components/LanguageDropdown/style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Button: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open?: boolean | undefined;
+}, {}, {}>;

package/build/components/LanguageDropdown/style.js

@@ -0,0 +1,5 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const Button = styled(Box, { shouldForwardProp: (props) => props !== 'open' })(({ theme, open }) => (Object.assign({ backgroundColor: theme.palette.common.white, border: `1px solid ${theme.palette.divider}`, fontSize: '11px', color: theme.palette.text.primary, padding: '8px', borderRadius: '4px', display: 'flex', alignItems: 'center', height: 32, gap: '4px' }, (open && {
+    borderColor: theme.palette.info.dark,
+}))));

package/build/components/index.d.ts

@@ -111,3 +111,5 @@ export * from './LazyImage';
 export { default as SearchListInput } from './SearchListInput';
 export { default as ErrorToast } from './ErrorToast';
 export { default as ToggleView, type ToggleViewsValues, ToggleViews } from './ToggleView';
+export { default as LanguageDropdown } from './LanguageDropdown';
+export { default as DisplayAmount } from './DisplayAmount';

package/build/components/index.js

@@ -111,3 +111,5 @@ export * from './LazyImage';
 export { default as SearchListInput } from './SearchListInput';
 export { default as ErrorToast } from './ErrorToast';
 export { default as ToggleView, ToggleViews } from './ToggleView';
+export { default as LanguageDropdown } from './LanguageDropdown';
+export { default as DisplayAmount } from './DisplayAmount';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.133",
+  "version": "0.1.134",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",