smarthr-ui 62.3.1 → 64.0.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/AppHeader/stories/args.js +15 -15
- package/esm/components/Button/ButtonWrapper.js +2 -2
- package/esm/components/Button/ButtonWrapper.js.map +1 -1
- package/esm/components/ComboBox/{MultiComboBox.d.ts → MultiComboBox/MultiComboBox.d.ts} +2 -2
- package/esm/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
- package/esm/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
- package/{lib/components/ComboBox → esm/components/ComboBox/MultiComboBox}/MultiSelectedItem.d.ts +1 -1
- package/esm/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
- package/esm/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
- package/esm/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
- package/esm/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
- package/esm/components/ComboBox/MultiComboBox/index.d.ts +1 -0
- package/esm/components/ComboBox/MultiComboBox/index.js +2 -0
- package/esm/components/ComboBox/MultiComboBox/index.js.map +1 -0
- package/esm/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +5 -10
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.d.ts +1 -1
- package/esm/components/Fieldset/Fieldset.js +1 -1
- package/esm/components/Fieldset/Fieldset.js.map +1 -1
- package/esm/components/FormControl/FormControl.d.ts +2 -0
- package/esm/components/FormControl/FormControl.js +83 -64
- package/esm/components/FormControl/FormControl.js.map +1 -1
- package/esm/components/Input/Input.d.ts +1 -1
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Switch/Switch.js +14 -6
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Table/useReelCells.js +21 -26
- package/esm/components/Table/useReelCells.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +8 -2
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/VisuallyHiddenText/index.d.ts +1 -1
- package/esm/components/VisuallyHiddenText/index.js +1 -1
- package/esm/components/VisuallyHiddenText/index.js.map +1 -1
- package/lib/components/AppHeader/stories/args.js +15 -15
- package/lib/components/Button/ButtonWrapper.js +2 -2
- package/lib/components/Button/ButtonWrapper.js.map +1 -1
- package/lib/components/ComboBox/{MultiComboBox.d.ts → MultiComboBox/MultiComboBox.d.ts} +2 -2
- package/lib/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
- package/lib/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
- package/{esm/components/ComboBox → lib/components/ComboBox/MultiComboBox}/MultiSelectedItem.d.ts +1 -1
- package/lib/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
- package/lib/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
- package/lib/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
- package/lib/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
- package/lib/components/ComboBox/MultiComboBox/index.d.ts +1 -0
- package/lib/components/ComboBox/MultiComboBox/index.js +6 -0
- package/lib/components/ComboBox/MultiComboBox/index.js.map +1 -0
- package/lib/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +5 -10
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Fieldset/Fieldset.d.ts +1 -1
- package/lib/components/Fieldset/Fieldset.js +1 -1
- package/lib/components/Fieldset/Fieldset.js.map +1 -1
- package/lib/components/FormControl/FormControl.d.ts +2 -0
- package/lib/components/FormControl/FormControl.js +86 -64
- package/lib/components/FormControl/FormControl.js.map +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/Input.js +1 -1
- package/lib/components/Switch/Switch.js +14 -6
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Table/useReelCells.js +21 -26
- package/lib/components/Table/useReelCells.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +8 -2
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/VisuallyHiddenText/index.d.ts +1 -1
- package/lib/components/VisuallyHiddenText/index.js +2 -1
- package/lib/components/VisuallyHiddenText/index.js.map +1 -1
- package/package.json +10 -10
- package/smarthr-ui.css +10 -9
- package/esm/components/ComboBox/MultiComboBox.js.map +0 -1
- package/esm/components/ComboBox/MultiSelectedItem.js.map +0 -1
- package/esm/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
- package/esm/components/ComboBox/multiComboBoxHelper.js.map +0 -1
- package/lib/components/ComboBox/MultiComboBox.js.map +0 -1
- package/lib/components/ComboBox/MultiSelectedItem.js.map +0 -1
- package/lib/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
- package/lib/components/ComboBox/multiComboBoxHelper.js.map +0 -1
- /package/esm/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
- /package/esm/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
- /package/esm/components/ComboBox/{multiComboBoxHelper.js → MultiComboBox/multiComboBoxHelper.js} +0 -0
- /package/lib/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
- /package/lib/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
- /package/lib/components/ComboBox/{multiComboBoxHelper.js → MultiComboBox/multiComboBoxHelper.js} +0 -0
|
@@ -24,8 +24,8 @@ export const args = {
|
|
|
24
24
|
],
|
|
25
25
|
currentTenantId: 'tenant-1',
|
|
26
26
|
onTenantSelect: action('テナント選択'),
|
|
27
|
-
schoolUrl: 'https://
|
|
28
|
-
helpPageUrl: 'https://
|
|
27
|
+
schoolUrl: 'https://example.com',
|
|
28
|
+
helpPageUrl: 'https://example.com',
|
|
29
29
|
locale: {
|
|
30
30
|
selectedLocale: 'ja',
|
|
31
31
|
onSelectLocale: action('locale'),
|
|
@@ -35,18 +35,18 @@ export const args = {
|
|
|
35
35
|
empCode: '001',
|
|
36
36
|
firstName: '須磨',
|
|
37
37
|
lastName: '栄子',
|
|
38
|
-
accountUrl: 'https://
|
|
38
|
+
accountUrl: 'https://example.com',
|
|
39
39
|
},
|
|
40
40
|
desktopAdditionalContent: React.createElement(AdditionalContent, null, "desktopAdditionalContent"),
|
|
41
41
|
navigations: [
|
|
42
42
|
{
|
|
43
43
|
children: 'aタグ',
|
|
44
|
-
href: 'https://
|
|
44
|
+
href: 'https://example.com',
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
children: 'カスタムタグ',
|
|
48
48
|
elementAs: CustomLink,
|
|
49
|
-
to: 'https://
|
|
49
|
+
to: 'https://example.com',
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
children: 'ボタン',
|
|
@@ -57,12 +57,12 @@ export const args = {
|
|
|
57
57
|
childNavigations: [
|
|
58
58
|
{
|
|
59
59
|
children: 'aタグ',
|
|
60
|
-
href: 'https://
|
|
60
|
+
href: 'https://example.com',
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
children: 'カスタムタグ',
|
|
64
64
|
elementAs: CustomLink,
|
|
65
|
-
to: 'https://
|
|
65
|
+
to: 'https://example.com',
|
|
66
66
|
},
|
|
67
67
|
{
|
|
68
68
|
children: 'ボタン',
|
|
@@ -78,12 +78,12 @@ export const args = {
|
|
|
78
78
|
childNavigations: [
|
|
79
79
|
{
|
|
80
80
|
children: 'グループ1_アイテム1',
|
|
81
|
-
href: 'https://
|
|
81
|
+
href: 'https://example.com',
|
|
82
82
|
current: true,
|
|
83
83
|
},
|
|
84
84
|
{
|
|
85
85
|
children: 'グループ1_アイテム2',
|
|
86
|
-
href: 'https://
|
|
86
|
+
href: 'https://example.com',
|
|
87
87
|
},
|
|
88
88
|
],
|
|
89
89
|
},
|
|
@@ -92,11 +92,11 @@ export const args = {
|
|
|
92
92
|
childNavigations: [
|
|
93
93
|
{
|
|
94
94
|
children: 'グループ2_アイテム1',
|
|
95
|
-
href: 'https://
|
|
95
|
+
href: 'https://example.com',
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
children: 'グループ2_アイテム2',
|
|
99
|
-
href: 'https://
|
|
99
|
+
href: 'https://example.com',
|
|
100
100
|
},
|
|
101
101
|
],
|
|
102
102
|
},
|
|
@@ -108,18 +108,18 @@ export const args = {
|
|
|
108
108
|
links: [
|
|
109
109
|
{
|
|
110
110
|
title: 'リリースノート1',
|
|
111
|
-
url: 'https://
|
|
111
|
+
url: 'https://example.com',
|
|
112
112
|
},
|
|
113
113
|
{
|
|
114
114
|
title: 'リリースノート2',
|
|
115
|
-
url: 'https://
|
|
115
|
+
url: 'https://example.com',
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
title: 'リリースノート3',
|
|
119
|
-
url: 'https://
|
|
119
|
+
url: 'https://example.com',
|
|
120
120
|
},
|
|
121
121
|
],
|
|
122
|
-
indexUrl: 'https://
|
|
122
|
+
indexUrl: 'https://example.com',
|
|
123
123
|
},
|
|
124
124
|
features: [
|
|
125
125
|
buildFeature(1, '従業員リスト', false),
|
|
@@ -177,10 +177,10 @@ const button = tv({
|
|
|
177
177
|
'shr-text-black',
|
|
178
178
|
'focus-visible:shr-border-darken',
|
|
179
179
|
'focus-visible:shr-bg-white-darken',
|
|
180
|
-
'focus-visible:
|
|
180
|
+
'focus-visible:contrast-more:shr-border-high-contrast',
|
|
181
181
|
'hover:shr-border-darken',
|
|
182
182
|
'hover:shr-bg-white-darken',
|
|
183
|
-
'hover:
|
|
183
|
+
'hover:contrast-more:shr-border-high-contrast',
|
|
184
184
|
],
|
|
185
185
|
},
|
|
186
186
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
2
|
+
import type { DecoratorsType } from '../../../types';
|
|
3
|
+
import type { BaseProps, ComboBoxItem } from '../types';
|
|
4
4
|
type Props<T> = BaseProps<T> & {
|
|
5
5
|
/**
|
|
6
6
|
* 選択されているアイテムのリスト
|
|
@@ -3,15 +3,15 @@ import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, us
|
|
|
3
3
|
import { useId } from 'react';
|
|
4
4
|
import innerText from 'react-innertext';
|
|
5
5
|
import { tv } from 'tailwind-variants';
|
|
6
|
-
import { useOuterClick } from '
|
|
7
|
-
import { genericsForwardRef } from '
|
|
8
|
-
import { textColor } from '
|
|
9
|
-
import { FaCaretDownIcon } from '
|
|
6
|
+
import { useOuterClick } from '../../../hooks/useOuterClick';
|
|
7
|
+
import { genericsForwardRef } from '../../../libs/util';
|
|
8
|
+
import { textColor } from '../../../themes';
|
|
9
|
+
import { FaCaretDownIcon } from '../../Icon';
|
|
10
|
+
import { useFocusControl } from '../useFocusControl';
|
|
11
|
+
import { useListBox } from '../useListBox';
|
|
12
|
+
import { useOptions } from '../useOptions';
|
|
10
13
|
import { MultiSelectedItem } from './MultiSelectedItem';
|
|
11
14
|
import { hasParentElementByClassName } from './multiComboBoxHelper';
|
|
12
|
-
import { useFocusControl } from './useFocusControl';
|
|
13
|
-
import { useListBox } from './useListBox';
|
|
14
|
-
import { useOptions } from './useOptions';
|
|
15
15
|
const SELECTED_LIST_ARIA_LABEL = '選択済みアイテム';
|
|
16
16
|
const multiCombobox = tv({
|
|
17
17
|
slots: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { tv } from 'tailwind-variants';
|
|
3
|
-
import { UnstyledButton } from '
|
|
4
|
-
import { Chip } from '
|
|
5
|
-
import { FaTimesCircleIcon } from '
|
|
3
|
+
import { UnstyledButton } from '../../Button';
|
|
4
|
+
import { Chip } from '../../Chip';
|
|
5
|
+
import { FaTimesCircleIcon } from '../../Icon';
|
|
6
6
|
import { MultiSelectedItemTooltip } from './MultiSelectedItemTooltip';
|
|
7
7
|
const DESTROY_BUTTON_TEXT = '削除';
|
|
8
8
|
const multiSelectedItem = tv({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Tooltip } from '
|
|
2
|
+
import { Tooltip } from '../../Tooltip';
|
|
3
3
|
export const MultiSelectedItemTooltip = ({ needsTooltip, text, children }) => needsTooltip ? (React.createElement(Tooltip, { message: text, multiLine: true }, children)) : (
|
|
4
4
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
5
5
|
React.createElement(React.Fragment, null, children));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectedItemTooltip.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAQvC,MAAM,CAAC,MAAM,wBAAwB,GAAc,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CACtF,YAAY,CAAC,CAAC,CAAC,CACb,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,UAC9B,QAAQ,CACD,CACX,CAAC,CAAC,CAAC;AACF,yDAAyD;AACzD,0CAAG,QAAQ,CAAI,CAChB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MultiComboBox } from './MultiComboBox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multiComboBoxHelper.js","sourceRoot":"","sources":["../../../../src/components/ComboBox/MultiComboBox/multiComboBoxHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,2BAA2B,CACzC,OAAwC,EACxC,SAAiB;IAEjB,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAA;IAC1B,OAAO,CACL,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QACrC,2BAA2B,CAAC,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAC9D,CAAA;AACH,CAAC"}
|
|
@@ -11,11 +11,7 @@ const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
|
11
11
|
const formDialogContentInner = tv({
|
|
12
12
|
extend: dialogContentInner,
|
|
13
13
|
slots: {
|
|
14
|
-
|
|
15
|
-
wrapper: 'shr-flex shr-flex-col',
|
|
16
|
-
// 領域を狭くしたときにwrapperも縮むようにflexを使用
|
|
17
|
-
form: 'shr-overflow-y-auto shr-flex-auto shr-flex shr-flex-col',
|
|
18
|
-
contentWrapper: 'shr-overflow-y-auto shr-flex-auto',
|
|
14
|
+
form: 'shr-contents',
|
|
19
15
|
},
|
|
20
16
|
});
|
|
21
17
|
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
|
|
@@ -27,14 +23,13 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
|
|
|
27
23
|
onSubmit(onClickClose, e);
|
|
28
24
|
}, [onSubmit, onClickClose]);
|
|
29
25
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
30
|
-
const { form,
|
|
26
|
+
const { form, wrapper, actionArea, buttonArea, message } = formDialogContentInner();
|
|
31
27
|
return (
|
|
32
|
-
// eslint-disable-next-line smarthr/
|
|
33
|
-
React.createElement(
|
|
28
|
+
// eslint-disable-next-line smarthr/best-practice-for-layouts, smarthr/a11y-heading-in-sectioning-content
|
|
29
|
+
React.createElement(Stack, { gap: 0, as: Section, className: wrapper() },
|
|
34
30
|
React.createElement(DialogHeader, { title: title, subtitle: subtitle, titleTag: titleTag, titleId: titleId }),
|
|
35
31
|
React.createElement("form", { onSubmit: handleSubmitAction, className: form() },
|
|
36
|
-
React.createElement(
|
|
37
|
-
React.createElement(DialogBody, { contentPadding: contentPadding, contentBgColor: contentBgColor }, children)),
|
|
32
|
+
React.createElement(DialogBody, { contentPadding: contentPadding, contentBgColor: contentBgColor }, children),
|
|
38
33
|
React.createElement(Stack, { gap: 0.5, className: actionArea() },
|
|
39
34
|
React.createElement(Cluster, { justify: "space-between" },
|
|
40
35
|
subActionArea,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,GACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,UAAU,EAA4B,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,YAAY,EAAmC,MAAM,iBAAiB,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAgCxD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,MAAM,sBAAsB,GAAG,EAAE,CAAC;IAChC,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE;QACL,
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { ComponentProps } from 'react';
|
|
2
2
|
import { ActualFormControl } from '../FormControl/FormControl';
|
|
3
|
-
export declare const Fieldset: React.FC<Omit<ComponentProps<typeof ActualFormControl>, 'as'>>;
|
|
3
|
+
export declare const Fieldset: React.FC<Omit<ComponentProps<typeof ActualFormControl>, 'as' | 'htmlFor' | 'labelId'>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ActualFormControl } from '../FormControl/FormControl';
|
|
3
|
-
export const Fieldset = (props) =>
|
|
3
|
+
export const Fieldset = (props) => React.createElement(ActualFormControl, { ...props, as: "fieldset" });
|
|
4
4
|
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAEjB,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,UAAU,GAAG,CAAA"}
|
|
@@ -8,6 +8,8 @@ type Props = PropsWithChildren<{
|
|
|
8
8
|
title: ReactNode;
|
|
9
9
|
/** タイトルの見出しのタイプ */
|
|
10
10
|
titleType?: TextProps['styleType'];
|
|
11
|
+
/** タイトル右の領域 */
|
|
12
|
+
subActionArea?: ReactNode;
|
|
11
13
|
/** タイトルの見出しを視覚的に隠すかどうか */
|
|
12
14
|
dangerouslyTitleHidden?: boolean;
|
|
13
15
|
/** label 要素に適用する `htmlFor` 値 */
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import React, { useEffect, useMemo, useRef, } from 'react';
|
|
3
3
|
import { useId } from 'react';
|
|
4
|
+
import innerText from 'react-innertext';
|
|
4
5
|
import { tv } from 'tailwind-variants';
|
|
5
6
|
import { FaCircleExclamationIcon } from '../Icon';
|
|
6
7
|
import { Cluster, Stack } from '../Layout';
|
|
7
8
|
import { StatusLabel } from '../StatusLabel';
|
|
8
9
|
import { Text } from '../Text';
|
|
9
|
-
import { visuallyHiddenText } from '../VisuallyHiddenText
|
|
10
|
+
import { VisuallyHiddenText, visuallyHiddenText } from '../VisuallyHiddenText';
|
|
10
11
|
const formGroup = tv({
|
|
11
12
|
slots: {
|
|
12
13
|
wrapper: [
|
|
@@ -19,12 +20,7 @@ const formGroup = tv({
|
|
|
19
20
|
'[&:disabled_.smarthr-ui-FormControl-supplementaryMessage]:shr-text-color-inherit',
|
|
20
21
|
'[&:disabled_.smarthr-ui-Input]:shr-border-default/50 [&:disabled_.smarthr-ui-Input]:shr-bg-white-darken',
|
|
21
22
|
],
|
|
22
|
-
label: [
|
|
23
|
-
'smarthr-ui-FormControl-label',
|
|
24
|
-
// flex-item が stretch してクリッカブル領域が広がりすぎないようにする
|
|
25
|
-
'shr-self-start',
|
|
26
|
-
'shr-px-[unset]',
|
|
27
|
-
],
|
|
23
|
+
label: ['smarthr-ui-FormControl-label'],
|
|
28
24
|
errorList: ['shr-list-none'],
|
|
29
25
|
errorIcon: ['smarthr-ui-FormControl-errorMessage', 'shr-text-danger'],
|
|
30
26
|
},
|
|
@@ -55,7 +51,7 @@ const childrenWrapper = tv({
|
|
|
55
51
|
XXL: '[&&&]:shr-mt-3.5',
|
|
56
52
|
X3L: '[&&&]:shr-mt-4',
|
|
57
53
|
},
|
|
58
|
-
|
|
54
|
+
isFieldset: {
|
|
59
55
|
true: '',
|
|
60
56
|
false: '',
|
|
61
57
|
},
|
|
@@ -63,24 +59,24 @@ const childrenWrapper = tv({
|
|
|
63
59
|
compoundVariants: [
|
|
64
60
|
{
|
|
65
61
|
innerMargin: undefined,
|
|
66
|
-
|
|
62
|
+
isFieldset: true,
|
|
67
63
|
className: '[:not([hidden])_~_&&&]:shr-mt-1',
|
|
68
64
|
},
|
|
69
65
|
{
|
|
70
66
|
innerMargin: undefined,
|
|
71
|
-
|
|
67
|
+
isFieldset: false,
|
|
72
68
|
className: '[:not([hidden])_~_&&&]:shr-mt-0.5',
|
|
73
69
|
},
|
|
74
70
|
],
|
|
75
71
|
});
|
|
76
|
-
|
|
72
|
+
const SMARTHR_UI_INPUT_SELECTOR = '[data-smarthr-ui-input="true"]';
|
|
73
|
+
export const ActualFormControl = ({ title, titleType = 'blockTitle', subActionArea, dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin, statusLabelProps, helpMessage, exampleMessage, errorMessages, autoBindErrorInput = true, supplementaryMessage, as = 'div', className, children, ...props }) => {
|
|
77
74
|
const defaultHtmlFor = useId();
|
|
78
75
|
const defaultLabelId = useId();
|
|
79
76
|
const managedHtmlFor = htmlFor || defaultHtmlFor;
|
|
80
77
|
const managedLabelId = labelId || defaultLabelId;
|
|
81
78
|
const inputWrapperRef = useRef(null);
|
|
82
|
-
const
|
|
83
|
-
const statusLabelList = Array.isArray(statusLabelProps) ? statusLabelProps : [statusLabelProps];
|
|
79
|
+
const isFieldset = as === 'fieldset';
|
|
84
80
|
const describedbyIds = useMemo(() => {
|
|
85
81
|
const temp = [];
|
|
86
82
|
if (helpMessage) {
|
|
@@ -97,6 +93,12 @@ export const ActualFormControl = ({ title, titleType = 'blockTitle', dangerously
|
|
|
97
93
|
}
|
|
98
94
|
return temp.join(' ');
|
|
99
95
|
}, [helpMessage, exampleMessage, supplementaryMessage, errorMessages, managedHtmlFor]);
|
|
96
|
+
const statusLabelList = useMemo(() => {
|
|
97
|
+
if (!statusLabelProps) {
|
|
98
|
+
return [];
|
|
99
|
+
}
|
|
100
|
+
return Array.isArray(statusLabelProps) ? statusLabelProps : [statusLabelProps];
|
|
101
|
+
}, [statusLabelProps]);
|
|
100
102
|
const actualErrorMessages = useMemo(() => {
|
|
101
103
|
if (!errorMessages) {
|
|
102
104
|
return [];
|
|
@@ -110,86 +112,103 @@ export const ActualFormControl = ({ title, titleType = 'blockTitle', dangerously
|
|
|
110
112
|
labelStyle: label({ className: dangerouslyTitleHidden ? visuallyHiddenText() : '' }),
|
|
111
113
|
errorListStyle: errorList(),
|
|
112
114
|
errorIconStyle: errorIcon(),
|
|
113
|
-
childrenWrapperStyle: childrenWrapper({ innerMargin,
|
|
115
|
+
childrenWrapperStyle: childrenWrapper({ innerMargin, isFieldset }),
|
|
114
116
|
};
|
|
115
|
-
}, [className, dangerouslyTitleHidden, innerMargin,
|
|
117
|
+
}, [className, dangerouslyTitleHidden, innerMargin, isFieldset]);
|
|
116
118
|
useEffect(() => {
|
|
117
|
-
if (
|
|
119
|
+
if (isFieldset) {
|
|
118
120
|
return;
|
|
119
121
|
}
|
|
120
122
|
const inputWrapper = inputWrapperRef?.current;
|
|
121
|
-
if (inputWrapper) {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
123
|
+
if (!inputWrapper) {
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
// HINT: 対象idを持つ要素が既に存在する場合、何もしない
|
|
127
|
+
if (document.getElementById(managedHtmlFor)) {
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
const input = inputWrapper.querySelector(SMARTHR_UI_INPUT_SELECTOR);
|
|
131
|
+
if (!input) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (!input.getAttribute('id')) {
|
|
135
|
+
input.setAttribute('id', managedHtmlFor);
|
|
136
|
+
}
|
|
137
|
+
if (input instanceof HTMLInputElement && input.type === 'file') {
|
|
138
|
+
const attrName = 'aria-labelledby';
|
|
139
|
+
const inputLabelledByIds = input.getAttribute(attrName);
|
|
140
|
+
if (inputLabelledByIds) {
|
|
141
|
+
// InputFileの場合はlabel要素の可視ラベルをアクセシブルネームに含める
|
|
142
|
+
input.setAttribute(attrName, `${inputLabelledByIds} ${managedLabelId}`);
|
|
137
143
|
}
|
|
138
144
|
}
|
|
139
|
-
}, [managedHtmlFor,
|
|
145
|
+
}, [managedHtmlFor, isFieldset, managedLabelId]);
|
|
140
146
|
useEffect(() => {
|
|
147
|
+
if (!describedbyIds) {
|
|
148
|
+
return;
|
|
149
|
+
}
|
|
150
|
+
const attrName = 'aria-describedby';
|
|
141
151
|
const inputWrapper = inputWrapperRef?.current;
|
|
142
|
-
if (inputWrapper) {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
if (input && !input.getAttribute('aria-describedby')) {
|
|
149
|
-
input.setAttribute('aria-describedby', describedbyIds);
|
|
150
|
-
}
|
|
152
|
+
if (!inputWrapper || inputWrapper.querySelector(`[${attrName}="${describedbyIds}"]`)) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
const input = inputWrapper.querySelector(SMARTHR_UI_INPUT_SELECTOR);
|
|
156
|
+
if (input && !input.getAttribute(attrName)) {
|
|
157
|
+
input.setAttribute(attrName, describedbyIds);
|
|
151
158
|
}
|
|
152
|
-
}, [describedbyIds
|
|
159
|
+
}, [describedbyIds]);
|
|
153
160
|
useEffect(() => {
|
|
154
161
|
if (!autoBindErrorInput) {
|
|
155
162
|
return;
|
|
156
163
|
}
|
|
157
164
|
const inputWrapper = inputWrapperRef?.current;
|
|
158
|
-
if (inputWrapper) {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
165
|
+
if (!inputWrapper) {
|
|
166
|
+
return;
|
|
167
|
+
}
|
|
168
|
+
const input = inputWrapper.querySelector(SMARTHR_UI_INPUT_SELECTOR);
|
|
169
|
+
if (input) {
|
|
170
|
+
const attrName = 'aria-invalid';
|
|
163
171
|
if (actualErrorMessages.length > 0) {
|
|
164
|
-
input.setAttribute(
|
|
172
|
+
input.setAttribute(attrName, 'true');
|
|
165
173
|
}
|
|
166
174
|
else {
|
|
167
|
-
input.removeAttribute(
|
|
175
|
+
input.removeAttribute(attrName);
|
|
168
176
|
}
|
|
169
177
|
}
|
|
170
178
|
}, [actualErrorMessages.length, autoBindErrorInput]);
|
|
171
|
-
return (React.createElement(Stack, { ...props, as: as, gap: innerMargin ?? 0.5, "aria-
|
|
172
|
-
React.createElement(TitleCluster, {
|
|
179
|
+
return (React.createElement(Stack, { ...props, as: as, gap: innerMargin ?? 0.5, "aria-describedby": isFieldset && describedbyIds ? describedbyIds : undefined, className: wrapperStyle },
|
|
180
|
+
React.createElement(TitleCluster, { isFieldset: isFieldset, managedHtmlFor: managedHtmlFor, managedLabelId: managedLabelId, labelStyle: labelStyle, dangerouslyTitleHidden: dangerouslyTitleHidden, titleType: titleType, title: title, statusLabelList: statusLabelList, subActionArea: subActionArea }),
|
|
173
181
|
React.createElement(HelpMessageParagraph, { helpMessage: helpMessage, managedHtmlFor: managedHtmlFor }),
|
|
174
182
|
React.createElement(ExampleMessageText, { exampleMessage: exampleMessage, managedHtmlFor: managedHtmlFor }),
|
|
175
183
|
React.createElement(ErrorMessageList, { errorMessages: actualErrorMessages, managedHtmlFor: managedHtmlFor, errorListStyle: errorListStyle, errorIconStyle: errorIconStyle }),
|
|
176
184
|
React.createElement("div", { className: childrenWrapperStyle, ref: inputWrapperRef }, children),
|
|
177
185
|
React.createElement(SupplementaryMessageText, { supplementaryMessage: supplementaryMessage, managedHtmlFor: managedHtmlFor })));
|
|
178
186
|
};
|
|
179
|
-
const TitleCluster = React.memo(({
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
187
|
+
const TitleCluster = React.memo(({ isFieldset, managedHtmlFor, managedLabelId, labelStyle, dangerouslyTitleHidden, titleType, title, statusLabelList, subActionArea, }) => {
|
|
188
|
+
const body = (React.createElement(React.Fragment, null,
|
|
189
|
+
React.createElement(Text, { styleType: titleType }, title),
|
|
190
|
+
statusLabelList.length > 0 && (React.createElement(Cluster, { gap: 0.25, as: "span" }, statusLabelList.map((prop, index) => (React.createElement(StatusLabel, { ...prop, key: index })))))));
|
|
191
|
+
const labelAttrs = isFieldset
|
|
192
|
+
? { 'aria-hidden': 'true' }
|
|
193
|
+
: {
|
|
194
|
+
htmlFor: managedHtmlFor,
|
|
195
|
+
id: managedLabelId,
|
|
196
|
+
as: 'label',
|
|
197
|
+
};
|
|
198
|
+
return (React.createElement(React.Fragment, null,
|
|
199
|
+
isFieldset && React.createElement(VisuallyHiddenText, { as: "legend" }, innerText(body)),
|
|
200
|
+
React.createElement(Cluster, { justify: "space-between",
|
|
201
|
+
// HINT: legendが存在する場合、Stackの余白が狂ってしまう&常にこのClusterはUI上先頭になるため、margin-topを0固定する
|
|
202
|
+
className: "[&&&]:shr-mt-0",
|
|
203
|
+
// HINT: dangerouslyTitleHiddenの場合、Stackの余白計算を正常にするためのhidden
|
|
204
|
+
hidden: dangerouslyTitleHidden || undefined },
|
|
205
|
+
React.createElement(Cluster, { ...labelAttrs, align: "center", className: labelStyle }, body),
|
|
206
|
+
subActionArea && React.createElement("div", { className: "shr-grow" }, subActionArea))));
|
|
207
|
+
});
|
|
184
208
|
const HelpMessageParagraph = React.memo(({ helpMessage, managedHtmlFor }) => helpMessage ? (React.createElement("p", { className: "smarthr-ui-FormControl-helpMessage", id: `${managedHtmlFor}_helpMessage` }, helpMessage)) : null);
|
|
185
209
|
const ExampleMessageText = React.memo(({ exampleMessage, managedHtmlFor }) => exampleMessage ? (React.createElement(Text, { as: "p", color: "TEXT_GREY", italic: true, id: `${managedHtmlFor}_exampleMessage`, className: "smarthr-ui-FormControl-exampleMessage" }, exampleMessage)) : null);
|
|
186
|
-
const ErrorMessageList = React.memo(({ errorMessages, managedHtmlFor, errorListStyle, errorIconStyle }) => {
|
|
187
|
-
|
|
188
|
-
return null;
|
|
189
|
-
}
|
|
190
|
-
return (React.createElement("div", { id: `${managedHtmlFor}_errorMessages`, className: errorListStyle, role: "alert" }, errorMessages.map((message, index) => (React.createElement("p", { key: index },
|
|
191
|
-
React.createElement(FaCircleExclamationIcon, { text: message, className: errorIconStyle }))))));
|
|
192
|
-
});
|
|
210
|
+
const ErrorMessageList = React.memo(({ errorMessages, managedHtmlFor, errorListStyle, errorIconStyle }) => errorMessages.length > 0 ? (React.createElement("div", { id: `${managedHtmlFor}_errorMessages`, className: errorListStyle, role: "alert" }, errorMessages.map((message, index) => (React.createElement("p", { key: index },
|
|
211
|
+
React.createElement(FaCircleExclamationIcon, { text: message, className: errorIconStyle })))))) : null);
|
|
193
212
|
const SupplementaryMessageText = React.memo(({ supplementaryMessage, managedHtmlFor }) => supplementaryMessage ? (React.createElement(Text, { as: "p", size: "S", color: "TEXT_GREY", id: `${managedHtmlFor}_supplementaryMessage`, className: "smarthr-ui-FormControl-supplementaryMessage" }, supplementaryMessage)) : null);
|
|
194
213
|
export const FormControl = ActualFormControl;
|
|
195
214
|
//# sourceMappingURL=FormControl.js.map
|