@make-software/csprclick-ui 1.4.3 → 1.7.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.
Files changed (14) hide show
  1. package/README.md +0 -1
  2. package/dist/cjs/lib/index.js +15 -7
  3. package/dist/cjs/lib/lib/BuyCspr/styles.d.ts +8 -0
  4. package/dist/cjs/lib/lib/CrossNavigationMenu/CrossNavigationMenu.d.ts +1 -1
  5. package/dist/cjs/lib/lib/CrossNavigationMenu/InnerMenu.d.ts +3 -1
  6. package/dist/cjs/lib/lib/CustomSettingsSelector/CustomSettingsSelector.d.ts +2 -1
  7. package/dist/cjs/lib/lib/TopBar/components/CopyHashMenuItem.d.ts +1 -1
  8. package/dist/cjs/lib/lib/helpers/draw-account-identicon.d.ts +1 -0
  9. package/dist/cjs/lib/lib/helpers/md5.d.ts +1 -0
  10. package/dist/cjs/lib/lib/types/theme.d.ts +99 -6
  11. package/dist/index.d.ts +101 -8
  12. package/dist/lib/index.js +15 -7
  13. package/package.json +6 -5
  14. package/package.json.local +2 -2
package/dist/cjs/lib/lib/BuyCspr/styles.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const DropdownStyles: (maxHeight?: string) => {
2
+ control: (base: any, state: any) => any;
3
+ menuList: (styles: any) => any;
4
+ option: (styles: any, { isFocused, isSelected }: {
5
+ isFocused: any;
6
+ isSelected: any;
7
+ }) => any;
8
+ };
package/dist/cjs/lib/lib/CrossNavigationMenu/CrossNavigationMenu.d.ts CHANGED
@@ -2,5 +2,5 @@ interface CrossNavigationMenuSceneProps {
2
2
  menuCaption: string;
3
3
  clickRef: any;
4
4
  }
5
- export declare const CrossNavigationMenu: ({ clickRef, menuCaption }: CrossNavigationMenuSceneProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const CrossNavigationMenu: ({ clickRef, menuCaption, }: CrossNavigationMenuSceneProps) => import("react/jsx-runtime").JSX.Element;
6
6
  export default CrossNavigationMenu;
package/dist/cjs/lib/lib/CrossNavigationMenu/InnerMenu.d.ts CHANGED
@@ -1,7 +1,9 @@
1
+ import React from 'react';
1
2
  import { CrossAppMenuItemSettings } from '@make-software/csprclick-core-types';
2
3
  export interface InnerMenuProps {
3
4
  caption: string;
5
+ onClickCaption?: (event: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  isOpen: boolean;
5
7
  menuItems: CrossAppMenuItemSettings[] | undefined;
6
8
  }
7
- export declare const InnerMenu: ({ caption, menuItems, isOpen }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const InnerMenu: ({ caption, menuItems, isOpen, onClickCaption }: InnerMenuProps) => import("react/jsx-runtime").JSX.Element;
package/dist/cjs/lib/lib/CustomSettingsSelector/CustomSettingsSelector.d.ts CHANGED
@@ -3,7 +3,8 @@ export interface ItemMenuProps {
3
3
  currentItem?: string | CustomTopBarMenuItem;
4
4
  onChangeItem: (item: string) => void;
5
5
  items: string[] | CustomTopBarMenuItem[];
6
+ dropdownCssClass?: string;
6
7
  }
7
8
  export declare const getCurrentIcon: (menu: any, isTopBar?: boolean) => any;
8
- declare const CustomSettingsSelector: ({ items, currentItem, onChangeItem }: ItemMenuProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const CustomSettingsSelector: ({ items, currentItem, onChangeItem, dropdownCssClass }: ItemMenuProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export default CustomSettingsSelector;
package/dist/cjs/lib/lib/TopBar/components/CopyHashMenuItem.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const CopyHashMenuItem: (props: any) => import("react/jsx-runtime").JSX.Element;
1
+ export declare const CopyHashMenuItem: () => import("react/jsx-runtime").JSX.Element;
2
2
  export default CopyHashMenuItem;
package/dist/cjs/lib/lib/helpers/draw-account-identicon.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function getCanvasWithAccountIdenticon(hex: string, size?: number): HTMLCanvasElement;
package/dist/cjs/lib/lib/helpers/md5.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function md5(s: string): string;
package/dist/cjs/lib/lib/types/theme.d.ts CHANGED
@@ -1,22 +1,115 @@
1
1
  export declare const CsprClickThemes: any;
2
- export interface getThemesByColorProps {
2
+ export interface BuildThemeProps {
3
3
  csprclickDarkTheme: object;
4
4
  csprclickLightTheme: object;
5
- appDarkTheme: object;
6
- appLightTheme: object;
5
+ appDarkTheme?: object;
6
+ appLightTheme?: object;
7
7
  }
8
- export declare enum mappedColors {
8
+ export declare enum clickStyleguide {
9
9
  backgroundTopBarColor = "backgroundTertiary",
10
10
  backgroundMenuColor = "backgroundPrimary",
11
11
  hoverProductMenu = "backgroundSecondary",
12
12
  hoverAccountMenu = "fillSecondary",
13
- textColor = "contentPrimary"
13
+ textColor = "contentPrimary",
14
+ topBarTextColor = "contentTertiary",
15
+ menuIconAndLinkColor = "contentBlue",
16
+ topBarIconHoverColor = "contentOnFill"
14
17
  }
18
+ export declare const DefaultThemes: {
19
+ csprclick: {
20
+ csprclickDarkTheme: {
21
+ backgroundTertiary: string;
22
+ backgroundPrimary: string;
23
+ backgroundSecondary: string;
24
+ fillSecondary: string;
25
+ contentPrimary: string;
26
+ contentTertiary: string;
27
+ contentBlue: string;
28
+ contentOnFill: string;
29
+ };
30
+ csprclickLightTheme: {
31
+ backgroundTertiary: string;
32
+ backgroundPrimary: string;
33
+ backgroundSecondary: string;
34
+ fillSecondary: string;
35
+ contentPrimary: string;
36
+ contentTertiary: string;
37
+ contentBlue: string;
38
+ contentOnFill: string;
39
+ };
40
+ };
41
+ red: {
42
+ csprclickDarkTheme: {
43
+ backgroundTertiary: string;
44
+ backgroundPrimary: string;
45
+ backgroundSecondary: string;
46
+ fillSecondary: string;
47
+ contentPrimary: string;
48
+ contentTertiary: string;
49
+ contentBlue: string;
50
+ contentOnFill: string;
51
+ };
52
+ csprclickLightTheme: {
53
+ backgroundTertiary: string;
54
+ backgroundPrimary: string;
55
+ backgroundSecondary: string;
56
+ fillSecondary: string;
57
+ contentPrimary: string;
58
+ contentTertiary: string;
59
+ contentBlue: string;
60
+ contentOnFill: string;
61
+ };
62
+ };
63
+ green: {
64
+ csprclickDarkTheme: {
65
+ backgroundTertiary: string;
66
+ backgroundPrimary: string;
67
+ backgroundSecondary: string;
68
+ fillSecondary: string;
69
+ contentPrimary: string;
70
+ contentTertiary: string;
71
+ contentBlue: string;
72
+ contentOnFill: string;
73
+ };
74
+ csprclickLightTheme: {
75
+ backgroundTertiary: string;
76
+ backgroundPrimary: string;
77
+ backgroundSecondary: string;
78
+ fillSecondary: string;
79
+ contentPrimary: string;
80
+ contentTertiary: string;
81
+ contentBlue: string;
82
+ contentOnFill: string;
83
+ };
84
+ };
85
+ blue: {
86
+ csprclickDarkTheme: {
87
+ backgroundTertiary: string;
88
+ backgroundPrimary: string;
89
+ backgroundSecondary: string;
90
+ fillSecondary: string;
91
+ contentPrimary: string;
92
+ contentTertiary: string;
93
+ contentBlue: string;
94
+ contentOnFill: string;
95
+ };
96
+ csprclickLightTheme: {
97
+ backgroundTertiary: string;
98
+ backgroundPrimary: string;
99
+ backgroundSecondary: string;
100
+ fillSecondary: string;
101
+ contentPrimary: string;
102
+ contentTertiary: string;
103
+ contentBlue: string;
104
+ contentOnFill: string;
105
+ };
106
+ };
107
+ };
15
108
  export declare enum ThemeModeType {
16
109
  light = "light",
17
110
  dark = "dark"
18
111
  }
19
- export declare const getThemesByColor: (theme: getThemesByColorProps) => {
112
+ export declare const buildTheme: (theme: BuildThemeProps) => {
20
113
  dark: any;
21
114
  light: any;
22
115
  };
package/dist/index.d.ts CHANGED
@@ -67,24 +67,117 @@ interface NetworkSettings {
67
67
  }
68
68
 
69
69
  declare const CsprClickThemes: any;
70
- interface getThemesByColorProps {
70
+ interface BuildThemeProps {
71
71
  csprclickDarkTheme: object;
72
72
  csprclickLightTheme: object;
73
- appDarkTheme: object;
74
- appLightTheme: object;
73
+ appDarkTheme?: object;
74
+ appLightTheme?: object;
75
75
  }
76
- declare enum mappedColors {
76
+ declare enum clickStyleguide {
77
77
  backgroundTopBarColor = "backgroundTertiary",
78
78
  backgroundMenuColor = "backgroundPrimary",
79
79
  hoverProductMenu = "backgroundSecondary",
80
80
  hoverAccountMenu = "fillSecondary",
81
- textColor = "contentPrimary"
81
+ textColor = "contentPrimary",
82
+ topBarTextColor = "contentTertiary",
83
+ menuIconAndLinkColor = "contentBlue",
84
+ topBarIconHoverColor = "contentOnFill"
82
85
  }
86
+ declare const DefaultThemes: {
87
+ csprclick: {
88
+ csprclickDarkTheme: {
89
+ backgroundTertiary: string;
90
+ backgroundPrimary: string;
91
+ backgroundSecondary: string;
92
+ fillSecondary: string;
93
+ contentPrimary: string;
94
+ contentTertiary: string;
95
+ contentBlue: string;
96
+ contentOnFill: string;
97
+ };
98
+ csprclickLightTheme: {
99
+ backgroundTertiary: string;
100
+ backgroundPrimary: string;
101
+ backgroundSecondary: string;
102
+ fillSecondary: string;
103
+ contentPrimary: string;
104
+ contentTertiary: string;
105
+ contentBlue: string;
106
+ contentOnFill: string;
107
+ };
108
+ };
109
+ red: {
110
+ csprclickDarkTheme: {
111
+ backgroundTertiary: string;
112
+ backgroundPrimary: string;
113
+ backgroundSecondary: string;
114
+ fillSecondary: string;
115
+ contentPrimary: string;
116
+ contentTertiary: string;
117
+ contentBlue: string;
118
+ contentOnFill: string;
119
+ };
120
+ csprclickLightTheme: {
121
+ backgroundTertiary: string;
122
+ backgroundPrimary: string;
123
+ backgroundSecondary: string;
124
+ fillSecondary: string;
125
+ contentPrimary: string;
126
+ contentTertiary: string;
127
+ contentBlue: string;
128
+ contentOnFill: string;
129
+ };
130
+ };
131
+ green: {
132
+ csprclickDarkTheme: {
133
+ backgroundTertiary: string;
134
+ backgroundPrimary: string;
135
+ backgroundSecondary: string;
136
+ fillSecondary: string;
137
+ contentPrimary: string;
138
+ contentTertiary: string;
139
+ contentBlue: string;
140
+ contentOnFill: string;
141
+ };
142
+ csprclickLightTheme: {
143
+ backgroundTertiary: string;
144
+ backgroundPrimary: string;
145
+ backgroundSecondary: string;
146
+ fillSecondary: string;
147
+ contentPrimary: string;
148
+ contentTertiary: string;
149
+ contentBlue: string;
150
+ contentOnFill: string;
151
+ };
152
+ };
153
+ blue: {
154
+ csprclickDarkTheme: {
155
+ backgroundTertiary: string;
156
+ backgroundPrimary: string;
157
+ backgroundSecondary: string;
158
+ fillSecondary: string;
159
+ contentPrimary: string;
160
+ contentTertiary: string;
161
+ contentBlue: string;
162
+ contentOnFill: string;
163
+ };
164
+ csprclickLightTheme: {
165
+ backgroundTertiary: string;
166
+ backgroundPrimary: string;
167
+ backgroundSecondary: string;
168
+ fillSecondary: string;
169
+ contentPrimary: string;
170
+ contentTertiary: string;
171
+ contentBlue: string;
172
+ contentOnFill: string;
173
+ };
174
+ };
175
+ };
83
176
  declare enum ThemeModeType {
84
177
  light = "light",
85
178
  dark = "dark"
86
179
  }
87
- declare const getThemesByColor: (theme: getThemesByColorProps) => {
180
+ declare const buildTheme: (theme: BuildThemeProps) => {
88
181
  dark: any;
89
182
  light: any;
90
183
  };
@@ -215,7 +308,7 @@ interface BuyCSPRMenuItemProps {
215
308
  }
216
309
  declare const BuyCSPRMenuItem: ({ badge }: BuyCSPRMenuItemProps) => react_jsx_runtime.JSX.Element;
217
310
 
218
- declare const CopyHashMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
311
+ declare const CopyHashMenuItem: () => react_jsx_runtime.JSX.Element;
219
312
 
220
313
  declare const ViewAccountOnExplorerMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
221
314
 
@@ -228,4 +321,4 @@ interface AccountIdenticonProps {
228
321
  }
229
322
  declare const AccountIdenticon: ({ hex, size }: AccountIdenticonProps) => react_jsx_runtime.JSX.Element;
230
323
 
231
- export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, getThemesByColor, type getThemesByColorProps, mappedColors, useClickBadge, useClickRef };
324
+ export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, type BuildThemeProps, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, DefaultThemes, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, buildTheme, clickStyleguide, useClickBadge, useClickRef };