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.
Files changed (84) hide show
  1. package/esm/components/AppHeader/stories/args.js +15 -15
  2. package/esm/components/Button/ButtonWrapper.js +2 -2
  3. package/esm/components/Button/ButtonWrapper.js.map +1 -1
  4. package/esm/components/ComboBox/{MultiComboBox.d.ts → MultiComboBox/MultiComboBox.d.ts} +2 -2
  5. package/esm/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
  6. package/esm/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
  7. package/{lib/components/ComboBox → esm/components/ComboBox/MultiComboBox}/MultiSelectedItem.d.ts +1 -1
  8. package/esm/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
  9. package/esm/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
  10. package/esm/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
  11. package/esm/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
  12. package/esm/components/ComboBox/MultiComboBox/index.d.ts +1 -0
  13. package/esm/components/ComboBox/MultiComboBox/index.js +2 -0
  14. package/esm/components/ComboBox/MultiComboBox/index.js.map +1 -0
  15. package/esm/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
  16. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +5 -10
  17. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  18. package/esm/components/Fieldset/Fieldset.d.ts +1 -1
  19. package/esm/components/Fieldset/Fieldset.js +1 -1
  20. package/esm/components/Fieldset/Fieldset.js.map +1 -1
  21. package/esm/components/FormControl/FormControl.d.ts +2 -0
  22. package/esm/components/FormControl/FormControl.js +83 -64
  23. package/esm/components/FormControl/FormControl.js.map +1 -1
  24. package/esm/components/Input/Input.d.ts +1 -1
  25. package/esm/components/Input/Input.js +1 -1
  26. package/esm/components/Switch/Switch.js +14 -6
  27. package/esm/components/Switch/Switch.js.map +1 -1
  28. package/esm/components/Table/useReelCells.js +21 -26
  29. package/esm/components/Table/useReelCells.js.map +1 -1
  30. package/esm/components/Textarea/Textarea.js +8 -2
  31. package/esm/components/Textarea/Textarea.js.map +1 -1
  32. package/esm/components/VisuallyHiddenText/index.d.ts +1 -1
  33. package/esm/components/VisuallyHiddenText/index.js +1 -1
  34. package/esm/components/VisuallyHiddenText/index.js.map +1 -1
  35. package/lib/components/AppHeader/stories/args.js +15 -15
  36. package/lib/components/Button/ButtonWrapper.js +2 -2
  37. package/lib/components/Button/ButtonWrapper.js.map +1 -1
  38. package/lib/components/ComboBox/{MultiComboBox.d.ts → MultiComboBox/MultiComboBox.d.ts} +2 -2
  39. package/lib/components/ComboBox/{MultiComboBox.js → MultiComboBox/MultiComboBox.js} +7 -7
  40. package/lib/components/ComboBox/MultiComboBox/MultiComboBox.js.map +1 -0
  41. package/{esm/components/ComboBox → lib/components/ComboBox/MultiComboBox}/MultiSelectedItem.d.ts +1 -1
  42. package/lib/components/ComboBox/{MultiSelectedItem.js → MultiComboBox/MultiSelectedItem.js} +3 -3
  43. package/lib/components/ComboBox/MultiComboBox/MultiSelectedItem.js.map +1 -0
  44. package/lib/components/ComboBox/{MultiSelectedItemTooltip.js → MultiComboBox/MultiSelectedItemTooltip.js} +1 -1
  45. package/lib/components/ComboBox/MultiComboBox/MultiSelectedItemTooltip.js.map +1 -0
  46. package/lib/components/ComboBox/MultiComboBox/index.d.ts +1 -0
  47. package/lib/components/ComboBox/MultiComboBox/index.js +6 -0
  48. package/lib/components/ComboBox/MultiComboBox/index.js.map +1 -0
  49. package/lib/components/ComboBox/MultiComboBox/multiComboBoxHelper.js.map +1 -0
  50. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +5 -10
  51. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  52. package/lib/components/Fieldset/Fieldset.d.ts +1 -1
  53. package/lib/components/Fieldset/Fieldset.js +1 -1
  54. package/lib/components/Fieldset/Fieldset.js.map +1 -1
  55. package/lib/components/FormControl/FormControl.d.ts +2 -0
  56. package/lib/components/FormControl/FormControl.js +86 -64
  57. package/lib/components/FormControl/FormControl.js.map +1 -1
  58. package/lib/components/Input/Input.d.ts +1 -1
  59. package/lib/components/Input/Input.js +1 -1
  60. package/lib/components/Switch/Switch.js +14 -6
  61. package/lib/components/Switch/Switch.js.map +1 -1
  62. package/lib/components/Table/useReelCells.js +21 -26
  63. package/lib/components/Table/useReelCells.js.map +1 -1
  64. package/lib/components/Textarea/Textarea.js +8 -2
  65. package/lib/components/Textarea/Textarea.js.map +1 -1
  66. package/lib/components/VisuallyHiddenText/index.d.ts +1 -1
  67. package/lib/components/VisuallyHiddenText/index.js +2 -1
  68. package/lib/components/VisuallyHiddenText/index.js.map +1 -1
  69. package/package.json +10 -10
  70. package/smarthr-ui.css +10 -9
  71. package/esm/components/ComboBox/MultiComboBox.js.map +0 -1
  72. package/esm/components/ComboBox/MultiSelectedItem.js.map +0 -1
  73. package/esm/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
  74. package/esm/components/ComboBox/multiComboBoxHelper.js.map +0 -1
  75. package/lib/components/ComboBox/MultiComboBox.js.map +0 -1
  76. package/lib/components/ComboBox/MultiSelectedItem.js.map +0 -1
  77. package/lib/components/ComboBox/MultiSelectedItemTooltip.js.map +0 -1
  78. package/lib/components/ComboBox/multiComboBoxHelper.js.map +0 -1
  79. /package/esm/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
  80. /package/esm/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
  81. /package/esm/components/ComboBox/{multiComboBoxHelper.js → MultiComboBox/multiComboBoxHelper.js} +0 -0
  82. /package/lib/components/ComboBox/{MultiSelectedItemTooltip.d.ts → MultiComboBox/MultiSelectedItemTooltip.d.ts} +0 -0
  83. /package/lib/components/ComboBox/{multiComboBoxHelper.d.ts → MultiComboBox/multiComboBoxHelper.d.ts} +0 -0
  84. /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://exmaple.com',
28
- helpPageUrl: 'https://exmaple.com',
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://exmaple.com',
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://exmaple.com',
44
+ href: 'https://example.com',
45
45
  },
46
46
  {
47
47
  children: 'カスタムタグ',
48
48
  elementAs: CustomLink,
49
- to: 'https://exmaple.com',
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://exmaple.com',
60
+ href: 'https://example.com',
61
61
  },
62
62
  {
63
63
  children: 'カスタムタグ',
64
64
  elementAs: CustomLink,
65
- to: 'https://exmaple.com',
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://exmaple.com',
81
+ href: 'https://example.com',
82
82
  current: true,
83
83
  },
84
84
  {
85
85
  children: 'グループ1_アイテム2',
86
- href: 'https://exmaple.com',
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://exmaple.com',
95
+ href: 'https://example.com',
96
96
  },
97
97
  {
98
98
  children: 'グループ2_アイテム2',
99
- href: 'https://exmaple.com',
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://exmaple.com',
111
+ url: 'https://example.com',
112
112
  },
113
113
  {
114
114
  title: 'リリースノート2',
115
- url: 'https://exmaple.com',
115
+ url: 'https://example.com',
116
116
  },
117
117
  {
118
118
  title: 'リリースノート3',
119
- url: 'https://exmaple.com',
119
+ url: 'https://example.com',
120
120
  },
121
121
  ],
122
- indexUrl: 'https://exmaple.com',
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:constrast-more:shr-border-high-contrast',
180
+ 'focus-visible:contrast-more:shr-border-high-contrast',
181
181
  'hover:shr-border-darken',
182
182
  'hover:shr-bg-white-darken',
183
- 'hover:constrast-more:shr-border-high-contrast',
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 { BaseProps, ComboBoxItem } from './types';
3
- import type { DecoratorsType } from '../../types';
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 '../../hooks/useOuterClick';
7
- import { genericsForwardRef } from '../../libs/util';
8
- import { textColor } from '../../themes';
9
- import { FaCaretDownIcon } from '../Icon';
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,5 +1,5 @@
1
1
  import React, { RefObject } from 'react';
2
- import { ComboBoxItem } from './types';
2
+ import { ComboBoxItem } from '../types';
3
3
  export type Props<T> = {
4
4
  item: ComboBoxItem<T> & {
5
5
  deletable?: boolean;
@@ -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 '../Button';
4
- import { Chip } from '../Chip';
5
- import { FaTimesCircleIcon } from '../Icon';
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 '../Tooltip';
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,2 @@
1
+ export { MultiComboBox } from './MultiComboBox';
2
+ //# sourceMappingURL=index.js.map
@@ -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
- // 領域を狭くしたときにwrapperも縮むようにflexを使用
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, contentWrapper, wrapper, actionArea, buttonArea, message } = formDialogContentInner();
26
+ const { form, wrapper, actionArea, buttonArea, message } = formDialogContentInner();
31
27
  return (
32
- // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form
33
- React.createElement(Section, { className: wrapper() },
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("div", { className: contentWrapper() },
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":"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"}
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) => (React.createElement(ActualFormControl, { ...props, as: "fieldset" }));
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,GAAmE,CAAC,KAAK,EAAE,EAAE,CAAC,CACjG,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,UAAU,GAAG,CAC/C,CAAA"}
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/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
- isRoleGroup: {
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
- isRoleGroup: true,
62
+ isFieldset: true,
67
63
  className: '[:not([hidden])_~_&&&]:shr-mt-1',
68
64
  },
69
65
  {
70
66
  innerMargin: undefined,
71
- isRoleGroup: false,
67
+ isFieldset: false,
72
68
  className: '[:not([hidden])_~_&&&]:shr-mt-0.5',
73
69
  },
74
70
  ],
75
71
  });
76
- export const ActualFormControl = ({ title, titleType = 'blockTitle', dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin, statusLabelProps = [], helpMessage, exampleMessage, errorMessages, autoBindErrorInput = true, supplementaryMessage, as = 'div', className, children, ...props }) => {
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 isRoleGroup = as === 'fieldset';
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, isRoleGroup }),
115
+ childrenWrapperStyle: childrenWrapper({ innerMargin, isFieldset }),
114
116
  };
115
- }, [className, dangerouslyTitleHidden, innerMargin, isRoleGroup]);
117
+ }, [className, dangerouslyTitleHidden, innerMargin, isFieldset]);
116
118
  useEffect(() => {
117
- if (isRoleGroup) {
119
+ if (isFieldset) {
118
120
  return;
119
121
  }
120
122
  const inputWrapper = inputWrapperRef?.current;
121
- if (inputWrapper) {
122
- // HINT: 対象idを持つ要素が既に存在する場合、何もしない
123
- if (document.getElementById(managedHtmlFor)) {
124
- return;
125
- }
126
- const input = inputWrapper.querySelector('[data-smarthr-ui-input="true"]');
127
- if (input) {
128
- if (!input.getAttribute('id')) {
129
- input.setAttribute('id', managedHtmlFor);
130
- }
131
- const isInputFile = input instanceof HTMLInputElement && input.type === 'file';
132
- const inputLabelledByIds = input.getAttribute('aria-labelledby');
133
- if (isInputFile && inputLabelledByIds) {
134
- // InputFileの場合はlabel要素の可視ラベルをアクセシブルネームに含める
135
- input.setAttribute('aria-labelledby', `${inputLabelledByIds} ${managedLabelId}`);
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, isRoleGroup, managedLabelId]);
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
- // HINT: 対象idを持つ要素が既に存在する場合、何もしない
144
- if (!describedbyIds || inputWrapper.querySelector(`[aria-describedby="${describedbyIds}"]`)) {
145
- return;
146
- }
147
- const input = inputWrapper.querySelector('[data-smarthr-ui-input="true"]');
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, isRoleGroup]);
159
+ }, [describedbyIds]);
153
160
  useEffect(() => {
154
161
  if (!autoBindErrorInput) {
155
162
  return;
156
163
  }
157
164
  const inputWrapper = inputWrapperRef?.current;
158
- if (inputWrapper) {
159
- const input = inputWrapper.querySelector('[data-smarthr-ui-input="true"]');
160
- if (!input) {
161
- return;
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('aria-invalid', 'true');
172
+ input.setAttribute(attrName, 'true');
165
173
  }
166
174
  else {
167
- input.removeAttribute('aria-invalid');
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-labelledby": isRoleGroup ? managedLabelId : undefined, "aria-describedby": isRoleGroup && describedbyIds ? describedbyIds : undefined, className: wrapperStyle },
172
- React.createElement(TitleCluster, { isRoleGroup: isRoleGroup, managedHtmlFor: managedHtmlFor, managedLabelId: managedLabelId, labelStyle: labelStyle, dangerouslyTitleHidden: dangerouslyTitleHidden, titleType: titleType, title: title, statusLabelList: statusLabelList }),
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(({ isRoleGroup, managedHtmlFor, managedLabelId, labelStyle, dangerouslyTitleHidden, titleType, title, statusLabelList, }) => (React.createElement(Cluster, { align: "center", htmlFor: !isRoleGroup ? managedHtmlFor : undefined, id: managedLabelId, className: labelStyle, as: isRoleGroup ? 'legend' : 'label',
180
- // Stack 対象にしないための hidden
181
- hidden: dangerouslyTitleHidden || undefined },
182
- React.createElement(Text, { as: "span", styleType: titleType }, title),
183
- statusLabelList.length > 0 && (React.createElement(Cluster, { gap: 0.25, as: "span" }, statusLabelList.map((prop, index) => (React.createElement(StatusLabel, { ...prop, key: index }))))))));
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
- if (errorMessages.length === 0) {
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