smarthr-ui 26.0.0 → 26.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/Dialog/ModelessDialog.js +10 -8
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/useDialogPortal.js +1 -3
- package/esm/components/Dialog/useDialogPortal.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +13 -4
- package/esm/components/InformationPanel/InformationPanel.js +16 -2
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InputFile/InputFile.d.ts +7 -3
- package/esm/components/InputFile/InputFile.js +4 -3
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Loader/Loader.d.ts +3 -3
- package/esm/components/Loader/Loader.js +12 -10
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.d.ts +9 -3
- package/esm/components/RightFixedNote/RightFixedNote.js +12 -4
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.d.ts +4 -4
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/Select/Select.d.ts +25 -2
- package/esm/components/Select/Select.js +10 -3
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Table/EmptyTableBody.d.ts +3 -2
- package/esm/components/Table/EmptyTableBody.js +2 -2
- package/esm/components/Table/EmptyTableBody.js.map +1 -1
- package/esm/components/Textarea/Textarea.d.ts +3 -0
- package/esm/components/Textarea/Textarea.js +9 -4
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/constants.js +9 -1
- package/esm/constants.js.map +1 -1
- package/esm/types/props.d.ts +4 -1
- package/lib/components/Dialog/ModelessDialog.js +10 -8
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/useDialogPortal.js +1 -3
- package/lib/components/Dialog/useDialogPortal.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +13 -4
- package/lib/components/InformationPanel/InformationPanel.js +16 -2
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InputFile/InputFile.d.ts +7 -3
- package/lib/components/InputFile/InputFile.js +4 -3
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Loader/Loader.d.ts +3 -3
- package/lib/components/Loader/Loader.js +12 -10
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.d.ts +9 -3
- package/lib/components/RightFixedNote/RightFixedNote.js +14 -3
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.d.ts +4 -4
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/Select/Select.d.ts +25 -2
- package/lib/components/Select/Select.js +9 -2
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Table/EmptyTableBody.d.ts +3 -2
- package/lib/components/Table/EmptyTableBody.js +2 -2
- package/lib/components/Table/EmptyTableBody.js.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts +3 -0
- package/lib/components/Textarea/Textarea.js +8 -3
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/constants.js +9 -1
- package/lib/constants.js.map +1 -1
- package/lib/types/props.d.ts +4 -1
- package/package.json +6 -6
|
@@ -123,11 +123,11 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
123
123
|
React.createElement(Box, { isWidthAuto: width === undefined, left: left, right: right, themes: theme, className: classNames.box },
|
|
124
124
|
React.createElement("div", { tabIndex: -1, ref: focusTargetRef }),
|
|
125
125
|
React.createElement(Header, { className: classNames.header, themes: theme },
|
|
126
|
-
React.createElement(Title, { id: labelId, themes: theme }, header),
|
|
127
126
|
React.createElement(DialogHandler, { className: classNames.handle, themes: theme, tabIndex: 0, role: "slider", "aria-label": "\u30C0\u30A4\u30A2\u30ED\u30B0\u306E\u4F4D\u7F6E", "aria-valuetext": wrapperPosition &&
|
|
128
127
|
`上から${Math.trunc(wrapperPosition.top)}px、
|
|
129
128
|
左から${Math.trunc(wrapperPosition.left)}px`, onKeyDown: handleArrowKey },
|
|
130
129
|
React.createElement(FaGripHorizontalIcon, null)),
|
|
130
|
+
React.createElement(Title, { id: labelId, themes: theme }, header),
|
|
131
131
|
React.createElement(CloseButtonLayout, null,
|
|
132
132
|
React.createElement(Button, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
133
133
|
React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" })))),
|
|
@@ -160,7 +160,7 @@ const Box = styled(Base).attrs({ radius: 'm', layer: 3 }) `
|
|
|
160
160
|
}}
|
|
161
161
|
`;
|
|
162
162
|
const Header = styled.div `
|
|
163
|
-
${({ themes: { border, spacingByChar } }) => css `
|
|
163
|
+
${({ themes: { color, border, spacingByChar } }) => css `
|
|
164
164
|
position: relative;
|
|
165
165
|
display: flex;
|
|
166
166
|
align-items: center;
|
|
@@ -168,10 +168,16 @@ const Header = styled.div `
|
|
|
168
168
|
padding-right: ${spacingByChar(1)};
|
|
169
169
|
border-bottom: ${border.shorthand};
|
|
170
170
|
cursor: move;
|
|
171
|
+
|
|
172
|
+
&:hover {
|
|
173
|
+
background-color: ${color.hoverColor(color.WHITE)};
|
|
174
|
+
}
|
|
171
175
|
`}
|
|
172
176
|
`;
|
|
173
177
|
const Title = styled.div `
|
|
174
178
|
${({ themes: { spacingByChar } }) => css `
|
|
179
|
+
/* DialogHandlerの上に出すためにスタッキングコンテキストを生成 */
|
|
180
|
+
position: relative;
|
|
175
181
|
margin: ${spacingByChar(1)} ${spacingByChar(1)} ${spacingByChar(1)} 0;
|
|
176
182
|
`}
|
|
177
183
|
`;
|
|
@@ -185,19 +191,15 @@ const DialogHandler = styled.div `
|
|
|
185
191
|
margin: auto;
|
|
186
192
|
border-top-right-radius: ${radius.s};
|
|
187
193
|
border-top-left-radius: ${radius.s};
|
|
188
|
-
color:
|
|
194
|
+
color: ${color.TEXT_GREY};
|
|
189
195
|
display: flex;
|
|
190
196
|
justify-content: center;
|
|
191
197
|
transition: color 0.1s ease;
|
|
192
198
|
|
|
193
|
-
&:hover {
|
|
194
|
-
color: ${color.TEXT_GREY};
|
|
195
|
-
}
|
|
196
|
-
|
|
197
199
|
&:focus-visible {
|
|
198
|
-
color: ${color.TEXT_GREY};
|
|
199
200
|
outline: none;
|
|
200
201
|
box-shadow: ${shadow.OUTLINE};
|
|
202
|
+
background-color: ${color.hoverColor(color.WHITE)};
|
|
201
203
|
}
|
|
202
204
|
`}
|
|
203
205
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { useCallback, useLayoutEffect, useRef } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
export function useDialogPortal(parent) {
|
|
4
|
-
const portalContainer = useRef(
|
|
5
|
-
? null
|
|
6
|
-
: document.createElement('div')).current;
|
|
4
|
+
const portalContainer = useRef(typeof document === 'undefined' ? null : document.createElement('div')).current;
|
|
7
5
|
useLayoutEffect(() => {
|
|
8
6
|
if (!portalContainer) {
|
|
9
7
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDialogPortal.js","sourceRoot":"","sources":["../../../src/components/Dialog/useDialogPortal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,UAAU,eAAe,CAAC,MAA6C;IAC3E,MAAM,eAAe,GAAG,MAAM,CAC5B,
|
|
1
|
+
{"version":3,"file":"useDialogPortal.js","sourceRoot":"","sources":["../../../src/components/Dialog/useDialogPortal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,UAAU,eAAe,CAAC,MAA6C;IAC3E,MAAM,eAAe,GAAG,MAAM,CAC5B,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAoB,CAC3F,CAAC,OAAO,CAAA;IAET,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,eAAe,EAAE;YACpB,OAAM;SACP;QACD,MAAM,aAAa,GAAG,MAAM,IAAI,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;QAC7E,6CAA6C;QAC7C,MAAM,YAAY,GAAG,aAAa,IAAI,QAAQ,CAAC,IAAI,CAAA;QACnD,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;QAC3C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IAE7B,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,QAAmB,EAAE,EAAE;QACtB,IAAI,eAAe,KAAK,IAAI,EAAE;YAC5B,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO;QACL,YAAY,EAAE,mBAAmB;KAClC,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { VFC } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { BaseElementProps } from '../Base';
|
|
3
4
|
import { HeadingTagTypes } from '../Heading';
|
|
4
5
|
type Props = {
|
|
@@ -10,10 +11,6 @@ type Props = {
|
|
|
10
11
|
type?: 'success' | 'info' | 'warning' | 'error' | 'sync';
|
|
11
12
|
/** `true` のとき、開閉ボタンを表示する */
|
|
12
13
|
togglable?: boolean;
|
|
13
|
-
/** 開くボタンのラベル */
|
|
14
|
-
openButtonLabel?: React.ReactNode;
|
|
15
|
-
/** 閉じるボタンのラベル */
|
|
16
|
-
closeButtonLabel?: React.ReactNode;
|
|
17
14
|
/** パネルの開閉の状態 */
|
|
18
15
|
active?: boolean;
|
|
19
16
|
/** コンポーネントに適用するクラス名 */
|
|
@@ -22,6 +19,18 @@ type Props = {
|
|
|
22
19
|
children: React.ReactNode;
|
|
23
20
|
/** 開閉ボタン押下時に発火するコールバック関数 */
|
|
24
21
|
onClickTrigger?: (active: boolean) => void;
|
|
22
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
23
|
+
decorators?: DecoratorsType<'openButtonLabel' | 'closeButtonLabel'>;
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated openButtonLabel属性は非推奨です。decorators属性を利用してください
|
|
26
|
+
*/
|
|
27
|
+
/** 開くボタンのラベル */
|
|
28
|
+
openButtonLabel?: React.ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* @deprecated closeButtonLabel属性は非推奨です。decorators属性を利用してください
|
|
31
|
+
*/
|
|
32
|
+
/** 閉じるボタンのラベル */
|
|
33
|
+
closeButtonLabel?: React.ReactNode;
|
|
25
34
|
};
|
|
26
35
|
export declare const InformationPanel: VFC<Props & Omit<BaseElementProps, keyof Props>>;
|
|
27
36
|
export {};
|
|
@@ -8,7 +8,9 @@ import { Heading } from '../Heading';
|
|
|
8
8
|
import { FaCaretDownIcon, FaCaretUpIcon, FaCheckCircleIcon, FaExclamationCircleIcon, FaInfoCircleIcon, FaSyncAltIcon, WarningIcon, } from '../Icon';
|
|
9
9
|
import { Cluster, Stack } from '../Layout';
|
|
10
10
|
import { useClassNames } from './useClassNames';
|
|
11
|
-
|
|
11
|
+
const OPEN_BUTTON_LABEL = '開く';
|
|
12
|
+
const CLOSE_BUTTON_LABEL = '閉じる';
|
|
13
|
+
export const InformationPanel = ({ title, titleTag = 'h3', type, togglable = true, openButtonLabel, closeButtonLabel, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
|
|
12
14
|
const theme = useTheme();
|
|
13
15
|
const { Icon, iconColor } = useMemo(() => {
|
|
14
16
|
switch (type) {
|
|
@@ -40,6 +42,18 @@ export const InformationPanel = ({ title, titleTag = 'h3', type, togglable = tru
|
|
|
40
42
|
};
|
|
41
43
|
}
|
|
42
44
|
}, [type, theme.color.DANGER, theme.color.MAIN, theme.color.TEXT_GREY, theme.color.WARNING]);
|
|
45
|
+
const actualOpenButtonLabel = useMemo(() => {
|
|
46
|
+
if (openButtonLabel) {
|
|
47
|
+
return openButtonLabel;
|
|
48
|
+
}
|
|
49
|
+
return decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL;
|
|
50
|
+
}, [openButtonLabel, decorators]);
|
|
51
|
+
const actualCloseButtonLabel = useMemo(() => {
|
|
52
|
+
if (closeButtonLabel) {
|
|
53
|
+
return closeButtonLabel;
|
|
54
|
+
}
|
|
55
|
+
return decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL;
|
|
56
|
+
}, [closeButtonLabel, decorators]);
|
|
43
57
|
const [active, setActive] = useState(activeProps);
|
|
44
58
|
const titleId = useId();
|
|
45
59
|
const contentId = useId();
|
|
@@ -60,7 +74,7 @@ export const InformationPanel = ({ title, titleTag = 'h3', type, togglable = tru
|
|
|
60
74
|
React.createElement(Header, { themes: theme, togglable: togglable },
|
|
61
75
|
React.createElement(Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
|
|
62
76
|
React.createElement(Icon, { color: iconColor, text: title, iconGap: 0.5 })),
|
|
63
|
-
togglable && (React.createElement(TogglableButton, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active ?
|
|
77
|
+
togglable && (React.createElement(TogglableButton, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active ? actualCloseButtonLabel : actualOpenButtonLabel))),
|
|
64
78
|
React.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children))));
|
|
65
79
|
};
|
|
66
80
|
const Wrapper = styled(Base) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,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;
|
|
1
|
+
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
type Size = 'default' | 's';
|
|
3
4
|
export type Props = {
|
|
4
5
|
/** コンポーネントに適用するクラス名 */
|
|
@@ -14,9 +15,12 @@ export type Props = {
|
|
|
14
15
|
/** ファイルリストを表示するかどうか */
|
|
15
16
|
hasFileList?: boolean;
|
|
16
17
|
/** コンポーネント内のテキストを変更する関数 */
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated decorator属性は非推奨です。decorators属性を利用してください。
|
|
20
|
+
*/
|
|
21
|
+
decorator?: DecoratorsType<'destroy'>;
|
|
22
|
+
/** コンポーネント内のテキストを変更する関数 */
|
|
23
|
+
decorators?: DecoratorsType<'destroy'>;
|
|
20
24
|
};
|
|
21
25
|
type ElementProps = Omit<InputHTMLAttributes<HTMLInputElement>, keyof Props>;
|
|
22
26
|
export declare const InputFile: React.ForwardRefExoticComponent<Props & ElementProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -5,15 +5,16 @@ import { Button } from '../Button';
|
|
|
5
5
|
import { FaFolderOpenIcon, FaTrashAltIcon } from '../Icon';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
7
|
const DESTROY_BUTTON_TEXT = '削除';
|
|
8
|
-
export const InputFile = forwardRef(({ className = '', size = 'default', label, hasFileList = true, onChange, disabled = false, error, decorator
|
|
8
|
+
export const InputFile = forwardRef(({ className = '', size = 'default', label, hasFileList = true, onChange, disabled = false, error, decorator, decorators, ...props }, ref) => {
|
|
9
9
|
const theme = useTheme();
|
|
10
10
|
const [files, setFiles] = useState([]);
|
|
11
|
-
const { destroy: destroyDecorator } = decorator;
|
|
12
11
|
// Safari において、input.files への直接代入時に onChange が発火することを防ぐためのフラグ
|
|
13
12
|
const isUpdatingFilesDirectly = useRef(false);
|
|
14
13
|
const inputRef = useRef(null);
|
|
15
14
|
useImperativeHandle(ref, () => inputRef.current);
|
|
16
|
-
const destroyButtonText = useMemo(() => (
|
|
15
|
+
const destroyButtonText = useMemo(() => decorator?.destroy?.(DESTROY_BUTTON_TEXT) ||
|
|
16
|
+
decorators?.destroy?.(DESTROY_BUTTON_TEXT) ||
|
|
17
|
+
DESTROY_BUTTON_TEXT, [decorator, decorators]);
|
|
17
18
|
const inputWrapperClassName = useMemo(() => `${size === 's' ? 'small' : ''} ${disabled ? 'disabled' : ''} ${error ? 'error' : ''}`, [disabled, error, size]);
|
|
18
19
|
const classNames = useClassNames();
|
|
19
20
|
const updateFiles = useCallback((newFiles) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { HTMLAttributes, VFC } from 'react';
|
|
1
|
+
import { HTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
/** ローダーの大きさ */
|
|
4
4
|
size?: 's' | 'm';
|
|
5
5
|
/** 代替テキスト */
|
|
6
|
-
alt?:
|
|
6
|
+
alt?: ReactNode;
|
|
7
7
|
/** 表示するメッセージ */
|
|
8
|
-
text?:
|
|
8
|
+
text?: ReactNode;
|
|
9
9
|
/** コンポーネントの色調 */
|
|
10
10
|
type?: 'primary' | 'light';
|
|
11
11
|
};
|
|
@@ -4,22 +4,24 @@ import { VISUALLY_HIDDEN_STYLE } from '../../constants';
|
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { cogDuration, containerRotate, fillUnfillRotate, leftSpin, line1FadeInOut, line2FadeInOut, line3FadeInOut, line4FadeInOut, lineDuration, rightSpin, spinnerEasing, } from './loaderAnimation';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
export const Loader = ({ size = 'm', alt = '処理中', text
|
|
7
|
+
export const Loader = ({ size = 'm', alt = '処理中', text, type = 'primary', className = '', ...props }) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const classNames = useClassNames();
|
|
10
10
|
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, role: "status" },
|
|
11
|
-
React.createElement(Spinner, { className: size },
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement(
|
|
14
|
-
|
|
15
|
-
React.createElement(
|
|
16
|
-
|
|
17
|
-
React.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
React.createElement(Spinner, { className: size },
|
|
12
|
+
[...Array(4)].map((_, index) => (React.createElement(Line, { className: `line${index + 1} ${type}`, key: index, themes: theme },
|
|
13
|
+
React.createElement(Cog, null,
|
|
14
|
+
React.createElement(CogInner, { className: "cogInner left" })),
|
|
15
|
+
React.createElement(Ticker, null,
|
|
16
|
+
React.createElement(CogInner, { className: "cogInner center" })),
|
|
17
|
+
React.createElement(Cog, null,
|
|
18
|
+
React.createElement(CogInner, { className: "cogInner right" }))))),
|
|
19
|
+
React.createElement(VisuallyHidden, null, alt)),
|
|
20
|
+
text && (React.createElement(Text, { className: type, themes: theme }, text))));
|
|
20
21
|
};
|
|
21
22
|
const Wrapper = styled.div `
|
|
22
23
|
display: inline-block;
|
|
24
|
+
overflow: hidden;
|
|
23
25
|
`;
|
|
24
26
|
const VisuallyHidden = styled.span `
|
|
25
27
|
${VISUALLY_HIDDEN_STYLE}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
import React, { FormHTMLAttributes, VFC } from 'react';
|
|
1
|
+
import React, { FormHTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
import { ItemProps, OnClickEdit } from './RightFixedNoteItem';
|
|
3
4
|
type Props = {
|
|
4
5
|
/** コンポーネントのタイトル */
|
|
5
|
-
title:
|
|
6
|
+
title: ReactNode;
|
|
6
7
|
/** 表示するアイテムの配列 */
|
|
7
8
|
items?: ItemProps[];
|
|
8
9
|
/** submit ボタンのラベル */
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated submitLabel属性は非推奨です。decorators属性を利用してください。
|
|
12
|
+
*/
|
|
9
13
|
submitLabel?: string;
|
|
10
14
|
/** コンポーネントの幅 */
|
|
11
15
|
width?: number;
|
|
12
16
|
/** textarea のラベル */
|
|
13
|
-
textareaLabel?:
|
|
17
|
+
textareaLabel?: ReactNode;
|
|
14
18
|
/** edit ボタンを押下したときに発火するコールバック関数 */
|
|
15
19
|
onClickEdit: OnClickEdit;
|
|
16
20
|
/** submit ボタンを押下したときに発火するコールバック関数 */
|
|
17
21
|
onSubmit: (e: React.FormEvent<HTMLFormElement>, text: string) => void;
|
|
18
22
|
/** コンポーネントに適用するクラス名 */
|
|
19
23
|
className?: string;
|
|
24
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
25
|
+
decorators?: DecoratorsType<'submitLabel'>;
|
|
20
26
|
};
|
|
21
27
|
type ElementProps = Omit<FormHTMLAttributes<HTMLFormElement>, keyof Props>;
|
|
22
28
|
export declare const RightFixedNote: VFC<Props & ElementProps>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React, { useCallback } from 'react';
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import innerText from 'react-innertext';
|
|
2
3
|
import styled, { css } from 'styled-components';
|
|
3
4
|
import { useId } from '../../hooks/useId';
|
|
4
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
@@ -8,8 +9,15 @@ import { Textarea } from '../Textarea';
|
|
|
8
9
|
import { RightFixedNoteItem } from './RightFixedNoteItem';
|
|
9
10
|
import { useClassNames } from './useClassNames';
|
|
10
11
|
const TEXT_AREA_NAME = 'admin_memo_new_text';
|
|
11
|
-
|
|
12
|
+
const SUBMIT_LABEL = '送信';
|
|
13
|
+
export const RightFixedNote = ({ title, items, submitLabel, decorators, width = 270, textareaLabel, onClickEdit, onSubmit, className = '', ...props }) => {
|
|
12
14
|
const theme = useTheme();
|
|
15
|
+
const actualSubmitLabel = useMemo(() => {
|
|
16
|
+
if (submitLabel) {
|
|
17
|
+
return submitLabel;
|
|
18
|
+
}
|
|
19
|
+
return decorators?.submitLabel?.(SUBMIT_LABEL) || SUBMIT_LABEL;
|
|
20
|
+
}, []);
|
|
13
21
|
const handleSubmit = useCallback((e) => {
|
|
14
22
|
e.preventDefault();
|
|
15
23
|
const formData = new FormData(e.currentTarget);
|
|
@@ -24,8 +32,8 @@ export const RightFixedNote = ({ title, items, submitLabel = '送信', width = 2
|
|
|
24
32
|
items.map((item) => (React.createElement(RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
|
|
25
33
|
textareaLabel && (React.createElement("label", { htmlFor: textareaId },
|
|
26
34
|
React.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
|
|
27
|
-
React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": textareaLabel
|
|
28
|
-
React.createElement(SubmitButton, { type: "submit", className: classNames.submitButton },
|
|
35
|
+
React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": innerText(textareaLabel || title), className: classNames.textarea }),
|
|
36
|
+
React.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, actualSubmitLabel)));
|
|
29
37
|
};
|
|
30
38
|
const Wrapper = styled.form `
|
|
31
39
|
${({ themes, $width }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { VFC } from 'react';
|
|
1
|
+
import React, { ReactNode, VFC } from 'react';
|
|
2
2
|
export type ItemProps = {
|
|
3
3
|
/** アイテムを特定するための識別子 */
|
|
4
4
|
id: string;
|
|
5
5
|
/** 表示するテキスト */
|
|
6
|
-
text:
|
|
6
|
+
text: ReactNode;
|
|
7
7
|
/** このアイテムが追加された日付 */
|
|
8
|
-
date?:
|
|
8
|
+
date?: ReactNode;
|
|
9
9
|
/** このアイテムの著者 */
|
|
10
|
-
author?:
|
|
10
|
+
author?: ReactNode;
|
|
11
11
|
/** edit ボタンの aria-label */
|
|
12
12
|
editLabel?: string;
|
|
13
13
|
/** このコンポーネントに適用するクラス名 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNoteItem.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNoteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"RightFixedNoteItem.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNoteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAuB/C,MAAM,CAAC,MAAM,kBAAkB,GAAe,CAAC,EAC7C,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE;QAClE,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK;YACrB,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,EAClC,MAAM,sBACM,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,cAAc;gBAEpC,oBAAC,SAAS,OAAG,CACF;YACb,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAChD,IAAI,CACA,CACE;QACV,IAAI,IAAI,CACP,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IAChD,IAAI,CACA,CACR;QACA,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU,IAClD,MAAM,CACF,CACR,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;uBACS,aAAa,CAAC,GAAG,CAAC;KACpC,CAAA;AACH,CAAC;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;iBACG,aAAa,CAAC,GAAG,CAAC;uBACZ,aAAa,CAAC,GAAG,CAAC;;KAEpC,CAAA;AACH,CAAC;CACF,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAmB;IACpC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;;;;mBAIK,QAAQ,CAAC,CAAC;;KAExB,CAAA;AACH,CAAC;CACF,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEhC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;IACpC,OAAO,GAAG,CAAA;eACC,KAAK,CAAC,SAAS;mBACX,QAAQ,CAAC,CAAC;;KAExB,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
import { DecoratorsType } from '../../types/props';
|
|
2
3
|
type Option<T extends string> = {
|
|
3
4
|
value: T;
|
|
4
5
|
} & Omit<React.OptionHTMLAttributes<HTMLOptionElement>, 'value'>;
|
|
@@ -6,7 +7,7 @@ type Optgroup<T extends string> = {
|
|
|
6
7
|
label: string;
|
|
7
8
|
options: Array<Option<T>>;
|
|
8
9
|
} & React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
|
|
9
|
-
type
|
|
10
|
+
type BaseProps<T extends string> = {
|
|
10
11
|
/** 選択肢のデータの配列 */
|
|
11
12
|
options: Array<Option<T> | Optgroup<T>>;
|
|
12
13
|
/** フォームの値が変わったときに発火するコールバック関数 */
|
|
@@ -22,6 +23,28 @@ type Props<T extends string> = {
|
|
|
22
23
|
/** コンポーネントの大きさ */
|
|
23
24
|
size?: 'default' | 's';
|
|
24
25
|
};
|
|
26
|
+
type WithBlankProps<T extends string> = BaseProps<T> & {
|
|
27
|
+
/** 空の選択肢を表示するかどうか */
|
|
28
|
+
hasBlank: true;
|
|
29
|
+
/** コンポーネント内の文言を変更するための関数を設定 */
|
|
30
|
+
decorators?: DecoratorsType<'blankLabel'>;
|
|
31
|
+
/** 空の選択肢のラベル */
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated blankLabel属性は非推奨です。decorators属性を利用してください。
|
|
34
|
+
*/
|
|
35
|
+
blankLabel?: string;
|
|
36
|
+
};
|
|
37
|
+
type WithoutBlankProps<T extends string> = BaseProps<T> & {
|
|
38
|
+
/** 空の選択肢を表示するかどうか */
|
|
39
|
+
hasBlank?: false;
|
|
40
|
+
decorators?: undefined;
|
|
41
|
+
/** 空の選択肢のラベル */
|
|
42
|
+
/**
|
|
43
|
+
* @deprecated blankLabel属性は非推奨です。decorators属性を利用してください。
|
|
44
|
+
*/
|
|
45
|
+
blankLabel?: undefined;
|
|
46
|
+
};
|
|
47
|
+
type Props<T extends string> = WithBlankProps<T> | WithoutBlankProps<T>;
|
|
25
48
|
type ElementProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, keyof Props<string> | 'children'>;
|
|
26
|
-
export declare const Select: React.ForwardRefExoticComponent<Props<string> & ElementProps & React.RefAttributes<HTMLSelectElement>>;
|
|
49
|
+
export declare const Select: React.ForwardRefExoticComponent<(Props<string> & ElementProps) & React.RefAttributes<HTMLSelectElement>>;
|
|
27
50
|
export {};
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import React, { forwardRef, useCallback, } from 'react';
|
|
1
|
+
import React, { forwardRef, useCallback, useMemo, } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { isMobileSafari } from '../../libs/ua';
|
|
5
5
|
import { FaSortIcon } from '../Icon';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
|
|
7
|
+
const BLANK_LABEL = '選択してください';
|
|
8
|
+
export const Select = forwardRef(({ options, onChange, onChangeValue, error = false, width = 'auto', hasBlank = false, blankLabel, decorators, size = 'default', className = '', disabled, ...props }, ref) => {
|
|
8
9
|
const theme = useTheme();
|
|
9
10
|
const widthStyle = typeof width === 'number' ? `${width}px` : width;
|
|
11
|
+
const actualBlankLabel = useMemo(() => {
|
|
12
|
+
if (blankLabel) {
|
|
13
|
+
return blankLabel;
|
|
14
|
+
}
|
|
15
|
+
return decorators?.blankLabel?.(BLANK_LABEL) || BLANK_LABEL;
|
|
16
|
+
}, [blankLabel, decorators]);
|
|
10
17
|
const handleChange = useCallback((e) => {
|
|
11
18
|
if (onChange)
|
|
12
19
|
onChange(e);
|
|
@@ -21,7 +28,7 @@ export const Select = forwardRef(({ options, onChange, onChangeValue, error = fa
|
|
|
21
28
|
const classNames = useClassNames();
|
|
22
29
|
return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper} ${generateSizeClassName(size)}`, "$width": widthStyle },
|
|
23
30
|
React.createElement(StyledSelect, { ...props, onChange: handleChange, "aria-invalid": error || undefined, themes: theme, error: error, disabled: disabled, ref: ref },
|
|
24
|
-
hasBlank && React.createElement("option", { value: "" },
|
|
31
|
+
hasBlank && React.createElement("option", { value: "" }, actualBlankLabel),
|
|
25
32
|
options.map((option) => {
|
|
26
33
|
if ('value' in option) {
|
|
27
34
|
return (React.createElement("option", { ...option, key: option.value }, option.label));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,EACV,WAAW,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
1
|
+
import React, { HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
2
|
import { Gap } from '../Layout';
|
|
3
3
|
type Padding = Gap | {
|
|
4
4
|
vertical?: Gap;
|
|
@@ -8,5 +8,6 @@ type Props = PropsWithChildren<{
|
|
|
8
8
|
/** 境界とコンテンツの間の余白 */
|
|
9
9
|
padding?: Padding;
|
|
10
10
|
}>;
|
|
11
|
-
|
|
11
|
+
type ElementProps = Omit<HTMLAttributes<HTMLTableSectionElement>, keyof Props>;
|
|
12
|
+
export declare const EmptyTableBody: React.FC<Props & ElementProps>;
|
|
12
13
|
export {};
|
|
@@ -3,8 +3,8 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import { useSpacing } from '../../hooks/useSpacing';
|
|
4
4
|
import { Center } from '../Layout';
|
|
5
5
|
import { Td } from './Td';
|
|
6
|
-
export const EmptyTableBody = ({ children, padding = 4 }) => {
|
|
7
|
-
return (React.createElement("tbody",
|
|
6
|
+
export const EmptyTableBody = ({ children, padding = 4, ...props }) => {
|
|
7
|
+
return (React.createElement("tbody", { ...props },
|
|
8
8
|
React.createElement("tr", null,
|
|
9
9
|
React.createElement(StyledTd, { colSpan: 1000, padding: padding },
|
|
10
10
|
React.createElement(Center, null, children)))));
|