smarthr-ui 25.1.1 → 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/Dropdown/{DropdownButton/DropdownButton.d.ts → DropdownMenuButton/DropdownMenuButton.d.ts} +1 -1
- package/esm/components/Dropdown/{DropdownButton/DropdownButton.js → DropdownMenuButton/DropdownMenuButton.js} +2 -2
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -0
- package/esm/components/Dropdown/DropdownMenuButton/index.d.ts +1 -0
- package/esm/components/Dropdown/DropdownMenuButton/index.js +2 -0
- package/esm/components/Dropdown/DropdownMenuButton/index.js.map +1 -0
- package/esm/components/Dropdown/{DropdownButton → DropdownMenuButton}/useClassNames.d.ts +0 -0
- package/esm/components/Dropdown/{DropdownButton → DropdownMenuButton}/useClassNames.js +2 -2
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js.map +1 -0
- package/esm/components/Dropdown/index.d.ts +1 -1
- package/esm/components/Dropdown/index.js +1 -1
- package/esm/components/Dropdown/index.js.map +1 -1
- package/esm/components/Header/Header.js +2 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/Header/{HeaderDropdownButton.d.ts → HeaderDropdownMenuButton.d.ts} +1 -1
- package/esm/components/Header/{HeaderDropdownButton.js → HeaderDropdownMenuButton.js} +4 -4
- package/esm/components/Header/HeaderDropdownMenuButton.js.map +1 -0
- package/esm/components/Header/index.d.ts +1 -1
- package/esm/components/Header/index.js +1 -1
- package/esm/components/Header/index.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/index.d.ts +2 -2
- package/esm/index.js +2 -2
- package/esm/index.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/Dropdown/{DropdownButton/DropdownButton.d.ts → DropdownMenuButton/DropdownMenuButton.d.ts} +1 -1
- package/lib/components/Dropdown/{DropdownButton/DropdownButton.js → DropdownMenuButton/DropdownMenuButton.js} +4 -4
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -0
- package/lib/components/Dropdown/DropdownMenuButton/index.d.ts +1 -0
- package/lib/components/Dropdown/DropdownMenuButton/index.js +6 -0
- package/lib/components/Dropdown/DropdownMenuButton/index.js.map +1 -0
- package/lib/components/Dropdown/{DropdownButton → DropdownMenuButton}/useClassNames.d.ts +0 -0
- package/lib/components/Dropdown/{DropdownButton → DropdownMenuButton}/useClassNames.js +2 -2
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js.map +1 -0
- package/lib/components/Dropdown/index.d.ts +1 -1
- package/lib/components/Dropdown/index.js +3 -3
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/Header/Header.js +1 -1
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Header/{HeaderDropdownButton.d.ts → HeaderDropdownMenuButton.d.ts} +1 -1
- package/lib/components/Header/{HeaderDropdownButton.js → HeaderDropdownMenuButton.js} +4 -4
- package/lib/components/Header/HeaderDropdownMenuButton.js.map +1 -0
- package/lib/components/Header/index.d.ts +1 -1
- package/lib/components/Header/index.js +1 -1
- package/lib/components/Header/index.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/index.d.ts +2 -2
- package/lib/index.js +4 -4
- package/lib/index.js.map +1 -1
- package/lib/types/props.d.ts +4 -1
- package/package.json +12 -12
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +0 -1
- package/esm/components/Dropdown/DropdownButton/index.d.ts +0 -1
- package/esm/components/Dropdown/DropdownButton/index.js +0 -2
- package/esm/components/Dropdown/DropdownButton/index.js.map +0 -1
- package/esm/components/Dropdown/DropdownButton/useClassNames.js.map +0 -1
- package/esm/components/Header/HeaderDropdownButton.js.map +0 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +0 -1
- package/lib/components/Dropdown/DropdownButton/index.d.ts +0 -1
- package/lib/components/Dropdown/DropdownButton/index.js +0 -6
- package/lib/components/Dropdown/DropdownButton/index.js.map +0 -1
- package/lib/components/Dropdown/DropdownButton/useClassNames.js.map +0 -1
- package/lib/components/Header/HeaderDropdownButton.js.map +0 -1
|
@@ -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"}
|
|
@@ -15,5 +15,5 @@ type Props = {
|
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
};
|
|
17
17
|
type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const DropdownMenuButton: VFC<Props & ElementProps>;
|
|
19
19
|
export {};
|
|
@@ -7,7 +7,7 @@ import { Button } from '../../Button';
|
|
|
7
7
|
import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
|
|
8
8
|
import { Stack } from '../../Layout';
|
|
9
9
|
import { useClassNames } from './useClassNames';
|
|
10
|
-
export const
|
|
10
|
+
export const DropdownMenuButton = ({ label = 'その他の操作', children, triggerSize, onlyIconTrigger = false, disabled = false, className = '', ...props }) => {
|
|
11
11
|
const themes = useTheme();
|
|
12
12
|
const classNames = useClassNames();
|
|
13
13
|
const triggerLabel = useMemo(() => onlyIconTrigger ? (React.createElement(FaEllipsisHIcon, { alt: typeof label === 'string' ? label : innerText(label) })) : (label), [onlyIconTrigger, label]);
|
|
@@ -54,4 +54,4 @@ const ActionList = styled(Stack).attrs({ as: 'ul', gap: 0 }) `
|
|
|
54
54
|
`}
|
|
55
55
|
`;
|
|
56
56
|
const actionItem = (item) => React.cloneElement(item, { variant: 'text', wide: true });
|
|
57
|
-
//# sourceMappingURL=
|
|
57
|
+
//# sourceMappingURL=DropdownMenuButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenuButton } from './DropdownMenuButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
File without changes
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { useClassNameGenerator } from '../../../hooks/useClassNameGenerator';
|
|
3
|
-
import {
|
|
3
|
+
import { DropdownMenuButton } from './DropdownMenuButton';
|
|
4
4
|
export function useClassNames() {
|
|
5
|
-
const generate = useClassNameGenerator(
|
|
5
|
+
const generate = useClassNameGenerator(DropdownMenuButton.displayName || 'DropdownMenuButton');
|
|
6
6
|
return useMemo(() => ({
|
|
7
7
|
wrapper: generate(),
|
|
8
8
|
trigger: generate('trigger'),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAA;IAC9F,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;KACzB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
|
|
@@ -4,4 +4,4 @@ export { DropdownContent } from './DropdownContent';
|
|
|
4
4
|
export { DropdownCloser } from './DropdownCloser';
|
|
5
5
|
export { DropdownScrollArea } from './DropdownScrollArea';
|
|
6
6
|
export { FilterDropdown } from './FilterDropdown';
|
|
7
|
-
export {
|
|
7
|
+
export { DropdownMenuButton } from './DropdownMenuButton';
|
|
@@ -4,5 +4,5 @@ export { DropdownContent } from './DropdownContent';
|
|
|
4
4
|
export { DropdownCloser } from './DropdownCloser';
|
|
5
5
|
export { DropdownScrollArea } from './DropdownScrollArea';
|
|
6
6
|
export { FilterDropdown } from './FilterDropdown';
|
|
7
|
-
export {
|
|
7
|
+
export { DropdownMenuButton } from './DropdownMenuButton';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { Cluster } from '../Layout';
|
|
|
6
6
|
import { SmartHRLogo } from '../SmartHRLogo';
|
|
7
7
|
import { Text } from '../Text';
|
|
8
8
|
import { useClassNames } from './useClassNames';
|
|
9
|
-
import {
|
|
9
|
+
import { HeaderDropdownMenuButton } from '.';
|
|
10
10
|
export const Header = ({ logo = React.createElement(SmartHRLogo, null), logoHref = '/', tenants, currentTenantId, onTenantSelect, children, className, }) => {
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const classNames = useClassNames();
|
|
@@ -17,7 +17,7 @@ export const Header = ({ logo = React.createElement(SmartHRLogo, null), logoHref
|
|
|
17
17
|
}
|
|
18
18
|
return undefined;
|
|
19
19
|
}, [currentTenantId, tenants]);
|
|
20
|
-
const tenantInfo = useMemo(() => tenants && tenants.length > 1 ? (React.createElement(
|
|
20
|
+
const tenantInfo = useMemo(() => tenants && tenants.length > 1 ? (React.createElement(HeaderDropdownMenuButton, { label: currentTenantName }, tenants.map(({ id, name }) => (React.createElement(Button, { key: id, onClick: () => onTenantSelect && onTenantSelect(id) }, name))))) : (React.createElement(TenantName, { themes: theme }, currentTenantName)), [currentTenantName, onTenantSelect, tenants, theme]);
|
|
21
21
|
return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
22
22
|
React.createElement(Cluster, { align: "center", gap: { column: 0.25, row: 0 } },
|
|
23
23
|
React.createElement(LogoLink, { href: logoHref, className: classNames.logo, themes: theme }, logo),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const HeaderDropdownMenuButton: import("styled-components").StyledComponent<import("react").VFC<{
|
|
3
3
|
label?: import("react").ReactNode;
|
|
4
4
|
children: (boolean | import("react").ReactElement<import("../Button").BaseProps & {
|
|
5
5
|
type?: "button" | "reset" | "submit" | undefined;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { useTheme } from '../../hooks/useTheme';
|
|
3
|
-
import {
|
|
4
|
-
export const
|
|
3
|
+
import { DropdownMenuButton } from '../Dropdown';
|
|
4
|
+
export const HeaderDropdownMenuButton = styled(DropdownMenuButton)(() => {
|
|
5
5
|
const { color, space } = useTheme();
|
|
6
6
|
return css `
|
|
7
|
-
> .smarthr-ui-
|
|
7
|
+
> .smarthr-ui-DropdownMenuButton-trigger {
|
|
8
8
|
border-color: transparent;
|
|
9
9
|
background-color: transparent;
|
|
10
10
|
padding-inline: ${space(0.25)};
|
|
@@ -18,4 +18,4 @@ export const HeaderDropdownButton = styled(DropdownButton)(() => {
|
|
|
18
18
|
}
|
|
19
19
|
`;
|
|
20
20
|
});
|
|
21
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=HeaderDropdownMenuButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE;IACtE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAA;IACnC,OAAO,GAAG,CAAA;;;;wBAIY,KAAK,CAAC,IAAI,CAAC;eACpB,KAAK,CAAC,UAAU;;;;;6BAKF,KAAK,CAAC,CAAC,IAAI,CAAC;;;GAGtC,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,eAAe,CAAA"}
|
|
@@ -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>;
|