smarthr-ui 23.0.2 → 23.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Calendar/Calendar.js +2 -2
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/calendarHelper.d.ts +2 -1
- package/esm/components/Calendar/calendarHelper.js +14 -21
- package/esm/components/Calendar/calendarHelper.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.d.ts +1 -0
- package/esm/components/DatePicker/DatePicker.js +2 -1
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/ActionDialog.js +2 -2
- package/esm/components/Dialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +5 -0
- package/esm/components/Dialog/ActionDialogContentInner.js +5 -4
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.js +1 -1
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.d.ts +5 -0
- package/esm/components/Dialog/MessageDialogContentInner.js +5 -4
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +8 -0
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +21 -7
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FieldSet/FieldSet.d.ts +3 -3
- package/esm/components/FieldSet/FieldSet.js.map +1 -1
- package/esm/components/Icon/Icon.d.ts +2 -0
- package/esm/components/Icon/Icon.js +3 -1
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/Input/CurrencyInput/CurrencyInput.d.ts +12 -6
- package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/esm/components/Input/Input.d.ts +9 -16
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Textarea/Textarea.d.ts +4 -0
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +1 -1
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/calendarHelper.d.ts +2 -1
- package/lib/components/Calendar/calendarHelper.js +15 -22
- package/lib/components/Calendar/calendarHelper.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.d.ts +1 -0
- package/lib/components/DatePicker/DatePicker.js +3 -2
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/ActionDialog.js +2 -2
- package/lib/components/Dialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +5 -0
- package/lib/components/Dialog/ActionDialogContentInner.js +5 -4
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.js +1 -1
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.d.ts +5 -0
- package/lib/components/Dialog/MessageDialogContentInner.js +5 -4
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +8 -0
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +44 -7
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FieldSet/FieldSet.d.ts +3 -3
- package/lib/components/FieldSet/FieldSet.js.map +1 -1
- package/lib/components/Icon/Icon.d.ts +2 -0
- package/lib/components/Icon/Icon.js +8 -6
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/Input/CurrencyInput/CurrencyInput.d.ts +12 -6
- package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/components/Input/Input.d.ts +9 -16
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Select/Select.js +1 -1
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts +4 -0
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/package.json +29 -28
|
@@ -7,9 +7,9 @@ import { Button } from '../Button';
|
|
|
7
7
|
import { FaCaretDownIcon, FaCaretUpIcon, FaChevronLeftIcon, FaChevronRightIcon } from '../Icon';
|
|
8
8
|
import { CalendarTable } from './CalendarTable';
|
|
9
9
|
import { YearPicker } from './YearPicker';
|
|
10
|
-
import { getFromDate, getToDate, isBetween } from './calendarHelper';
|
|
10
|
+
import { getFromDate, getToDate, isBetween, minDate } from './calendarHelper';
|
|
11
11
|
import { useId } from '../../hooks/useId';
|
|
12
|
-
export const Calendar = forwardRef(({ from, to, onSelectDate, value, ...props }, ref) => {
|
|
12
|
+
export const Calendar = forwardRef(({ from = minDate, to, onSelectDate, value, ...props }, ref) => {
|
|
13
13
|
const themes = useTheme();
|
|
14
14
|
const classNames = useClassNames();
|
|
15
15
|
const now = dayjs().startOf('date');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const daysInWeek: string[];
|
|
2
|
-
export declare
|
|
2
|
+
export declare const minDate: Date;
|
|
3
|
+
export declare function getFromDate(date: Date): Date;
|
|
3
4
|
export declare function getToDate(date?: Date): Date;
|
|
4
5
|
export declare function getMonthArray(date: Date): (number | null)[][];
|
|
5
6
|
export declare function isBetween(date: Date, from: Date, to: Date): boolean;
|
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
import dayjs from 'dayjs';
|
|
2
2
|
export const daysInWeek = ['日', '月', '火', '水', '木', '金', '土'];
|
|
3
|
+
export const minDate = new Date(1900, 0, 1);
|
|
4
|
+
const minDatetime = minDate.getTime();
|
|
5
|
+
const maxDate = new Date(9999, 11, 31);
|
|
6
|
+
const maxDatetime = maxDate.getTime();
|
|
3
7
|
export function getFromDate(date) {
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
if (!date || isNaN(date.getTime())) {
|
|
7
|
-
return defaultDate;
|
|
8
|
-
}
|
|
9
|
-
if (date.getTime() < min.getTime()) {
|
|
10
|
-
return min;
|
|
11
|
-
}
|
|
12
|
-
return date;
|
|
8
|
+
const time = date.getTime();
|
|
9
|
+
return isNaN(time) || time < minDatetime ? minDate : date;
|
|
13
10
|
}
|
|
14
11
|
export function getToDate(date) {
|
|
15
|
-
if (!date
|
|
12
|
+
if (!date) {
|
|
16
13
|
return dayjs().add(50, 'year').toDate();
|
|
17
14
|
}
|
|
18
|
-
const
|
|
19
|
-
if (
|
|
20
|
-
return
|
|
15
|
+
const time = date.getTime();
|
|
16
|
+
if (isNaN(time)) {
|
|
17
|
+
return dayjs().add(50, 'year').toDate();
|
|
21
18
|
}
|
|
22
|
-
return date;
|
|
19
|
+
return time > maxDatetime ? maxDate : date;
|
|
23
20
|
}
|
|
24
21
|
export function getMonthArray(date) {
|
|
25
22
|
const startDay = dayjs(date).date(1).day();
|
|
@@ -31,17 +28,13 @@ export function getMonthArray(date) {
|
|
|
31
28
|
return Array.from({ length: 7 }).map((__, dateIndex) => {
|
|
32
29
|
// 1週の配列を形成
|
|
33
30
|
const dateNum = startDateInWeek + dateIndex;
|
|
34
|
-
|
|
35
|
-
return dateNum;
|
|
36
|
-
}
|
|
37
|
-
return null;
|
|
31
|
+
return dateNum > 0 && dateNum <= lastDate ? dateNum : null;
|
|
38
32
|
});
|
|
39
33
|
});
|
|
40
34
|
}
|
|
41
35
|
export function isBetween(date, from, to) {
|
|
42
36
|
const time = date.getTime();
|
|
43
|
-
|
|
44
|
-
const toTime = new Date(to.getFullYear(), to.getMonth(), to.getDate() + 1).getTime();
|
|
45
|
-
return time >= fromTime && time < toTime;
|
|
37
|
+
return (time >= toRoundDate(from).getTime() && time < dayjs(toRoundDate(to)).add(1, 'day').valueOf());
|
|
46
38
|
}
|
|
39
|
+
const toRoundDate = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
47
40
|
//# sourceMappingURL=calendarHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendarHelper.js","sourceRoot":"","sources":["../../../src/components/Calendar/calendarHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAE7D,MAAM,
|
|
1
|
+
{"version":3,"file":"calendarHelper.js","sourceRoot":"","sources":["../../../src/components/Calendar/calendarHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -24,5 +24,6 @@ declare type Props = {
|
|
|
24
24
|
onChangeDate?: (date: Date | null, value: string) => void;
|
|
25
25
|
};
|
|
26
26
|
declare type InputAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props>;
|
|
27
|
+
export declare const DEFAULT_FROM: Date;
|
|
27
28
|
export declare const DatePicker: VFC<Props & InputAttributes>;
|
|
28
29
|
export {};
|
|
@@ -11,7 +11,8 @@ import { FaCalendarAltIcon } from '../Icon';
|
|
|
11
11
|
import { Calendar } from '../Calendar';
|
|
12
12
|
import { Portal } from './Portal';
|
|
13
13
|
import { useId } from '../../hooks/useId';
|
|
14
|
-
export const
|
|
14
|
+
export const DEFAULT_FROM = new Date(1900, 0, 1);
|
|
15
|
+
export const DatePicker = ({ value, name, from = DEFAULT_FROM, to, disabled, error, className = '', parseInput, formatDate, showAlternative, onChangeDate, ...inputAttrs }) => {
|
|
15
16
|
const stringToDate = useCallback((str) => {
|
|
16
17
|
if (!str) {
|
|
17
18
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AA4BzC,MAAM,CAAC,MAAM,UAAU,GAAiC,CAAC,EACvD,KAAK,EACL,IAAI,EACJ,IAAI,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../hooks/useId';
|
|
|
3
3
|
import { useDialogPortal } from './useDialogPortal';
|
|
4
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
5
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
6
|
-
export const ActionDialog = ({ children, title, subtitle, closeText, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, ...props }) => {
|
|
6
|
+
export const ActionDialog = ({ children, title, subtitle, titleTag, closeText, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
@@ -19,6 +19,6 @@ export const ActionDialog = ({ children, title, subtitle, closeText, actionText,
|
|
|
19
19
|
onClickAction(onClickClose);
|
|
20
20
|
}, [onClickAction, onClickClose, props.isOpen]);
|
|
21
21
|
return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
|
|
22
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, closeText: closeText, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage }, children)));
|
|
22
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, closeText: closeText, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage }, children)));
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=ActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,IAE/B,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,IAE/B,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode, VFC } from 'react';
|
|
2
|
+
import { HeadingTagTypes } from '../Heading';
|
|
2
3
|
export declare type BaseProps = {
|
|
3
4
|
/**
|
|
4
5
|
* ダイアログの内容
|
|
@@ -12,6 +13,10 @@ export declare type BaseProps = {
|
|
|
12
13
|
* ダイアログのサブタイトル
|
|
13
14
|
*/
|
|
14
15
|
subtitle?: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* ダイアログタイトルの HTML タグ
|
|
18
|
+
*/
|
|
19
|
+
titleTag?: HeadingTagTypes;
|
|
15
20
|
/**
|
|
16
21
|
* 閉じるボタンのラベル
|
|
17
22
|
*/
|
|
@@ -8,7 +8,7 @@ import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../Icon';
|
|
|
8
8
|
import { Text } from '../Text';
|
|
9
9
|
import { Loader } from '../Loader';
|
|
10
10
|
import { useClassNames } from './useClassNames';
|
|
11
|
-
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, closeText = 'キャンセル', actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, }) => {
|
|
11
|
+
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', closeText = 'キャンセル', actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, }) => {
|
|
12
12
|
const classNames = useClassNames().dialog;
|
|
13
13
|
const theme = useTheme();
|
|
14
14
|
const handleClickAction = useCallback(() => {
|
|
@@ -17,9 +17,9 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, c
|
|
|
17
17
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
18
18
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
19
19
|
return (React.createElement(React.Fragment, null,
|
|
20
|
-
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
21
|
-
subtitle && (React.createElement(Text, {
|
|
22
|
-
React.createElement(Text, { id: titleId,
|
|
20
|
+
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
|
|
21
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
22
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
|
|
23
23
|
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
24
24
|
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
25
25
|
React.createElement(ButtonArea, { themes: theme, className: classNames.buttonArea },
|
|
@@ -30,6 +30,7 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, c
|
|
|
30
30
|
React.createElement(Message, { themes: theme }, responseMessage.text))))));
|
|
31
31
|
};
|
|
32
32
|
const TitleArea = styled(Stack)(({ themes: { border, spacing } }) => css `
|
|
33
|
+
margin-block: unset;
|
|
33
34
|
border-bottom: ${border.shorthand};
|
|
34
35
|
padding: ${spacing.XS} ${spacing.S};
|
|
35
36
|
`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { useDialogPortal } from './useDialogPortal';
|
|
|
3
3
|
import { DialogContentInner } from './DialogContentInner';
|
|
4
4
|
import { MessageDialogContentInner, } from './MessageDialogContentInner';
|
|
5
5
|
import { useId } from '../../hooks/useId';
|
|
6
|
-
export const MessageDialog = ({ title, subtitle, description, closeText, onClickClose, onPressEscape = onClickClose, className = '', portalParent, ...props }) => {
|
|
6
|
+
export const MessageDialog = ({ title, subtitle, titleTag, description, closeText, onClickClose, onPressEscape = onClickClose, className = '', portalParent, ...props }) => {
|
|
7
7
|
const { createPortal } = useDialogPortal(portalParent);
|
|
8
8
|
const handleClickClose = useCallback(() => {
|
|
9
9
|
if (!props.isOpen) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { VFC } from 'react';
|
|
2
|
+
import { HeadingTagTypes } from '../Heading';
|
|
2
3
|
export declare type BaseProps = {
|
|
3
4
|
/**
|
|
4
5
|
* ダイアログのタイトル
|
|
@@ -8,6 +9,10 @@ export declare type BaseProps = {
|
|
|
8
9
|
* ダイアログのサブタイトル
|
|
9
10
|
*/
|
|
10
11
|
subtitle?: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* ダイアログタイトルの HTML タグ
|
|
14
|
+
*/
|
|
15
|
+
titleTag?: HeadingTagTypes;
|
|
11
16
|
/**
|
|
12
17
|
* ダイアログの説明
|
|
13
18
|
*/
|
|
@@ -6,19 +6,20 @@ import { useOffsetHeight } from './dialogHelper';
|
|
|
6
6
|
import { Stack } from '../Layout';
|
|
7
7
|
import { Button } from '../Button';
|
|
8
8
|
import { Text } from '../Text';
|
|
9
|
-
export const MessageDialogContentInner = ({ title, subtitle, titleId, description, closeText = '閉じる', onClickClose, }) => {
|
|
9
|
+
export const MessageDialogContentInner = ({ title, subtitle, titleTag = 'h2', titleId, description, closeText = '閉じる', onClickClose, }) => {
|
|
10
10
|
const classNames = useClassNames().dialog;
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
13
13
|
return (React.createElement(React.Fragment, null,
|
|
14
|
-
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
15
|
-
subtitle && (React.createElement(Text, {
|
|
16
|
-
React.createElement(Text, {
|
|
14
|
+
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
|
|
15
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
16
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
|
|
17
17
|
React.createElement(Description, { themes: theme, offsetHeight: offsetHeight, className: classNames.description }, description),
|
|
18
18
|
React.createElement(Bottom, { themes: theme, ref: bottomRef, className: classNames.buttonArea },
|
|
19
19
|
React.createElement(Button, { onClick: onClickClose, className: classNames.closeButton }, closeText))));
|
|
20
20
|
};
|
|
21
21
|
const TitleArea = styled(Stack)(({ themes: { border, spacing } }) => css `
|
|
22
|
+
margin-block: unset;
|
|
22
23
|
border-bottom: ${border.shorthand};
|
|
23
24
|
padding: ${spacing.XS} ${spacing.S};
|
|
24
25
|
`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,14 @@ declare type Props = {
|
|
|
6
6
|
onReset?: () => void;
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
hasStatusText?: boolean;
|
|
9
|
+
decorator?: {
|
|
10
|
+
status?: DecoratorFunctionType;
|
|
11
|
+
triggerButton?: DecoratorFunctionType;
|
|
12
|
+
applyButton?: DecoratorFunctionType;
|
|
13
|
+
cancelButton?: DecoratorFunctionType;
|
|
14
|
+
resetButton?: DecoratorFunctionType;
|
|
15
|
+
};
|
|
9
16
|
};
|
|
17
|
+
declare type DecoratorFunctionType = (text: string) => ReactNode;
|
|
10
18
|
export declare const FilterDropdown: VFC<Props>;
|
|
11
19
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Dropdown } from '../Dropdown';
|
|
@@ -8,25 +8,39 @@ import { DropdownCloser } from '../DropdownCloser';
|
|
|
8
8
|
import { DropdownScrollArea } from '../DropdownScrollArea';
|
|
9
9
|
import { Button } from '../../Button';
|
|
10
10
|
import { FaCheckCircleIcon, FaFilterIcon, FaUndoAltIcon } from '../../Icon';
|
|
11
|
-
|
|
11
|
+
import innerText from 'react-innertext';
|
|
12
|
+
const STATUS_FILTERD_TEXT = '適用中';
|
|
13
|
+
const TRIGGER_BUTTON_TEXT = '絞り込み';
|
|
14
|
+
const APPLY_BUTTON_TEXT = '適用';
|
|
15
|
+
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
16
|
+
const RESET_BUTTON_TEXT = '絞り込み条件を解除';
|
|
17
|
+
const executeDecorator = (defaultText, decorator) => decorator ? decorator(defaultText) : defaultText;
|
|
18
|
+
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorator = {}, }) => {
|
|
19
|
+
const { status: statusDecorator, triggerButton: triggerButtonDecorator, applyButton: applyButtonDecorator, cancelButton: cancelButtonDecorator, resetButton: resetButtonDecorator, } = decorator;
|
|
12
20
|
const themes = useTheme();
|
|
21
|
+
const status = useMemo(() => executeDecorator(STATUS_FILTERD_TEXT, statusDecorator), [statusDecorator]);
|
|
22
|
+
const triggerButton = useMemo(() => executeDecorator(TRIGGER_BUTTON_TEXT, triggerButtonDecorator), [triggerButtonDecorator]);
|
|
23
|
+
const applyButton = useMemo(() => executeDecorator(APPLY_BUTTON_TEXT, applyButtonDecorator), [applyButtonDecorator]);
|
|
24
|
+
const cancelButton = useMemo(() => executeDecorator(CANCEL_BUTTON_TEXT, cancelButtonDecorator), [cancelButtonDecorator]);
|
|
25
|
+
const resetButton = useMemo(() => executeDecorator(RESET_BUTTON_TEXT, resetButtonDecorator), [resetButtonDecorator]);
|
|
26
|
+
const filteredIconAriaLabel = useMemo(() => (hasStatusText ? undefined : innerText(status)), [status, hasStatusText]);
|
|
13
27
|
return (React.createElement(Dropdown, null,
|
|
14
28
|
React.createElement(DropdownTrigger, null,
|
|
15
29
|
React.createElement(Button, { suffix: React.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes },
|
|
16
30
|
React.createElement(FaFilterIcon, null),
|
|
17
|
-
isFiltered ? (React.createElement(FaCheckCircleIcon, { size: 8, "aria-label":
|
|
18
|
-
hasStatusText && isFiltered ? React.createElement(StatusText, { themes: themes },
|
|
31
|
+
isFiltered ? (React.createElement(FaCheckCircleIcon, { size: 8, "aria-label": filteredIconAriaLabel })) : null) }, triggerButton)),
|
|
32
|
+
hasStatusText && isFiltered ? React.createElement(StatusText, { themes: themes }, status) : null,
|
|
19
33
|
React.createElement(DropdownContent, { controllable: true },
|
|
20
34
|
React.createElement(DropdownScrollArea, null,
|
|
21
35
|
React.createElement(ContentLayout, null, children)),
|
|
22
36
|
React.createElement(BottomLayout, { themes: themes },
|
|
23
37
|
onReset && (React.createElement(ResetButtonLayout, null,
|
|
24
|
-
React.createElement(Button, { variant: "text", size: "s", prefix: React.createElement(FaUndoAltIcon, null), onClick: () => onReset() },
|
|
38
|
+
React.createElement(Button, { variant: "text", size: "s", prefix: React.createElement(FaUndoAltIcon, null), onClick: () => onReset() }, resetButton))),
|
|
25
39
|
React.createElement(RightButtonLayout, null,
|
|
26
40
|
React.createElement(DropdownCloser, null,
|
|
27
|
-
React.createElement(Button, { onClick: () => onCancel?.() },
|
|
41
|
+
React.createElement(Button, { onClick: () => onCancel?.() }, cancelButton)),
|
|
28
42
|
React.createElement(DropdownCloser, null,
|
|
29
|
-
React.createElement(Button, { value: "primary", onClick: () => onApply() },
|
|
43
|
+
React.createElement(Button, { value: "primary", onClick: () => onApply() }, applyButton)))))));
|
|
30
44
|
};
|
|
31
45
|
const IsFilteredIconWrapper = styled.span `
|
|
32
46
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import React, { HTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
|
+
import { Input } from '../Input';
|
|
3
3
|
import { HeadingTagTypes, HeadingTypes } from '../Heading';
|
|
4
|
-
declare type Props = Omit<
|
|
4
|
+
declare type Props = Omit<React.ComponentProps<typeof Input>, 'error'> & {
|
|
5
5
|
/** ラベル名 */
|
|
6
6
|
label: ReactNode;
|
|
7
7
|
/** ラベルのタイプ */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSet.js","sourceRoot":"","sources":["../../../src/components/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"FieldSet.js","sourceRoot":"","sources":["../../../src/components/FieldSet/FieldSet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -131,6 +131,7 @@ export declare const FaCommentDotsIcon: React.VFC<ComponentProps>;
|
|
|
131
131
|
export declare const FaCommentSlashIcon: React.VFC<ComponentProps>;
|
|
132
132
|
export declare const FaCommentsIcon: React.VFC<ComponentProps>;
|
|
133
133
|
export declare const FaCompressIcon: React.VFC<ComponentProps>;
|
|
134
|
+
export declare const FaCompressAltIcon: React.VFC<ComponentProps>;
|
|
134
135
|
export declare const FaCopyIcon: React.VFC<ComponentProps>;
|
|
135
136
|
export declare const FaCreditCardIcon: React.VFC<ComponentProps>;
|
|
136
137
|
export declare const FaCubeIcon: React.VFC<ComponentProps>;
|
|
@@ -149,6 +150,7 @@ export declare const FaExclamationIcon: React.VFC<ComponentProps>;
|
|
|
149
150
|
export declare const FaExclamationCircleIcon: React.VFC<ComponentProps>;
|
|
150
151
|
export declare const FaExclamationTriangleIcon: React.VFC<ComponentProps>;
|
|
151
152
|
export declare const FaExpandIcon: React.VFC<ComponentProps>;
|
|
153
|
+
export declare const FaExpandAltIcon: React.VFC<ComponentProps>;
|
|
152
154
|
export declare const FaExpandArrowsAltIcon: React.VFC<ComponentProps>;
|
|
153
155
|
export declare const FaExternalLinkAltIcon: React.VFC<ComponentProps>;
|
|
154
156
|
export declare const FaEyeIcon: React.VFC<ComponentProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
|
-
import { FaAddressBook, FaAddressCard, FaAngleDoubleDown, FaAngleDoubleLeft, FaAngleDoubleRight, FaAngleDown, FaAngleLeft, FaAngleRight, FaAngleUp, FaArchive, FaArrowAltCircleDown, FaArrowAltCircleLeft, FaArrowAltCircleRight, FaArrowAltCircleUp, FaArrowCircleDown, FaArrowDown, FaArrowLeft, FaArrowRight, FaArrowUp, FaArrowsAlt, FaArrowsAltH, FaArrowsAltV, FaAsterisk, FaBan, FaBars, FaBell, FaBellSlash, FaBirthdayCake, FaBolt, FaBook, FaBookOpen, FaBookmark, FaBox, FaBoxOpen, FaBoxes, FaBriefcase, FaBuilding, FaBullhorn, FaBus, FaBusAlt, FaBusinessTime, FaCalculator, FaCalendar, FaCalendarAlt, FaCalendarCheck, FaCalendarDay, FaCalendarMinus, FaCalendarPlus, FaCalendarTimes, FaCalendarWeek, FaCamera, FaCar, FaCarAlt, FaCarSide, FaCaretDown, FaCaretLeft, FaCaretRight, FaCaretSquareDown, FaCaretSquareLeft, FaCaretSquareRight, FaCaretSquareUp, FaCaretUp, FaChartArea, FaChartBar, FaChartLine, FaChartPie, FaCheck, FaCheckCircle, FaCheckSquare, FaChevronCircleDown, FaChevronCircleLeft, FaChevronCircleRight, FaChevronCircleUp, FaChevronDown, FaChevronLeft, FaChevronRight, FaChevronUp, FaCircle, FaClipboard, FaClipboardCheck, FaClipboardList, FaClock, FaClone, FaCloud, FaCloudDownloadAlt, FaCloudUploadAlt, FaCode, FaCog, FaCogs, FaCoins, FaColumns, FaComment, FaCommentAlt, FaCommentDots, FaCommentSlash, FaComments, FaCompress, FaCopy, FaCreditCard, FaCube, FaCubes, FaDatabase, FaDoorClosed, FaDoorOpen, FaEdit, FaEllipsisH, FaEllipsisV, FaEnvelope, FaEnvelopeOpen, FaEnvelopeOpenText, FaExchangeAlt, FaExclamation, FaExclamationCircle, FaExclamationTriangle, FaExpand, FaExpandArrowsAlt, FaExternalLinkAlt, FaEye, FaEyeSlash, FaFile, FaFileAlt, FaFileArchive, FaFileDownload, FaFileExport, FaFileImport, FaFileUpload, FaFilter, FaFlag, FaFolder, FaFolderMinus, FaFolderOpen, FaFolderPlus, FaFont, FaForward, FaGift, FaGlobe, FaGraduationCap, FaGripHorizontal, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHandPaper, FaHandPointDown, FaHandPointLeft, FaHandPointRight, FaHandPointUp, FaHands, FaHandshake, FaHeart, FaHistory, FaHome, FaHospital, FaHospitalAlt, FaHourglass, FaHourglassEnd, FaHourglassHalf, FaHourglassStart, FaIdBadge, FaIdCard, FaIdCardAlt, FaImage, FaImages, FaInbox, FaInfo, FaInfoCircle, FaKey, FaKeyboard, FaLightbulb, FaLink, FaList, FaListAlt, FaListOl, FaListUl, FaLock, FaLockOpen, FaLongArrowAltDown, FaLongArrowAltLeft, FaLongArrowAltRight, FaLongArrowAltUp, FaMedkit, FaMinus, FaMinusCircle, FaMinusSquare, FaMobile, FaMobileAlt, FaMoneyBill, FaMoneyBillAlt, FaMoneyBillWave, FaMoneyBillWaveAlt, FaMoneyCheck, FaMoneyCheckAlt, FaPaperPlane, FaPaperclip, FaPaste, FaPen, FaPencilAlt, FaPhone, FaPhoneSlash, FaPiggyBank, FaPlane, FaPlay, FaPlayCircle, FaPlus, FaPlusCircle, FaPlusSquare, FaPoll, FaPollH, FaPortrait, FaPowerOff, FaPrint, FaQrcode, FaQuestion, FaQuestionCircle, FaRandom, FaReceipt, FaRedo, FaRedoAlt, FaRegDotCircle, FaRegLightbulb, FaReply, FaReplyAll, FaRocket, FaSave, FaSearch, FaSearchMinus, FaSearchPlus, FaShare, FaShareAlt, FaShareSquare, FaShieldAlt, FaShoppingBag, FaShoppingBasket, FaShoppingCart, FaSignInAlt, FaSignOutAlt, FaSlidersH, FaSort, FaSortAlphaDown, FaSortAlphaUp, FaSortAmountDown, FaSortAmountUp, FaSortDown, FaSortNumericDown, FaSortNumericUp, FaSortUp, FaStar, FaStepBackward, FaStepForward, FaStickyNote, FaStop, FaStopCircle, FaStream, FaSubway, FaSync, FaSyncAlt, FaTable, FaTablet, FaTabletAlt, FaTachometerAlt, FaTag, FaTags, FaTasks, FaTaxi, FaTh, FaThLarge, FaThList, FaTimes, FaTimesCircle, FaToolbox, FaTools, FaTrash, FaTrashAlt, FaTrashRestore, FaTrashRestoreAlt, FaUndo, FaUndoAlt, FaUnlink, FaUnlock, FaUnlockAlt, FaUser, FaUserAlt, FaUserAltSlash, FaUserCheck, FaUserCircle, FaUserClock, FaUserCog, FaUserEdit, FaUserMinus, FaUserPlus, FaUserSlash, FaUsers, FaUsersCog, FaVideo, FaVideoSlash, FaVolumeDown, FaVolumeMute, FaVolumeOff, FaVolumeUp, FaWallet, FaWindowClose, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaWrench, FaYenSign, } from 'react-icons/fa';
|
|
3
|
+
import { FaAddressBook, FaAddressCard, FaAngleDoubleDown, FaAngleDoubleLeft, FaAngleDoubleRight, FaAngleDown, FaAngleLeft, FaAngleRight, FaAngleUp, FaArchive, FaArrowAltCircleDown, FaArrowAltCircleLeft, FaArrowAltCircleRight, FaArrowAltCircleUp, FaArrowCircleDown, FaArrowDown, FaArrowLeft, FaArrowRight, FaArrowUp, FaArrowsAlt, FaArrowsAltH, FaArrowsAltV, FaAsterisk, FaBan, FaBars, FaBell, FaBellSlash, FaBirthdayCake, FaBolt, FaBook, FaBookOpen, FaBookmark, FaBox, FaBoxOpen, FaBoxes, FaBriefcase, FaBuilding, FaBullhorn, FaBus, FaBusAlt, FaBusinessTime, FaCalculator, FaCalendar, FaCalendarAlt, FaCalendarCheck, FaCalendarDay, FaCalendarMinus, FaCalendarPlus, FaCalendarTimes, FaCalendarWeek, FaCamera, FaCar, FaCarAlt, FaCarSide, FaCaretDown, FaCaretLeft, FaCaretRight, FaCaretSquareDown, FaCaretSquareLeft, FaCaretSquareRight, FaCaretSquareUp, FaCaretUp, FaChartArea, FaChartBar, FaChartLine, FaChartPie, FaCheck, FaCheckCircle, FaCheckSquare, FaChevronCircleDown, FaChevronCircleLeft, FaChevronCircleRight, FaChevronCircleUp, FaChevronDown, FaChevronLeft, FaChevronRight, FaChevronUp, FaCircle, FaClipboard, FaClipboardCheck, FaClipboardList, FaClock, FaClone, FaCloud, FaCloudDownloadAlt, FaCloudUploadAlt, FaCode, FaCog, FaCogs, FaCoins, FaColumns, FaComment, FaCommentAlt, FaCommentDots, FaCommentSlash, FaComments, FaCompress, FaCompressAlt, FaCopy, FaCreditCard, FaCube, FaCubes, FaDatabase, FaDoorClosed, FaDoorOpen, FaEdit, FaEllipsisH, FaEllipsisV, FaEnvelope, FaEnvelopeOpen, FaEnvelopeOpenText, FaExchangeAlt, FaExclamation, FaExclamationCircle, FaExclamationTriangle, FaExpand, FaExpandAlt, FaExpandArrowsAlt, FaExternalLinkAlt, FaEye, FaEyeSlash, FaFile, FaFileAlt, FaFileArchive, FaFileDownload, FaFileExport, FaFileImport, FaFileUpload, FaFilter, FaFlag, FaFolder, FaFolderMinus, FaFolderOpen, FaFolderPlus, FaFont, FaForward, FaGift, FaGlobe, FaGraduationCap, FaGripHorizontal, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHandPaper, FaHandPointDown, FaHandPointLeft, FaHandPointRight, FaHandPointUp, FaHands, FaHandshake, FaHeart, FaHistory, FaHome, FaHospital, FaHospitalAlt, FaHourglass, FaHourglassEnd, FaHourglassHalf, FaHourglassStart, FaIdBadge, FaIdCard, FaIdCardAlt, FaImage, FaImages, FaInbox, FaInfo, FaInfoCircle, FaKey, FaKeyboard, FaLightbulb, FaLink, FaList, FaListAlt, FaListOl, FaListUl, FaLock, FaLockOpen, FaLongArrowAltDown, FaLongArrowAltLeft, FaLongArrowAltRight, FaLongArrowAltUp, FaMedkit, FaMinus, FaMinusCircle, FaMinusSquare, FaMobile, FaMobileAlt, FaMoneyBill, FaMoneyBillAlt, FaMoneyBillWave, FaMoneyBillWaveAlt, FaMoneyCheck, FaMoneyCheckAlt, FaPaperPlane, FaPaperclip, FaPaste, FaPen, FaPencilAlt, FaPhone, FaPhoneSlash, FaPiggyBank, FaPlane, FaPlay, FaPlayCircle, FaPlus, FaPlusCircle, FaPlusSquare, FaPoll, FaPollH, FaPortrait, FaPowerOff, FaPrint, FaQrcode, FaQuestion, FaQuestionCircle, FaRandom, FaReceipt, FaRedo, FaRedoAlt, FaRegDotCircle, FaRegLightbulb, FaReply, FaReplyAll, FaRocket, FaSave, FaSearch, FaSearchMinus, FaSearchPlus, FaShare, FaShareAlt, FaShareSquare, FaShieldAlt, FaShoppingBag, FaShoppingBasket, FaShoppingCart, FaSignInAlt, FaSignOutAlt, FaSlidersH, FaSort, FaSortAlphaDown, FaSortAlphaUp, FaSortAmountDown, FaSortAmountUp, FaSortDown, FaSortNumericDown, FaSortNumericUp, FaSortUp, FaStar, FaStepBackward, FaStepForward, FaStickyNote, FaStop, FaStopCircle, FaStream, FaSubway, FaSync, FaSyncAlt, FaTable, FaTablet, FaTabletAlt, FaTachometerAlt, FaTag, FaTags, FaTasks, FaTaxi, FaTh, FaThLarge, FaThList, FaTimes, FaTimesCircle, FaToolbox, FaTools, FaTrash, FaTrashAlt, FaTrashRestore, FaTrashRestoreAlt, FaUndo, FaUndoAlt, FaUnlink, FaUnlock, FaUnlockAlt, FaUser, FaUserAlt, FaUserAltSlash, FaUserCheck, FaUserCircle, FaUserClock, FaUserCog, FaUserEdit, FaUserMinus, FaUserPlus, FaUserSlash, FaUsers, FaUsersCog, FaVideo, FaVideoSlash, FaVolumeDown, FaVolumeMute, FaVolumeOff, FaVolumeUp, FaWallet, FaWindowClose, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaWrench, FaYenSign, } from 'react-icons/fa';
|
|
4
4
|
import Warning from './WarningIcon';
|
|
5
5
|
import { VISUALLY_HIDDEN_STYLE } from '../../constants';
|
|
6
6
|
import { useTheme } from '../../hooks/useTheme';
|
|
@@ -156,6 +156,7 @@ export const FaCommentDotsIcon = /*#__PURE__*/ createIcon(FaCommentDots);
|
|
|
156
156
|
export const FaCommentSlashIcon = /*#__PURE__*/ createIcon(FaCommentSlash);
|
|
157
157
|
export const FaCommentsIcon = /*#__PURE__*/ createIcon(FaComments);
|
|
158
158
|
export const FaCompressIcon = /*#__PURE__*/ createIcon(FaCompress);
|
|
159
|
+
export const FaCompressAltIcon = /*#__PURE__*/ createIcon(FaCompressAlt);
|
|
159
160
|
export const FaCopyIcon = /*#__PURE__*/ createIcon(FaCopy);
|
|
160
161
|
export const FaCreditCardIcon = /*#__PURE__*/ createIcon(FaCreditCard);
|
|
161
162
|
export const FaCubeIcon = /*#__PURE__*/ createIcon(FaCube);
|
|
@@ -174,6 +175,7 @@ export const FaExclamationIcon = /*#__PURE__*/ createIcon(FaExclamation);
|
|
|
174
175
|
export const FaExclamationCircleIcon = /*#__PURE__*/ createIcon(FaExclamationCircle);
|
|
175
176
|
export const FaExclamationTriangleIcon = /*#__PURE__*/ createIcon(FaExclamationTriangle);
|
|
176
177
|
export const FaExpandIcon = /*#__PURE__*/ createIcon(FaExpand);
|
|
178
|
+
export const FaExpandAltIcon = /*#__PURE__*/ createIcon(FaExpandAlt);
|
|
177
179
|
export const FaExpandArrowsAltIcon = /*#__PURE__*/ createIcon(FaExpandArrowsAlt);
|
|
178
180
|
export const FaExternalLinkAltIcon = /*#__PURE__*/ createIcon(FaExternalLinkAlt);
|
|
179
181
|
export const FaEyeIcon = /*#__PURE__*/ createIcon(FaEye);
|