@bigbinary/neetoui 3.5.12 → 3.5.15
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/CHANGELOG.md +13 -0
- package/README.md +1 -1
- package/formik.d.ts +33 -0
- package/index.d.ts +534 -0
- package/layouts.d.ts +115 -0
- package/layouts.js +1 -1
- package/molecules.d.ts +21 -0
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -23,6 +23,19 @@ Prefix the change with one of these keywords:
|
|
|
23
23
|
- *Fixed*: for any bug fixes.
|
|
24
24
|
- *Security*: in case of vulnerabilities.
|
|
25
25
|
|
|
26
|
+
## 3.5.15 - 2022-08-05
|
|
27
|
+
|
|
28
|
+
- Fixed: Fixed false positive ts errors which were thrown since some of the fields were not marked optional.
|
|
29
|
+
|
|
30
|
+
## 3.5.14 - 2022-08-01
|
|
31
|
+
|
|
32
|
+
- Added: neetoTestify and neetoSite to AppSwitcher
|
|
33
|
+
|
|
34
|
+
## 3.5.13 - 2022-07-28
|
|
35
|
+
|
|
36
|
+
- Added: type support for all exported components. IDE will now auto-predict the component props.
|
|
37
|
+
- Changed: Deprecated babel-eslint was replaced with @babel/eslint-parser
|
|
38
|
+
|
|
26
39
|
## 3.5.12 - 2022-07-25
|
|
27
40
|
|
|
28
41
|
- Security: Bump moment from 2.29.3 to 2.29.4
|
package/README.md
CHANGED
|
@@ -69,4 +69,4 @@ https://neetoui.onrender.com
|
|
|
69
69
|
## Other Libraries
|
|
70
70
|
|
|
71
71
|
- [neetoIcons](https://github.com/bigbinary/neeto-icons): **NeetoIcons** is the official icons library from BigBinary.
|
|
72
|
-
- [
|
|
72
|
+
- [neetoEditor](https://github.com/bigbinary/neeto-editor-tiptap): **NeetoEditor** is a prose-mirror based rich-text editor used at BigBinary.
|
package/formik.d.ts
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import {
|
|
3
|
+
Input as PlainInput,
|
|
4
|
+
Radio as PlainRadio,
|
|
5
|
+
Switch as PlainSwitch,
|
|
6
|
+
Textarea as PlainTextarea,
|
|
7
|
+
Checkbox as PlainCheckbox,
|
|
8
|
+
Select as PlainSelect,
|
|
9
|
+
EmailInput as PlainEmailInput,
|
|
10
|
+
Button as PlainButton,
|
|
11
|
+
ButtonProps,
|
|
12
|
+
} from "./index";
|
|
13
|
+
|
|
14
|
+
export interface ActionBlockProps {
|
|
15
|
+
className?: string;
|
|
16
|
+
submitButtonProps?: ButtonProps;
|
|
17
|
+
cancelButtonProps?: ButtonProps;
|
|
18
|
+
}
|
|
19
|
+
export interface BlockNavigationProps {
|
|
20
|
+
isDirty?: boolean;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export const ActionBlock: React.FC<ActionBlockProps>;
|
|
24
|
+
export const BlockNavigation: React.FC<BlockNavigationProps>;
|
|
25
|
+
|
|
26
|
+
export const Input: typeof PlainInput;
|
|
27
|
+
export const Radio: typeof PlainRadio;
|
|
28
|
+
export const Switch: typeof PlainSwitch;
|
|
29
|
+
export const Textarea: typeof PlainTextarea;
|
|
30
|
+
export const Checkbox: typeof PlainCheckbox;
|
|
31
|
+
export const Select: typeof PlainSelect;
|
|
32
|
+
export const EmailInput: typeof PlainEmailInput;
|
|
33
|
+
export const Button: typeof PlainButton;
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,534 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
export interface AccordionProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
defaultActiveKey?: number;
|
|
6
|
+
padded?: boolean;
|
|
7
|
+
style?: "primary" | "secondary";
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface AccordionItemProps {
|
|
11
|
+
id?: string;
|
|
12
|
+
title?: string;
|
|
13
|
+
isOpen?: boolean;
|
|
14
|
+
onClick?: () => void;
|
|
15
|
+
className?: string;
|
|
16
|
+
titleProps?: React.DetailedHTMLProps<
|
|
17
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
18
|
+
HTMLDivElement
|
|
19
|
+
>;
|
|
20
|
+
iconProps?: React.SVGProps<SVGSVGElement>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export interface ColorPickerProps {
|
|
24
|
+
color: string;
|
|
25
|
+
onChange: (color: string) => void;
|
|
26
|
+
colorPaletteProps?: {
|
|
27
|
+
color: { from: string; to: string };
|
|
28
|
+
colorList: { from: string; to: string }[];
|
|
29
|
+
onChange: (from: string, to: string) => void;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
interface PopupProps {
|
|
34
|
+
isOpen?: boolean;
|
|
35
|
+
onClose?: () => void;
|
|
36
|
+
className?: string;
|
|
37
|
+
closeOnEsc?: boolean;
|
|
38
|
+
closeButton?: boolean;
|
|
39
|
+
backdropClassName?: string;
|
|
40
|
+
closeOnOutsideClick?: boolean;
|
|
41
|
+
[key: string]: any;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
interface PopupContentProps {
|
|
45
|
+
className?: string;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export type ModalProps = PopupProps & { size?: "xs" | "sm" | "md" };
|
|
49
|
+
|
|
50
|
+
export type PaneProps = PopupProps & { size?: "sm" | "lg" };
|
|
51
|
+
|
|
52
|
+
export interface RadioProps {
|
|
53
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
54
|
+
label?: string;
|
|
55
|
+
stacked?: boolean;
|
|
56
|
+
className?: string;
|
|
57
|
+
containerClassName?: string;
|
|
58
|
+
error?: string;
|
|
59
|
+
id?: any;
|
|
60
|
+
value?: any;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
export type RadioItemProps = { label: string } & React.DetailedHTMLProps<
|
|
64
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
65
|
+
HTMLInputElement
|
|
66
|
+
>;
|
|
67
|
+
|
|
68
|
+
export type TabProps = {
|
|
69
|
+
size?: "large" | "default";
|
|
70
|
+
noUnderline?: boolean;
|
|
71
|
+
className?: string;
|
|
72
|
+
} & React.DetailedHTMLProps<
|
|
73
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
74
|
+
HTMLDivElement
|
|
75
|
+
>;
|
|
76
|
+
|
|
77
|
+
export type TabItemProps<S> = {
|
|
78
|
+
active?: boolean;
|
|
79
|
+
className?: string;
|
|
80
|
+
icon?: string | any;
|
|
81
|
+
onClick?: () => void;
|
|
82
|
+
activeClassName?: string;
|
|
83
|
+
[key: string]: any;
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
export interface ActionDropdownProps {
|
|
87
|
+
label?: string;
|
|
88
|
+
style?: "primary" | "secondary";
|
|
89
|
+
size?: "large" | "default";
|
|
90
|
+
disabled?: boolean;
|
|
91
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
92
|
+
className?: string;
|
|
93
|
+
buttonProps?: ButtonProps;
|
|
94
|
+
dropdownProps?: DropdownProps;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export interface AlertProps {
|
|
98
|
+
size?: "xs" | "sm" | "md";
|
|
99
|
+
isOpen?: boolean;
|
|
100
|
+
isSubmitting?: boolean;
|
|
101
|
+
className?: string;
|
|
102
|
+
closeOnEsc?: boolean;
|
|
103
|
+
closeButton?: boolean;
|
|
104
|
+
backdropClassName?: string;
|
|
105
|
+
closeOnOutsideClick?: boolean;
|
|
106
|
+
onClose?: () => void;
|
|
107
|
+
onSubmit?: () => void;
|
|
108
|
+
title?: string;
|
|
109
|
+
message?: string;
|
|
110
|
+
submitButtonLabel?: string;
|
|
111
|
+
cancelButtonLabel?: string;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export type AvatarProps = {
|
|
115
|
+
size?: "small" | "medium" | "large" | "xlarge";
|
|
116
|
+
user?: { name: string; imageUrl: string };
|
|
117
|
+
isSquare?: boolean;
|
|
118
|
+
status?: "online" | "idle" | "offline";
|
|
119
|
+
onClick?: React.MouseEventHandler<HTMLSpanElement>;
|
|
120
|
+
className?: string;
|
|
121
|
+
} & React.DetailedHTMLProps<
|
|
122
|
+
React.HTMLAttributes<HTMLSpanElement>,
|
|
123
|
+
HTMLSpanElement
|
|
124
|
+
>;
|
|
125
|
+
|
|
126
|
+
export interface ButtonProps {
|
|
127
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
128
|
+
icon?: string | any;
|
|
129
|
+
iconPosition?: "left" | "right";
|
|
130
|
+
iconSize?: number;
|
|
131
|
+
label?: string;
|
|
132
|
+
loading?: boolean;
|
|
133
|
+
to?: string;
|
|
134
|
+
type?: "button" | "reset" | "submit";
|
|
135
|
+
style?: "primary" | "secondary" | "danger" | "danger-text" | "text" | "link";
|
|
136
|
+
fullWidth?: boolean;
|
|
137
|
+
className?: string;
|
|
138
|
+
disabled?: boolean;
|
|
139
|
+
size?: "large" | "xlarge" | "default";
|
|
140
|
+
href?: string;
|
|
141
|
+
tooltipProps?: TooltipProps;
|
|
142
|
+
[key: string]: any;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
export type CalloutProps = {
|
|
146
|
+
icon?: React.SVGProps<SVGSVGElement>;
|
|
147
|
+
style?: "info" | "warning" | "danger" | "success";
|
|
148
|
+
className?: string;
|
|
149
|
+
} & React.DetailedHTMLProps<
|
|
150
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
151
|
+
HTMLDivElement
|
|
152
|
+
>;
|
|
153
|
+
|
|
154
|
+
export type CheckboxProps = {
|
|
155
|
+
label?: string;
|
|
156
|
+
error?: string;
|
|
157
|
+
className?: string;
|
|
158
|
+
required?: false;
|
|
159
|
+
id?: string;
|
|
160
|
+
} & React.DetailedHTMLProps<
|
|
161
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
162
|
+
HTMLInputElement
|
|
163
|
+
>;
|
|
164
|
+
|
|
165
|
+
export type DatePickerProps = {
|
|
166
|
+
value: any;
|
|
167
|
+
defaultValue?: any;
|
|
168
|
+
className?: string;
|
|
169
|
+
label?: string;
|
|
170
|
+
size?: "small" | "large";
|
|
171
|
+
dropdownClassName?: string;
|
|
172
|
+
dateFormat?: string;
|
|
173
|
+
timeFormat?: string;
|
|
174
|
+
onChange?: (date: any, dateString: string) => void;
|
|
175
|
+
onOk?: () => void;
|
|
176
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
177
|
+
showTime?: boolean;
|
|
178
|
+
type?: "range" | "date";
|
|
179
|
+
nakedInput?: boolean;
|
|
180
|
+
error?: string;
|
|
181
|
+
id?: string;
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
[key: string]: any;
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
export interface DropdownProps {
|
|
187
|
+
icon?: string | any;
|
|
188
|
+
label?: React.ReactNode;
|
|
189
|
+
isOpen?: boolean;
|
|
190
|
+
onClose?: () => void;
|
|
191
|
+
ulProps?: React.DetailedHTMLProps<
|
|
192
|
+
React.HTMLAttributes<HTMLUListElement>,
|
|
193
|
+
HTMLUListElement
|
|
194
|
+
>;
|
|
195
|
+
position?:
|
|
196
|
+
| "auto"
|
|
197
|
+
| "auto-start"
|
|
198
|
+
| "auto-end"
|
|
199
|
+
| "top"
|
|
200
|
+
| "top-start"
|
|
201
|
+
| "top-end"
|
|
202
|
+
| "bottom"
|
|
203
|
+
| "bottom-start"
|
|
204
|
+
| "bottom-end"
|
|
205
|
+
| "right"
|
|
206
|
+
| "right-start"
|
|
207
|
+
| "right-end"
|
|
208
|
+
| "left"
|
|
209
|
+
| "left-start"
|
|
210
|
+
| "left-end";
|
|
211
|
+
className?: string;
|
|
212
|
+
buttonStyle?: "primary" | "secondary" | "text";
|
|
213
|
+
buttonProps?: ButtonProps;
|
|
214
|
+
customTarget?: React.ReactNode | (() => React.ReactNode);
|
|
215
|
+
disabled?: boolean;
|
|
216
|
+
closeOnEsc?: boolean;
|
|
217
|
+
closeOnSelect?: boolean;
|
|
218
|
+
closeOnOutsideClick?: boolean;
|
|
219
|
+
dropdownModifiers?: any[];
|
|
220
|
+
trigger?: "click" | "hover";
|
|
221
|
+
strategy?: "absolute" | "fixed";
|
|
222
|
+
onClick?: () => void;
|
|
223
|
+
[key: string]: any;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
export interface EmailInputProps {
|
|
227
|
+
label?: string;
|
|
228
|
+
placeholder?: string;
|
|
229
|
+
helpText?: string;
|
|
230
|
+
value?: { label: string; value: string; valid: boolean }[];
|
|
231
|
+
onChange?: (
|
|
232
|
+
emails: { label: string; value: string; valid: boolean }[]
|
|
233
|
+
) => void;
|
|
234
|
+
error?: string;
|
|
235
|
+
onBlur?: () => void;
|
|
236
|
+
filterInvalidEmails?: { label: string };
|
|
237
|
+
counter?: boolean | { label: string; startFrom: number };
|
|
238
|
+
disabled?: boolean;
|
|
239
|
+
maxHeight?: number;
|
|
240
|
+
[key: string]: any;
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
export type InputProps = {
|
|
244
|
+
size?: "small" | "large";
|
|
245
|
+
label?: string;
|
|
246
|
+
error?: string;
|
|
247
|
+
suffix?: React.ReactNode;
|
|
248
|
+
prefix?: React.ReactNode;
|
|
249
|
+
disabled?: boolean;
|
|
250
|
+
helpText?: string;
|
|
251
|
+
className?: string;
|
|
252
|
+
nakedInput?: boolean;
|
|
253
|
+
contentSize?: number;
|
|
254
|
+
required?: boolean;
|
|
255
|
+
} & React.DetailedHTMLProps<
|
|
256
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
257
|
+
HTMLInputElement
|
|
258
|
+
>;
|
|
259
|
+
|
|
260
|
+
export type LabelProps = {
|
|
261
|
+
className?: string;
|
|
262
|
+
required?: boolean;
|
|
263
|
+
helpIconProps?: {
|
|
264
|
+
onClick?: () => void;
|
|
265
|
+
icon?: any;
|
|
266
|
+
tooltipProps?: TooltipProps;
|
|
267
|
+
className?: string;
|
|
268
|
+
} & React.SVGProps<SVGSVGElement>;
|
|
269
|
+
} & React.DetailedHTMLProps<
|
|
270
|
+
React.LabelHTMLAttributes<HTMLLabelElement>,
|
|
271
|
+
HTMLLabelElement
|
|
272
|
+
>;
|
|
273
|
+
|
|
274
|
+
export type PageLoaderProps = { text?: string } & React.DetailedHTMLProps<
|
|
275
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
276
|
+
HTMLDivElement
|
|
277
|
+
>;
|
|
278
|
+
|
|
279
|
+
export interface PaginationProps {
|
|
280
|
+
pageSize: number;
|
|
281
|
+
count: number;
|
|
282
|
+
navigate?: (toPage: number) => void;
|
|
283
|
+
pageNo?: number;
|
|
284
|
+
siblingCount?: number;
|
|
285
|
+
className?: string;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
export type SelectProps = {
|
|
289
|
+
size?: "small" | "large";
|
|
290
|
+
label?: string;
|
|
291
|
+
required?: boolean;
|
|
292
|
+
error?: string;
|
|
293
|
+
helpText?: string;
|
|
294
|
+
className?: string;
|
|
295
|
+
innerRef?: React.Ref<HTMLSelectElement>;
|
|
296
|
+
isCreateable?: boolean;
|
|
297
|
+
strategy?: "default" | "fixed";
|
|
298
|
+
id?: string;
|
|
299
|
+
loadOptions?: boolean;
|
|
300
|
+
[key: string]: any;
|
|
301
|
+
};
|
|
302
|
+
|
|
303
|
+
export type SpinnerProps = {
|
|
304
|
+
theme?: "dark" | "light";
|
|
305
|
+
className?: string;
|
|
306
|
+
};
|
|
307
|
+
|
|
308
|
+
export type SwitchProps = {
|
|
309
|
+
label?: string;
|
|
310
|
+
required?: boolean;
|
|
311
|
+
className?: string;
|
|
312
|
+
error?: string;
|
|
313
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
314
|
+
checked?: boolean;
|
|
315
|
+
disabled?: boolean;
|
|
316
|
+
} & React.DetailedHTMLProps<
|
|
317
|
+
React.InputHTMLAttributes<HTMLInputElement>,
|
|
318
|
+
HTMLInputElement
|
|
319
|
+
>;
|
|
320
|
+
|
|
321
|
+
export interface TableProps {
|
|
322
|
+
rowData: any[];
|
|
323
|
+
columnData: any[];
|
|
324
|
+
allowRowClick?: boolean;
|
|
325
|
+
className?: string;
|
|
326
|
+
currentPageNumber?: number;
|
|
327
|
+
defaultPageSize?: number;
|
|
328
|
+
handlePageChange?: (page: number, pageSize: number) => void;
|
|
329
|
+
loading?: boolean;
|
|
330
|
+
onRowClick?: (
|
|
331
|
+
event: React.MouseEvent<any, MouseEvent>,
|
|
332
|
+
record: any,
|
|
333
|
+
rowIndex: number
|
|
334
|
+
) => void;
|
|
335
|
+
onRowSelect?: (selectedRowKeys: React.Key[], selectedRows: any[]) => void;
|
|
336
|
+
totalCount?: number;
|
|
337
|
+
selectedRowKeys?: React.Key[];
|
|
338
|
+
fixedHeight?: boolean;
|
|
339
|
+
paginationProps?: any;
|
|
340
|
+
scroll?: {
|
|
341
|
+
x?: string | number | true;
|
|
342
|
+
y?: string | number;
|
|
343
|
+
scrollToFirstRowOnChange?: boolean;
|
|
344
|
+
};
|
|
345
|
+
rowSelection?: any;
|
|
346
|
+
[key: string]: any;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
export interface TagProps {
|
|
350
|
+
icon?: string | any;
|
|
351
|
+
size?: "small" | "large";
|
|
352
|
+
label?: string;
|
|
353
|
+
style?: "outline" | "solid";
|
|
354
|
+
onClose?: () => void;
|
|
355
|
+
disabled?: boolean;
|
|
356
|
+
className?: string;
|
|
357
|
+
color?: "green" | "yellow" | "red" | "blue" | "gray";
|
|
358
|
+
indicatorColor?: "green" | "yellow" | "red" | "blue" | "gray";
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
export type TextareaProps = {
|
|
362
|
+
rows?: number;
|
|
363
|
+
disabled?: boolean;
|
|
364
|
+
required?: boolean;
|
|
365
|
+
nakedTextarea?: boolean;
|
|
366
|
+
helpText?: string;
|
|
367
|
+
error?: string;
|
|
368
|
+
label?: string;
|
|
369
|
+
className?: string;
|
|
370
|
+
maxLength?: number;
|
|
371
|
+
} & React.DetailedHTMLProps<
|
|
372
|
+
React.TextareaHTMLAttributes<HTMLTextAreaElement>,
|
|
373
|
+
HTMLTextAreaElement
|
|
374
|
+
>;
|
|
375
|
+
|
|
376
|
+
export type TimePickerProps = {
|
|
377
|
+
className?: string;
|
|
378
|
+
label?: string;
|
|
379
|
+
format?: string;
|
|
380
|
+
size?: "small" | "large";
|
|
381
|
+
interval?: {
|
|
382
|
+
hourStep: number;
|
|
383
|
+
minuteStep: number;
|
|
384
|
+
secondStep: number;
|
|
385
|
+
};
|
|
386
|
+
onChange?: (value: string) => void;
|
|
387
|
+
type?: "time" | "range";
|
|
388
|
+
nakedInput?: boolean;
|
|
389
|
+
disabled?: boolean;
|
|
390
|
+
error?: string;
|
|
391
|
+
defaultValue?: any;
|
|
392
|
+
value?: any;
|
|
393
|
+
id?: string;
|
|
394
|
+
[key: string]: any;
|
|
395
|
+
};
|
|
396
|
+
|
|
397
|
+
export interface TooltipProps {
|
|
398
|
+
content: React.ReactNode;
|
|
399
|
+
theme?: "dark" | "light";
|
|
400
|
+
disabled?: boolean;
|
|
401
|
+
position?:
|
|
402
|
+
| "auto"
|
|
403
|
+
| "auto-start"
|
|
404
|
+
| "auto-end"
|
|
405
|
+
| "top"
|
|
406
|
+
| "bottom"
|
|
407
|
+
| "right"
|
|
408
|
+
| "left"
|
|
409
|
+
| "auto"
|
|
410
|
+
| "top-start"
|
|
411
|
+
| "top-end"
|
|
412
|
+
| "bottom-start"
|
|
413
|
+
| "bottom-end"
|
|
414
|
+
| "right-start"
|
|
415
|
+
| "right-end"
|
|
416
|
+
| "left-start"
|
|
417
|
+
| "left-end";
|
|
418
|
+
interactive?: boolean;
|
|
419
|
+
hideAfter?: number;
|
|
420
|
+
hideOnTargetExit?: boolean;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
export type TypographyProps = {
|
|
424
|
+
style?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "body3";
|
|
425
|
+
weight?:
|
|
426
|
+
| "thin"
|
|
427
|
+
| "extralight"
|
|
428
|
+
| "light"
|
|
429
|
+
| "normal"
|
|
430
|
+
| "medium"
|
|
431
|
+
| "semibold"
|
|
432
|
+
| "bold"
|
|
433
|
+
| "extrabold"
|
|
434
|
+
| "black";
|
|
435
|
+
lineHeight?: "none" | "tight" | "snug" | "normal" | "relaxed" | "loose";
|
|
436
|
+
component?:
|
|
437
|
+
| "h1"
|
|
438
|
+
| "h2"
|
|
439
|
+
| "h3"
|
|
440
|
+
| "h4"
|
|
441
|
+
| "h5"
|
|
442
|
+
| "h6"
|
|
443
|
+
| "p"
|
|
444
|
+
| "span"
|
|
445
|
+
| "b"
|
|
446
|
+
| "strong"
|
|
447
|
+
| "i"
|
|
448
|
+
| "em"
|
|
449
|
+
| "mark"
|
|
450
|
+
| "del"
|
|
451
|
+
| "s"
|
|
452
|
+
| "ins"
|
|
453
|
+
| "sub"
|
|
454
|
+
| "sup"
|
|
455
|
+
| "u"
|
|
456
|
+
| "code"
|
|
457
|
+
| "blockquote";
|
|
458
|
+
textTransform?:
|
|
459
|
+
| "none"
|
|
460
|
+
| "capitalize"
|
|
461
|
+
| "uppercase"
|
|
462
|
+
| "lowercase"
|
|
463
|
+
| "fullwidth"
|
|
464
|
+
| "inherit"
|
|
465
|
+
| "initial"
|
|
466
|
+
| "revert"
|
|
467
|
+
| "unset";
|
|
468
|
+
className?: string;
|
|
469
|
+
} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
|
|
470
|
+
|
|
471
|
+
// components
|
|
472
|
+
|
|
473
|
+
export const Accordion: React.FC<AccordionProps> & {
|
|
474
|
+
Item: React.FC<AccordionItemProps>;
|
|
475
|
+
};
|
|
476
|
+
export const Modal: React.FC<ModalProps> & {
|
|
477
|
+
Header: React.FC<PopupContentProps>;
|
|
478
|
+
Body: React.FC<PopupContentProps>;
|
|
479
|
+
Footer: React.FC<PopupContentProps>;
|
|
480
|
+
};
|
|
481
|
+
export const Pane: React.FC<PaneProps> & {
|
|
482
|
+
Header: React.FC<PopupContentProps>;
|
|
483
|
+
Body: React.FC<PopupContentProps & { hasFooter?: boolean }>;
|
|
484
|
+
Footer: React.FC<PopupContentProps>;
|
|
485
|
+
};
|
|
486
|
+
export const Radio: React.FC<RadioProps> & {
|
|
487
|
+
Item: React.FC<RadioItemProps>;
|
|
488
|
+
};
|
|
489
|
+
export const Tab: React.FC<TabProps> & {
|
|
490
|
+
Item: React.FC<TabItemProps<any>>;
|
|
491
|
+
};
|
|
492
|
+
|
|
493
|
+
type ToastrFunction = (
|
|
494
|
+
message: React.ReactNode,
|
|
495
|
+
buttonLabel?: React.ReactNode,
|
|
496
|
+
onClick?: () => void
|
|
497
|
+
) => void;
|
|
498
|
+
|
|
499
|
+
export const Toastr: {
|
|
500
|
+
show: ToastrFunction;
|
|
501
|
+
info: ToastrFunction;
|
|
502
|
+
success: ToastrFunction;
|
|
503
|
+
error: (
|
|
504
|
+
message: React.ReactNode | Error,
|
|
505
|
+
buttonLabel: React.ReactNode,
|
|
506
|
+
onClick: () => void
|
|
507
|
+
) => void;
|
|
508
|
+
warning: ToastrFunction;
|
|
509
|
+
};
|
|
510
|
+
|
|
511
|
+
export const ColorPicker: React.FC<ColorPickerProps>;
|
|
512
|
+
|
|
513
|
+
export const ActionDropdown: React.FC<ActionDropdownProps>;
|
|
514
|
+
export const Alert: React.FC<AlertProps>;
|
|
515
|
+
export const Avatar: React.FC<AvatarProps>;
|
|
516
|
+
export const Button: React.FC<ButtonProps>;
|
|
517
|
+
export const Callout: React.FC<CalloutProps>;
|
|
518
|
+
export const Checkbox: React.FC<CheckboxProps>;
|
|
519
|
+
export const DatePicker: React.FC<DatePickerProps>;
|
|
520
|
+
export const Dropdown: React.FC<DropdownProps>;
|
|
521
|
+
export const EmailInput: React.FC<EmailInputProps>;
|
|
522
|
+
export const Input: React.ForwardRefExoticComponent<InputProps>;
|
|
523
|
+
export const Label: React.FC<LabelProps>;
|
|
524
|
+
export const PageLoader: React.FC<PageLoaderProps>;
|
|
525
|
+
export const Pagination: React.FC<PaginationProps>;
|
|
526
|
+
export const Select: React.ForwardRefExoticComponent<SelectProps>;
|
|
527
|
+
export const Spinner: React.FC<SpinnerProps>;
|
|
528
|
+
export const Switch: React.ForwardRefExoticComponent<SwitchProps>;
|
|
529
|
+
export const Table: React.FC<TableProps>;
|
|
530
|
+
export const Tag: React.FC<TagProps>;
|
|
531
|
+
export const Textarea: React.ForwardRefExoticComponent<TextareaProps>;
|
|
532
|
+
export const TimePicker: React.FC<TimePickerProps>;
|
|
533
|
+
export const Typography: React.ForwardRefExoticComponent<TypographyProps>;
|
|
534
|
+
export const Tooltip: React.ForwardRefExoticComponent<TooltipProps>;
|
package/layouts.d.ts
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { NavLinkProps } from "react-router-dom";
|
|
3
|
+
import { AvatarProps, InputProps } from "./index";
|
|
4
|
+
|
|
5
|
+
export interface AppSwitcherProps {
|
|
6
|
+
size?: "lg" | "sm";
|
|
7
|
+
isOpen?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
closeOnEsc?: boolean;
|
|
10
|
+
closeOnOutsideClick?: boolean;
|
|
11
|
+
environment?: "development" | "staging" | "production";
|
|
12
|
+
activeApp?: string;
|
|
13
|
+
subdomain?: string;
|
|
14
|
+
neetoApps?: string[];
|
|
15
|
+
recentApps?: string[];
|
|
16
|
+
isSidebarOpen?: boolean;
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export interface ContainerProps {
|
|
22
|
+
isHeaderFixed?: boolean;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export interface HeaderProps {
|
|
26
|
+
title?: React.ReactNode;
|
|
27
|
+
menuBarToggle?: () => void;
|
|
28
|
+
searchProps?: InputProps;
|
|
29
|
+
className?: string;
|
|
30
|
+
actionBlock?: React.ReactNode;
|
|
31
|
+
breadcrumbs?: { text: React.ReactNode; link: string }[];
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export interface MenuBarProps {
|
|
35
|
+
title?: string;
|
|
36
|
+
className?: string;
|
|
37
|
+
showMenu?: boolean;
|
|
38
|
+
"data-cy"?: string;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export type ScrollableProps = {
|
|
42
|
+
className?: string;
|
|
43
|
+
size?: "small" | "large" | "viewport";
|
|
44
|
+
} & React.DetailedHTMLProps<
|
|
45
|
+
React.HTMLAttributes<HTMLDivElement>,
|
|
46
|
+
HTMLDivElement
|
|
47
|
+
>;
|
|
48
|
+
|
|
49
|
+
type NavLinkItemType = {
|
|
50
|
+
to: string;
|
|
51
|
+
label?: React.ReactNode;
|
|
52
|
+
icon?: any;
|
|
53
|
+
description?: React.ReactNode;
|
|
54
|
+
} & React.PropsWithoutRef<NavLinkProps<any>> &
|
|
55
|
+
React.RefAttributes<HTMLAnchorElement>;
|
|
56
|
+
|
|
57
|
+
type FooterLinkType = {
|
|
58
|
+
label?: React.ReactNode;
|
|
59
|
+
icon?: any;
|
|
60
|
+
href?: string;
|
|
61
|
+
to?: string;
|
|
62
|
+
} & React.DetailedHTMLProps<
|
|
63
|
+
React.AnchorHTMLAttributes<HTMLAnchorElement>,
|
|
64
|
+
HTMLAnchorElement
|
|
65
|
+
> &
|
|
66
|
+
React.PropsWithoutRef<NavLinkProps<any>> &
|
|
67
|
+
React.RefAttributes<HTMLAnchorElement>;
|
|
68
|
+
|
|
69
|
+
type LinkType = {
|
|
70
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
71
|
+
label: React.ReactNode;
|
|
72
|
+
icon?: any;
|
|
73
|
+
} & React.DetailedHTMLProps<
|
|
74
|
+
React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
75
|
+
HTMLButtonElement
|
|
76
|
+
>;
|
|
77
|
+
|
|
78
|
+
export interface SidebarProps {
|
|
79
|
+
organizationInfo?: {
|
|
80
|
+
logo?: React.ReactNode;
|
|
81
|
+
name?: React.ReactNode;
|
|
82
|
+
subdomain?: React.ReactNode;
|
|
83
|
+
};
|
|
84
|
+
navLinks?: NavLinkItemType[];
|
|
85
|
+
tooltipStyle?: "default" | "featured";
|
|
86
|
+
footerLinks?: FooterLinkType[];
|
|
87
|
+
profileInfo?: {
|
|
88
|
+
name?: string;
|
|
89
|
+
email?: string;
|
|
90
|
+
topLinks?: LinkType[];
|
|
91
|
+
bottomLinks?: LinkType[];
|
|
92
|
+
customContent?: React.ReactNode;
|
|
93
|
+
changelogProps?: LinkType;
|
|
94
|
+
helpProps?: LinkType;
|
|
95
|
+
"data-cy"?: string;
|
|
96
|
+
} & AvatarProps;
|
|
97
|
+
isCollapsed?: boolean;
|
|
98
|
+
showAppSwitcher?: boolean;
|
|
99
|
+
onAppSwitcherToggle?: React.MouseEventHandler<HTMLButtonElement>;
|
|
100
|
+
appName?: string;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export interface SubHeaderProps {
|
|
104
|
+
className?: string;
|
|
105
|
+
leftActionBlock?: React.ReactNode;
|
|
106
|
+
rightActionBlock?: React.ReactNode;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export const AppSwitcher: React.FC<AppSwitcherProps>;
|
|
110
|
+
export const Container: React.ForwardRefExoticComponent<ContainerProps>;
|
|
111
|
+
export const Header: React.FC<HeaderProps>;
|
|
112
|
+
export const MenuBar: React.FC<MenuBarProps>;
|
|
113
|
+
export const Scrollable: React.FC<ScrollableProps>;
|
|
114
|
+
export const Sidebar: React.FC<SidebarProps>;
|
|
115
|
+
export const SubHeader: React.FC<SubHeaderProps>;
|
package/layouts.js
CHANGED
|
@@ -31,4 +31,4 @@ Ps.exports=Ms;var du=Ps.exports,mu={exports:{}},vu={},hu="function"==typeof Symb
|
|
|
31
31
|
*
|
|
32
32
|
* Licensed under the MIT license.
|
|
33
33
|
*/
|
|
34
|
-
var ld="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>0;function pd(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on".concat(t),(function(){n(window.event)}))}function fd(e,t){for(var n=t.slice(0,t.length-1),r=0;r<n.length;r++)n[r]=e[n[r].toLowerCase()];return n}function dd(e){"string"!=typeof e&&(e="");for(var t=(e=e.replace(/\s/g,"")).split(","),n=t.lastIndexOf("");n>=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}for(var md={backspace:8,tab:9,clear:12,enter:13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":ld?173:189,"=":ld?61:187,";":ld?59:186,"'":222,"[":219,"]":221,"\\":220},vd={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91},hd={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},gd={16:!1,18:!1,17:!1,91:!1},yd={},bd=1;bd<20;bd++)md["f".concat(bd)]=111+bd;var xd=[],Od="all",Td=[],Cd=function(e){return md[e.toLowerCase()]||vd[e.toLowerCase()]||e.toUpperCase().charCodeAt(0)};function kd(e){Od=e||"all"}function wd(){return Od||"all"}var Ed=function(e){var t=e.key,n=e.scope,r=e.method,o=e.splitKey,i=void 0===o?"+":o;dd(t).forEach((function(e){var t=e.split(i),o=t.length,a=t[o-1],s="*"===a?"*":Cd(a);if(yd[s]){n||(n=wd());var u=o>1?fd(vd,t):[];yd[s]=yd[s].map((function(e){return(!r||e.method===r)&&e.scope===n&&function(e,t){for(var n=e.length>=t.length?e:t,r=e.length>=t.length?t:e,o=!0,i=0;i<n.length;i++)-1===r.indexOf(n[i])&&(o=!1);return o}(e.mods,u)?{}:e}))}}))};function Ld(e,t,n){var r;if(t.scope===n||"all"===t.scope){for(var o in r=t.mods.length>0,gd)Object.prototype.hasOwnProperty.call(gd,o)&&(!gd[o]&&t.mods.indexOf(+o)>-1||gd[o]&&-1===t.mods.indexOf(+o))&&(r=!1);(0!==t.mods.length||gd[16]||gd[18]||gd[17]||gd[91])&&!r&&"*"!==t.shortcut||!1===t.method(e,t)&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function Ad(e){var t=yd["*"],n=e.keyCode||e.which||e.charCode;if(Sd.filter.call(this,e)){if(93!==n&&224!==n||(n=91),-1===xd.indexOf(n)&&229!==n&&xd.push(n),["ctrlKey","altKey","shiftKey","metaKey"].forEach((function(t){var n=hd[t];e[t]&&-1===xd.indexOf(n)?xd.push(n):!e[t]&&xd.indexOf(n)>-1?xd.splice(xd.indexOf(n),1):"metaKey"===t&&e[t]&&3===xd.length&&(e.ctrlKey||e.shiftKey||e.altKey||(xd=xd.slice(xd.indexOf(n))))})),n in gd){for(var r in gd[n]=!0,vd)vd[r]===n&&(Sd[r]=!0);if(!t)return}for(var o in gd)Object.prototype.hasOwnProperty.call(gd,o)&&(gd[o]=e[hd[o]]);e.getModifierState&&(!e.altKey||e.ctrlKey)&&e.getModifierState("AltGraph")&&(-1===xd.indexOf(17)&&xd.push(17),-1===xd.indexOf(18)&&xd.push(18),gd[17]=!0,gd[18]=!0);var i=wd();if(t)for(var a=0;a<t.length;a++)t[a].scope===i&&("keydown"===e.type&&t[a].keydown||"keyup"===e.type&&t[a].keyup)&&Ld(e,t[a],i);if(n in yd)for(var s=0;s<yd[n].length;s++)if(("keydown"===e.type&&yd[n][s].keydown||"keyup"===e.type&&yd[n][s].keyup)&&yd[n][s].key){for(var u=yd[n][s],c=u.splitKey,l=u.key.split(c),p=[],f=0;f<l.length;f++)p.push(Cd(l[f]));p.sort().join("")===xd.sort().join("")&&Ld(e,u,i)}}}function Sd(e,t,n){xd=[];var r=dd(e),o=[],i="all",a=document,s=0,u=!1,c=!0,l="+";for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(u=t.keyup),void 0!==t.keydown&&(c=t.keydown),"string"==typeof t.splitKey&&(l=t.splitKey)),"string"==typeof t&&(i=t);s<r.length;s++)o=[],(e=r[s].split(l)).length>1&&(o=fd(vd,e)),(e="*"===(e=e[e.length-1])?"*":Cd(e))in yd||(yd[e]=[]),yd[e].push({keyup:u,keydown:c,scope:i,mods:o,shortcut:r[s],method:n,key:r[s],splitKey:l});void 0!==a&&!function(e){return Td.indexOf(e)>-1}(a)&&window&&(Td.push(a),pd(a,"keydown",(function(e){Ad(e)})),pd(window,"focus",(function(){xd=[]})),pd(a,"keyup",(function(e){Ad(e),function(e){var t=e.keyCode||e.which||e.charCode,n=xd.indexOf(t);if(n>=0&&xd.splice(n,1),e.key&&"meta"===e.key.toLowerCase()&&xd.splice(0,xd.length),93!==t&&224!==t||(t=91),t in gd)for(var r in gd[t]=!1,vd)vd[r]===t&&(Sd[r]=!1)}(e)})))}var Pd={setScope:kd,getScope:wd,deleteScope:function(e,t){var n,r;for(var o in e||(e=wd()),yd)if(Object.prototype.hasOwnProperty.call(yd,o))for(n=yd[o],r=0;r<n.length;)n[r].scope===e?n.splice(r,1):r++;wd()===e&&kd(t||"all")},getPressedKeyCodes:function(){return xd.slice(0)},isPressed:function(e){return"string"==typeof e&&(e=Cd(e)),-1!==xd.indexOf(e)},filter:function(e){var t=e.target||e.srcElement,n=t.tagName,r=!0;return!t.isContentEditable&&("INPUT"!==n&&"TEXTAREA"!==n&&"SELECT"!==n||t.readOnly)||(r=!1),r},unbind:function(e){if(e){if(Array.isArray(e))e.forEach((function(e){e.key&&Ed(e)}));else if("object"==typeof e)e.key&&Ed(e);else if("string"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=n[0],i=n[1];"function"==typeof o&&(i=o,o=""),Ed({key:e,scope:o,method:i,splitKey:"+"})}}else Object.keys(yd).forEach((function(e){return delete yd[e]}))}};for(var Md in Pd)Object.prototype.hasOwnProperty.call(Pd,Md)&&(Sd[Md]=Pd[Md]);if("undefined"!=typeof window){var _d=window.hotkeys;Sd.noConflict=function(e){return e&&window.hotkeys===Sd&&(window.hotkeys=_d),Sd},window.hotkeys=Sd}Sd.filter=function(){return!0};var jd=function(e,t){var n=e.target,r=n&&n.tagName;return Boolean(r&&t&&t.includes(r))};function Vd(e,t,n,r){n instanceof Array&&(r=n,n=void 0);var a=n||{},u=a.enableOnTags,c=a.filter,l=a.keyup,p=a.keydown,f=a.filterPreventDefault,d=void 0===f||f,m=a.enabled,v=void 0===m||m,h=a.enableOnContentEditable,g=void 0!==h&&h,y=o(null),b=s((function(e,n){var r;return c&&!c(e)?!d:!!(jd(e,["INPUT","TEXTAREA","SELECT"])&&!jd(e,u)||null!=(r=e.target)&&r.isContentEditable&&!g)||(null===y.current||document.activeElement===y.current)&&(t(e,n),!0)}),r?[y,u,c].concat(r):[y,u,c]);return i((function(){if(v)return l&&!0!==p&&(n.keydown=!1),Sd(e,n||{},b),function(){Sd.unbind(e,b)}}),[b,e,v]),y}var Dd=function(e){var n=e.name,r=e.url,o=e.icon,i=e.environment,a=e.activeApp,s=o;return t.createElement("a",{href:r[i],target:"_blank",className:ds("neeto-ui-app-switcher-link",{"neeto-ui-app-switcher-link--active":a===n}),rel:"noreferrer","data-test-id":"neetoapp-link-".concat(n),"data-cy":"".concat(n,"-app-link")},t.createElement("div",{className:"neeto-ui-app-switcher-link__row"},t.createElement("div",{className:ds("neeto-ui-app-switcher-link__icon-holder",h({},"gradient--".concat(n.toLowerCase()),n))},s&&t.createElement(s,{color:"white",className:"neeto-ui-app-switcher-link__icon"})),t.createElement(Es,{style:"h4",weight:"semibold",component:"span",className:"neeto-ui-text-gray-600 neeto-ui-app-switcher-link__title"},n),a===n&&t.createElement("span",{className:"neeto-ui-app-switcher-link__check-icon neeto-ui-text-gray-800"},t.createElement(Iu,{size:"22"}))))},Wd=function(e){var n=e.environment,r=e.activeApp,o=e.subdomain,i=e.neetoApps,a=void 0===i?[]:i,s=e.recentApps,u=e.onClose,c=function(e){return[{name:"Desk",icon:cc,description:"Customer support app",url:{development:"http://spinkart.lvh.me:9001",staging:"https://".concat(e,".neetodesk.net"),production:"https://".concat(e,".neetodesk.com")}},{name:"Chat",icon:sc,description:"Customer chat app",url:{development:"http://spinkart.lvh.me:9006",staging:"https://".concat(e,".neetochat.net"),production:"https://".concat(e,".neetochat.com")}},{name:"KB",icon:Oc,description:"Knowledge Base App",url:{development:"http://spinkart.lvh.me:9005/admin",staging:"https://".concat(e,".neetokb.net/admin"),production:"https://".concat(e,".neetokb.com/admin")}},{name:"Form",icon:pc,description:"Form management app",url:{development:"http://spinkart.lvh.me:9004",staging:"https://".concat(e,".neetoform.net"),production:"https://".concat(e,".neetoform.com")}},{name:"Changelog",icon:ic,description:"Changelog management app",url:{development:"http://spinkart.lvh.me:9003",staging:"https://".concat(e,".neetochangelog.net"),production:"https://".concat(e,".neetochangelog.com")}},{name:"Invoice",icon:dc,description:"Invoice management app",url:{development:"http://spinkart.lvh.me:9024",staging:"https://".concat(e,".neetoinvoice.net"),production:"https://".concat(e,".neetoinvoice.com")}},{name:"Analytics",icon:rc,description:"Business Analytics App",url:{development:"http://spinkart.lvh.me:9007",staging:"https://".concat(e,".neetoanalytics.net"),production:"https://".concat(e,".neetoanalytics.com")}},{name:"Engage",icon:pc,description:"Customer Engagement App",url:{development:"http://spinkart.lvh.me:9009",staging:"https://".concat(e,".neetoengage.net"),production:"https://".concat(e,".neetoengage.com")}},{name:"Grow",icon:vc,description:"Business Grow App",url:{development:"http://spinkart.lvh.me:9010",staging:"https://".concat(e,".neetogrow.net"),production:"https://".concat(e,".neetogrow.com")}},{name:"Quiz",icon:Cc,description:"Quiz App",url:{development:"http://spinkart.lvh.me:9011",staging:"https://".concat(e,".neetoquiz.net"),production:"https://".concat(e,".neetoquiz.com")}},{name:"Runner",icon:gc,description:"Interview App",url:{development:"http://spinkart.lvh.me:9012",staging:"https://".concat(e,".neetorunner.net"),production:"https://".concat(e,".neetorunner.com")}},{name:"Planner",icon:pc,description:"Planner App",url:{development:"http://spinkart.lvh.me:9013",staging:"https://".concat(e,".neetoplanner.net"),production:"https://".concat(e,".neetoplanner.com")}},{name:"Replay",icon:wc,description:"Replay App",url:{development:"http://spinkart.lvh.me:9020",staging:"https://".concat(e,".neetoreplay.net"),production:"https://".concat(e,".neetoreplay.com")}},{name:"Wireframe",icon:Lc,description:"Wireframe App",url:{development:"http://spinkart.lvh.me:9021",staging:"https://".concat(e,".neetowireframe.net"),production:"https://".concat(e,".neetowireframe.com")}},{name:"Invisible",icon:bc,description:"Invisible",url:{development:"http://spinkart.lvh.me:9014",staging:"https://".concat(e,".neetoinvisible.net"),production:"https://".concat(e,".neetoinvisible.com")}},{name:"Popups",icon:dc,description:"Popups App",url:{development:"http://spinkart.lvh.me:9021",staging:"https://".concat(e,".neetopopups.net"),production:"https://".concat(e,".neetopopups.com")}},{name:"Store",icon:dc,description:"Store App",url:{development:"http://spinkart.lvh.me:9025",staging:"https://".concat(e,".neetostore.net"),production:"https://".concat(e,".neetostore.com")}},{name:"CRM",icon:dc,description:"CRM App",url:{development:"http://spinkart.lvh.me:9017",staging:"https://".concat(e,".neetocrm.net"),production:"https://".concat(e,".neetocrm.com")}},{name:"Course",icon:dc,description:"Course App",url:{development:"http://spinkart.lvh.me:9016",staging:"https://".concat(e,".neetocourse.net"),production:"https://".concat(e,".neetocourse.com")}},{name:"Hr",icon:dc,description:"Hr App",url:{development:"http://spinkart.lvh.me:9015",staging:"https://".concat(e,".neetohr.net"),production:"https://".concat(e,".neetohr.com")}},{name:"Cal",icon:dc,description:"Calender app",url:{development:"http://spinkart.lvh.me:9026",staging:"https://".concat(e,".neetocal.net"),production:"https://".concat(e,".neetocal.com")}}]}(o),l=[],f=[];a instanceof Array&&a.length>0&&(l=c.filter((function(e){return a.includes(e.name)}))),s instanceof Array&&s.length>0&&(f=c.filter((function(e){return s.includes(e.name)})));var d=p(""),m=y(d,2),v=m[0],h=m[1],g=l.filter((function(e){return e.name.toLowerCase().includes(v.replace(/ /g,"").toLowerCase())}));return t.createElement(t.Fragment,null,t.createElement("div",{className:"neeto-ui-app-switcher__header","data-cy":"app-switcher-body-wrapper"},t.createElement(Uf,{icon:tc,style:"text",iconPosition:"left",label:"Back",onClick:u,"data-cy":"app-switcher-back-button"})),t.createElement("div",{className:"neeto-ui-app-switcher__search-wrapper"},t.createElement(rd,{placeholder:"Search Products",type:"search",suffix:t.createElement(Dc,null),onChange:function(e){return h(e.target.value)},value:v,"data-cy":"app-switcher-search-input"})),0===v.length&&f.length>0&&t.createElement("div",{className:"neeto-ui-app-switcher__body"},t.createElement(Es,{style:"h5",weight:"bold",textTransform:"uppercase",className:"neeto-ui-text-gray-400"},"Recently"),t.createElement("div",{className:"neeto-ui-app-switcher__grid"},f.map((function(e){var o=e.name,i=e.url,a=e.icon;return t.createElement(Dd,{key:o,name:o,url:i,icon:a,environment:n,activeApp:r})})))),t.createElement("div",{className:"neeto-ui-app-switcher__body"},t.createElement(Es,{style:"h5",weight:"bold",textTransform:"uppercase",className:"neeto-ui-text-gray-400"},0===v.length?"All":"Apps"),t.createElement("div",{className:"neeto-ui-app-switcher__grid"},g.length?g.map((function(e){var o=e.name,i=e.url,a=e.icon;return t.createElement(Dd,{key:o,name:o,url:i,icon:a,environment:n,activeApp:r})})):t.createElement(Es,{style:"h4",className:"neeto-ui-text-center neeto-ui-text-gray-400"},"No apps found"))))},Nd=["children"],zd={invisible:{backgroundColor:"#1b1f2300",backdropFilter:of},visible:{backgroundColor:"#1b1f23dd",backdropFilter:af}},Rd=c((function(e,n){var r=e.children,o=g(e,Nd);return t.createElement(Xa.div,v({ref:n,variants:zd,initial:"invisible",animate:"visible",exit:"invisible","data-testid":"neeto-backdrop",transition:{bounce:!1,duration:sf}},o),r)})),$d=function(e){var t=e.children,n=e.rootId,r=void 0===n?"root-portal":n,a=e.el,s=void 0===a?"div":a,u=o(null);return i((function(){var e=document.getElementById(r);return e||((e=document.createElement(s)).setAttribute("id",r),document.body.appendChild(e)),e.appendChild(u.current),function(){u.current.remove(),0===e.childNodes.length&&e.remove()}}),[r]),u.current||(u.current=document.createElement(s)),b(t,u.current)},Hd={exports:{}},Bd=Hd.exports=function(){var e=1e3,t=6e4,n=36e5,r="millisecond",o="second",i="minute",a="hour",s="day",u="week",c="month",l="quarter",p="year",f="date",d="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},g=function(e,t,n){var r=String(e);return!r||r.length>=t?e:""+Array(t+1-r.length).join(n)+e},y={s:g,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),o=n%60;return(t<=0?"+":"-")+g(r,2,"0")+":"+g(o,2,"0")},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),o=t.clone().add(r,c),i=n-o<0,a=t.clone().add(r+(i?-1:1),c);return+(-(r+(n-o)/(i?o-a:a-o))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:c,y:p,w:u,d:s,D:f,h:a,m:i,s:o,ms:r,Q:l}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",x={};x[b]=h;var O=function(e){return e instanceof w},T=function e(t,n,r){var o;if(!t)return b;if("string"==typeof t){var i=t.toLowerCase();x[i]&&(o=i),n&&(x[i]=n,o=i);var a=t.split("-");if(!o&&a.length>1)return e(a[0])}else{var s=t.name;x[s]=t,o=s}return!r&&o&&(b=o),o||!r&&b},C=function(e,t){if(O(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new w(n)},k=y;k.l=T,k.i=O,k.w=function(e,t){return C(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var w=function(){function h(e){this.$L=T(e.locale,null,!0),this.parse(e)}var g=h.prototype;return g.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(null===t)return new Date(NaN);if(k.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var r=t.match(m);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(t)}(e),this.$x=e.x||{},this.init()},g.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},g.$utils=function(){return k},g.isValid=function(){return!(this.$d.toString()===d)},g.isSame=function(e,t){var n=C(e);return this.startOf(t)<=n&&n<=this.endOf(t)},g.isAfter=function(e,t){return C(e)<this.startOf(t)},g.isBefore=function(e,t){return this.endOf(t)<C(e)},g.$g=function(e,t,n){return k.u(e)?this[t]:this.set(n,e)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(e,t){var n=this,r=!!k.u(t)||t,l=k.p(e),d=function(e,t){var o=k.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return r?o:o.endOf(s)},m=function(e,t){return k.w(n.toDate()[e].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},v=this.$W,h=this.$M,g=this.$D,y="set"+(this.$u?"UTC":"");switch(l){case p:return r?d(1,0):d(31,11);case c:return r?d(1,h):d(0,h+1);case u:var b=this.$locale().weekStart||0,x=(v<b?v+7:v)-b;return d(r?g-x:g+(6-x),h);case s:case f:return m(y+"Hours",0);case a:return m(y+"Minutes",1);case i:return m(y+"Seconds",2);case o:return m(y+"Milliseconds",3);default:return this.clone()}},g.endOf=function(e){return this.startOf(e,!1)},g.$set=function(e,t){var n,u=k.p(e),l="set"+(this.$u?"UTC":""),d=(n={},n[s]=l+"Date",n[f]=l+"Date",n[c]=l+"Month",n[p]=l+"FullYear",n[a]=l+"Hours",n[i]=l+"Minutes",n[o]=l+"Seconds",n[r]=l+"Milliseconds",n)[u],m=u===s?this.$D+(t-this.$W):t;if(u===c||u===p){var v=this.clone().set(f,1);v.$d[d](m),v.init(),this.$d=v.set(f,Math.min(this.$D,v.daysInMonth())).$d}else d&&this.$d[d](m);return this.init(),this},g.set=function(e,t){return this.clone().$set(e,t)},g.get=function(e){return this[k.p(e)]()},g.add=function(r,l){var f,d=this;r=Number(r);var m=k.p(l),v=function(e){var t=C(d);return k.w(t.date(t.date()+Math.round(e*r)),d)};if(m===c)return this.set(c,this.$M+r);if(m===p)return this.set(p,this.$y+r);if(m===s)return v(1);if(m===u)return v(7);var h=(f={},f[i]=t,f[a]=n,f[o]=e,f)[m]||1,g=this.$d.getTime()+r*h;return k.w(g,this)},g.subtract=function(e,t){return this.add(-1*e,t)},g.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||d;var r=e||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,a=this.$m,s=this.$M,u=n.weekdays,c=n.months,l=function(e,n,o,i){return e&&(e[n]||e(t,r))||o[n].slice(0,i)},p=function(e){return k.s(i%12||12,e,"0")},f=n.meridiem||function(e,t,n){var r=e<12?"AM":"PM";return n?r.toLowerCase():r},m={YY:String(this.$y).slice(-2),YYYY:this.$y,M:s+1,MM:k.s(s+1,2,"0"),MMM:l(n.monthsShort,s,c,3),MMMM:l(c,s),D:this.$D,DD:k.s(this.$D,2,"0"),d:String(this.$W),dd:l(n.weekdaysMin,this.$W,u,2),ddd:l(n.weekdaysShort,this.$W,u,3),dddd:u[this.$W],H:String(i),HH:k.s(i,2,"0"),h:p(1),hh:p(2),a:f(i,a,!0),A:f(i,a,!1),m:String(a),mm:k.s(a,2,"0"),s:String(this.$s),ss:k.s(this.$s,2,"0"),SSS:k.s(this.$ms,3,"0"),Z:o};return r.replace(v,(function(e,t){return t||m[e]||o.replace(":","")}))},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(r,f,d){var m,v=k.p(f),h=C(r),g=(h.utcOffset()-this.utcOffset())*t,y=this-h,b=k.m(this,h);return b=(m={},m[p]=b/12,m[c]=b,m[l]=b/3,m[u]=(y-g)/6048e5,m[s]=(y-g)/864e5,m[a]=y/n,m[i]=y/t,m[o]=y/e,m)[v]||y,d?b:k.a(b)},g.daysInMonth=function(){return this.endOf(c).$D},g.$locale=function(){return x[this.$L]},g.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=T(e,t,!0);return r&&(n.$L=r),n},g.clone=function(){return k.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},h}(),E=w.prototype;return C.prototype=E,[["$ms",r],["$s",o],["$m",i],["$H",a],["$W",s],["$M",c],["$y",p],["$D",f]].forEach((function(e){E[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),C.extend=function(e,t){return e.$i||(e(t,w,C),e.$i=!0),C},C.locale=T,C.isDayjs=O,C.unix=function(e){return C(1e3*e)},C.en=x[b],C.Ls=x,C.p={},C}(),Id={exports:{}},Fd=Id.exports=function(){var e="minute",t=/[+-]\d\d(?::?\d\d)?/g,n=/([+-]|\d\d)/g;return function(r,o,i){var a=o.prototype;i.utc=function(e){return new o({date:e,utc:!0,args:arguments})},a.utc=function(t){var n=i(this.toDate(),{locale:this.$L,utc:!0});return t?n.add(this.utcOffset(),e):n},a.local=function(){return i(this.toDate(),{locale:this.$L,utc:!1})};var s=a.parse;a.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),s.call(this,e)};var u=a.init;a.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else u.call(this)};var c=a.utcOffset;a.utcOffset=function(r,o){var i=this.$utils().u;if(i(r))return this.$u?0:i(this.$offset)?c.call(this):this.$offset;if("string"==typeof r&&(r=function(e){void 0===e&&(e="");var r=e.match(t);if(!r)return null;var o=(""+r[0]).match(n)||["-",0,0],i=o[0],a=60*+o[1]+ +o[2];return 0===a?0:"+"===i?a:-a}(r),null===r))return this;var a=Math.abs(r)<=16?60*r:r,s=this;if(o)return s.$offset=a,s.$u=0===r,s;if(0!==r){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(s=this.local().add(a+u,e)).$offset=a,s.$x.$localOffset=u}else s=this.utc();return s};var l=a.format;a.format=function(e){var t=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return l.call(this,t)},a.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*e},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var p=a.toDate;a.toDate=function(e){return"s"===e&&this.$offset?i(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():p.call(this)};var f=a.diff;a.diff=function(e,t,n){if(e&&this.$u===e.$u)return f.call(this,e,t,n);var r=this.local(),o=i(e).local();return f.call(r,o,t,n)}}}(),Ud={exports:{}},Yd=Ud.exports=function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,n=this.$W,r=(n<t?n+7:n)-t;return this.$utils().u(e)?r:this.subtract(r,"day").add(e,"day")}},qd={exports:{}},Zd=qd.exports=function(e,t,n){var r=t.prototype,o=function(e){return e&&(e.indexOf?e:e.s)},i=function(e,t,n,r,i){var a=e.name?e:e.$locale(),s=o(a[t]),u=o(a[n]),c=s||u.map((function(e){return e.slice(0,r)}));if(!i)return c;var l=a.weekStart;return c.map((function(e,t){return c[(t+(l||0))%7]}))},a=function(){return n.Ls[n.locale()]},s=function(e,t){return e.formats[t]||function(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}(e.formats[t.toUpperCase()])},u=function(){var e=this;return{months:function(t){return t?t.format("MMMM"):i(e,"months")},monthsShort:function(t){return t?t.format("MMM"):i(e,"monthsShort","months",3)},firstDayOfWeek:function(){return e.$locale().weekStart||0},weekdays:function(t){return t?t.format("dddd"):i(e,"weekdays")},weekdaysMin:function(t){return t?t.format("dd"):i(e,"weekdaysMin","weekdays",2)},weekdaysShort:function(t){return t?t.format("ddd"):i(e,"weekdaysShort","weekdays",3)},longDateFormat:function(t){return s(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return u.bind(this)()},n.localeData=function(){var e=a();return{firstDayOfWeek:function(){return e.weekStart||0},weekdays:function(){return n.weekdays()},weekdaysShort:function(){return n.weekdaysShort()},weekdaysMin:function(){return n.weekdaysMin()},months:function(){return n.months()},monthsShort:function(){return n.monthsShort()},longDateFormat:function(t){return s(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},n.months=function(){return i(a(),"months")},n.monthsShort=function(){return i(a(),"monthsShort","months",3)},n.weekdays=function(e){return i(a(),"weekdays",null,null,e)},n.weekdaysShort=function(e){return i(a(),"weekdaysShort","weekdays",3,e)},n.weekdaysMin=function(e){return i(a(),"weekdaysMin","weekdays",2,e)}};Bd.extend(Yd),Bd.extend(Zd),Bd.extend(Fd);var Xd={open:{x:0,filter:of},closed:{x:-400,filter:af}},Kd={lg:"lg",sm:"sm"},Gd={development:"development",staging:"staging",production:"production"},Jd=function(){var e=window.location.host.split("."),t="";return e.length>=3&&(t=e[0]),t},Qd=["size","isOpen","className","closeOnEsc","closeOnOutsideClick","environment","activeApp","subdomain","neetoApps","recentApps","isSidebarOpen","onClose"],em=function(){},tm=function(e){return"string"==typeof e&&/^[A-Z]\S*$/.test(e)},nm=function(e,t,n){return"Invalid prop `"+t+" -> "+e+"` supplied to"+" `"+n+"`. Validation failed."},rm=function(e){var n,r,a,s=e.size,u=void 0===s?"sm":s,c=e.isOpen,l=e.className,p=void 0===l?"":l,f=e.closeOnEsc,d=void 0===f||f,m=e.closeOnOutsideClick,y=void 0===m||m,b=e.environment,x=e.activeApp,O=e.subdomain,T=void 0===O?"":O,C=e.neetoApps,k=void 0===C?[]:C,w=e.recentApps,E=void 0===w?[]:w,L=e.isSidebarOpen,A=void 0!==L&&L,S=e.onClose,P=void 0===S?em:S,M=g(e,Qd),_=o(),j=o();i((function(){var e=function(e){n.current&&!n.current.contains(e.target)&&(r.current?r.current.contains(e.target)&&a(e):a(e))};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[n=_,r=j,a=y?P:em]),Vd("esc",d?P:em);return i((function(){!function(){if(!x||!tm(x))throw new Error("Value of activeApp prop of AppSwitcher component is ".concat(x,", it is not matching the expected format. Please refer docs for more info"))}()}),[x]),i((function(){!function(){if(Gd[b]&&!Array.isArray(k))throw new Error("Value of neetoApps prop of AppSwitcher component is ".concat(k,", it should be an array instead"))}()}),[k]),t.createElement($d,{rootId:"neeto-ui-portal"},t.createElement(ts,null,c&&t.createElement(Rd,{ref:j,key:"switcher-backdrop",className:ds("neeto-ui-app-switcher__backdrop",{"neeto-ui-app-switcher__backdrop--expanded":A})},t.createElement(Xa.div,v({variants:Xd,initial:"closed",animate:"open",exit:"closed",transition:{bounce:!1,duration:sf},ref:_,key:"switcher-wrapper","data-cy":"switcher-wrapper",className:ds("neeto-ui-app-switcher__wrapper",h({"neeto-ui-app-switcher__wrapper-size--sm":u===Kd.sm,"neeto-ui-app-switcher__wrapper-size--lg":u===Kd.lg},p,p))},M),t.createElement(Wd,{onClose:P,environment:b,activeApp:x,subdomain:T||Jd()||"spinkart",neetoApps:k,recentApps:E})))))};rm.propTypes={size:ms.exports.oneOf(Object.values(Kd)),isOpen:ms.exports.bool,onClose:ms.exports.func,className:ms.exports.string,closeOnEsc:ms.exports.bool,closeOnOutsideClick:ms.exports.bool,activeApp:ms.exports.oneOfType([function(e,t,n){var r=e[t];if(!tm(r))return new Error(nm(r,t,n))}]).isRequired,subdomain:ms.exports.string,neetoApps:ms.exports.arrayOf((function(e,t,n,r,o){var i=e[t];if(!tm(i))return new Error(nm(i,o,n))})).isRequired,recentApps:ms.exports.arrayOf(ms.exports.string),environment:ms.exports.oneOf(Object.values(Gd)).isRequired};var om=["url","icon","label","count","active","onEdit","onClick","className"],im=function(){},am=function(e){var n=e.url,r=e.icon,o=e.label,i=e.count,a=e.active,s=void 0!==a&&a,u=e.onEdit,c=e.onClick,l=void 0===c?im:c,p=e.className,f=g(e,om),d=n?C:function(e){return t.createElement("button",e)};return t.createElement(d,{to:n,className:ds("neeto-ui-menubar__block",h({"neeto-ui-menubar__block--editable":u,"neeto-ui-menubar__block--active":s},p,p)),onClick:l,"data-cy":f["data-cy"]||Gf(o)},t.createElement("div",{className:"neeto-ui-menubar__block-label"},r&&t.createElement("i",{className:"neeto-ui-menubar__block-icon"},r),t.createElement(Es,{title:o,component:"span",style:"h5",weight:"medium"},o)),Number.isInteger(i)&&t.createElement("div",{onClick:function(e){e.stopPropagation(),u&&u()}},t.createElement(Es,{component:"span",style:"h5",weight:"medium"},i)))};am.propTypes={url:ms.exports.string,icon:ms.exports.node,label:ms.exports.string,count:ms.exports.number,active:ms.exports.bool,onEdit:ms.exports.func,onClick:ms.exports.func,className:ms.exports.string};var sm=["label","description","active","className"],um=function(e){var n=e.label,r=void 0===n?"":n,o=e.description,i=void 0===o?"":o,a=e.active,s=void 0!==a&&a,u=e.className,c=void 0===u?"":u,l=g(e,sm);return t.createElement("button",v({className:ds("neeto-ui-menubar__item",h({"neeto-ui-menubar__item--active":s},c,c))},l),t.createElement(Es,{component:"h5",style:"h4",className:"neeto-ui-menubar__item-header"},r),t.createElement(Es,{style:"body3",className:"neeto-ui-menubar__item-desc"},i))};um.propTypes={label:ms.exports.string,description:ms.exports.string,active:ms.exports.bool,className:ms.exports.string};var cm=["children","iconProps"],lm=function(e){var n=e.children,r=e.iconProps,o=g(e,cm);return t.createElement("div",{"data-cy":o["data-cy"]||"menubar-subtitle-heading",className:"neeto-ui-menubar__subtitle"},n,t.createElement("div",{className:"neeto-ui-menubar__subtitle-actions"},r&&r.map((function(e,n){return t.createElement(Uf,v({style:"text",size:"large",key:n},e))}))))};lm.propTypes={children:ms.exports.node,iconProps:ms.exports.arrayOf(ms.exports.shape(Uf.propTypes))};var pm=["collapse","onCollapse"];function fm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fm(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var mm=function(e){var n=e.collapse,r=void 0===n||n,o=e.onCollapse,i=g(e,pm);return!r&&t.createElement("div",{className:"neeto-ui-menubar__search"},t.createElement(rd,v({type:"search",placeholder:"Search",prefix:t.createElement(Dc,null)},i)),t.createElement(Uf,{size:"large",style:"text",icon:Uu,onClick:o}))};mm.propTypes=dm(dm({},rd.propTypes),{},{collapse:ms.exports.bool,onCollapse:ms.exports.func});var vm=["label","onClick"],hm=function(e){var n=e.label,r=void 0===n?"":n,o=e.onClick,i=g(e,vm);return t.createElement("div",v({className:"neeto-ui-menubar__add-new-wrap"},i),t.createElement(Uf,{label:r,style:"link",icon:Sc,iconPosition:"left",iconSize:16,onClick:o}))};hm.propTypes={label:ms.exports.string};var gm={open:{width:324},collapsed:{width:0}},ym=.3,bm=["title","children","showMenu","className"],xm=function(e){var n=e.title,r=void 0===n?"":n,o=e.children,i=e.showMenu,a=void 0!==i&&i,s=e.className,u=void 0===s?"":s,c=g(e,bm);return t.createElement(ts,null,a&&t.createElement(Xa.div,{initial:"collapsed",animate:"open",exit:"collapsed",variants:gm,transition:{duration:ym},className:ds("neeto-ui-menubar__wrapper",h({},u,u))},t.createElement("div",{className:"neeto-ui-menubar__container"},r&&t.createElement(Es,{lineHeight:"tight",style:"h2",weight:"semibold","data-cy":c["data-cy"]||"menubar-heading",className:"neeto-ui-text-gray-800 neeto-ui-menubar__title"},r),o)))};xm.Block=am,xm.Item=um,xm.SubTitle=lm,xm.Search=mm,xm.AddNew=hm,xm.propTypes={title:ms.exports.node,children:ms.exports.oneOfType([ms.exports.arrayOf(ms.exports.node),ms.exports.node]),showMenu:ms.exports.bool,className:ms.exports.string};export{rm as AppSwitcher,ad as Container,od as Header,xm as MenuBar,cd as Scrollable,zf as Sidebar,id as SubHeader};
|
|
34
|
+
var ld="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>0;function pd(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on".concat(t),(function(){n(window.event)}))}function fd(e,t){for(var n=t.slice(0,t.length-1),r=0;r<n.length;r++)n[r]=e[n[r].toLowerCase()];return n}function dd(e){"string"!=typeof e&&(e="");for(var t=(e=e.replace(/\s/g,"")).split(","),n=t.lastIndexOf("");n>=0;)t[n-1]+=",",t.splice(n,1),n=t.lastIndexOf("");return t}for(var md={backspace:8,tab:9,clear:12,enter:13,return:13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,delete:46,ins:45,insert:45,home:36,end:35,pageup:33,pagedown:34,capslock:20,num_0:96,num_1:97,num_2:98,num_3:99,num_4:100,num_5:101,num_6:102,num_7:103,num_8:104,num_9:105,num_multiply:106,num_add:107,num_enter:108,num_subtract:109,num_decimal:110,num_divide:111,"⇪":20,",":188,".":190,"/":191,"`":192,"-":ld?173:189,"=":ld?61:187,";":ld?59:186,"'":222,"[":219,"]":221,"\\":220},vd={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,cmd:91,command:91},hd={16:"shiftKey",18:"altKey",17:"ctrlKey",91:"metaKey",shiftKey:16,ctrlKey:17,altKey:18,metaKey:91},gd={16:!1,18:!1,17:!1,91:!1},yd={},bd=1;bd<20;bd++)md["f".concat(bd)]=111+bd;var xd=[],Od="all",Td=[],Cd=function(e){return md[e.toLowerCase()]||vd[e.toLowerCase()]||e.toUpperCase().charCodeAt(0)};function kd(e){Od=e||"all"}function wd(){return Od||"all"}var Ed=function(e){var t=e.key,n=e.scope,r=e.method,o=e.splitKey,i=void 0===o?"+":o;dd(t).forEach((function(e){var t=e.split(i),o=t.length,a=t[o-1],s="*"===a?"*":Cd(a);if(yd[s]){n||(n=wd());var u=o>1?fd(vd,t):[];yd[s]=yd[s].map((function(e){return(!r||e.method===r)&&e.scope===n&&function(e,t){for(var n=e.length>=t.length?e:t,r=e.length>=t.length?t:e,o=!0,i=0;i<n.length;i++)-1===r.indexOf(n[i])&&(o=!1);return o}(e.mods,u)?{}:e}))}}))};function Ld(e,t,n){var r;if(t.scope===n||"all"===t.scope){for(var o in r=t.mods.length>0,gd)Object.prototype.hasOwnProperty.call(gd,o)&&(!gd[o]&&t.mods.indexOf(+o)>-1||gd[o]&&-1===t.mods.indexOf(+o))&&(r=!1);(0!==t.mods.length||gd[16]||gd[18]||gd[17]||gd[91])&&!r&&"*"!==t.shortcut||!1===t.method(e,t)&&(e.preventDefault?e.preventDefault():e.returnValue=!1,e.stopPropagation&&e.stopPropagation(),e.cancelBubble&&(e.cancelBubble=!0))}}function Ad(e){var t=yd["*"],n=e.keyCode||e.which||e.charCode;if(Sd.filter.call(this,e)){if(93!==n&&224!==n||(n=91),-1===xd.indexOf(n)&&229!==n&&xd.push(n),["ctrlKey","altKey","shiftKey","metaKey"].forEach((function(t){var n=hd[t];e[t]&&-1===xd.indexOf(n)?xd.push(n):!e[t]&&xd.indexOf(n)>-1?xd.splice(xd.indexOf(n),1):"metaKey"===t&&e[t]&&3===xd.length&&(e.ctrlKey||e.shiftKey||e.altKey||(xd=xd.slice(xd.indexOf(n))))})),n in gd){for(var r in gd[n]=!0,vd)vd[r]===n&&(Sd[r]=!0);if(!t)return}for(var o in gd)Object.prototype.hasOwnProperty.call(gd,o)&&(gd[o]=e[hd[o]]);e.getModifierState&&(!e.altKey||e.ctrlKey)&&e.getModifierState("AltGraph")&&(-1===xd.indexOf(17)&&xd.push(17),-1===xd.indexOf(18)&&xd.push(18),gd[17]=!0,gd[18]=!0);var i=wd();if(t)for(var a=0;a<t.length;a++)t[a].scope===i&&("keydown"===e.type&&t[a].keydown||"keyup"===e.type&&t[a].keyup)&&Ld(e,t[a],i);if(n in yd)for(var s=0;s<yd[n].length;s++)if(("keydown"===e.type&&yd[n][s].keydown||"keyup"===e.type&&yd[n][s].keyup)&&yd[n][s].key){for(var u=yd[n][s],c=u.splitKey,l=u.key.split(c),p=[],f=0;f<l.length;f++)p.push(Cd(l[f]));p.sort().join("")===xd.sort().join("")&&Ld(e,u,i)}}}function Sd(e,t,n){xd=[];var r=dd(e),o=[],i="all",a=document,s=0,u=!1,c=!0,l="+";for(void 0===n&&"function"==typeof t&&(n=t),"[object Object]"===Object.prototype.toString.call(t)&&(t.scope&&(i=t.scope),t.element&&(a=t.element),t.keyup&&(u=t.keyup),void 0!==t.keydown&&(c=t.keydown),"string"==typeof t.splitKey&&(l=t.splitKey)),"string"==typeof t&&(i=t);s<r.length;s++)o=[],(e=r[s].split(l)).length>1&&(o=fd(vd,e)),(e="*"===(e=e[e.length-1])?"*":Cd(e))in yd||(yd[e]=[]),yd[e].push({keyup:u,keydown:c,scope:i,mods:o,shortcut:r[s],method:n,key:r[s],splitKey:l});void 0!==a&&!function(e){return Td.indexOf(e)>-1}(a)&&window&&(Td.push(a),pd(a,"keydown",(function(e){Ad(e)})),pd(window,"focus",(function(){xd=[]})),pd(a,"keyup",(function(e){Ad(e),function(e){var t=e.keyCode||e.which||e.charCode,n=xd.indexOf(t);if(n>=0&&xd.splice(n,1),e.key&&"meta"===e.key.toLowerCase()&&xd.splice(0,xd.length),93!==t&&224!==t||(t=91),t in gd)for(var r in gd[t]=!1,vd)vd[r]===t&&(Sd[r]=!1)}(e)})))}var Pd={setScope:kd,getScope:wd,deleteScope:function(e,t){var n,r;for(var o in e||(e=wd()),yd)if(Object.prototype.hasOwnProperty.call(yd,o))for(n=yd[o],r=0;r<n.length;)n[r].scope===e?n.splice(r,1):r++;wd()===e&&kd(t||"all")},getPressedKeyCodes:function(){return xd.slice(0)},isPressed:function(e){return"string"==typeof e&&(e=Cd(e)),-1!==xd.indexOf(e)},filter:function(e){var t=e.target||e.srcElement,n=t.tagName,r=!0;return!t.isContentEditable&&("INPUT"!==n&&"TEXTAREA"!==n&&"SELECT"!==n||t.readOnly)||(r=!1),r},unbind:function(e){if(e){if(Array.isArray(e))e.forEach((function(e){e.key&&Ed(e)}));else if("object"==typeof e)e.key&&Ed(e);else if("string"==typeof e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=n[0],i=n[1];"function"==typeof o&&(i=o,o=""),Ed({key:e,scope:o,method:i,splitKey:"+"})}}else Object.keys(yd).forEach((function(e){return delete yd[e]}))}};for(var Md in Pd)Object.prototype.hasOwnProperty.call(Pd,Md)&&(Sd[Md]=Pd[Md]);if("undefined"!=typeof window){var _d=window.hotkeys;Sd.noConflict=function(e){return e&&window.hotkeys===Sd&&(window.hotkeys=_d),Sd},window.hotkeys=Sd}Sd.filter=function(){return!0};var jd=function(e,t){var n=e.target,r=n&&n.tagName;return Boolean(r&&t&&t.includes(r))};function Vd(e,t,n,r){n instanceof Array&&(r=n,n=void 0);var a=n||{},u=a.enableOnTags,c=a.filter,l=a.keyup,p=a.keydown,f=a.filterPreventDefault,d=void 0===f||f,m=a.enabled,v=void 0===m||m,h=a.enableOnContentEditable,g=void 0!==h&&h,y=o(null),b=s((function(e,n){var r;return c&&!c(e)?!d:!!(jd(e,["INPUT","TEXTAREA","SELECT"])&&!jd(e,u)||null!=(r=e.target)&&r.isContentEditable&&!g)||(null===y.current||document.activeElement===y.current)&&(t(e,n),!0)}),r?[y,u,c].concat(r):[y,u,c]);return i((function(){if(v)return l&&!0!==p&&(n.keydown=!1),Sd(e,n||{},b),function(){Sd.unbind(e,b)}}),[b,e,v]),y}var Dd=function(e){var n=e.name,r=e.url,o=e.icon,i=e.environment,a=e.activeApp,s=o;return t.createElement("a",{href:r[i],target:"_blank",className:ds("neeto-ui-app-switcher-link",{"neeto-ui-app-switcher-link--active":a===n}),rel:"noreferrer","data-test-id":"neetoapp-link-".concat(n),"data-cy":"".concat(n,"-app-link")},t.createElement("div",{className:"neeto-ui-app-switcher-link__row"},t.createElement("div",{className:ds("neeto-ui-app-switcher-link__icon-holder",h({},"gradient--".concat(n.toLowerCase()),n))},s&&t.createElement(s,{color:"white",className:"neeto-ui-app-switcher-link__icon"})),t.createElement(Es,{style:"h4",weight:"semibold",component:"span",className:"neeto-ui-text-gray-600 neeto-ui-app-switcher-link__title"},n),a===n&&t.createElement("span",{className:"neeto-ui-app-switcher-link__check-icon neeto-ui-text-gray-800"},t.createElement(Iu,{size:"22"}))))},Wd=function(e){var n=e.environment,r=e.activeApp,o=e.subdomain,i=e.neetoApps,a=void 0===i?[]:i,s=e.recentApps,u=e.onClose,c=function(e){return[{name:"Desk",icon:cc,description:"Customer support app",url:{development:"http://spinkart.lvh.me:9001",staging:"https://".concat(e,".neetodesk.net"),production:"https://".concat(e,".neetodesk.com")}},{name:"Chat",icon:sc,description:"Customer chat app",url:{development:"http://spinkart.lvh.me:9006",staging:"https://".concat(e,".neetochat.net"),production:"https://".concat(e,".neetochat.com")}},{name:"KB",icon:Oc,description:"Knowledge Base App",url:{development:"http://spinkart.lvh.me:9005/admin",staging:"https://".concat(e,".neetokb.net/admin"),production:"https://".concat(e,".neetokb.com/admin")}},{name:"Form",icon:pc,description:"Form management app",url:{development:"http://spinkart.lvh.me:9004",staging:"https://".concat(e,".neetoform.net"),production:"https://".concat(e,".neetoform.com")}},{name:"Changelog",icon:ic,description:"Changelog management app",url:{development:"http://spinkart.lvh.me:9003",staging:"https://".concat(e,".neetochangelog.net"),production:"https://".concat(e,".neetochangelog.com")}},{name:"Invoice",icon:dc,description:"Invoice management app",url:{development:"http://spinkart.lvh.me:9024",staging:"https://".concat(e,".neetoinvoice.net"),production:"https://".concat(e,".neetoinvoice.com")}},{name:"Analytics",icon:rc,description:"Business Analytics App",url:{development:"http://spinkart.lvh.me:9007",staging:"https://".concat(e,".neetoanalytics.net"),production:"https://".concat(e,".neetoanalytics.com")}},{name:"Engage",icon:pc,description:"Customer Engagement App",url:{development:"http://spinkart.lvh.me:9009",staging:"https://".concat(e,".neetoengage.net"),production:"https://".concat(e,".neetoengage.com")}},{name:"Grow",icon:vc,description:"Business Grow App",url:{development:"http://spinkart.lvh.me:9010",staging:"https://".concat(e,".neetogrow.net"),production:"https://".concat(e,".neetogrow.com")}},{name:"Quiz",icon:Cc,description:"Quiz App",url:{development:"http://spinkart.lvh.me:9011",staging:"https://".concat(e,".neetoquiz.net"),production:"https://".concat(e,".neetoquiz.com")}},{name:"Runner",icon:gc,description:"Interview App",url:{development:"http://spinkart.lvh.me:9012",staging:"https://".concat(e,".neetorunner.net"),production:"https://".concat(e,".neetorunner.com")}},{name:"Planner",icon:pc,description:"Planner App",url:{development:"http://spinkart.lvh.me:9013",staging:"https://".concat(e,".neetoplanner.net"),production:"https://".concat(e,".neetoplanner.com")}},{name:"Replay",icon:wc,description:"Replay App",url:{development:"http://spinkart.lvh.me:9020",staging:"https://".concat(e,".neetoreplay.net"),production:"https://".concat(e,".neetoreplay.com")}},{name:"Wireframe",icon:Lc,description:"Wireframe App",url:{development:"http://spinkart.lvh.me:9021",staging:"https://".concat(e,".neetowireframe.net"),production:"https://".concat(e,".neetowireframe.com")}},{name:"Invisible",icon:bc,description:"Invisible",url:{development:"http://spinkart.lvh.me:9014",staging:"https://".concat(e,".neetoinvisible.net"),production:"https://".concat(e,".neetoinvisible.com")}},{name:"Popups",icon:dc,description:"Popups App",url:{development:"http://spinkart.lvh.me:9021",staging:"https://".concat(e,".neetopopups.net"),production:"https://".concat(e,".neetopopups.com")}},{name:"Store",icon:dc,description:"Store App",url:{development:"http://spinkart.lvh.me:9025",staging:"https://".concat(e,".neetostore.net"),production:"https://".concat(e,".neetostore.com")}},{name:"CRM",icon:dc,description:"CRM App",url:{development:"http://spinkart.lvh.me:9017",staging:"https://".concat(e,".neetocrm.net"),production:"https://".concat(e,".neetocrm.com")}},{name:"Course",icon:dc,description:"Course App",url:{development:"http://spinkart.lvh.me:9016",staging:"https://".concat(e,".neetocourse.net"),production:"https://".concat(e,".neetocourse.com")}},{name:"Hr",icon:dc,description:"Hr App",url:{development:"http://spinkart.lvh.me:9015",staging:"https://".concat(e,".neetohr.net"),production:"https://".concat(e,".neetohr.com")}},{name:"Cal",icon:dc,description:"Calender app",url:{development:"http://spinkart.lvh.me:9026",staging:"https://".concat(e,".neetocal.net"),production:"https://".concat(e,".neetocal.com")}},{name:"Testify",icon:dc,description:"Test management app",url:{development:"http://spinkart.lvh.me:9027",staging:"https://".concat(e,".neetotestify.net"),production:"https://".concat(e,".neetotestify.com")}},{name:"Site",icon:dc,description:"Site Builder App",url:{development:"http://spinkart.lvh.me:9028",staging:"https://".concat(e,".neetosite.net"),production:"https://".concat(e,".neetosite.com")}}]}(o),l=[],f=[];a instanceof Array&&a.length>0&&(l=c.filter((function(e){return a.includes(e.name)}))),s instanceof Array&&s.length>0&&(f=c.filter((function(e){return s.includes(e.name)})));var d=p(""),m=y(d,2),v=m[0],h=m[1],g=l.filter((function(e){return e.name.toLowerCase().includes(v.replace(/ /g,"").toLowerCase())}));return t.createElement(t.Fragment,null,t.createElement("div",{className:"neeto-ui-app-switcher__header","data-cy":"app-switcher-body-wrapper"},t.createElement(Uf,{icon:tc,style:"text",iconPosition:"left",label:"Back",onClick:u,"data-cy":"app-switcher-back-button"})),t.createElement("div",{className:"neeto-ui-app-switcher__search-wrapper"},t.createElement(rd,{placeholder:"Search Products",type:"search",suffix:t.createElement(Dc,null),onChange:function(e){return h(e.target.value)},value:v,"data-cy":"app-switcher-search-input"})),0===v.length&&f.length>0&&t.createElement("div",{className:"neeto-ui-app-switcher__body"},t.createElement(Es,{style:"h5",weight:"bold",textTransform:"uppercase",className:"neeto-ui-text-gray-400"},"Recently"),t.createElement("div",{className:"neeto-ui-app-switcher__grid"},f.map((function(e){var o=e.name,i=e.url,a=e.icon;return t.createElement(Dd,{key:o,name:o,url:i,icon:a,environment:n,activeApp:r})})))),t.createElement("div",{className:"neeto-ui-app-switcher__body"},t.createElement(Es,{style:"h5",weight:"bold",textTransform:"uppercase",className:"neeto-ui-text-gray-400"},0===v.length?"All":"Apps"),t.createElement("div",{className:"neeto-ui-app-switcher__grid"},g.length?g.map((function(e){var o=e.name,i=e.url,a=e.icon;return t.createElement(Dd,{key:o,name:o,url:i,icon:a,environment:n,activeApp:r})})):t.createElement(Es,{style:"h4",className:"neeto-ui-text-center neeto-ui-text-gray-400"},"No apps found"))))},Nd=["children"],zd={invisible:{backgroundColor:"#1b1f2300",backdropFilter:of},visible:{backgroundColor:"#1b1f23dd",backdropFilter:af}},Rd=c((function(e,n){var r=e.children,o=g(e,Nd);return t.createElement(Xa.div,v({ref:n,variants:zd,initial:"invisible",animate:"visible",exit:"invisible","data-testid":"neeto-backdrop",transition:{bounce:!1,duration:sf}},o),r)})),$d=function(e){var t=e.children,n=e.rootId,r=void 0===n?"root-portal":n,a=e.el,s=void 0===a?"div":a,u=o(null);return i((function(){var e=document.getElementById(r);return e||((e=document.createElement(s)).setAttribute("id",r),document.body.appendChild(e)),e.appendChild(u.current),function(){u.current.remove(),0===e.childNodes.length&&e.remove()}}),[r]),u.current||(u.current=document.createElement(s)),b(t,u.current)},Hd={exports:{}},Bd=Hd.exports=function(){var e=1e3,t=6e4,n=36e5,r="millisecond",o="second",i="minute",a="hour",s="day",u="week",c="month",l="quarter",p="year",f="date",d="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},g=function(e,t,n){var r=String(e);return!r||r.length>=t?e:""+Array(t+1-r.length).join(n)+e},y={s:g,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),o=n%60;return(t<=0?"+":"-")+g(r,2,"0")+":"+g(o,2,"0")},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),o=t.clone().add(r,c),i=n-o<0,a=t.clone().add(r+(i?-1:1),c);return+(-(r+(n-o)/(i?o-a:a-o))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:c,y:p,w:u,d:s,D:f,h:a,m:i,s:o,ms:r,Q:l}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",x={};x[b]=h;var O=function(e){return e instanceof w},T=function e(t,n,r){var o;if(!t)return b;if("string"==typeof t){var i=t.toLowerCase();x[i]&&(o=i),n&&(x[i]=n,o=i);var a=t.split("-");if(!o&&a.length>1)return e(a[0])}else{var s=t.name;x[s]=t,o=s}return!r&&o&&(b=o),o||!r&&b},C=function(e,t){if(O(e))return e.clone();var n="object"==typeof t?t:{};return n.date=e,n.args=arguments,new w(n)},k=y;k.l=T,k.i=O,k.w=function(e,t){return C(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var w=function(){function h(e){this.$L=T(e.locale,null,!0),this.parse(e)}var g=h.prototype;return g.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(null===t)return new Date(NaN);if(k.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var r=t.match(m);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(t)}(e),this.$x=e.x||{},this.init()},g.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},g.$utils=function(){return k},g.isValid=function(){return!(this.$d.toString()===d)},g.isSame=function(e,t){var n=C(e);return this.startOf(t)<=n&&n<=this.endOf(t)},g.isAfter=function(e,t){return C(e)<this.startOf(t)},g.isBefore=function(e,t){return this.endOf(t)<C(e)},g.$g=function(e,t,n){return k.u(e)?this[t]:this.set(n,e)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(e,t){var n=this,r=!!k.u(t)||t,l=k.p(e),d=function(e,t){var o=k.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return r?o:o.endOf(s)},m=function(e,t){return k.w(n.toDate()[e].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},v=this.$W,h=this.$M,g=this.$D,y="set"+(this.$u?"UTC":"");switch(l){case p:return r?d(1,0):d(31,11);case c:return r?d(1,h):d(0,h+1);case u:var b=this.$locale().weekStart||0,x=(v<b?v+7:v)-b;return d(r?g-x:g+(6-x),h);case s:case f:return m(y+"Hours",0);case a:return m(y+"Minutes",1);case i:return m(y+"Seconds",2);case o:return m(y+"Milliseconds",3);default:return this.clone()}},g.endOf=function(e){return this.startOf(e,!1)},g.$set=function(e,t){var n,u=k.p(e),l="set"+(this.$u?"UTC":""),d=(n={},n[s]=l+"Date",n[f]=l+"Date",n[c]=l+"Month",n[p]=l+"FullYear",n[a]=l+"Hours",n[i]=l+"Minutes",n[o]=l+"Seconds",n[r]=l+"Milliseconds",n)[u],m=u===s?this.$D+(t-this.$W):t;if(u===c||u===p){var v=this.clone().set(f,1);v.$d[d](m),v.init(),this.$d=v.set(f,Math.min(this.$D,v.daysInMonth())).$d}else d&&this.$d[d](m);return this.init(),this},g.set=function(e,t){return this.clone().$set(e,t)},g.get=function(e){return this[k.p(e)]()},g.add=function(r,l){var f,d=this;r=Number(r);var m=k.p(l),v=function(e){var t=C(d);return k.w(t.date(t.date()+Math.round(e*r)),d)};if(m===c)return this.set(c,this.$M+r);if(m===p)return this.set(p,this.$y+r);if(m===s)return v(1);if(m===u)return v(7);var h=(f={},f[i]=t,f[a]=n,f[o]=e,f)[m]||1,g=this.$d.getTime()+r*h;return k.w(g,this)},g.subtract=function(e,t){return this.add(-1*e,t)},g.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||d;var r=e||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,a=this.$m,s=this.$M,u=n.weekdays,c=n.months,l=function(e,n,o,i){return e&&(e[n]||e(t,r))||o[n].slice(0,i)},p=function(e){return k.s(i%12||12,e,"0")},f=n.meridiem||function(e,t,n){var r=e<12?"AM":"PM";return n?r.toLowerCase():r},m={YY:String(this.$y).slice(-2),YYYY:this.$y,M:s+1,MM:k.s(s+1,2,"0"),MMM:l(n.monthsShort,s,c,3),MMMM:l(c,s),D:this.$D,DD:k.s(this.$D,2,"0"),d:String(this.$W),dd:l(n.weekdaysMin,this.$W,u,2),ddd:l(n.weekdaysShort,this.$W,u,3),dddd:u[this.$W],H:String(i),HH:k.s(i,2,"0"),h:p(1),hh:p(2),a:f(i,a,!0),A:f(i,a,!1),m:String(a),mm:k.s(a,2,"0"),s:String(this.$s),ss:k.s(this.$s,2,"0"),SSS:k.s(this.$ms,3,"0"),Z:o};return r.replace(v,(function(e,t){return t||m[e]||o.replace(":","")}))},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(r,f,d){var m,v=k.p(f),h=C(r),g=(h.utcOffset()-this.utcOffset())*t,y=this-h,b=k.m(this,h);return b=(m={},m[p]=b/12,m[c]=b,m[l]=b/3,m[u]=(y-g)/6048e5,m[s]=(y-g)/864e5,m[a]=y/n,m[i]=y/t,m[o]=y/e,m)[v]||y,d?b:k.a(b)},g.daysInMonth=function(){return this.endOf(c).$D},g.$locale=function(){return x[this.$L]},g.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=T(e,t,!0);return r&&(n.$L=r),n},g.clone=function(){return k.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},h}(),E=w.prototype;return C.prototype=E,[["$ms",r],["$s",o],["$m",i],["$H",a],["$W",s],["$M",c],["$y",p],["$D",f]].forEach((function(e){E[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),C.extend=function(e,t){return e.$i||(e(t,w,C),e.$i=!0),C},C.locale=T,C.isDayjs=O,C.unix=function(e){return C(1e3*e)},C.en=x[b],C.Ls=x,C.p={},C}(),Id={exports:{}},Fd=Id.exports=function(){var e="minute",t=/[+-]\d\d(?::?\d\d)?/g,n=/([+-]|\d\d)/g;return function(r,o,i){var a=o.prototype;i.utc=function(e){return new o({date:e,utc:!0,args:arguments})},a.utc=function(t){var n=i(this.toDate(),{locale:this.$L,utc:!0});return t?n.add(this.utcOffset(),e):n},a.local=function(){return i(this.toDate(),{locale:this.$L,utc:!1})};var s=a.parse;a.parse=function(e){e.utc&&(this.$u=!0),this.$utils().u(e.$offset)||(this.$offset=e.$offset),s.call(this,e)};var u=a.init;a.init=function(){if(this.$u){var e=this.$d;this.$y=e.getUTCFullYear(),this.$M=e.getUTCMonth(),this.$D=e.getUTCDate(),this.$W=e.getUTCDay(),this.$H=e.getUTCHours(),this.$m=e.getUTCMinutes(),this.$s=e.getUTCSeconds(),this.$ms=e.getUTCMilliseconds()}else u.call(this)};var c=a.utcOffset;a.utcOffset=function(r,o){var i=this.$utils().u;if(i(r))return this.$u?0:i(this.$offset)?c.call(this):this.$offset;if("string"==typeof r&&(r=function(e){void 0===e&&(e="");var r=e.match(t);if(!r)return null;var o=(""+r[0]).match(n)||["-",0,0],i=o[0],a=60*+o[1]+ +o[2];return 0===a?0:"+"===i?a:-a}(r),null===r))return this;var a=Math.abs(r)<=16?60*r:r,s=this;if(o)return s.$offset=a,s.$u=0===r,s;if(0!==r){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(s=this.local().add(a+u,e)).$offset=a,s.$x.$localOffset=u}else s=this.utc();return s};var l=a.format;a.format=function(e){var t=e||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return l.call(this,t)},a.valueOf=function(){var e=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*e},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var p=a.toDate;a.toDate=function(e){return"s"===e&&this.$offset?i(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():p.call(this)};var f=a.diff;a.diff=function(e,t,n){if(e&&this.$u===e.$u)return f.call(this,e,t,n);var r=this.local(),o=i(e).local();return f.call(r,o,t,n)}}}(),Ud={exports:{}},Yd=Ud.exports=function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,n=this.$W,r=(n<t?n+7:n)-t;return this.$utils().u(e)?r:this.subtract(r,"day").add(e,"day")}},qd={exports:{}},Zd=qd.exports=function(e,t,n){var r=t.prototype,o=function(e){return e&&(e.indexOf?e:e.s)},i=function(e,t,n,r,i){var a=e.name?e:e.$locale(),s=o(a[t]),u=o(a[n]),c=s||u.map((function(e){return e.slice(0,r)}));if(!i)return c;var l=a.weekStart;return c.map((function(e,t){return c[(t+(l||0))%7]}))},a=function(){return n.Ls[n.locale()]},s=function(e,t){return e.formats[t]||function(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}(e.formats[t.toUpperCase()])},u=function(){var e=this;return{months:function(t){return t?t.format("MMMM"):i(e,"months")},monthsShort:function(t){return t?t.format("MMM"):i(e,"monthsShort","months",3)},firstDayOfWeek:function(){return e.$locale().weekStart||0},weekdays:function(t){return t?t.format("dddd"):i(e,"weekdays")},weekdaysMin:function(t){return t?t.format("dd"):i(e,"weekdaysMin","weekdays",2)},weekdaysShort:function(t){return t?t.format("ddd"):i(e,"weekdaysShort","weekdays",3)},longDateFormat:function(t){return s(e.$locale(),t)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return u.bind(this)()},n.localeData=function(){var e=a();return{firstDayOfWeek:function(){return e.weekStart||0},weekdays:function(){return n.weekdays()},weekdaysShort:function(){return n.weekdaysShort()},weekdaysMin:function(){return n.weekdaysMin()},months:function(){return n.months()},monthsShort:function(){return n.monthsShort()},longDateFormat:function(t){return s(e,t)},meridiem:e.meridiem,ordinal:e.ordinal}},n.months=function(){return i(a(),"months")},n.monthsShort=function(){return i(a(),"monthsShort","months",3)},n.weekdays=function(e){return i(a(),"weekdays",null,null,e)},n.weekdaysShort=function(e){return i(a(),"weekdaysShort","weekdays",3,e)},n.weekdaysMin=function(e){return i(a(),"weekdaysMin","weekdays",2,e)}};Bd.extend(Yd),Bd.extend(Zd),Bd.extend(Fd);var Xd={open:{x:0,filter:of},closed:{x:-400,filter:af}},Kd={lg:"lg",sm:"sm"},Gd={development:"development",staging:"staging",production:"production"},Jd=function(){var e=window.location.host.split("."),t="";return e.length>=3&&(t=e[0]),t},Qd=["size","isOpen","className","closeOnEsc","closeOnOutsideClick","environment","activeApp","subdomain","neetoApps","recentApps","isSidebarOpen","onClose"],em=function(){},tm=function(e){return"string"==typeof e&&/^[A-Z]\S*$/.test(e)},nm=function(e,t,n){return"Invalid prop `"+t+" -> "+e+"` supplied to"+" `"+n+"`. Validation failed."},rm=function(e){var n,r,a,s=e.size,u=void 0===s?"sm":s,c=e.isOpen,l=e.className,p=void 0===l?"":l,f=e.closeOnEsc,d=void 0===f||f,m=e.closeOnOutsideClick,y=void 0===m||m,b=e.environment,x=e.activeApp,O=e.subdomain,T=void 0===O?"":O,C=e.neetoApps,k=void 0===C?[]:C,w=e.recentApps,E=void 0===w?[]:w,L=e.isSidebarOpen,A=void 0!==L&&L,S=e.onClose,P=void 0===S?em:S,M=g(e,Qd),_=o(),j=o();i((function(){var e=function(e){n.current&&!n.current.contains(e.target)&&(r.current?r.current.contains(e.target)&&a(e):a(e))};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[n=_,r=j,a=y?P:em]),Vd("esc",d?P:em);return i((function(){!function(){if(!x||!tm(x))throw new Error("Value of activeApp prop of AppSwitcher component is ".concat(x,", it is not matching the expected format. Please refer docs for more info"))}()}),[x]),i((function(){!function(){if(Gd[b]&&!Array.isArray(k))throw new Error("Value of neetoApps prop of AppSwitcher component is ".concat(k,", it should be an array instead"))}()}),[k]),t.createElement($d,{rootId:"neeto-ui-portal"},t.createElement(ts,null,c&&t.createElement(Rd,{ref:j,key:"switcher-backdrop",className:ds("neeto-ui-app-switcher__backdrop",{"neeto-ui-app-switcher__backdrop--expanded":A})},t.createElement(Xa.div,v({variants:Xd,initial:"closed",animate:"open",exit:"closed",transition:{bounce:!1,duration:sf},ref:_,key:"switcher-wrapper","data-cy":"switcher-wrapper",className:ds("neeto-ui-app-switcher__wrapper",h({"neeto-ui-app-switcher__wrapper-size--sm":u===Kd.sm,"neeto-ui-app-switcher__wrapper-size--lg":u===Kd.lg},p,p))},M),t.createElement(Wd,{onClose:P,environment:b,activeApp:x,subdomain:T||Jd()||"spinkart",neetoApps:k,recentApps:E})))))};rm.propTypes={size:ms.exports.oneOf(Object.values(Kd)),isOpen:ms.exports.bool,onClose:ms.exports.func,className:ms.exports.string,closeOnEsc:ms.exports.bool,closeOnOutsideClick:ms.exports.bool,activeApp:ms.exports.oneOfType([function(e,t,n){var r=e[t];if(!tm(r))return new Error(nm(r,t,n))}]).isRequired,subdomain:ms.exports.string,neetoApps:ms.exports.arrayOf((function(e,t,n,r,o){var i=e[t];if(!tm(i))return new Error(nm(i,o,n))})).isRequired,recentApps:ms.exports.arrayOf(ms.exports.string),environment:ms.exports.oneOf(Object.values(Gd)).isRequired};var om=["url","icon","label","count","active","onEdit","onClick","className"],im=function(){},am=function(e){var n=e.url,r=e.icon,o=e.label,i=e.count,a=e.active,s=void 0!==a&&a,u=e.onEdit,c=e.onClick,l=void 0===c?im:c,p=e.className,f=g(e,om),d=n?C:function(e){return t.createElement("button",e)};return t.createElement(d,{to:n,className:ds("neeto-ui-menubar__block",h({"neeto-ui-menubar__block--editable":u,"neeto-ui-menubar__block--active":s},p,p)),onClick:l,"data-cy":f["data-cy"]||Gf(o)},t.createElement("div",{className:"neeto-ui-menubar__block-label"},r&&t.createElement("i",{className:"neeto-ui-menubar__block-icon"},r),t.createElement(Es,{title:o,component:"span",style:"h5",weight:"medium"},o)),Number.isInteger(i)&&t.createElement("div",{onClick:function(e){e.stopPropagation(),u&&u()}},t.createElement(Es,{component:"span",style:"h5",weight:"medium"},i)))};am.propTypes={url:ms.exports.string,icon:ms.exports.node,label:ms.exports.string,count:ms.exports.number,active:ms.exports.bool,onEdit:ms.exports.func,onClick:ms.exports.func,className:ms.exports.string};var sm=["label","description","active","className"],um=function(e){var n=e.label,r=void 0===n?"":n,o=e.description,i=void 0===o?"":o,a=e.active,s=void 0!==a&&a,u=e.className,c=void 0===u?"":u,l=g(e,sm);return t.createElement("button",v({className:ds("neeto-ui-menubar__item",h({"neeto-ui-menubar__item--active":s},c,c))},l),t.createElement(Es,{component:"h5",style:"h4",className:"neeto-ui-menubar__item-header"},r),t.createElement(Es,{style:"body3",className:"neeto-ui-menubar__item-desc"},i))};um.propTypes={label:ms.exports.string,description:ms.exports.string,active:ms.exports.bool,className:ms.exports.string};var cm=["children","iconProps"],lm=function(e){var n=e.children,r=e.iconProps,o=g(e,cm);return t.createElement("div",{"data-cy":o["data-cy"]||"menubar-subtitle-heading",className:"neeto-ui-menubar__subtitle"},n,t.createElement("div",{className:"neeto-ui-menubar__subtitle-actions"},r&&r.map((function(e,n){return t.createElement(Uf,v({style:"text",size:"large",key:n},e))}))))};lm.propTypes={children:ms.exports.node,iconProps:ms.exports.arrayOf(ms.exports.shape(Uf.propTypes))};var pm=["collapse","onCollapse"];function fm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fm(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var mm=function(e){var n=e.collapse,r=void 0===n||n,o=e.onCollapse,i=g(e,pm);return!r&&t.createElement("div",{className:"neeto-ui-menubar__search"},t.createElement(rd,v({type:"search",placeholder:"Search",prefix:t.createElement(Dc,null)},i)),t.createElement(Uf,{size:"large",style:"text",icon:Uu,onClick:o}))};mm.propTypes=dm(dm({},rd.propTypes),{},{collapse:ms.exports.bool,onCollapse:ms.exports.func});var vm=["label","onClick"],hm=function(e){var n=e.label,r=void 0===n?"":n,o=e.onClick,i=g(e,vm);return t.createElement("div",v({className:"neeto-ui-menubar__add-new-wrap"},i),t.createElement(Uf,{label:r,style:"link",icon:Sc,iconPosition:"left",iconSize:16,onClick:o}))};hm.propTypes={label:ms.exports.string};var gm={open:{width:324},collapsed:{width:0}},ym=.3,bm=["title","children","showMenu","className"],xm=function(e){var n=e.title,r=void 0===n?"":n,o=e.children,i=e.showMenu,a=void 0!==i&&i,s=e.className,u=void 0===s?"":s,c=g(e,bm);return t.createElement(ts,null,a&&t.createElement(Xa.div,{initial:"collapsed",animate:"open",exit:"collapsed",variants:gm,transition:{duration:ym},className:ds("neeto-ui-menubar__wrapper",h({},u,u))},t.createElement("div",{className:"neeto-ui-menubar__container"},r&&t.createElement(Es,{lineHeight:"tight",style:"h2",weight:"semibold","data-cy":c["data-cy"]||"menubar-heading",className:"neeto-ui-text-gray-800 neeto-ui-menubar__title"},r),o)))};xm.Block=am,xm.Item=um,xm.SubTitle=lm,xm.Search=mm,xm.AddNew=hm,xm.propTypes={title:ms.exports.node,children:ms.exports.oneOfType([ms.exports.arrayOf(ms.exports.node),ms.exports.node]),showMenu:ms.exports.bool,className:ms.exports.string};export{rm as AppSwitcher,ad as Container,od as Header,xm as MenuBar,cd as Scrollable,zf as Sidebar,id as SubHeader};
|
package/molecules.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps, SelectProps, TagProps } from "./index";
|
|
3
|
+
|
|
4
|
+
interface Option {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface TagsProps {
|
|
10
|
+
label?: string;
|
|
11
|
+
allTags?: Option[];
|
|
12
|
+
selectedTags?: Option[];
|
|
13
|
+
onTagSelect?: (e: any) => void;
|
|
14
|
+
onTagCreate?: (e: any) => void;
|
|
15
|
+
onTagDelete?: (e: any) => void;
|
|
16
|
+
tagProps?: TagProps;
|
|
17
|
+
selectProps?: SelectProps;
|
|
18
|
+
buttonProps?: ButtonProps;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export const Tags: React.FC<TagsProps>;
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neetoui",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.15",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.js",
|
|
6
|
+
"types": "./index.d.ts",
|
|
6
7
|
"author": "BigBinary",
|
|
7
8
|
"license": "MIT",
|
|
8
9
|
"description": "neetoUI is the library that drives the experience in all neeto products built at BigBinary",
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
43
|
"@babel/core": "7.11.6",
|
|
44
|
+
"@babel/eslint-parser": "^7.18.9",
|
|
43
45
|
"@babel/plugin-transform-runtime": "7.17.0",
|
|
44
46
|
"@babel/preset-env": "7.14.7",
|
|
45
47
|
"@babel/preset-react": "7.14.5",
|
|
@@ -61,7 +63,6 @@
|
|
|
61
63
|
"@testing-library/react": "12.1.3",
|
|
62
64
|
"@testing-library/user-event": "13.5.0",
|
|
63
65
|
"autoprefixer": "9.0.0",
|
|
64
|
-
"babel-eslint": "10.1.0",
|
|
65
66
|
"babel-jest": "27.3.1",
|
|
66
67
|
"babel-loader": "8.1.0",
|
|
67
68
|
"chromatic": "6.5.1",
|