react-luminus-components 1.3.26 → 1.3.28
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.
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import BaseMessageBoardModel from '../../../models/types/BaseMessageBoardModel';
|
|
3
|
-
type Props = {
|
|
3
|
+
type Props<MessageType extends BaseMessageBoardModel> = {
|
|
4
4
|
renderAsNotifPanel?: boolean;
|
|
5
5
|
notifIcon?: ReactNode;
|
|
6
6
|
apiUrls?: {
|
|
7
7
|
apiGet?: string;
|
|
8
8
|
apiDelete?: string;
|
|
9
9
|
};
|
|
10
|
-
getIcon: (message:
|
|
11
|
-
getLinksTo: (message:
|
|
10
|
+
getIcon: (message: MessageType) => React.ReactNode | null;
|
|
11
|
+
getLinksTo: (message: MessageType) => string | null;
|
|
12
12
|
};
|
|
13
|
-
declare const MessageBoard: <MessageType extends BaseMessageBoardModel>({ renderAsNotifPanel, notifIcon, apiUrls: { apiGet, apiDelete, }, getIcon, getLinksTo, }: Props) => import("react").JSX.Element;
|
|
13
|
+
declare const MessageBoard: <MessageType extends BaseMessageBoardModel>({ renderAsNotifPanel, notifIcon, apiUrls: { apiGet, apiDelete, }, getIcon, getLinksTo, }: Props<MessageType>) => import("react").JSX.Element;
|
|
14
14
|
export default MessageBoard;
|
|
@@ -5,8 +5,8 @@ type Props<MessageType extends BaseMessageBoardModel> = {
|
|
|
5
5
|
isLoading: boolean;
|
|
6
6
|
onDeleteMessage: (messageId: number) => void;
|
|
7
7
|
onClickMessage?: () => void;
|
|
8
|
-
getIcon: (message:
|
|
9
|
-
getLinksTo: (message:
|
|
8
|
+
getIcon: (message: MessageType) => React.ReactNode | null;
|
|
9
|
+
getLinksTo: (message: MessageType) => string | null;
|
|
10
10
|
};
|
|
11
11
|
declare const MessageList: <MessageType extends BaseMessageBoardModel>({ messages, isLoading, onDeleteMessage, onClickMessage, getIcon, getLinksTo, }: Props<MessageType>) => import("react").JSX.Element;
|
|
12
12
|
export default MessageList;
|
package/dist/hooks.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { Dispatch } from 'react';
|
|
|
6
6
|
import { GenericAbortSignal } from 'axios';
|
|
7
7
|
import { RefObject } from 'react';
|
|
8
8
|
import { SetStateAction } from 'react';
|
|
9
|
-
import { z } from 'zod';
|
|
9
|
+
import { z } from '../../../node_modules/zod';
|
|
10
10
|
|
|
11
11
|
export declare const cancelToken: CancelTokenStatic;
|
|
12
12
|
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
$enable-negative-margins: true;
|
|
2
|
+
|
|
3
|
+
$eon-red: #ea1b0a;
|
|
4
|
+
$eon-yellow: #e3e000;
|
|
5
|
+
$eon-turquoise: #1ea2b1;
|
|
6
|
+
|
|
7
|
+
$palette-turkey-red: #b00402;
|
|
8
|
+
$palette-moonstone: #56b9c5;
|
|
9
|
+
$palette-light-cyan: #c7e8eb;
|
|
10
|
+
$palette-jet: #39393a;
|
|
11
|
+
$palette-battleship-gray: #8f9192;
|
|
12
|
+
$palette-alice-blue: #ebf2f4;
|
|
13
|
+
$palette-seasalt: #f6f7f7;
|
|
14
|
+
|
|
15
|
+
// $primary-500: #f00 !default;
|
|
16
|
+
// $primary-100: lighten($primary-500, 40%);
|
|
17
|
+
// $primary-50: lighten($primary-500, 55%);
|
|
18
|
+
// $primary: $primary-500;
|
|
19
|
+
|
|
20
|
+
// $primary-darker: darken($primary, 15%);
|
|
21
|
+
|
|
22
|
+
$bg: #f7fbfa;
|
|
23
|
+
$bg-darker: #ebf2f4;
|
|
24
|
+
|
|
25
|
+
$accent-darker: #e9edf2;
|
|
26
|
+
|
|
27
|
+
$danger: #f4254e;
|
|
28
|
+
$danger-100: lighten($danger, 40%);
|
|
29
|
+
$danger-50: lighten($danger, 43%);
|
|
30
|
+
|
|
31
|
+
$success: #00b77a;
|
|
32
|
+
|
|
33
|
+
$warning: #ffb000;
|
|
34
|
+
|
|
35
|
+
$info: #38b0e5;
|
|
36
|
+
|
|
37
|
+
$border-radius: 4px;
|
|
38
|
+
$border-width: 1px;
|
|
39
|
+
$border-color: $bg-darker;
|
|
40
|
+
|
|
41
|
+
$white: #fff !default;
|
|
42
|
+
$gray-100: #f8f9fa !default;
|
|
43
|
+
$gray-200: #e9ecef !default;
|
|
44
|
+
$gray-300: #dee2e6 !default;
|
|
45
|
+
$gray-400: #ced4da !default;
|
|
46
|
+
$gray-500: #adb5bd !default;
|
|
47
|
+
$gray-600: #6c757d !default;
|
|
48
|
+
$gray-700: #495057 !default;
|
|
49
|
+
$gray-800: #343a40 !default;
|
|
50
|
+
$gray-900: #212529 !default;
|
|
51
|
+
$black: #000 !default;
|
|
52
|
+
$blue: #0d6efd !default;
|
|
53
|
+
$indigo: #6610f2 !default;
|
|
54
|
+
$purple: #6f42c1 !default;
|
|
55
|
+
$pink: #d63384 !default;
|
|
56
|
+
$red: #dc3545 !default;
|
|
57
|
+
$orange: #fd7e14 !default;
|
|
58
|
+
$yellow: #ffc107 !default;
|
|
59
|
+
$green: #198754 !default;
|
|
60
|
+
$teal: #20c997 !default;
|
|
61
|
+
$cyan: #0dcaf0 !default;
|
|
62
|
+
$blue-100: tint-color($blue, 80%) !default;
|
|
63
|
+
$blue-200: tint-color($blue, 60%) !default;
|
|
64
|
+
$blue-300: tint-color($blue, 40%) !default;
|
|
65
|
+
$blue-400: tint-color($blue, 20%) !default;
|
|
66
|
+
$blue-500: $blue !default;
|
|
67
|
+
$blue-600: shade-color($blue, 20%) !default;
|
|
68
|
+
$blue-700: shade-color($blue, 40%) !default;
|
|
69
|
+
$blue-800: shade-color($blue, 60%) !default;
|
|
70
|
+
$blue-900: shade-color($blue, 80%) !default;
|
|
71
|
+
$indigo-100: tint-color($indigo, 80%) !default;
|
|
72
|
+
$indigo-200: tint-color($indigo, 60%) !default;
|
|
73
|
+
$indigo-300: tint-color($indigo, 40%) !default;
|
|
74
|
+
$indigo-400: tint-color($indigo, 20%) !default;
|
|
75
|
+
$indigo-500: $indigo !default;
|
|
76
|
+
$indigo-600: shade-color($indigo, 20%) !default;
|
|
77
|
+
$indigo-700: shade-color($indigo, 40%) !default;
|
|
78
|
+
$indigo-800: shade-color($indigo, 60%) !default;
|
|
79
|
+
$indigo-900: shade-color($indigo, 80%) !default;
|
|
80
|
+
$purple-100: tint-color($purple, 80%) !default;
|
|
81
|
+
$purple-200: tint-color($purple, 60%) !default;
|
|
82
|
+
$purple-300: tint-color($purple, 40%) !default;
|
|
83
|
+
$purple-400: tint-color($purple, 20%) !default;
|
|
84
|
+
$purple-500: $purple !default;
|
|
85
|
+
$purple-600: shade-color($purple, 20%) !default;
|
|
86
|
+
$purple-700: shade-color($purple, 40%) !default;
|
|
87
|
+
$purple-800: shade-color($purple, 60%) !default;
|
|
88
|
+
$purple-900: shade-color($purple, 80%) !default;
|
|
89
|
+
$pink-100: tint-color($pink, 80%) !default;
|
|
90
|
+
$pink-200: tint-color($pink, 60%) !default;
|
|
91
|
+
$pink-300: tint-color($pink, 40%) !default;
|
|
92
|
+
$pink-400: tint-color($pink, 20%) !default;
|
|
93
|
+
$pink-500: $pink !default;
|
|
94
|
+
$pink-600: shade-color($pink, 20%) !default;
|
|
95
|
+
$pink-700: shade-color($pink, 40%) !default;
|
|
96
|
+
$pink-800: shade-color($pink, 60%) !default;
|
|
97
|
+
$pink-900: shade-color($pink, 80%) !default;
|
|
98
|
+
$red-100: tint-color($red, 80%) !default;
|
|
99
|
+
$red-200: tint-color($red, 60%) !default;
|
|
100
|
+
$red-300: tint-color($red, 40%) !default;
|
|
101
|
+
$red-400: tint-color($red, 20%) !default;
|
|
102
|
+
$red-500: $red !default;
|
|
103
|
+
$red-600: shade-color($red, 20%) !default;
|
|
104
|
+
$red-700: shade-color($red, 40%) !default;
|
|
105
|
+
$red-800: shade-color($red, 60%) !default;
|
|
106
|
+
$red-900: shade-color($red, 80%) !default;
|
|
107
|
+
$orange-100: tint-color($orange, 80%) !default;
|
|
108
|
+
$orange-200: tint-color($orange, 60%) !default;
|
|
109
|
+
$orange-300: tint-color($orange, 40%) !default;
|
|
110
|
+
$orange-400: tint-color($orange, 20%) !default;
|
|
111
|
+
$orange-500: $orange !default;
|
|
112
|
+
$orange-600: shade-color($orange, 20%) !default;
|
|
113
|
+
$orange-700: shade-color($orange, 40%) !default;
|
|
114
|
+
$orange-800: shade-color($orange, 60%) !default;
|
|
115
|
+
$orange-900: shade-color($orange, 80%) !default;
|
|
116
|
+
$yellow-100: tint-color($yellow, 80%) !default;
|
|
117
|
+
$yellow-200: tint-color($yellow, 60%) !default;
|
|
118
|
+
$yellow-300: tint-color($yellow, 40%) !default;
|
|
119
|
+
$yellow-400: tint-color($yellow, 20%) !default;
|
|
120
|
+
$yellow-500: $yellow !default;
|
|
121
|
+
$yellow-600: shade-color($yellow, 20%) !default;
|
|
122
|
+
$yellow-700: shade-color($yellow, 40%) !default;
|
|
123
|
+
$yellow-800: shade-color($yellow, 60%) !default;
|
|
124
|
+
$yellow-900: shade-color($yellow, 80%) !default;
|
|
125
|
+
$green-100: tint-color($green, 80%) !default;
|
|
126
|
+
$green-200: tint-color($green, 60%) !default;
|
|
127
|
+
$green-300: tint-color($green, 40%) !default;
|
|
128
|
+
$green-400: tint-color($green, 20%) !default;
|
|
129
|
+
$green-500: $green !default;
|
|
130
|
+
$green-600: shade-color($green, 20%) !default;
|
|
131
|
+
$green-700: shade-color($green, 40%) !default;
|
|
132
|
+
$green-800: shade-color($green, 60%) !default;
|
|
133
|
+
$green-900: shade-color($green, 80%) !default;
|
|
134
|
+
$teal-100: tint-color($teal, 80%) !default;
|
|
135
|
+
$teal-200: tint-color($teal, 60%) !default;
|
|
136
|
+
$teal-300: tint-color($teal, 40%) !default;
|
|
137
|
+
$teal-400: tint-color($teal, 20%) !default;
|
|
138
|
+
$teal-500: $teal !default;
|
|
139
|
+
$teal-600: shade-color($teal, 20%) !default;
|
|
140
|
+
$teal-700: shade-color($teal, 40%) !default;
|
|
141
|
+
$teal-800: shade-color($teal, 60%) !default;
|
|
142
|
+
$teal-900: shade-color($teal, 80%) !default;
|
|
143
|
+
$cyan-100: tint-color($cyan, 80%) !default;
|
|
144
|
+
$cyan-200: tint-color($cyan, 60%) !default;
|
|
145
|
+
$cyan-300: tint-color($cyan, 40%) !default;
|
|
146
|
+
$cyan-400: tint-color($cyan, 20%) !default;
|
|
147
|
+
$cyan-500: $cyan !default;
|
|
148
|
+
$cyan-600: shade-color($cyan, 20%) !default;
|
|
149
|
+
$cyan-700: shade-color($cyan, 40%) !default;
|
|
150
|
+
$cyan-800: shade-color($cyan, 60%) !default;
|
|
151
|
+
$cyan-900: shade-color($cyan, 80%) !default;
|
|
152
|
+
|
|
153
|
+
$text: #1e2832;
|
|
154
|
+
$text-muted: #8a929c;
|
|
155
|
+
$text-light: $gray-200;
|
|
156
|
+
|
|
157
|
+
$dark: $text;
|
|
158
|
+
|
|
159
|
+
$box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
|
|
160
|
+
$box-shadow-sm: 0rem 0rem 0.5rem rgba($black, 0.1) !default;
|
|
161
|
+
// $box-shadow-sm-primary: 0 0rem 0.4rem rgba($primary, 0.3) !default;
|
|
162
|
+
$box-shadow-sm-danger: 0 0rem 0.4rem rgba($danger, 0.3) !default;
|
|
163
|
+
$box-shadow-sm-warning: 0 0rem 0.4rem rgba($warning, 0.3) !default;
|
|
164
|
+
$box-shadow-sm-success: 0 0rem 0.4rem rgba($success, 0.3) !default;
|
|
165
|
+
$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
|
|
166
|
+
$box-shadow-inset: inset 0 0.5rem 1rem rgba($black, 0.1) !default;
|
|
167
|
+
|
|
168
|
+
$modal-backdrop-bg: black;
|
|
169
|
+
$modal-backdrop-opacity: 0.3;
|