plataforma-fundacao-componentes 2.23.8 → 2.23.11
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/icons/PhonePlusIcon.d.ts +3 -0
- package/dist/components/assembleiaPauta/AssembleiaPauta.d.ts +3 -3
- package/dist/components/button/Button.d.ts +3 -4
- package/dist/components/button/Button.stories.d.ts +1 -0
- package/dist/components/calendar/Calendar.d.ts +24 -0
- package/dist/components/calendar/Calendar.stories.d.ts +17 -0
- package/dist/components/calendar/components/calendarChip/CalendarChip.d.ts +15 -0
- package/dist/components/calendar/components/calendarDays/CalendarDays.d.ts +22 -0
- package/dist/components/calendar/components/calendarHeader/CalendarHeader.d.ts +8 -0
- package/dist/components/calendar/components/calendarMonthDay/CalendarMonthDay.d.ts +20 -0
- package/dist/components/calendar/components/calendarWeekDay/CalendarWeekDay.d.ts +2 -0
- package/dist/components/calendarEvent/CalendarEvent.d.ts +77 -0
- package/dist/components/calendarEvent/CalendarEvent.stories.d.ts +26 -0
- package/dist/components/col/Col.d.ts +1 -0
- package/dist/components/datePicker/DatePicker.d.ts +2 -5
- package/dist/components/datePicker/components/datePickerCalendar/DatePickerCalendar.d.ts +1 -1
- package/dist/components/dropdownSelector/DropdownSelector.d.ts +16 -0
- package/dist/components/dropdownSelector/DropdownSelector.stories.d.ts +8 -0
- package/dist/components/fileUpload/FileUpload.d.ts +3 -3
- package/dist/components/floatingPanel/FloatingPanel.d.ts +17 -0
- package/dist/components/floatingPanel/FloatingPanel.stories.d.ts +6 -0
- package/dist/components/hourEvents/HourEvents.d.ts +24 -0
- package/dist/components/hourEvents/HourEvents.stories.d.ts +24 -0
- package/dist/components/inlineMonthPicker/InlineMonthPicker.d.ts +16 -0
- package/dist/components/inlineMonthPicker/InlineMonthPicker.stories.d.ts +7 -0
- package/dist/components/input/Input.d.ts +0 -1
- package/dist/components/modal/Modal.d.ts +4 -4
- package/dist/components/modal/Modal.stories.d.ts +12 -12
- package/dist/components/modal/ModalMask.d.ts +3 -3
- package/dist/components/modalManager/ModalManager.d.ts +5 -1
- package/dist/components/modalManager/ModalManager.stories.d.ts +2 -1
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.d.ts +13 -0
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.stories.d.ts +16 -0
- package/dist/components/select/Select.d.ts +7 -4
- package/dist/components/select/Select.stories.d.ts +1 -0
- package/dist/index.css +1504 -10420
- package/dist/index.d.ts +11 -4
- package/dist/index.js +1153 -424
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1148 -426
- package/dist/index.modern.js.map +1 -1
- package/dist/libraries/Notification.d.ts +2 -1
- package/dist/utils/CalendarUtils.d.ts +44 -0
- package/dist/utils/HTMLutils.d.ts +4 -0
- package/dist/utils/MoedaUtils.d.ts +1 -1
- package/dist/utils/ParsingUtils.d.ts +3 -2
- package/package.json +4 -3
|
@@ -10,13 +10,13 @@ interface AssembleiaPautaProps {
|
|
|
10
10
|
status: PautaStatusType;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
readOnly?: boolean;
|
|
13
|
-
barIcon:
|
|
13
|
+
barIcon: JSX.Element;
|
|
14
14
|
onMostrarResultadosClick: (evt?: any) => void;
|
|
15
15
|
mostrarResultadosDisabled?: boolean;
|
|
16
|
-
mostrarResultadosIcon?:
|
|
16
|
+
mostrarResultadosIcon?: JSX.Element;
|
|
17
17
|
showMostrarResultadosButton?: boolean;
|
|
18
18
|
onVoteButtonClick: (idItemVoto?: number | null) => Promise<null>;
|
|
19
|
-
voteButtonIcon?:
|
|
19
|
+
voteButtonIcon?: JSX.Element;
|
|
20
20
|
callBackZerouTempo?: () => void;
|
|
21
21
|
tempo?: number;
|
|
22
22
|
itens?: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ButtonHTMLAttributes } from 'react';
|
|
1
|
+
import React, { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { ThreeDotsSizes, ThreeDotsThemes } from '../../assets/icons/ThreeDotsLoader';
|
|
3
3
|
import { ButtonThemes } from '../../libraries/ButtonTheme';
|
|
4
4
|
import { TooltipPosition } from '../../libraries/Tooltips';
|
|
@@ -10,15 +10,14 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
10
10
|
theme?: ButtonThemes;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
w100?: boolean;
|
|
13
|
-
leftIcon?:
|
|
14
|
-
rightIcon?:
|
|
13
|
+
leftIcon?: JSX.Element | ReactNode;
|
|
14
|
+
rightIcon?: JSX.Element | ReactNode;
|
|
15
15
|
mobileBottomPage?: boolean;
|
|
16
16
|
loader?: {
|
|
17
17
|
loading: boolean;
|
|
18
18
|
loaderTheme: ThreeDotsThemes;
|
|
19
19
|
loaderSize: ThreeDotsSizes;
|
|
20
20
|
};
|
|
21
|
-
children?: React.ReactNode;
|
|
22
21
|
}
|
|
23
22
|
declare function Button(props: ButtonProps): JSX.Element;
|
|
24
23
|
declare namespace Button {
|
|
@@ -4,6 +4,7 @@ declare namespace _default {
|
|
|
4
4
|
}
|
|
5
5
|
export default _default;
|
|
6
6
|
export function Primary(): JSX.Element;
|
|
7
|
+
export function LoadingOnClick(): JSX.Element;
|
|
7
8
|
export function PrimaryLight(): JSX.Element;
|
|
8
9
|
export function PrimaryDisabled(): JSX.Element;
|
|
9
10
|
export function PrimaryLightDisabled(): JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
|
+
import { CalendarLanguage, CalendarView } from '../../utils/CalendarUtils';
|
|
3
|
+
import './Calendar.scss';
|
|
4
|
+
import { CalendarEventProps } from '../calendarEvent/CalendarEvent';
|
|
5
|
+
export interface CalendarProps {
|
|
6
|
+
visao?: CalendarView;
|
|
7
|
+
language?: CalendarLanguage;
|
|
8
|
+
eventos?: Map<string, CalendarEventProps[]>;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
referencia?: Date;
|
|
11
|
+
disabledNextMonth?: boolean;
|
|
12
|
+
disabledPrevMonth?: boolean;
|
|
13
|
+
highlightWeekends?: boolean;
|
|
14
|
+
showAddButton?: boolean;
|
|
15
|
+
onAddButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
16
|
+
showPlusIcon?: boolean;
|
|
17
|
+
onPlusButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
18
|
+
}
|
|
19
|
+
declare function Calendar(props: CalendarProps): JSX.Element;
|
|
20
|
+
declare namespace Calendar {
|
|
21
|
+
var defaultProps: CalendarProps;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: React.MemoExoticComponent<typeof Calendar>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CalendarView } from '../../utils/CalendarUtils';
|
|
3
|
+
import { CalendarProps } from './Calendar';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
argTypes: {
|
|
7
|
+
visao: {
|
|
8
|
+
options: CalendarView[];
|
|
9
|
+
type: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const CalendarExample: {
|
|
15
|
+
(args: CalendarProps): JSX.Element;
|
|
16
|
+
args: Partial<CalendarProps>;
|
|
17
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
|
+
import './CalendarChip.scss';
|
|
3
|
+
export interface CalendarChipProps {
|
|
4
|
+
color?: string;
|
|
5
|
+
borderStyle?: 'solid' | 'dashed';
|
|
6
|
+
num: number;
|
|
7
|
+
onClick: (evt: MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function CalendarChip(props: CalendarChipProps): JSX.Element;
|
|
11
|
+
declare namespace CalendarChip {
|
|
12
|
+
var defaultProps: Partial<CalendarChipProps>;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: React.MemoExoticComponent<typeof CalendarChip>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
|
+
import { CalendarLanguage, CalendarView } from '../../../../utils/CalendarUtils';
|
|
3
|
+
import { CalendarEventProps } from '../../../calendarEvent/CalendarEvent';
|
|
4
|
+
import './CalendarDays.scss';
|
|
5
|
+
interface CalendarDaysProps {
|
|
6
|
+
visao: CalendarView;
|
|
7
|
+
pocket?: boolean;
|
|
8
|
+
referencia: Date;
|
|
9
|
+
disabledNextMonth: boolean;
|
|
10
|
+
disabledPrevMonth: boolean;
|
|
11
|
+
eventos?: Map<string, CalendarEventProps[]>;
|
|
12
|
+
language: CalendarLanguage;
|
|
13
|
+
highlightWeekends: boolean;
|
|
14
|
+
loading: boolean;
|
|
15
|
+
showAddButton?: boolean;
|
|
16
|
+
onAddButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
17
|
+
showPlusIcon?: boolean;
|
|
18
|
+
onPlusButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
19
|
+
}
|
|
20
|
+
declare function CalendarDays(props: CalendarDaysProps): JSX.Element;
|
|
21
|
+
declare const _default: React.MemoExoticComponent<typeof CalendarDays>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CalendarLanguage } from '../../../../utils/CalendarUtils';
|
|
3
|
+
import './CalendarHeader.scss';
|
|
4
|
+
interface calendarHeaderProps {
|
|
5
|
+
language: CalendarLanguage;
|
|
6
|
+
}
|
|
7
|
+
export default function CalendarHeader(props: calendarHeaderProps): JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
|
+
import { CalendarLanguage } from '../../../../utils/CalendarUtils';
|
|
3
|
+
import { CalendarEventProps } from '../../../calendarEvent/CalendarEvent';
|
|
4
|
+
import './CalendarMonthDay.scss';
|
|
5
|
+
export interface CalendarMonthDayProps {
|
|
6
|
+
day: Date;
|
|
7
|
+
pocket?: boolean;
|
|
8
|
+
isToday?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
language: CalendarLanguage;
|
|
11
|
+
eventos?: CalendarEventProps[];
|
|
12
|
+
showAddButton?: boolean;
|
|
13
|
+
onAddButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
14
|
+
onPlusButtonClick?: (day: Date, evt: MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
|
|
15
|
+
showPlusIcon?: boolean;
|
|
16
|
+
highlightWeekends: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare function CalendarMonthDay(props: CalendarMonthDayProps): JSX.Element;
|
|
19
|
+
declare const _default: React.MemoExoticComponent<typeof CalendarMonthDay>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import './CalendarEvent.scss';
|
|
3
|
+
export interface CalendarEventSmall {
|
|
4
|
+
size?: 'small';
|
|
5
|
+
id: number;
|
|
6
|
+
icon?: ReactNode | JSX.Element;
|
|
7
|
+
iconLabel?: never;
|
|
8
|
+
label?: string;
|
|
9
|
+
tipoEvento?: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
borderStyle?: 'solid' | 'dashed';
|
|
12
|
+
width?: never;
|
|
13
|
+
expansible?: never;
|
|
14
|
+
expandedLabel?: never;
|
|
15
|
+
forceExpanded?: never;
|
|
16
|
+
expandedDate?: never;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
}
|
|
20
|
+
export interface CalendarEventMedium {
|
|
21
|
+
size?: 'medium';
|
|
22
|
+
id: number;
|
|
23
|
+
icon?: ReactNode | JSX.Element;
|
|
24
|
+
iconLabel?: string;
|
|
25
|
+
label?: string;
|
|
26
|
+
tipoEvento?: string;
|
|
27
|
+
color?: string;
|
|
28
|
+
borderStyle?: 'solid' | 'dashed';
|
|
29
|
+
width?: string;
|
|
30
|
+
expansible?: false;
|
|
31
|
+
expandedLabel?: never;
|
|
32
|
+
forceExpanded?: boolean;
|
|
33
|
+
expandedDate?: never;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
onClick?: () => void;
|
|
36
|
+
}
|
|
37
|
+
export interface CalendarEventMediumExpansible {
|
|
38
|
+
size?: 'medium';
|
|
39
|
+
id: number;
|
|
40
|
+
icon?: ReactNode | JSX.Element;
|
|
41
|
+
iconLabel?: string;
|
|
42
|
+
label?: string;
|
|
43
|
+
tipoEvento?: string;
|
|
44
|
+
color?: string;
|
|
45
|
+
borderStyle?: 'solid' | 'dashed';
|
|
46
|
+
width?: string;
|
|
47
|
+
expansible: true;
|
|
48
|
+
expandedLabel: string;
|
|
49
|
+
forceExpanded?: boolean;
|
|
50
|
+
expandedDate: string;
|
|
51
|
+
disabled?: boolean;
|
|
52
|
+
onClick?: () => void;
|
|
53
|
+
}
|
|
54
|
+
export interface CalendarEventLarge {
|
|
55
|
+
size?: 'large';
|
|
56
|
+
id: number;
|
|
57
|
+
icon?: ReactNode | JSX.Element;
|
|
58
|
+
iconLabel?: string;
|
|
59
|
+
label?: string;
|
|
60
|
+
tipoEvento?: string;
|
|
61
|
+
color?: string;
|
|
62
|
+
borderStyle?: 'solid' | 'dashed';
|
|
63
|
+
width?: never;
|
|
64
|
+
expansible?: boolean;
|
|
65
|
+
expandedLabel?: string;
|
|
66
|
+
forceExpanded?: boolean;
|
|
67
|
+
expandedDate?: string;
|
|
68
|
+
disabled?: boolean;
|
|
69
|
+
onClick?: () => void;
|
|
70
|
+
}
|
|
71
|
+
export declare type CalendarEventProps = CalendarEventSmall | CalendarEventMedium | CalendarEventMediumExpansible | CalendarEventLarge;
|
|
72
|
+
declare function CalendarEvent(props: CalendarEventProps): JSX.Element;
|
|
73
|
+
declare namespace CalendarEvent {
|
|
74
|
+
var defaultProps: Partial<CalendarEventSmall> | Partial<CalendarEventMedium> | Partial<CalendarEventMediumExpansible> | Partial<CalendarEventLarge>;
|
|
75
|
+
}
|
|
76
|
+
declare const _default: React.MemoExoticComponent<typeof CalendarEvent>;
|
|
77
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CalendarEventProps } from './CalendarEvent';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
argTypes: {
|
|
6
|
+
color: {
|
|
7
|
+
control: {
|
|
8
|
+
type: string;
|
|
9
|
+
presetColors: string[];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
borderStyle: {
|
|
13
|
+
options: string[];
|
|
14
|
+
type: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default _default;
|
|
19
|
+
export declare const SmallExample: {
|
|
20
|
+
(args: CalendarEventProps): JSX.Element;
|
|
21
|
+
args: Partial<import("./CalendarEvent").CalendarEventSmall> | Partial<import("./CalendarEvent").CalendarEventMedium> | Partial<import("./CalendarEvent").CalendarEventMediumExpansible> | Partial<import("./CalendarEvent").CalendarEventLarge>;
|
|
22
|
+
};
|
|
23
|
+
export declare const MediumExample: {
|
|
24
|
+
(args: CalendarEventProps): JSX.Element;
|
|
25
|
+
args: Partial<import("./CalendarEvent").CalendarEventSmall> | Partial<import("./CalendarEvent").CalendarEventMedium> | Partial<import("./CalendarEvent").CalendarEventMediumExpansible> | Partial<import("./CalendarEvent").CalendarEventLarge>;
|
|
26
|
+
};
|
|
@@ -7,6 +7,7 @@ interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
cols?: Array<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
|
|
8
8
|
centralized?: boolean;
|
|
9
9
|
end?: boolean;
|
|
10
|
+
gap?: number | string;
|
|
10
11
|
noPadding?: boolean;
|
|
11
12
|
children?: React.ReactNode;
|
|
12
13
|
noPaddingTop?: boolean;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { CalendarLanguage } from '../../utils/CalendarUtils';
|
|
2
3
|
import './DatePicker.scss';
|
|
3
4
|
interface DatePickerProps {
|
|
4
5
|
initialValue?: string;
|
|
5
6
|
onChange?: (evt: any) => void;
|
|
6
7
|
queryToAppend: string;
|
|
7
8
|
disabled?: boolean;
|
|
8
|
-
language?:
|
|
9
|
-
daysOfWeek: string[];
|
|
10
|
-
months: string[];
|
|
11
|
-
monthsAbrev: string[];
|
|
12
|
-
};
|
|
9
|
+
language?: CalendarLanguage;
|
|
13
10
|
closeOnChange?: boolean;
|
|
14
11
|
}
|
|
15
12
|
declare function DatePicker(props: DatePickerProps): JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './DropdownSelector.scss';
|
|
3
|
+
export interface DropdownSelectorOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
export interface DropdownSelectorProps {
|
|
8
|
+
value: string | null;
|
|
9
|
+
options?: DropdownSelectorOption[];
|
|
10
|
+
onChange: (value: string | null) => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
w100?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare function DropdownSelector(props: DropdownSelectorProps): JSX.Element;
|
|
15
|
+
declare const _default: React.MemoExoticComponent<typeof DropdownSelector>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const FirstExample: () => JSX.Element;
|
|
7
|
+
export declare const W100Example: () => JSX.Element;
|
|
8
|
+
export declare const NullableExemple: () => JSX.Element;
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { BlobFileTypes } from '../../libraries/BlobFileTypes';
|
|
3
3
|
import './FileUpload.scss';
|
|
4
4
|
interface FileUploadProps {
|
|
5
|
-
label: string |
|
|
6
|
-
topLabel?: string |
|
|
7
|
-
helperText?: string |
|
|
5
|
+
label: string | React.ReactNode;
|
|
6
|
+
topLabel?: string | React.ReactNode;
|
|
7
|
+
helperText?: string | React.ReactNode;
|
|
8
8
|
hideTopLabel?: boolean;
|
|
9
9
|
hideHelperText?: boolean;
|
|
10
10
|
error?: boolean;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import './FloatingPanel.scss';
|
|
3
|
+
export interface FloatingPanelProps {
|
|
4
|
+
opened: boolean;
|
|
5
|
+
setOpened: (evt: boolean) => void;
|
|
6
|
+
children: ReactNode | JSX.Element;
|
|
7
|
+
className?: string;
|
|
8
|
+
bottom?: string;
|
|
9
|
+
radiusStyle?: 'only-top' | 'only-bottom' | 'all';
|
|
10
|
+
boxShadow?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare function FloatingPanel(props: FloatingPanelProps): JSX.Element;
|
|
13
|
+
declare namespace FloatingPanel {
|
|
14
|
+
var defaultProps: Partial<FloatingPanelProps>;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: React.MemoExoticComponent<typeof FloatingPanel>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CalendarEventProps } from '../calendarEvent/CalendarEvent';
|
|
3
|
+
import './HourEvents.scss';
|
|
4
|
+
export interface HourEventsProps {
|
|
5
|
+
hour: string;
|
|
6
|
+
events?: CalendarEventProps[];
|
|
7
|
+
eventCols?: (1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12)[];
|
|
8
|
+
arrows?: 'bottom' | 'left' | 'right';
|
|
9
|
+
defaultOpened?: boolean;
|
|
10
|
+
language?: {
|
|
11
|
+
label: {
|
|
12
|
+
opened: string;
|
|
13
|
+
closed: string;
|
|
14
|
+
};
|
|
15
|
+
noEvent: string;
|
|
16
|
+
events: (n: number) => string;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
declare function HourEvents(props: HourEventsProps): JSX.Element;
|
|
20
|
+
declare namespace HourEvents {
|
|
21
|
+
var defaultProps: Partial<HourEventsProps>;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: React.MemoExoticComponent<typeof HourEvents>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HourEventsProps } from './HourEvents';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
argTypes: {
|
|
6
|
+
arrows: {
|
|
7
|
+
type: string;
|
|
8
|
+
options: string[];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const NoEvents: {
|
|
14
|
+
(args: Partial<HourEventsProps>): JSX.Element;
|
|
15
|
+
args: Partial<HourEventsProps>;
|
|
16
|
+
};
|
|
17
|
+
export declare const WithEvents: {
|
|
18
|
+
(args: Partial<HourEventsProps>): JSX.Element;
|
|
19
|
+
args: Partial<HourEventsProps>;
|
|
20
|
+
};
|
|
21
|
+
export declare const Both: {
|
|
22
|
+
(args: Partial<HourEventsProps>): JSX.Element;
|
|
23
|
+
args: Partial<HourEventsProps>;
|
|
24
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CalendarLanguage } from '../../utils/CalendarUtils';
|
|
3
|
+
import './InlineMonthPicker.scss';
|
|
4
|
+
export interface InlineMonthPickerProps {
|
|
5
|
+
value: Date;
|
|
6
|
+
onChange?: (d: Date) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
language: CalendarLanguage;
|
|
9
|
+
labelGen?: (d: Date) => string;
|
|
10
|
+
}
|
|
11
|
+
declare function InlineMonthPicker(props: InlineMonthPickerProps): JSX.Element;
|
|
12
|
+
declare namespace InlineMonthPicker {
|
|
13
|
+
var defaultProps: InlineMonthPickerProps;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: React.MemoExoticComponent<typeof InlineMonthPicker>;
|
|
16
|
+
export default _default;
|
|
@@ -17,7 +17,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
17
17
|
declare function Input(props: InputProps): JSX.Element;
|
|
18
18
|
declare namespace Input {
|
|
19
19
|
var defaultProps: {
|
|
20
|
-
onChange: () => void;
|
|
21
20
|
value: string;
|
|
22
21
|
loading: boolean;
|
|
23
22
|
error: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactFragment } from 'react';
|
|
2
2
|
import { ModalSizes } from '../../libraries/ModalSize';
|
|
3
3
|
import { ButtonProps } from '../button/Button';
|
|
4
4
|
import './Modal.scss';
|
|
@@ -13,14 +13,14 @@ export interface ModalProps {
|
|
|
13
13
|
size?: ModalSizes;
|
|
14
14
|
mobileOnXS?: boolean;
|
|
15
15
|
compenseColPaddingContent?: boolean;
|
|
16
|
-
footer?: ButtonProps[] |
|
|
17
|
-
children?:
|
|
16
|
+
footer?: ButtonProps[] | JSX.Element;
|
|
17
|
+
children?: string | JSX.Element | ReactFragment;
|
|
18
18
|
}
|
|
19
19
|
declare function Modal(props: ModalProps): JSX.Element;
|
|
20
20
|
declare namespace Modal {
|
|
21
21
|
var defaultProps: {
|
|
22
22
|
title: string;
|
|
23
|
-
onClose:
|
|
23
|
+
onClose: undefined;
|
|
24
24
|
size: string;
|
|
25
25
|
};
|
|
26
26
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
5
|
export default _default;
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
|
|
6
|
+
export declare const Small: () => JSX.Element;
|
|
7
|
+
export declare const MultipleChildren: () => JSX.Element;
|
|
8
|
+
export declare const SmallCompensePadding: () => JSX.Element;
|
|
9
|
+
export declare const Large: () => JSX.Element;
|
|
10
|
+
export declare const ExtraLarge: () => JSX.Element;
|
|
11
|
+
export declare const Alert: () => JSX.Element;
|
|
12
|
+
export declare const Confirm: () => JSX.Element;
|
|
13
|
+
export declare const Destructive: () => JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import './Modal.scss';
|
|
3
3
|
interface ModalMaskProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
mobileOnXS?: boolean;
|
|
6
|
-
children?:
|
|
7
|
-
onClick?: (event:
|
|
6
|
+
children?: JSX.Element;
|
|
7
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
8
|
}
|
|
9
9
|
export declare const ModalMask: (props: ModalMaskProps) => JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './../../hooks/useModalManager/useModalManager.scss';
|
|
3
3
|
import './../modal/Modal.scss';
|
|
4
|
-
export
|
|
4
|
+
export interface ModalManagerType {
|
|
5
|
+
openModal: <C extends React.ElementType>(component: C, modalProps: React.ComponentProps<C>) => string | number;
|
|
6
|
+
closeModal: (modalKey?: string | number) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ModalManager: React.ForwardRefExoticComponent<React.RefAttributes<ModalManagerType>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ModalManagerType } from './ModalManager';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<React.RefAttributes<
|
|
5
|
+
component: React.ForwardRefExoticComponent<React.RefAttributes<ModalManagerType>>;
|
|
5
6
|
};
|
|
6
7
|
export default _default;
|
|
7
8
|
export declare const Default: () => JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ReactFragment } from 'react';
|
|
2
|
+
import './ScrollArrowOverflow.scss';
|
|
3
|
+
export interface ScrollArrowOverflowProps {
|
|
4
|
+
children?: ReactFragment;
|
|
5
|
+
arrows?: 'bottom' | 'left' | 'right';
|
|
6
|
+
defaultOpened?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function ScrollArrowOverflow(props: ScrollArrowOverflowProps): JSX.Element;
|
|
9
|
+
declare namespace ScrollArrowOverflow {
|
|
10
|
+
var defaultProps: Partial<ScrollArrowOverflowProps>;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: React.MemoExoticComponent<typeof ScrollArrowOverflow>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ScrollArrowOverflowProps } from './ScrollArrowOverflow';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
argTypes: {
|
|
6
|
+
arrows: {
|
|
7
|
+
type: string;
|
|
8
|
+
options: string[];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const FirstExample: {
|
|
14
|
+
(args: ScrollArrowOverflowProps): JSX.Element;
|
|
15
|
+
args: Partial<ScrollArrowOverflowProps>;
|
|
16
|
+
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TooltipPosition } from '../../libraries/Tooltips';
|
|
3
3
|
import './Select.scss';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
declare type SelectAcceptedTypes = number | string | boolean;
|
|
5
|
+
export declare type SelectOptionsType<T extends SelectAcceptedTypes = SelectAcceptedTypes> = {
|
|
6
|
+
label: string | number;
|
|
7
|
+
value: T | null;
|
|
8
|
+
key?: string;
|
|
7
9
|
};
|
|
8
10
|
export interface SelectProps {
|
|
9
11
|
'tooltip-position'?: TooltipPosition;
|
|
@@ -19,6 +21,7 @@ export interface SelectProps {
|
|
|
19
21
|
multiple?: boolean;
|
|
20
22
|
panelFilter?: boolean;
|
|
21
23
|
panelFilterPlaceholder?: string;
|
|
24
|
+
bottomPanel?: boolean;
|
|
22
25
|
showPanelFooter?: boolean;
|
|
23
26
|
options?: SelectOptionsType[];
|
|
24
27
|
noOptionMessage?: string;
|
|
@@ -33,7 +36,7 @@ export interface SelectProps {
|
|
|
33
36
|
declare function Select(props: SelectProps): JSX.Element;
|
|
34
37
|
declare namespace Select {
|
|
35
38
|
var defaultProps: {
|
|
36
|
-
onChange:
|
|
39
|
+
onChange: undefined;
|
|
37
40
|
value: string;
|
|
38
41
|
multiple: boolean;
|
|
39
42
|
options: never[];
|
|
@@ -8,6 +8,7 @@ export declare const Single: () => JSX.Element;
|
|
|
8
8
|
export declare const SingleWithoutClear: () => JSX.Element;
|
|
9
9
|
export declare const SingleError: () => JSX.Element;
|
|
10
10
|
export declare const SingleFilter: () => JSX.Element;
|
|
11
|
+
export declare const SingleFilterBottomPanel: () => JSX.Element;
|
|
11
12
|
export declare const SinglePreSelectUniqueOption: () => JSX.Element;
|
|
12
13
|
export declare const SinglePreSelectUniqueOptionReadOnly: () => JSX.Element;
|
|
13
14
|
export declare const Multiple: () => JSX.Element;
|