@tap-payments/os-micro-frontend-shared 0.0.89 → 0.0.90

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

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-export declare const CalenderWrapper: 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>, {}, {}>;
-export declare const CancelButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const OkayButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ButtonsWrapper: 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>, {}, {}>;
-export declare const SelectedDate: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    open: boolean;
-}, {}, {}>;
-export declare const Footer: 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>, {}, {}>;
-export declare const FiltersArea: 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>, {}, {}>;
-export declare const TimeZone: 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>, {}, {}>;
-export declare const Main: 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>, {}, {}>;
-export declare const Settings: 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/RangeCalender/style.js

@@ -1,189 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const CalenderWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    marginTop: '8px',
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[9],
-    borderRadius: theme.spacing(1),
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    '.rmdp-calendar': {
-        padding: '8px 16px 16px',
-    },
-    '.rmdp-rtl *': {
-        fontFamily: 'Tajawal',
-    },
-    '.rmdp-rtl .sd': {
-        paddingTop: '4px',
-    },
-    '.rmdp-wrapper': {
-        position: 'relative',
-        borderRadius: '8px',
-        boxShadow: 'none',
-    },
-    '.rmdp-day span': {
-        fontSize: '11px',
-        fontWeight: 500,
-    },
-    '.rmdp-day, .rmdp-week-day': {
-        width: 40,
-        height: 40,
-        marginBottom: '2px',
-        padding: '4px',
-        fontSize: '11px',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-day-picker': {
-        padding: 0,
-    },
-    '.rmdp-day.rmdp-today span': {
-        backgroundColor: 'transparent',
-        color: theme.palette.info.dark,
-    },
-    '.rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span': {
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover': {
-        background: theme.palette.info.light,
-        boxShadow: 'none',
-        color: theme.palette.grey[900],
-    },
-    '.rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end': {
-        borderRadius: '50%',
-        background: theme.palette.background.gradient.darkShadedBlue,
-        color: theme.palette.common.white,
-    },
-    '.rmdp-range.start:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        right: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.start:after': {
-        right: 'unset',
-        left: 0,
-    },
-    '.rmdp-range.end:after': {
-        content: '""',
-        position: 'absolute',
-        background: theme.palette.info.light,
-        height: '100%',
-        width: '50%',
-        left: 0,
-        top: 0,
-        zIndex: -1,
-    },
-    '.rmdp-rtl .rmdp-range.end:after': {
-        left: 'unset',
-        right: 0,
-    },
-    '.rmdp-week-day': {
-        color: theme.palette.grey[700],
-        marginBottom: '4px',
-        fontSize: '11px',
-        padding: '4px',
-    },
-    '.rmdp-header-values': {
-        color: theme.palette.grey[900],
-        fontSize: '12px',
-        fontWeight: 500,
-        lineHeight: '20px',
-        letterSpacing: '0.1px',
-    },
-    '.rmdp-header-values span:nth-of-type(2)': {
-        display: 'none',
-    },
-    '.rmdp-header': {
-        padding: '4px 0',
-        margin: 0,
-        fontSize: '12px',
-    },
-    '.rmdp-top-class': {
-        display: 'block !important',
-    },
-    '.rmdp-day.rmdp-selected span:not(.highlight)': {
-        background: theme.palette.info.dark,
-    },
-    '.rmdp-day.start.end': {
-        overflow: 'hidden',
-    },
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    background: 'transparent',
-    color: theme.palette.text.primary,
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    fontWeight: 500,
-    borderRadius: '4px',
-    '&:hover': {
-        background: 'transparent',
-        color: theme.palette.text.primary,
-    },
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    padding: '8px 24px',
-    width: 75,
-    height: 32,
-    fontSize: '11px',
-    borderRadius: '4px',
-    fontWeight: 700,
-    background: theme.palette.info.dark,
-    '&:hover': {
-        background: theme.palette.info.dark,
-    },
-}));
-export const ButtonsWrapper = styled(Box)(() => ({
-    display: 'flex',
-    gap: 8,
-}));
-export const SelectedDate = styled(Button, { shouldForwardProp: (props) => props !== 'open' })(({ open, theme }) => (Object.assign({ color: theme.palette.text.primary, fontSize: '11px', fontWeight: 500, padding: theme.spacing(1), borderRadius: '4px', border: '1px solid', borderColor: theme.palette.divider, background: theme.palette.common.white, textTransform: 'none', height: 32 }, (open && { border: '1px solid', borderColor: theme.palette.info.dark, boxShadow: theme.shadows[7] }))));
-export const Footer = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    display: 'flex',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    gap: 10,
-    padding: '16px',
-    borderTop: '1px solid',
-    borderColor: theme.palette.divider,
-    borderBottomRightRadius: '8px',
-}));
-export const FiltersArea = styled(Box)(({ theme }) => ({
-    padding: 16,
-    paddingInlineEnd: '23px',
-    borderRight: '1px solid',
-    borderColor: theme.palette.divider,
-    background: theme.palette.common.white,
-    width: 'max-content',
-    borderTopLeftRadius: '8px',
-    borderBottomLeftRadius: '8px',
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 10,
-    justifyContent: 'space-between',
-}));
-export const TimeZone = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '10px',
-}));
-export const Main = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const Settings = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '24px',
-}));

package/build/components/RangeCalender/type.d.ts

@@ -1,2 +0,0 @@
-import type { DateObject } from 'react-multi-date-picker';
-export type Dates = [DateObject, DateObject];

package/build/components/RangeCalender/type.js

@@ -1 +0,0 @@
-export {};

package/build/components/RangeCalender/utils.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react-date-object" />
-export declare const getLocale: ({ isHijri, isAr }: {
-    isHijri: boolean;
-    isAr?: boolean | undefined;
-}) => import("react-date-object").Locale;
-export declare const getCalender: (isHijri: boolean) => import("react-date-object").Calendar;

package/build/components/RangeCalender/utils.js

@@ -1,15 +0,0 @@
-import arabic from 'react-date-object/calendars/arabic';
-import gregorian from 'react-date-object/calendars/gregorian';
-import arabicAr from 'react-date-object/locales/arabic_ar';
-import arabicEn from 'react-date-object/locales/arabic_en';
-import gregorianAr from 'react-date-object/locales/gregorian_ar';
-import gregorianEn from 'react-date-object/locales/gregorian_en';
-export const getLocale = ({ isHijri, isAr = false }) => {
-    if (isHijri) {
-        return isAr ? arabicAr : arabicEn;
-    }
-    return isAr ? gregorianAr : gregorianEn;
-};
-export const getCalender = (isHijri) => {
-    return isHijri ? arabic : gregorian;
-};