@make-software/csprclick-ui 2.0.0-beta.7 → 2.0.0
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/README.md +1 -0
- package/dist/cjs/lib/assets/icons/ic-left-short.svg +3 -0
- package/dist/cjs/lib/index.js +9 -9
- package/dist/cjs/lib/lib/ThemeMobileSwitch/ThemeMobileSwitch.d.ts +8 -0
- package/dist/cjs/lib/lib/ThemeMobileSwitch/components/ThemeIcon.d.ts +6 -0
- package/dist/cjs/lib/lib/ThemeMobileSwitch/styles.d.ts +4 -0
- package/dist/cjs/lib/lib/ThemeMobileSwitch/utils.d.ts +1 -0
- package/dist/cjs/lib/lib/TopBar/components/mobile-menu/BaseDrawer.d.ts +7 -0
- package/dist/cjs/lib/lib/TopBar/components/mobile-menu/DropdownPopupItem.d.ts +13 -0
- package/dist/cjs/lib/lib/TopBar/components/{MobileDropdownContainer.d.ts → mobile-menu/MobileDropdownContainer.d.ts} +2 -3
- package/dist/cjs/lib/lib/TopBar/components/mobile-menu/constants.d.ts +22 -0
- package/dist/lib/assets/icons/ic-left-short.svg +3 -0
- package/dist/lib/index.js +11 -11
- package/package.json +2 -2
- package/dist/cjs/lib/lib/TopBar/components/DropdownPopupItem.d.ts +0 -11
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ThemeModeType } from '@make-software/cspr-design';
|
|
2
|
+
export declare const ThemeModeIconPath: Record<ThemeModeType, string>;
|
|
3
|
+
interface ThemeSwitchProps {
|
|
4
|
+
onThemeSwitch: () => void;
|
|
5
|
+
currentTheme?: ThemeModeType;
|
|
6
|
+
}
|
|
7
|
+
declare const ThemeMobileSwitch: ({ onThemeSwitch, currentTheme, }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default ThemeMobileSwitch;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledSvgIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").SvgIconProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
3
|
+
screenType?: string | undefined;
|
|
4
|
+
}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const capitalize: (str: string) => string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ReactModal, { Props } from 'react-modal';
|
|
3
|
+
export interface ModalProps extends Props {
|
|
4
|
+
children: any;
|
|
5
|
+
}
|
|
6
|
+
export declare const BaseDrawer: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ReactModal>>;
|
|
7
|
+
export default BaseDrawer;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DropdownPopupItemProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose: (e: any) => void;
|
|
5
|
+
onGoBack?: (e: any) => void;
|
|
6
|
+
popupTitle?: string | React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
height?: string;
|
|
9
|
+
width?: string;
|
|
10
|
+
currentItem?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DropdownPopupItem: ({ isOpen, onClose, onGoBack, children, popupTitle, height, width, currentItem }: DropdownPopupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CurrencySettings, CustomTopBarMenuSettings, LanguageSettings, NetworkSettings, ThemeModeType } from '
|
|
2
|
+
import { CurrencySettings, CustomTopBarMenuSettings, LanguageSettings, NetworkSettings, ThemeModeType } from '../../../types';
|
|
3
3
|
export interface MobileDropdownContainerProps {
|
|
4
4
|
currencySettings?: CurrencySettings;
|
|
5
5
|
languageSettings?: LanguageSettings;
|
|
@@ -8,8 +8,7 @@ export interface MobileDropdownContainerProps {
|
|
|
8
8
|
onThemeSwitch?: () => void;
|
|
9
9
|
customTopBarMenuSettings?: CustomTopBarMenuSettings[];
|
|
10
10
|
}
|
|
11
|
-
export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
12
11
|
export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
12
|
export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
-
|
|
13
|
+
declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
14
|
export default MobileDropdownContainer;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const DRAWER_TYPES: {
|
|
2
|
+
readonly MAIN: "main";
|
|
3
|
+
readonly LANGUAGE: "language";
|
|
4
|
+
readonly CURRENCY: "currency";
|
|
5
|
+
readonly NETWORK: "network";
|
|
6
|
+
readonly CUSTOM: "custom";
|
|
7
|
+
readonly THEME: "theme";
|
|
8
|
+
};
|
|
9
|
+
export type DrawerState = {
|
|
10
|
+
type: typeof DRAWER_TYPES.MAIN;
|
|
11
|
+
} | {
|
|
12
|
+
type: typeof DRAWER_TYPES.LANGUAGE;
|
|
13
|
+
} | {
|
|
14
|
+
type: typeof DRAWER_TYPES.CURRENCY;
|
|
15
|
+
} | {
|
|
16
|
+
type: typeof DRAWER_TYPES.NETWORK;
|
|
17
|
+
} | {
|
|
18
|
+
type: typeof DRAWER_TYPES.THEME;
|
|
19
|
+
} | {
|
|
20
|
+
type: typeof DRAWER_TYPES.CUSTOM;
|
|
21
|
+
menuIndex: number;
|
|
22
|
+
} | null;
|