@pnkx-lib/ui 1.1.4 → 1.1.6
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/dist/assets/ui-TI_LyW6Y.css +1 -0
- package/dist/chunks/Checkbox-DMRMEXmZ.js +142 -0
- package/dist/chunks/Sidebar-Cd6KxHT6.js +7607 -0
- package/dist/chunks/Switch-D8Nh_AP-.js +17062 -0
- package/dist/fields/index.js +10 -9
- package/dist/index.js +35 -34
- package/dist/types/index.d.ts +47 -25
- package/dist/types/ui.d.ts +47 -25
- package/dist/ui/index.js +28 -27
- package/package.json +2 -2
- package/dist/assets/ui-P1dYfBrv.css +0 -1
- package/dist/chunks/Steps-C3J7ziJu.js +0 -5129
- package/dist/chunks/Switch-31j7yk5m.js +0 -14880
- package/dist/chunks/createSuper-LJ86MtbT.js +0 -2761
package/dist/fields/index.js
CHANGED
@@ -1,11 +1,12 @@
|
|
1
|
-
import {
|
1
|
+
import { D as i, I as s, R as o, a as r } from "../chunks/Switch-D8Nh_AP-.js";
|
2
|
+
import { C as l, P as t, R as F, S as c } from "../chunks/Checkbox-DMRMEXmZ.js";
|
2
3
|
export {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
4
|
+
l as CheckboxField,
|
5
|
+
i as DatePickerField,
|
6
|
+
s as Input,
|
7
|
+
t as PnkxField,
|
8
|
+
F as RadioGroup,
|
9
|
+
o as RangePickerField,
|
10
|
+
c as SelectField,
|
11
|
+
r as TinyMCE
|
11
12
|
};
|
package/dist/index.js
CHANGED
@@ -1,39 +1,40 @@
|
|
1
|
-
import { g as
|
2
|
-
import { E as
|
3
|
-
import { C as
|
1
|
+
import { e, g as o, B as r, C as t, f as i, d as l, D as p, F as d, L as n, j as F, M as c, k as S, P as C, R as b, c as P, m as T, S as g, h as k, i as m, l as u, T as x, b as M, a as R, t as y } from "./chunks/Sidebar-Cd6KxHT6.js";
|
2
|
+
import { D as h, E as B, I as D, L, R as E, a as w, T as I } from "./chunks/Switch-D8Nh_AP-.js";
|
3
|
+
import { C as v, P as G, R as q, S as z } from "./chunks/Checkbox-DMRMEXmZ.js";
|
4
4
|
export {
|
5
|
-
e as
|
6
|
-
o as
|
7
|
-
r as
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
l as
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
5
|
+
e as Badge,
|
6
|
+
o as Breadcrumb,
|
7
|
+
r as Button,
|
8
|
+
t as CascaderField,
|
9
|
+
v as CheckboxField,
|
10
|
+
i as Col,
|
11
|
+
l as Container,
|
12
|
+
h as DatePickerField,
|
13
|
+
p as Dropdown,
|
14
|
+
B as ErrorMessage,
|
15
|
+
d as Flex,
|
16
|
+
D as Input,
|
17
|
+
L as Label,
|
16
18
|
n as Layout,
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
u as Table,
|
19
|
+
F as Menu,
|
20
|
+
c as Modal,
|
21
|
+
S as Pagination,
|
22
|
+
G as PnkxField,
|
23
|
+
C as Popover,
|
24
|
+
q as RadioGroup,
|
25
|
+
E as RangePickerField,
|
26
|
+
b as Row,
|
27
|
+
P as SearchFiltersForm,
|
28
|
+
z as SelectField,
|
29
|
+
T as Sidebar,
|
30
|
+
g as Skeleton,
|
31
|
+
k as Space,
|
32
|
+
m as Splitter,
|
33
|
+
u as Steps,
|
34
|
+
x as Table,
|
34
35
|
M as Tabs,
|
35
|
-
|
36
|
-
|
37
|
-
|
36
|
+
w as TinyMCE,
|
37
|
+
R as Tooltip,
|
38
|
+
I as Typography,
|
38
39
|
y as typeColorMap
|
39
40
|
};
|
package/dist/types/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { BadgeProps } from 'antd';
|
1
|
+
import { BadgeProps as BadgeProps_2 } from 'antd';
|
2
2
|
import { BasicProps } from 'antd/es/layout/layout';
|
3
3
|
import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
|
4
4
|
import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
|
@@ -9,7 +9,6 @@ import { CascaderProps } from 'antd/es/cascader';
|
|
9
9
|
import { CheckboxProps } from 'antd';
|
10
10
|
import { ColProps as ColProps_2 } from 'antd';
|
11
11
|
import { ColSize as ColSize_2 } from 'antd/es/grid';
|
12
|
-
import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
|
13
12
|
import { Control } from 'react-hook-form';
|
14
13
|
import { ControllerFieldState } from 'react-hook-form';
|
15
14
|
import { ControllerRenderProps } from 'react-hook-form';
|
@@ -48,7 +47,7 @@ import { RowProps as RowProps_2 } from 'antd';
|
|
48
47
|
import { SelectProps } from 'antd';
|
49
48
|
import { SiderContextProps } from 'antd/es/layout/Sider';
|
50
49
|
import { SiderProps } from 'antd/es/layout/Sider';
|
51
|
-
import { SkeletonProps } from 'antd';
|
50
|
+
import { SkeletonProps as SkeletonProps_2 } from 'antd';
|
52
51
|
import { Space as Space_2 } from 'antd';
|
53
52
|
import { SpaceProps as SpaceProps_2 } from 'antd';
|
54
53
|
import { Splitter as Splitter_2 } from 'antd';
|
@@ -58,6 +57,7 @@ import { Steps as Steps_2 } from 'antd';
|
|
58
57
|
import { StepsProps as StepsProps_2 } from 'antd';
|
59
58
|
import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
|
60
59
|
import { SwitchProps } from 'antd';
|
60
|
+
import { TableColumnsType } from 'antd';
|
61
61
|
import { TableProps } from 'antd/lib/table';
|
62
62
|
import { TabsProps as TabsProps_2 } from 'antd';
|
63
63
|
import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
|
@@ -71,6 +71,13 @@ import { UseFormReturn } from 'react-hook-form';
|
|
71
71
|
import { UseFormSetValue } from 'react-hook-form';
|
72
72
|
import { UseFormStateReturn } from 'react-hook-form';
|
73
73
|
|
74
|
+
export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
|
75
|
+
|
76
|
+
export declare interface BadgeProps extends BadgeProps_2 {
|
77
|
+
type?: "error" | "info" | "success" | "warning";
|
78
|
+
children?: React.ReactNode;
|
79
|
+
}
|
80
|
+
|
74
81
|
declare type BaseProps = {
|
75
82
|
customStyleContainer?: string;
|
76
83
|
customStyleCascader?: string;
|
@@ -172,7 +179,7 @@ export declare interface ColSize extends ColSize_2 {
|
|
172
179
|
|
173
180
|
export declare type ColSpanType = number | string;
|
174
181
|
|
175
|
-
|
182
|
+
declare type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
|
176
183
|
|
177
184
|
declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
|
178
185
|
|
@@ -183,6 +190,8 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
|
|
183
190
|
ItemGroup: typeof ItemGroup;
|
184
191
|
};
|
185
192
|
|
193
|
+
export declare const Container: default_2.FC<ContainerProps>;
|
194
|
+
|
186
195
|
export declare interface ContainerProps {
|
187
196
|
children: default_2.ReactNode;
|
188
197
|
size?: TailwindMaxWidth;
|
@@ -317,15 +326,6 @@ export declare interface PaginationProps extends PaginationProps_2 {
|
|
317
326
|
|
318
327
|
export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
|
319
328
|
|
320
|
-
export declare const PnkxBadge: ({ type, children, ...rest }: PnkxBadgeProps) => JSX.Element;
|
321
|
-
|
322
|
-
export declare interface PnkxBadgeProps extends BadgeProps {
|
323
|
-
type?: "error" | "info" | "success" | "warning";
|
324
|
-
children?: React.ReactNode;
|
325
|
-
}
|
326
|
-
|
327
|
-
export declare const PnkxContainer: default_2.FC<ContainerProps>;
|
328
|
-
|
329
329
|
export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
|
330
330
|
render(): JSX.Element;
|
331
331
|
}
|
@@ -336,13 +336,6 @@ export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>
|
|
336
336
|
component: TComponent;
|
337
337
|
} & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
|
338
338
|
|
339
|
-
export declare const PnkxSkeleton: ({ type, skeletonButtonCount, }: PnkxSkeletonProps) => JSX.Element;
|
340
|
-
|
341
|
-
export declare interface PnkxSkeletonProps extends SkeletonProps {
|
342
|
-
type?: "table" | "form";
|
343
|
-
skeletonButtonCount?: number;
|
344
|
-
}
|
345
|
-
|
346
339
|
export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
|
347
340
|
|
348
341
|
export declare type PopoverProps = PopoverProps_2;
|
@@ -426,10 +419,33 @@ export declare interface SelectFieldProps extends SelectProps {
|
|
426
419
|
customStyleContainer?: string;
|
427
420
|
}
|
428
421
|
|
422
|
+
export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
|
423
|
+
|
424
|
+
export declare interface SidebarProps {
|
425
|
+
children?: React.ReactNode;
|
426
|
+
menu: Array<{
|
427
|
+
name: string;
|
428
|
+
href: string;
|
429
|
+
icon: React.ReactNode;
|
430
|
+
current: boolean;
|
431
|
+
children?: Array<{
|
432
|
+
name: string;
|
433
|
+
href: string;
|
434
|
+
}>;
|
435
|
+
}>;
|
436
|
+
}
|
437
|
+
|
429
438
|
declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
|
430
439
|
multiple?: false;
|
431
440
|
};
|
432
441
|
|
442
|
+
export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
|
443
|
+
|
444
|
+
export declare interface SkeletonProps extends SkeletonProps_2 {
|
445
|
+
type?: "table" | "form";
|
446
|
+
skeletonButtonCount?: number;
|
447
|
+
}
|
448
|
+
|
433
449
|
export declare const Space: typeof Space_2;
|
434
450
|
|
435
451
|
export declare interface SpaceProps extends SpaceProps_2 {
|
@@ -477,11 +493,15 @@ declare type TabItem = {
|
|
477
493
|
disabled?: boolean;
|
478
494
|
};
|
479
495
|
|
480
|
-
export declare const Table: <T extends RowCommon>({
|
496
|
+
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
|
497
|
+
|
498
|
+
export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
499
|
+
editable?: boolean;
|
500
|
+
})[];
|
481
501
|
|
482
|
-
export declare interface TableCommonProps<T> extends TableProps<T> {
|
483
|
-
|
484
|
-
columns:
|
502
|
+
export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
|
503
|
+
dataSource: T[];
|
504
|
+
columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
|
485
505
|
loading?: boolean;
|
486
506
|
totalItems: number;
|
487
507
|
filters: any;
|
@@ -493,6 +513,8 @@ export declare interface TableCommonProps<T> extends TableProps<T> {
|
|
493
513
|
onRowClick?: (record: T) => void;
|
494
514
|
rowKey?: string;
|
495
515
|
className?: string;
|
516
|
+
editable?: boolean;
|
517
|
+
onSave?: (data: T[]) => void;
|
496
518
|
}
|
497
519
|
|
498
520
|
export declare const Tabs: default_2.FC<TabsProps>;
|
@@ -544,7 +566,7 @@ declare type TPositionRadio = "before" | "after";
|
|
544
566
|
|
545
567
|
declare type TSize = "small" | "medium" | "large";
|
546
568
|
|
547
|
-
export declare const typeColorMap: Record<NonNullable<
|
569
|
+
export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
|
548
570
|
|
549
571
|
export declare const Typography: {
|
550
572
|
Title: (props: TitleProps) => JSX.Element;
|
package/dist/types/ui.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { BadgeProps } from 'antd';
|
1
|
+
import { BadgeProps as BadgeProps_2 } from 'antd';
|
2
2
|
import { BasicProps } from 'antd/es/layout/layout';
|
3
3
|
import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
|
4
4
|
import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
|
@@ -8,7 +8,6 @@ import { ButtonProps as ButtonProps_2 } from 'antd';
|
|
8
8
|
import { CascaderProps } from 'antd/es/cascader';
|
9
9
|
import { ColProps as ColProps_2 } from 'antd';
|
10
10
|
import { ColSize as ColSize_2 } from 'antd/es/grid';
|
11
|
-
import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
|
12
11
|
import { Control } from 'react-hook-form';
|
13
12
|
import { default as default_2 } from 'react';
|
14
13
|
import { DefaultOptionType } from 'antd/es/cascader';
|
@@ -36,7 +35,7 @@ import { RefAttributes } from 'react';
|
|
36
35
|
import { RowProps as RowProps_2 } from 'antd';
|
37
36
|
import { SiderContextProps } from 'antd/es/layout/Sider';
|
38
37
|
import { SiderProps } from 'antd/es/layout/Sider';
|
39
|
-
import { SkeletonProps } from 'antd';
|
38
|
+
import { SkeletonProps as SkeletonProps_2 } from 'antd';
|
40
39
|
import { Space as Space_2 } from 'antd';
|
41
40
|
import { SpaceProps as SpaceProps_2 } from 'antd';
|
42
41
|
import { Splitter as Splitter_2 } from 'antd';
|
@@ -45,6 +44,7 @@ import { StepProps as StepProps_2 } from 'antd';
|
|
45
44
|
import { Steps as Steps_2 } from 'antd';
|
46
45
|
import { StepsProps as StepsProps_2 } from 'antd';
|
47
46
|
import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
|
47
|
+
import { TableColumnsType } from 'antd';
|
48
48
|
import { TableProps } from 'antd/lib/table';
|
49
49
|
import { TabsProps as TabsProps_2 } from 'antd';
|
50
50
|
import { TextProps } from 'antd/es/typography/Text';
|
@@ -54,6 +54,13 @@ import { UseFormHandleSubmit } from 'react-hook-form';
|
|
54
54
|
import { UseFormReturn } from 'react-hook-form';
|
55
55
|
import { UseFormSetValue } from 'react-hook-form';
|
56
56
|
|
57
|
+
export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
|
58
|
+
|
59
|
+
export declare interface BadgeProps extends BadgeProps_2 {
|
60
|
+
type?: "error" | "info" | "success" | "warning";
|
61
|
+
children?: React.ReactNode;
|
62
|
+
}
|
63
|
+
|
57
64
|
declare type BaseProps = {
|
58
65
|
customStyleContainer?: string;
|
59
66
|
customStyleCascader?: string;
|
@@ -143,7 +150,7 @@ export declare interface ColSize extends ColSize_2 {
|
|
143
150
|
|
144
151
|
export declare type ColSpanType = number | string;
|
145
152
|
|
146
|
-
|
153
|
+
declare type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
|
147
154
|
|
148
155
|
declare type CompoundedMenu = FC<MenuComponentProps> & {
|
149
156
|
Item: typeof MenuItem;
|
@@ -152,6 +159,8 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
|
|
152
159
|
ItemGroup: typeof ItemGroup;
|
153
160
|
};
|
154
161
|
|
162
|
+
export declare const Container: default_2.FC<ContainerProps>;
|
163
|
+
|
155
164
|
export declare interface ContainerProps {
|
156
165
|
children: default_2.ReactNode;
|
157
166
|
size?: TailwindMaxWidth;
|
@@ -248,22 +257,6 @@ export declare interface PaginationProps extends PaginationProps_2 {
|
|
248
257
|
|
249
258
|
export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
|
250
259
|
|
251
|
-
export declare const PnkxBadge: ({ type, children, ...rest }: PnkxBadgeProps) => JSX.Element;
|
252
|
-
|
253
|
-
export declare interface PnkxBadgeProps extends BadgeProps {
|
254
|
-
type?: "error" | "info" | "success" | "warning";
|
255
|
-
children?: React.ReactNode;
|
256
|
-
}
|
257
|
-
|
258
|
-
export declare const PnkxContainer: default_2.FC<ContainerProps>;
|
259
|
-
|
260
|
-
export declare const PnkxSkeleton: ({ type, skeletonButtonCount, }: PnkxSkeletonProps) => JSX.Element;
|
261
|
-
|
262
|
-
export declare interface PnkxSkeletonProps extends SkeletonProps {
|
263
|
-
type?: "table" | "form";
|
264
|
-
skeletonButtonCount?: number;
|
265
|
-
}
|
266
|
-
|
267
260
|
export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
|
268
261
|
|
269
262
|
export declare type PopoverProps = PopoverProps_2;
|
@@ -298,10 +291,33 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
|
|
298
291
|
onSubmit: (data: T) => void;
|
299
292
|
}
|
300
293
|
|
294
|
+
export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
|
295
|
+
|
296
|
+
export declare interface SidebarProps {
|
297
|
+
children?: React.ReactNode;
|
298
|
+
menu: Array<{
|
299
|
+
name: string;
|
300
|
+
href: string;
|
301
|
+
icon: React.ReactNode;
|
302
|
+
current: boolean;
|
303
|
+
children?: Array<{
|
304
|
+
name: string;
|
305
|
+
href: string;
|
306
|
+
}>;
|
307
|
+
}>;
|
308
|
+
}
|
309
|
+
|
301
310
|
declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
|
302
311
|
multiple?: false;
|
303
312
|
};
|
304
313
|
|
314
|
+
export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
|
315
|
+
|
316
|
+
export declare interface SkeletonProps extends SkeletonProps_2 {
|
317
|
+
type?: "table" | "form";
|
318
|
+
skeletonButtonCount?: number;
|
319
|
+
}
|
320
|
+
|
305
321
|
export declare const Space: typeof Space_2;
|
306
322
|
|
307
323
|
export declare interface SpaceProps extends SpaceProps_2 {
|
@@ -339,11 +355,15 @@ declare type TabItem = {
|
|
339
355
|
disabled?: boolean;
|
340
356
|
};
|
341
357
|
|
342
|
-
export declare const Table: <T extends RowCommon>({
|
358
|
+
export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, ...rest }: TableCommonProps<T>) => JSX.Element;
|
359
|
+
|
360
|
+
export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
|
361
|
+
editable?: boolean;
|
362
|
+
})[];
|
343
363
|
|
344
|
-
export declare interface TableCommonProps<T> extends TableProps<T> {
|
345
|
-
|
346
|
-
columns:
|
364
|
+
export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
|
365
|
+
dataSource: T[];
|
366
|
+
columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
|
347
367
|
loading?: boolean;
|
348
368
|
totalItems: number;
|
349
369
|
filters: any;
|
@@ -355,6 +375,8 @@ export declare interface TableCommonProps<T> extends TableProps<T> {
|
|
355
375
|
onRowClick?: (record: T) => void;
|
356
376
|
rowKey?: string;
|
357
377
|
className?: string;
|
378
|
+
editable?: boolean;
|
379
|
+
onSave?: (data: T[]) => void;
|
358
380
|
}
|
359
381
|
|
360
382
|
export declare const Tabs: default_2.FC<TabsProps>;
|
@@ -370,7 +392,7 @@ export declare const Tooltip: default_2.FC<TooltipProps>;
|
|
370
392
|
|
371
393
|
export declare type TooltipProps = TooltipProps_2;
|
372
394
|
|
373
|
-
export declare const typeColorMap: Record<NonNullable<
|
395
|
+
export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
|
374
396
|
|
375
397
|
export declare const Typography: {
|
376
398
|
Title: (props: TitleProps) => JSX.Element;
|
package/dist/ui/index.js
CHANGED
@@ -1,30 +1,31 @@
|
|
1
|
-
import { g as
|
2
|
-
import { E as
|
1
|
+
import { e, g as o, B as r, C as t, f as l, d as p, D as i, F as d, L as n, j as S, M as b, k as T, P as c, R as g, c as m, m as C, S as F, h as M, i as u, l as y, T as B, b as L, a as f, t as h } from "../chunks/Sidebar-Cd6KxHT6.js";
|
2
|
+
import { E as P, L as k, T as w } from "../chunks/Switch-D8Nh_AP-.js";
|
3
3
|
export {
|
4
|
-
e as
|
5
|
-
o as
|
6
|
-
r as
|
7
|
-
t as
|
8
|
-
l as
|
9
|
-
|
10
|
-
|
11
|
-
|
4
|
+
e as Badge,
|
5
|
+
o as Breadcrumb,
|
6
|
+
r as Button,
|
7
|
+
t as CascaderField,
|
8
|
+
l as Col,
|
9
|
+
p as Container,
|
10
|
+
i as Dropdown,
|
11
|
+
P as ErrorMessage,
|
12
|
+
d as Flex,
|
13
|
+
k as Label,
|
12
14
|
n as Layout,
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
h as
|
29
|
-
y as typeColorMap
|
15
|
+
S as Menu,
|
16
|
+
b as Modal,
|
17
|
+
T as Pagination,
|
18
|
+
c as Popover,
|
19
|
+
g as Row,
|
20
|
+
m as SearchFiltersForm,
|
21
|
+
C as Sidebar,
|
22
|
+
F as Skeleton,
|
23
|
+
M as Space,
|
24
|
+
u as Splitter,
|
25
|
+
y as Steps,
|
26
|
+
B as Table,
|
27
|
+
L as Tabs,
|
28
|
+
f as Tooltip,
|
29
|
+
w as Typography,
|
30
|
+
h as typeColorMap
|
30
31
|
};
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@pnkx-lib/ui",
|
3
3
|
"private": false,
|
4
|
-
"version": "1.1.
|
4
|
+
"version": "1.1.6",
|
5
5
|
"type": "module",
|
6
6
|
"main": "./dist/index.js",
|
7
7
|
"exports": {
|
@@ -50,7 +50,6 @@
|
|
50
50
|
"@types/react": "^19.0.10",
|
51
51
|
"@types/react-datepicker": "^6.2.0",
|
52
52
|
"@types/react-dom": "^19.0.4",
|
53
|
-
"@vitejs/plugin-react": "^4.3.4",
|
54
53
|
"@vitest/browser": "^3.0.9",
|
55
54
|
"@vitest/coverage-v8": "^3.0.9",
|
56
55
|
"eslint": "^9.21.0",
|
@@ -84,6 +83,7 @@
|
|
84
83
|
"@heroicons/react": "^2.2.0",
|
85
84
|
"@hookform/resolvers": "^5.0.1",
|
86
85
|
"@tinymce/tinymce-react": "^6.0.0",
|
86
|
+
"@vitejs/plugin-react-swc": "^3.9.0",
|
87
87
|
"classnames": "^2.5.1",
|
88
88
|
"date-fns": "^4.1.0",
|
89
89
|
"lodash": "^4.17.21",
|
@@ -1 +0,0 @@
|
|
1
|
-
@charset "UTF-8";#root{margin:0 auto;padding:2rem;text-align:center}.textarea-custom{font-family:inherit;font-size:13px;font-variant:tabular-nums;font-feature-settings:"tnum";line-height:30px!important;box-sizing:border-box;width:100%;min-width:0;display:inline-block;position:relative;z-index:0;color:#242323;border:none!important;border-radius:2px;overflow:hidden;margin:0;padding:0 0 2px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><circle cx='3' cy='3' r='0.4' fill='black' /></svg>");background-position-x:20px;background-position-y:7px;background-size:5px 30px}.input-datepicker{width:100%;border-radius:.5rem;border:1px solid #d1d5db;background-color:#f9fafb;color:#111827;padding:.5rem .75rem;padding-right:0;outline:none;transition:border-color .2s,box-shadow .2s}.input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-datepicker:disabled{cursor:not-allowed;opacity:.5}.dark .input-datepicker{border-color:#4b5563;background-color:#374151;color:#fff}.dark .input-datepicker::placeholder{color:#9ca3af}.dark .input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}
|