smarthr-ui 30.1.1 → 30.2.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/BackgroundJobsPanel/BackgroundJobsPanel.d.ts +3 -3
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/OmittableJobText.d.ts +2 -2
- package/esm/components/Calendar/Calendar.js +10 -9
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/calendarHelper.js +3 -3
- package/esm/components/Calendar/calendarHelper.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +1 -1
- package/esm/components/FormGroup/FormGroup.d.ts +1 -1
- package/esm/components/FormGroup/FormGroup.js +1 -1
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/MessageScreen/MessageScreen.d.ts +6 -2
- package/esm/components/MessageScreen/MessageScreen.js +16 -62
- package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
- package/esm/components/SideNav/SideNavItem.d.ts +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.d.ts +3 -3
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/OmittableJobText.d.ts +2 -2
- package/lib/components/Calendar/Calendar.js +10 -9
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/calendarHelper.js +3 -3
- package/lib/components/Calendar/calendarHelper.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +1 -1
- package/lib/components/FormGroup/FormGroup.d.ts +1 -1
- package/lib/components/FormGroup/FormGroup.js +1 -1
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/MessageScreen/MessageScreen.d.ts +6 -2
- package/lib/components/MessageScreen/MessageScreen.js +16 -62
- package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
- package/lib/components/SideNav/SideNavItem.d.ts +1 -1
- package/package.json +10 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps, VFC } from 'react';
|
|
1
|
+
import { ComponentProps, ReactNode, VFC } from 'react';
|
|
2
2
|
import { Base } from '../Base';
|
|
3
3
|
type JobId = string | number;
|
|
4
4
|
export type Status = 'processing' | 'downloading' | 'warning' | 'error' | 'done';
|
|
@@ -8,9 +8,9 @@ export type JobProps = {
|
|
|
8
8
|
/** ジョブのステータス */
|
|
9
9
|
status: Status;
|
|
10
10
|
/** ジョブ名 */
|
|
11
|
-
name:
|
|
11
|
+
name: ReactNode;
|
|
12
12
|
/** ジョブの説明 */
|
|
13
|
-
description:
|
|
13
|
+
description: ReactNode;
|
|
14
14
|
/** ジョブがキャンセル可能かどうか */
|
|
15
15
|
isCancelable?: boolean;
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,11 +12,12 @@ import { useClassNames } from './useClassNames';
|
|
|
12
12
|
export const Calendar = forwardRef(({ from = minDate, to, onSelectDate, value, ...props }, ref) => {
|
|
13
13
|
const themes = useTheme();
|
|
14
14
|
const classNames = useClassNames();
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
15
|
+
const fromDate = dayjs(getFromDate(from));
|
|
16
|
+
const toDate = dayjs(getToDate(to));
|
|
17
|
+
const today = dayjs();
|
|
18
|
+
const currentDay = toDate.isBefore(today) ? toDate : fromDate.isAfter(today) ? fromDate : today;
|
|
19
|
+
const isValidValue = value && isBetween(value, fromDate.toDate(), toDate.toDate());
|
|
20
|
+
const [currentMonth, setCurrentMonth] = useState(isValidValue ? dayjs(value) : currentDay);
|
|
20
21
|
const [isSelectingYear, setIsSelectingYear] = useState(false);
|
|
21
22
|
const yearPickerId = useId();
|
|
22
23
|
useEffect(() => {
|
|
@@ -38,16 +39,16 @@ export const Calendar = forwardRef(({ from = minDate, to, onSelectDate, value, .
|
|
|
38
39
|
setIsSelectingYear(!isSelectingYear);
|
|
39
40
|
}, size: "s", square: true, "aria-expanded": isSelectingYear, "aria-controls": yearPickerId, className: classNames.calendar.selectingYear }, isSelectingYear ? (React.createElement(FaCaretUpIcon, { alt: "\u5E74\u3092\u9078\u629E\u3059\u308B" })) : (React.createElement(FaCaretDownIcon, { alt: "\u5E74\u3092\u9078\u629E\u3059\u308B" }))),
|
|
40
41
|
React.createElement(MonthButtons, { className: classNames.calendar.monthButtons },
|
|
41
|
-
React.createElement(Button, { disabled: isSelectingYear || prevMonth.isBefore(
|
|
42
|
+
React.createElement(Button, { disabled: isSelectingYear || prevMonth.isBefore(fromDate, 'month'), onClick: () => setCurrentMonth(prevMonth), size: "s", square: true, className: classNames.calendar.monthButtonPrev },
|
|
42
43
|
React.createElement(FaChevronLeftIcon, { alt: "\u524D\u306E\u6708\u3078" })),
|
|
43
|
-
React.createElement(Button, { disabled: isSelectingYear || nextMonth.isAfter(
|
|
44
|
+
React.createElement(Button, { disabled: isSelectingYear || nextMonth.isAfter(toDate, 'month'), onClick: () => setCurrentMonth(nextMonth), size: "s", square: true, className: classNames.calendar.monthButtonNext },
|
|
44
45
|
React.createElement(FaChevronRightIcon, { alt: "\u6B21\u306E\u6708\u3078" })))),
|
|
45
46
|
React.createElement(TableLayout, null,
|
|
46
|
-
React.createElement(YearPicker, { fromYear:
|
|
47
|
+
React.createElement(YearPicker, { fromYear: fromDate.year(), toYear: toDate.year(), selectedYear: value?.getFullYear(), onSelectYear: (year) => {
|
|
47
48
|
setCurrentMonth(currentMonth.year(year));
|
|
48
49
|
setIsSelectingYear(false);
|
|
49
50
|
}, isDisplayed: isSelectingYear, id: yearPickerId }),
|
|
50
|
-
React.createElement(CalendarTable, { current: currentMonth.toDate(), from:
|
|
51
|
+
React.createElement(CalendarTable, { current: currentMonth.toDate(), from: fromDate.toDate(), to: toDate.toDate(), onSelectDate: onSelectDate, selected: isValidValue ? value : null }))));
|
|
51
52
|
});
|
|
52
53
|
const Container = styled.section `
|
|
53
54
|
${({ themes: { color, shadow } }) => css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE/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,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAc/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import dayjs from 'dayjs';
|
|
2
|
+
import dayjsIsBetween from 'dayjs/plugin/isBetween';
|
|
3
|
+
dayjs.extend(dayjsIsBetween);
|
|
2
4
|
export const daysInWeek = ['日', '月', '火', '水', '木', '金', '土'];
|
|
3
5
|
export const minDate = new Date(1900, 0, 1);
|
|
4
6
|
const minDatetime = minDate.getTime();
|
|
@@ -33,8 +35,6 @@ export function getMonthArray(date) {
|
|
|
33
35
|
});
|
|
34
36
|
}
|
|
35
37
|
export function isBetween(date, from, to) {
|
|
36
|
-
|
|
37
|
-
return (time >= toRoundDate(from).getTime() && time < dayjs(toRoundDate(to)).add(1, 'day').valueOf());
|
|
38
|
+
return dayjs(date).isBetween(from, to, 'day', '[]');
|
|
38
39
|
}
|
|
39
|
-
const toRoundDate = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
40
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;
|
|
1
|
+
{"version":3,"file":"calendarHelper.js","sourceRoot":"","sources":["../../../src/components/Calendar/calendarHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAEnD,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAE7D,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAC3C,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;AACrC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AACtC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;AAErC,MAAM,UAAU,WAAW,CAAC,IAAU;IACpC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;IAE3B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3D,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAW;IACnC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAA;KACxC;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;IAE3B,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;QACf,OAAO,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAA;KACxC;IAED,OAAO,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;IAC1C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;QAC5D,WAAW;QACX,MAAM,eAAe,GAAG,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAA;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE;YACrD,WAAW;YACX,MAAM,OAAO,GAAG,eAAe,GAAG,SAAS,CAAA;YAE3C,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,IAAU,EAAE,EAAQ;IACxD,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;AACrD,CAAC"}
|
|
@@ -18,7 +18,7 @@ type Props = {
|
|
|
18
18
|
/** タイトルの下に表示するヘルプメッセージ */
|
|
19
19
|
helpMessage?: ReactNode;
|
|
20
20
|
/** タイトルの下に表示するエラーメッセージ */
|
|
21
|
-
errorMessages?:
|
|
21
|
+
errorMessages?: ReactNode | ReactNode[];
|
|
22
22
|
/** `true` のとき、文字色を `TEXT_DISABLED` にする */
|
|
23
23
|
disabled?: boolean;
|
|
24
24
|
/** コンポーネントに適用するクラス名 */
|
|
@@ -19,7 +19,7 @@ export const FormGroup = ({ title, titleType, htmlFor, labelId, innerMargin = 'X
|
|
|
19
19
|
statusLabelProps.length > 0 && (React.createElement(StatusLabels, { themes: theme }, statusLabelProps.map((statusLabelProp, index) => (React.createElement(StyledStatusLabel, { ...statusLabelProp, key: index, themes: theme })))))),
|
|
20
20
|
helpMessage && (React.createElement(HelpMessage, { themes: theme, className: classNames.helpMessage }, helpMessage)),
|
|
21
21
|
errorMessages &&
|
|
22
|
-
(
|
|
22
|
+
(Array.isArray(errorMessages) ? errorMessages : [errorMessages]).map((message, index) => (React.createElement(ErrorMessage, { themes: theme, key: index, className: classNames.errorMessage },
|
|
23
23
|
React.createElement(ErrorIcon, { color: disabled ? theme.color.TEXT_DISABLED : theme.color.DANGER, themes: theme }),
|
|
24
24
|
React.createElement("span", null, message)))),
|
|
25
25
|
React.createElement(Body, { themes: theme, margin: innerMargin, className: classNames.body }, children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA4B/C,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACnD,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,EAAE,EACrB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAA;IAC1C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,IAAI,UAAU,CAAC,OAAO,EAAE,EAChE,MAAM,EAAE,KAAK,qBACI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QAEzD,oBAAC,YAAY,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK;YACvC,+BAAO,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK;gBACtE,oBAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,IACvE,KAAK,CACA,CACF;YACP,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,oBAAC,YAAY,IAAC,MAAM,EAAE,KAAK,IACxB,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,oBAAC,iBAAiB,OAAK,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CACtE,CAAC,CACW,CAChB,CACY;QAEd,WAAW,IAAI,CACd,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IAC1D,WAAW,CACA,CACf;QAEA,aAAa;YACZ,CAAC,OAAO,aAAa,
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode
|
|
1
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
type Props = {
|
|
3
|
+
/** ロゴ */
|
|
4
|
+
logo?: ReactNode;
|
|
3
5
|
/** コンテンツの上に表示されるタイトル */
|
|
4
6
|
title?: ReactNode;
|
|
5
7
|
/** コンテンツの下に表示されるアンカー要素のリスト */
|
|
@@ -13,9 +15,11 @@ type Props = {
|
|
|
13
15
|
}>;
|
|
14
16
|
/** 表示するコンテンツ */
|
|
15
17
|
children?: ReactNode;
|
|
18
|
+
/** フッター */
|
|
19
|
+
footer?: ReactNode;
|
|
16
20
|
/** コンポーネントに適用するクラス名 */
|
|
17
21
|
className?: string;
|
|
18
22
|
};
|
|
19
23
|
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
20
|
-
export declare const MessageScreen:
|
|
24
|
+
export declare const MessageScreen: FC<Props & ElementProps>;
|
|
21
25
|
export {};
|
|
@@ -1,85 +1,39 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
+
import { Heading } from '../Heading';
|
|
5
|
+
import { Center, Stack } from '../Layout';
|
|
4
6
|
import { SmartHRLogo } from '../SmartHRLogo';
|
|
5
7
|
import { TextLink } from '../TextLink';
|
|
6
|
-
import { Footer } from './Footer';
|
|
7
8
|
import { useClassNames } from './useClassNames';
|
|
8
|
-
export const MessageScreen = ({ title, links, children, className = '', ...props }) => {
|
|
9
|
+
export const MessageScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "brand" }), title, links, children, footer, className = '', ...props }) => {
|
|
9
10
|
const theme = useTheme();
|
|
10
11
|
const classNames = useClassNames();
|
|
11
12
|
return (React.createElement(Wrapper, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
12
13
|
React.createElement(Box, null,
|
|
13
|
-
React.createElement(Logo, { className: classNames.logo },
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
React.createElement(FooterArea, {
|
|
20
|
-
React.createElement(Footer, null))));
|
|
14
|
+
React.createElement(Logo, { className: classNames.logo }, logo),
|
|
15
|
+
React.createElement(Stack, { align: "center" },
|
|
16
|
+
title && React.createElement(Heading, { className: classNames.title }, title),
|
|
17
|
+
children && React.createElement(Content, { className: classNames.content }, children),
|
|
18
|
+
links?.length && (React.createElement(Links, { className: classNames.linkList }, links.map((link, index) => (React.createElement("li", { key: index },
|
|
19
|
+
React.createElement(TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: classNames.link }, link.label)))))))),
|
|
20
|
+
footer && React.createElement(FooterArea, { className: classNames.footer }, footer)));
|
|
21
21
|
};
|
|
22
|
-
const Wrapper = styled.
|
|
22
|
+
const Wrapper = styled(Center).attrs({ minHeight: '100vh', verticalCentering: true }) `
|
|
23
23
|
${({ themes }) => {
|
|
24
24
|
const { color } = themes;
|
|
25
25
|
return css `
|
|
26
|
-
display: flex;
|
|
27
|
-
justify-content: center;
|
|
28
|
-
flex-direction: column;
|
|
29
|
-
align-items: center;
|
|
30
|
-
min-height: 100vh;
|
|
31
26
|
background-color: ${color.BACKGROUND};
|
|
32
27
|
`;
|
|
33
28
|
}}
|
|
34
29
|
`;
|
|
35
|
-
const Box = styled.
|
|
36
|
-
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: center;
|
|
39
|
-
margin: auto 0;
|
|
30
|
+
const Box = styled(Stack).attrs({ gap: 1.5, align: 'center' }) `
|
|
31
|
+
margin-block: auto;
|
|
40
32
|
`;
|
|
41
33
|
const Logo = styled.div ``;
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
const { fontSize, spacingByChar, color } = themes;
|
|
45
|
-
return css `
|
|
46
|
-
margin: ${spacingByChar(1.5)} 0 0;
|
|
47
|
-
background-color: ${color.BACKGROUND};
|
|
48
|
-
color: ${color.TEXT_BLACK};
|
|
49
|
-
font-weight: normal;
|
|
50
|
-
font-size: ${fontSize.XL};
|
|
51
|
-
line-height: 1;
|
|
52
|
-
`;
|
|
53
|
-
}}
|
|
54
|
-
`;
|
|
55
|
-
const Content = styled.div `
|
|
56
|
-
${({ themes: { spacingByChar } }) => {
|
|
57
|
-
return css `
|
|
58
|
-
margin-top: ${spacingByChar(1)};
|
|
59
|
-
`;
|
|
60
|
-
}}
|
|
61
|
-
`;
|
|
62
|
-
const Links = styled.ul `
|
|
63
|
-
${({ themes: { spacingByChar } }) => {
|
|
64
|
-
return css `
|
|
65
|
-
margin: ${spacingByChar(1)} 0 0;
|
|
66
|
-
padding: 0;
|
|
67
|
-
list-style: none;
|
|
68
|
-
text-align: center;
|
|
69
|
-
line-height: 1;
|
|
70
|
-
|
|
71
|
-
> li:not(:first-child) {
|
|
72
|
-
margin-top: ${spacingByChar(1)};
|
|
73
|
-
}
|
|
74
|
-
`;
|
|
75
|
-
}}
|
|
76
|
-
`;
|
|
34
|
+
const Content = styled.div ``;
|
|
35
|
+
const Links = styled(Stack).attrs({ as: 'ul', gap: 0.5, align: 'center' }) ``;
|
|
77
36
|
const FooterArea = styled.div `
|
|
78
|
-
|
|
79
|
-
return css `
|
|
80
|
-
width: 100%;
|
|
81
|
-
padding-top: ${spacingByChar(1)};
|
|
82
|
-
`;
|
|
83
|
-
}}
|
|
37
|
+
align-self: stretch;
|
|
84
38
|
`;
|
|
85
39
|
//# sourceMappingURL=MessageScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps, VFC } from 'react';
|
|
1
|
+
import { ComponentProps, ReactNode, VFC } from 'react';
|
|
2
2
|
import { Base } from '../Base';
|
|
3
3
|
type JobId = string | number;
|
|
4
4
|
export type Status = 'processing' | 'downloading' | 'warning' | 'error' | 'done';
|
|
@@ -8,9 +8,9 @@ export type JobProps = {
|
|
|
8
8
|
/** ジョブのステータス */
|
|
9
9
|
status: Status;
|
|
10
10
|
/** ジョブ名 */
|
|
11
|
-
name:
|
|
11
|
+
name: ReactNode;
|
|
12
12
|
/** ジョブの説明 */
|
|
13
|
-
description:
|
|
13
|
+
description: ReactNode;
|
|
14
14
|
/** ジョブがキャンセル可能かどうか */
|
|
15
15
|
isCancelable?: boolean;
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -41,11 +41,12 @@ const useClassNames_1 = require("./useClassNames");
|
|
|
41
41
|
exports.Calendar = (0, react_1.forwardRef)(({ from = calendarHelper_1.minDate, to, onSelectDate, value, ...props }, ref) => {
|
|
42
42
|
const themes = (0, useTheme_1.useTheme)();
|
|
43
43
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
47
|
-
const
|
|
48
|
-
const
|
|
44
|
+
const fromDate = (0, dayjs_1.default)((0, calendarHelper_1.getFromDate)(from));
|
|
45
|
+
const toDate = (0, dayjs_1.default)((0, calendarHelper_1.getToDate)(to));
|
|
46
|
+
const today = (0, dayjs_1.default)();
|
|
47
|
+
const currentDay = toDate.isBefore(today) ? toDate : fromDate.isAfter(today) ? fromDate : today;
|
|
48
|
+
const isValidValue = value && (0, calendarHelper_1.isBetween)(value, fromDate.toDate(), toDate.toDate());
|
|
49
|
+
const [currentMonth, setCurrentMonth] = (0, react_1.useState)(isValidValue ? (0, dayjs_1.default)(value) : currentDay);
|
|
49
50
|
const [isSelectingYear, setIsSelectingYear] = (0, react_1.useState)(false);
|
|
50
51
|
const yearPickerId = (0, useId_1.useId)();
|
|
51
52
|
(0, react_1.useEffect)(() => {
|
|
@@ -67,16 +68,16 @@ exports.Calendar = (0, react_1.forwardRef)(({ from = calendarHelper_1.minDate, t
|
|
|
67
68
|
setIsSelectingYear(!isSelectingYear);
|
|
68
69
|
}, size: "s", square: true, "aria-expanded": isSelectingYear, "aria-controls": yearPickerId, className: classNames.calendar.selectingYear }, isSelectingYear ? (react_1.default.createElement(Icon_1.FaCaretUpIcon, { alt: "\u5E74\u3092\u9078\u629E\u3059\u308B" })) : (react_1.default.createElement(Icon_1.FaCaretDownIcon, { alt: "\u5E74\u3092\u9078\u629E\u3059\u308B" }))),
|
|
69
70
|
react_1.default.createElement(MonthButtons, { className: classNames.calendar.monthButtons },
|
|
70
|
-
react_1.default.createElement(Button_1.Button, { disabled: isSelectingYear || prevMonth.isBefore(
|
|
71
|
+
react_1.default.createElement(Button_1.Button, { disabled: isSelectingYear || prevMonth.isBefore(fromDate, 'month'), onClick: () => setCurrentMonth(prevMonth), size: "s", square: true, className: classNames.calendar.monthButtonPrev },
|
|
71
72
|
react_1.default.createElement(Icon_1.FaChevronLeftIcon, { alt: "\u524D\u306E\u6708\u3078" })),
|
|
72
|
-
react_1.default.createElement(Button_1.Button, { disabled: isSelectingYear || nextMonth.isAfter(
|
|
73
|
+
react_1.default.createElement(Button_1.Button, { disabled: isSelectingYear || nextMonth.isAfter(toDate, 'month'), onClick: () => setCurrentMonth(nextMonth), size: "s", square: true, className: classNames.calendar.monthButtonNext },
|
|
73
74
|
react_1.default.createElement(Icon_1.FaChevronRightIcon, { alt: "\u6B21\u306E\u6708\u3078" })))),
|
|
74
75
|
react_1.default.createElement(TableLayout, null,
|
|
75
|
-
react_1.default.createElement(YearPicker_1.YearPicker, { fromYear:
|
|
76
|
+
react_1.default.createElement(YearPicker_1.YearPicker, { fromYear: fromDate.year(), toYear: toDate.year(), selectedYear: value?.getFullYear(), onSelectYear: (year) => {
|
|
76
77
|
setCurrentMonth(currentMonth.year(year));
|
|
77
78
|
setIsSelectingYear(false);
|
|
78
79
|
}, isDisplayed: isSelectingYear, id: yearPickerId }),
|
|
79
|
-
react_1.default.createElement(CalendarTable_1.CalendarTable, { current: currentMonth.toDate(), from:
|
|
80
|
+
react_1.default.createElement(CalendarTable_1.CalendarTable, { current: currentMonth.toDate(), from: fromDate.toDate(), to: toDate.toDate(), onSelectDate: onSelectDate, selected: isValidValue ? value : null }))));
|
|
80
81
|
});
|
|
81
82
|
const Container = styled_components_1.default.section `
|
|
82
83
|
${({ themes: { color, shadow } }) => (0, styled_components_1.css) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+CAA0F;AAC1F,uEAA+C;AAE/C,6CAAyC;AACzC,mDAAsD;AACtD,sCAAkC;AAClC,kCAA+F;AAE/F,mDAA+C;AAC/C,6CAAyC;AACzC,qDAA6E;AAC7E,mDAA+C;AAclC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAE,IAAI,GAAG,wBAAO,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.isBetween = exports.getMonthArray = exports.getToDate = exports.getFromDate = exports.minDate = exports.daysInWeek = void 0;
|
|
7
7
|
const dayjs_1 = __importDefault(require("dayjs"));
|
|
8
|
+
const isBetween_1 = __importDefault(require("dayjs/plugin/isBetween"));
|
|
9
|
+
dayjs_1.default.extend(isBetween_1.default);
|
|
8
10
|
exports.daysInWeek = ['日', '月', '火', '水', '木', '金', '土'];
|
|
9
11
|
exports.minDate = new Date(1900, 0, 1);
|
|
10
12
|
const minDatetime = exports.minDate.getTime();
|
|
@@ -42,9 +44,7 @@ function getMonthArray(date) {
|
|
|
42
44
|
}
|
|
43
45
|
exports.getMonthArray = getMonthArray;
|
|
44
46
|
function isBetween(date, from, to) {
|
|
45
|
-
|
|
46
|
-
return (time >= toRoundDate(from).getTime() && time < (0, dayjs_1.default)(toRoundDate(to)).add(1, 'day').valueOf());
|
|
47
|
+
return (0, dayjs_1.default)(date).isBetween(from, to, 'day', '[]');
|
|
47
48
|
}
|
|
48
49
|
exports.isBetween = isBetween;
|
|
49
|
-
const toRoundDate = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
50
50
|
//# sourceMappingURL=calendarHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendarHelper.js","sourceRoot":"","sources":["../../../src/components/Calendar/calendarHelper.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;
|
|
1
|
+
{"version":3,"file":"calendarHelper.js","sourceRoot":"","sources":["../../../src/components/Calendar/calendarHelper.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,uEAAmD;AAEnD,eAAK,CAAC,MAAM,CAAC,mBAAc,CAAC,CAAA;AAEf,QAAA,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAEhD,QAAA,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAC3C,MAAM,WAAW,GAAG,eAAO,CAAC,OAAO,EAAE,CAAA;AACrC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AACtC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;AAErC,SAAgB,WAAW,CAAC,IAAU;IACpC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;IAE3B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,eAAO,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3D,CAAC;AAJD,kCAIC;AAED,SAAgB,SAAS,CAAC,IAAW;IACnC,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAA;KACxC;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAA;IAE3B,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;QACf,OAAO,IAAA,eAAK,GAAE,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,CAAA;KACxC;IAED,OAAO,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5C,CAAC;AAZD,8BAYC;AAED,SAAgB,aAAa,CAAC,IAAU;IACtC,MAAM,QAAQ,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;IAC1C,MAAM,QAAQ,GAAG,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;QAC5D,WAAW;QACX,MAAM,eAAe,GAAG,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAA;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE;YACrD,WAAW;YACX,MAAM,OAAO,GAAG,eAAe,GAAG,SAAS,CAAA;YAE3C,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5D,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAfD,sCAeC;AAED,SAAgB,SAAS,CAAC,IAAU,EAAE,IAAU,EAAE,EAAQ;IACxD,OAAO,IAAA,eAAK,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;AACrD,CAAC;AAFD,8BAEC"}
|
|
@@ -18,7 +18,7 @@ type Props = {
|
|
|
18
18
|
/** タイトルの下に表示するヘルプメッセージ */
|
|
19
19
|
helpMessage?: ReactNode;
|
|
20
20
|
/** タイトルの下に表示するエラーメッセージ */
|
|
21
|
-
errorMessages?:
|
|
21
|
+
errorMessages?: ReactNode | ReactNode[];
|
|
22
22
|
/** `true` のとき、文字色を `TEXT_DISABLED` にする */
|
|
23
23
|
disabled?: boolean;
|
|
24
24
|
/** コンポーネントに適用するクラス名 */
|
|
@@ -48,7 +48,7 @@ const FormGroup = ({ title, titleType, htmlFor, labelId, innerMargin = 'XS', sta
|
|
|
48
48
|
statusLabelProps.length > 0 && (react_1.default.createElement(StatusLabels, { themes: theme }, statusLabelProps.map((statusLabelProp, index) => (react_1.default.createElement(StyledStatusLabel, { ...statusLabelProp, key: index, themes: theme })))))),
|
|
49
49
|
helpMessage && (react_1.default.createElement(HelpMessage, { themes: theme, className: classNames.helpMessage }, helpMessage)),
|
|
50
50
|
errorMessages &&
|
|
51
|
-
(
|
|
51
|
+
(Array.isArray(errorMessages) ? errorMessages : [errorMessages]).map((message, index) => (react_1.default.createElement(ErrorMessage, { themes: theme, key: index, className: classNames.errorMessage },
|
|
52
52
|
react_1.default.createElement(ErrorIcon, { color: disabled ? theme.color.TEXT_DISABLED : theme.color.DANGER, themes: theme }),
|
|
53
53
|
react_1.default.createElement("span", null, message)))),
|
|
54
54
|
react_1.default.createElement(Body, { themes: theme, margin: innerMargin, className: classNames.body }, children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA6E;AAC7E,uEAA+C;AAE/C,6CAAyC;AACzC,mDAAsD;AACtD,wCAAkD;AAClD,kCAAiD;AACjD,gDAA4C;AAE5C,mDAA+C;AA4BxC,MAAM,SAAS,GAA8B,CAAC,EACnD,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,EAAE,EACrB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChD,MAAM,cAAc,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAA;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAA;IAC1C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,IAAI,UAAU,CAAC,OAAO,EAAE,EAChE,MAAM,EAAE,KAAK,qBACI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QAEzD,8BAAC,YAAY,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK;YACvC,yCAAO,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK;gBACtE,8BAAC,KAAK,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,IACvE,KAAK,CACA,CACF;YACP,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,8BAAC,YAAY,IAAC,MAAM,EAAE,KAAK,IACxB,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,8BAAC,iBAAiB,OAAK,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CACtE,CAAC,CACW,CAChB,CACY;QAEd,WAAW,IAAI,CACd,8BAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IAC1D,WAAW,CACA,CACf;QAEA,aAAa;YACZ,CAAC,OAAO,aAAa,
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode
|
|
1
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
type Props = {
|
|
3
|
+
/** ロゴ */
|
|
4
|
+
logo?: ReactNode;
|
|
3
5
|
/** コンテンツの上に表示されるタイトル */
|
|
4
6
|
title?: ReactNode;
|
|
5
7
|
/** コンテンツの下に表示されるアンカー要素のリスト */
|
|
@@ -13,9 +15,11 @@ type Props = {
|
|
|
13
15
|
}>;
|
|
14
16
|
/** 表示するコンテンツ */
|
|
15
17
|
children?: ReactNode;
|
|
18
|
+
/** フッター */
|
|
19
|
+
footer?: ReactNode;
|
|
16
20
|
/** コンポーネントに適用するクラス名 */
|
|
17
21
|
className?: string;
|
|
18
22
|
};
|
|
19
23
|
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
20
|
-
export declare const MessageScreen:
|
|
24
|
+
export declare const MessageScreen: FC<Props & ElementProps>;
|
|
21
25
|
export {};
|
|
@@ -30,86 +30,40 @@ exports.MessageScreen = void 0;
|
|
|
30
30
|
const react_1 = __importDefault(require("react"));
|
|
31
31
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
33
|
+
const Heading_1 = require("../Heading");
|
|
34
|
+
const Layout_1 = require("../Layout");
|
|
33
35
|
const SmartHRLogo_1 = require("../SmartHRLogo");
|
|
34
36
|
const TextLink_1 = require("../TextLink");
|
|
35
|
-
const Footer_1 = require("./Footer");
|
|
36
37
|
const useClassNames_1 = require("./useClassNames");
|
|
37
|
-
const MessageScreen = ({ title, links, children, className = '', ...props }) => {
|
|
38
|
+
const MessageScreen = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo, { fill: "brand" }), title, links, children, footer, className = '', ...props }) => {
|
|
38
39
|
const theme = (0, useTheme_1.useTheme)();
|
|
39
40
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
40
41
|
return (react_1.default.createElement(Wrapper, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
41
42
|
react_1.default.createElement(Box, null,
|
|
42
|
-
react_1.default.createElement(Logo, { className: classNames.logo },
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
react_1.default.createElement(FooterArea, {
|
|
49
|
-
react_1.default.createElement(Footer_1.Footer, null))));
|
|
43
|
+
react_1.default.createElement(Logo, { className: classNames.logo }, logo),
|
|
44
|
+
react_1.default.createElement(Layout_1.Stack, { align: "center" },
|
|
45
|
+
title && react_1.default.createElement(Heading_1.Heading, { className: classNames.title }, title),
|
|
46
|
+
children && react_1.default.createElement(Content, { className: classNames.content }, children),
|
|
47
|
+
links?.length && (react_1.default.createElement(Links, { className: classNames.linkList }, links.map((link, index) => (react_1.default.createElement("li", { key: index },
|
|
48
|
+
react_1.default.createElement(TextLink_1.TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: classNames.link }, link.label)))))))),
|
|
49
|
+
footer && react_1.default.createElement(FooterArea, { className: classNames.footer }, footer)));
|
|
50
50
|
};
|
|
51
51
|
exports.MessageScreen = MessageScreen;
|
|
52
|
-
const Wrapper = styled_components_1.default.
|
|
52
|
+
const Wrapper = (0, styled_components_1.default)(Layout_1.Center).attrs({ minHeight: '100vh', verticalCentering: true }) `
|
|
53
53
|
${({ themes }) => {
|
|
54
54
|
const { color } = themes;
|
|
55
55
|
return (0, styled_components_1.css) `
|
|
56
|
-
display: flex;
|
|
57
|
-
justify-content: center;
|
|
58
|
-
flex-direction: column;
|
|
59
|
-
align-items: center;
|
|
60
|
-
min-height: 100vh;
|
|
61
56
|
background-color: ${color.BACKGROUND};
|
|
62
57
|
`;
|
|
63
58
|
}}
|
|
64
59
|
`;
|
|
65
|
-
const Box = styled_components_1.default.
|
|
66
|
-
|
|
67
|
-
flex-direction: column;
|
|
68
|
-
align-items: center;
|
|
69
|
-
margin: auto 0;
|
|
60
|
+
const Box = (0, styled_components_1.default)(Layout_1.Stack).attrs({ gap: 1.5, align: 'center' }) `
|
|
61
|
+
margin-block: auto;
|
|
70
62
|
`;
|
|
71
63
|
const Logo = styled_components_1.default.div ``;
|
|
72
|
-
const
|
|
73
|
-
|
|
74
|
-
const { fontSize, spacingByChar, color } = themes;
|
|
75
|
-
return (0, styled_components_1.css) `
|
|
76
|
-
margin: ${spacingByChar(1.5)} 0 0;
|
|
77
|
-
background-color: ${color.BACKGROUND};
|
|
78
|
-
color: ${color.TEXT_BLACK};
|
|
79
|
-
font-weight: normal;
|
|
80
|
-
font-size: ${fontSize.XL};
|
|
81
|
-
line-height: 1;
|
|
82
|
-
`;
|
|
83
|
-
}}
|
|
84
|
-
`;
|
|
85
|
-
const Content = styled_components_1.default.div `
|
|
86
|
-
${({ themes: { spacingByChar } }) => {
|
|
87
|
-
return (0, styled_components_1.css) `
|
|
88
|
-
margin-top: ${spacingByChar(1)};
|
|
89
|
-
`;
|
|
90
|
-
}}
|
|
91
|
-
`;
|
|
92
|
-
const Links = styled_components_1.default.ul `
|
|
93
|
-
${({ themes: { spacingByChar } }) => {
|
|
94
|
-
return (0, styled_components_1.css) `
|
|
95
|
-
margin: ${spacingByChar(1)} 0 0;
|
|
96
|
-
padding: 0;
|
|
97
|
-
list-style: none;
|
|
98
|
-
text-align: center;
|
|
99
|
-
line-height: 1;
|
|
100
|
-
|
|
101
|
-
> li:not(:first-child) {
|
|
102
|
-
margin-top: ${spacingByChar(1)};
|
|
103
|
-
}
|
|
104
|
-
`;
|
|
105
|
-
}}
|
|
106
|
-
`;
|
|
64
|
+
const Content = styled_components_1.default.div ``;
|
|
65
|
+
const Links = (0, styled_components_1.default)(Layout_1.Stack).attrs({ as: 'ul', gap: 0.5, align: 'center' }) ``;
|
|
107
66
|
const FooterArea = styled_components_1.default.div `
|
|
108
|
-
|
|
109
|
-
return (0, styled_components_1.css) `
|
|
110
|
-
width: 100%;
|
|
111
|
-
padding-top: ${spacingByChar(1)};
|
|
112
|
-
`;
|
|
113
|
-
}}
|
|
67
|
+
align-self: stretch;
|
|
114
68
|
`;
|
|
115
69
|
//# sourceMappingURL=MessageScreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MessageScreen.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/MessageScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA4D;AAC5D,uEAA+C;AAE/C,mDAAsD;AACtD,wCAAoC;AACpC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;AAEtC,mDAA+C;AA0BxC,MAAM,aAAa,GAA6B,CAAC,EACtD,IAAI,GAAG,8BAAC,yBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAChF,8BAAC,GAAG;YACF,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,IAAG,IAAI,CAAQ;YAE/C,8BAAC,cAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,8BAAC,iBAAO,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,IAAG,KAAK,CAAW;gBAEhE,QAAQ,IAAI,8BAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,OAAO,IAAG,QAAQ,CAAW;gBAExE,KAAK,EAAE,MAAM,IAAI,CAChB,8BAAC,KAAK,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,IAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,sCAAI,GAAG,EAAE,KAAK;oBACZ,8BAAC,mBAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,CAAC,IAAI,IAEzB,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACJ;QAEL,MAAM,IAAI,8BAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,IAAG,MAAM,CAAc,CAClE,CACX,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,aAAa,iBA2CzB;AAED,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAEnF;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,IAAA,uBAAG,EAAA;0BACY,KAAK,CAAC,UAAU;KACrC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,IAAA,2BAAM,EAAC,cAAK,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;;CAE7D,CAAA;AACD,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA,EAAE,CAAA;AACzB,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA,EAAE,CAAA;AAC5B,MAAM,KAAK,GAAG,IAAA,2BAAM,EAAC,cAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA,EAAE,CAAA;AAC5E,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE5B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "30.
|
|
4
|
+
"version": "30.2.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"react-transition-group": "^4.4.5"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@babel/core": "^7.21.
|
|
18
|
+
"@babel/core": "^7.21.3",
|
|
19
19
|
"@commitlint/cli": "^17.4.4",
|
|
20
20
|
"@commitlint/config-conventional": "^17.4.4",
|
|
21
21
|
"@storybook/addon-a11y": "^6.5.16",
|
|
@@ -31,13 +31,13 @@
|
|
|
31
31
|
"@storybook/test-runner": "^0.9.4",
|
|
32
32
|
"@storybook/testing-library": "^0.0.13",
|
|
33
33
|
"@storybook/theming": "^6.5.16",
|
|
34
|
-
"@swc/core": "^1.3.
|
|
34
|
+
"@swc/core": "^1.3.41",
|
|
35
35
|
"@swc/jest": "^0.2.24",
|
|
36
36
|
"@testing-library/react-hooks": "^8.0.1",
|
|
37
|
-
"@types/jest": "^29.
|
|
37
|
+
"@types/jest": "^29.5.0",
|
|
38
38
|
"@types/lodash.merge": "^4.6.7",
|
|
39
39
|
"@types/lodash.range": "^3.2.7",
|
|
40
|
-
"@types/node": "^14.18.
|
|
40
|
+
"@types/node": "^14.18.38",
|
|
41
41
|
"@types/react": "^18.0.28",
|
|
42
42
|
"@types/react-dom": "^18.0.11",
|
|
43
43
|
"@types/react-test-renderer": "^17.0.2",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"babel-loader": "^9.1.2",
|
|
48
48
|
"babel-plugin-polyfill-corejs2": "^0.3.3",
|
|
49
49
|
"babel-plugin-polyfill-regenerator": "^0.4.1",
|
|
50
|
-
"chromatic": "^6.17.
|
|
50
|
+
"chromatic": "^6.17.2",
|
|
51
51
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
52
52
|
"eslint": "^8.36.0",
|
|
53
53
|
"eslint-config-smarthr": "^6.8.1",
|
|
@@ -62,16 +62,16 @@
|
|
|
62
62
|
"npm-run-all": "^4.1.5",
|
|
63
63
|
"postcss-jsx": "^0.36.4",
|
|
64
64
|
"postcss-syntax": "^0.36.2",
|
|
65
|
-
"prettier": "^2.8.
|
|
65
|
+
"prettier": "^2.8.5",
|
|
66
66
|
"prettier-config-smarthr": "^1.0.0",
|
|
67
|
-
"puppeteer": "^19.7.
|
|
67
|
+
"puppeteer": "^19.7.5",
|
|
68
68
|
"react": "^18.2.0",
|
|
69
69
|
"react-dom": "^18.2.0",
|
|
70
70
|
"react-test-renderer": "^18.2.0",
|
|
71
71
|
"smarthr-normalize-css": "^1.1.0",
|
|
72
72
|
"standard-version": "^9.3.2",
|
|
73
73
|
"storycap": "^4.0.0",
|
|
74
|
-
"styled-components": "^5.3.
|
|
74
|
+
"styled-components": "^5.3.9",
|
|
75
75
|
"styled-reset": "^4.4.5",
|
|
76
76
|
"stylelint": "^15.2.0",
|
|
77
77
|
"stylelint-config-prettier": "^9.0.5",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"typescript": "^4.9.5",
|
|
86
86
|
"typescript-plugin-styled-components": "^2.0.0",
|
|
87
87
|
"wait-on": "^7.0.1",
|
|
88
|
-
"webpack": "^5.76.
|
|
88
|
+
"webpack": "^5.76.2"
|
|
89
89
|
},
|
|
90
90
|
"peerDependencies": {
|
|
91
91
|
"react": "16.13.0 || ^17.0.1 || ^18.0.0",
|