smarthr-ui 63.0.0 → 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/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/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/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/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/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/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 +9 -9
- package/smarthr-ui.css +0 -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
|
@@ -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"}
|
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAKZ,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,15 +43,23 @@ const switchStyle = tv({
|
|
|
43
43
|
},
|
|
44
44
|
});
|
|
45
45
|
export const Switch = forwardRef(({ children, dangerouslyLabelHidden, className, id, ...props }, ref) => {
|
|
46
|
-
const { wrapper, input, icon, iconWrapper } = useMemo(() => switchStyle(), []);
|
|
47
|
-
const ActualLabelComponent = dangerouslyLabelHidden ? VisuallyHiddenText : Text;
|
|
48
46
|
const defaultId = useId();
|
|
49
47
|
const inputId = id || defaultId;
|
|
48
|
+
const { wrapperStyle, inputStyle, iconStyle, iconWrapperStyle } = useMemo(() => {
|
|
49
|
+
const { wrapper, input, icon, iconWrapper } = switchStyle();
|
|
50
|
+
return {
|
|
51
|
+
wrapperStyle: wrapper({ className }),
|
|
52
|
+
inputStyle: input(),
|
|
53
|
+
iconStyle: icon(),
|
|
54
|
+
iconWrapperStyle: iconWrapper(),
|
|
55
|
+
};
|
|
56
|
+
}, [className]);
|
|
57
|
+
const ActualLabelComponent = dangerouslyLabelHidden ? VisuallyHiddenText : Text;
|
|
50
58
|
return (React.createElement(Cluster, { align: "center" },
|
|
51
59
|
React.createElement(ActualLabelComponent, { as: "label", htmlFor: inputId }, children),
|
|
52
|
-
React.createElement("span", { className:
|
|
53
|
-
React.createElement("input", { ...props, type: "checkbox", role: "switch", id: inputId, className:
|
|
54
|
-
React.createElement("span", { className:
|
|
55
|
-
React.createElement(FaCheckIcon, { className:
|
|
60
|
+
React.createElement("span", { className: wrapperStyle },
|
|
61
|
+
React.createElement("input", { ...props, type: "checkbox", role: "switch", id: inputId, className: inputStyle, ref: ref }),
|
|
62
|
+
React.createElement("span", { className: iconWrapperStyle },
|
|
63
|
+
React.createElement(FaCheckIcon, { className: iconStyle, size: "XXS" })))));
|
|
56
64
|
});
|
|
57
65
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,YAAY;YACZ,iJAAiJ;YACjJ,0FAA0F;YAC1F,UAAU;YACV,yDAAyD;YACzD,sFAAsF;YACtF,2EAA2E;YAC3E,uFAAuF;YACvF,qDAAqD;YACrD,2GAA2G;YAE3G,aAAa;YACb,kXAAkX;YAClX,+JAA+J;YAC/J,uKAAuK;YACvK,uEAAuE;YACvE,8IAA8I;YAC9I,oEAAoE;YACpE,kDAAkD;SACnD;QACD,KAAK,EAAE;YACL,8HAA8H;YAC9H,8BAA8B;YAC9B,iNAAiN;SAClN;QACD,WAAW,EAAE;YACX,qHAAqH;YACrH,uBAAuB;SACxB;QACD,IAAI,EAAE;YACJ,+BAA+B;YAC/B,oDAAoD;YACpD,mDAAmD;SACpD;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,YAAY;YACZ,iJAAiJ;YACjJ,0FAA0F;YAC1F,UAAU;YACV,yDAAyD;YACzD,sFAAsF;YACtF,2EAA2E;YAC3E,uFAAuF;YACvF,qDAAqD;YACrD,2GAA2G;YAE3G,aAAa;YACb,kXAAkX;YAClX,+JAA+J;YAC/J,uKAAuK;YACvK,uEAAuE;YACvE,8IAA8I;YAC9I,oEAAoE;YACpE,kDAAkD;SACnD;QACD,KAAK,EAAE;YACL,8HAA8H;YAC9H,8BAA8B;YAC9B,iNAAiN;SAClN;QACD,WAAW,EAAE;YACX,qHAAqH;YACrH,uBAAuB;SACxB;QACD,IAAI,EAAE;YACJ,+BAA+B;YAC/B,oDAAoD;YACpD,mDAAmD;SACpD;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,OAAO,GAAG,EAAE,IAAI,SAAS,CAAA;IAE/B,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7E,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;QAE3D,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,UAAU,EAAE,KAAK,EAAE;YACnB,SAAS,EAAE,IAAI,EAAE;YACjB,gBAAgB,EAAE,WAAW,EAAE;SAChC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA;IAE/E,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAC,QAAQ;QACrB,oBAAC,oBAAoB,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,IAC9C,QAAQ,CACY;QACvB,8BAAM,SAAS,EAAE,YAAY;YAC3B,kCACM,KAAK,EACT,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,UAAU,EACrB,GAAG,EAAE,GAAG,GACR;YACF,8BAAM,SAAS,EAAE,gBAAgB;gBAC/B,oBAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,KAAK,GAAG,CAC3C,CACF,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -4,37 +4,32 @@ export const useReelCells = () => {
|
|
|
4
4
|
const [showShadow, setShowShadow] = useState(false);
|
|
5
5
|
useEffect(() => {
|
|
6
6
|
const currentRef = tableWrapperRef.current;
|
|
7
|
+
if (!currentRef) {
|
|
8
|
+
return () => undefined;
|
|
9
|
+
}
|
|
7
10
|
const handleScroll = () => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const maxScrollLeft = currentRef.scrollWidth - currentRef.clientWidth || 0;
|
|
12
|
-
stickyCells.forEach((cell) => {
|
|
13
|
-
const shouldFix = maxScrollLeft > 0 && scrollLeft < maxScrollLeft;
|
|
14
|
-
if (shouldFix) {
|
|
15
|
-
cell.classList.add('fixed');
|
|
16
|
-
setShowShadow(scrollLeft > 0);
|
|
17
|
-
}
|
|
18
|
-
else {
|
|
19
|
-
cell.classList.remove('fixed');
|
|
20
|
-
setShowShadow(maxScrollLeft === 0 && scrollLeft === 0 ? false : true);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
11
|
+
const stickyCells = currentRef.querySelectorAll('.fixedElement');
|
|
12
|
+
if (!stickyCells) {
|
|
13
|
+
return;
|
|
23
14
|
}
|
|
15
|
+
const scrollLeft = currentRef.scrollLeft;
|
|
16
|
+
const maxScrollLeft = currentRef.scrollWidth - currentRef.clientWidth || 0;
|
|
17
|
+
const shouldFix = maxScrollLeft > 0 && scrollLeft < maxScrollLeft;
|
|
18
|
+
const settableShowShadow = shouldFix
|
|
19
|
+
? scrollLeft > 0
|
|
20
|
+
: maxScrollLeft !== 0 || scrollLeft !== 0;
|
|
21
|
+
stickyCells.forEach((cell) => {
|
|
22
|
+
cell.classList.toggle('fixed', shouldFix);
|
|
23
|
+
setShowShadow(settableShowShadow);
|
|
24
|
+
});
|
|
24
25
|
};
|
|
25
26
|
handleScroll();
|
|
26
|
-
currentRef
|
|
27
|
-
const observer = new window.ResizeObserver(
|
|
28
|
-
|
|
29
|
-
});
|
|
30
|
-
if (currentRef) {
|
|
31
|
-
observer.observe(currentRef);
|
|
32
|
-
}
|
|
27
|
+
currentRef.addEventListener('scroll', handleScroll);
|
|
28
|
+
const observer = new window.ResizeObserver(handleScroll);
|
|
29
|
+
observer.observe(currentRef);
|
|
33
30
|
return () => {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
observer.unobserve(currentRef);
|
|
37
|
-
}
|
|
31
|
+
currentRef.removeEventListener('scroll', handleScroll);
|
|
32
|
+
observer.unobserve(currentRef);
|
|
38
33
|
};
|
|
39
34
|
}, [tableWrapperRef, setShowShadow]);
|
|
40
35
|
return { tableWrapperRef, showShadow };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useReelCells.js","sourceRoot":"","sources":["../../../src/components/Table/useReelCells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAA;QAE1C,
|
|
1
|
+
{"version":3,"file":"useReelCells.js","sourceRoot":"","sources":["../../../src/components/Table/useReelCells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAA;QAE1C,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAA;QACxB,CAAC;QAED,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,WAAW,GAAG,UAAU,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;YAEhE,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAM;YACR,CAAC;YAED,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAA;YACxC,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,WAAW,IAAI,CAAC,CAAA;YAC1E,MAAM,SAAS,GAAG,aAAa,GAAG,CAAC,IAAI,UAAU,GAAG,aAAa,CAAA;YACjE,MAAM,kBAAkB,GAAG,SAAS;gBAClC,CAAC,CAAC,UAAU,GAAG,CAAC;gBAChB,CAAC,CAAC,aAAa,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC,CAAA;YAE3C,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC3B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBACzC,aAAa,CAAC,kBAAkB,CAAC,CAAA;YACnC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,YAAY,EAAE,CAAA;QACd,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEnD,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QAExD,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YACtD,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAChC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA;AACxC,CAAC,CAAA"}
|
|
@@ -69,10 +69,16 @@ export const Textarea = forwardRef(({ autoFocus, maxLetters, width, className, a
|
|
|
69
69
|
return;
|
|
70
70
|
if (counterValue > maxLetters) {
|
|
71
71
|
// {count}文字オーバー
|
|
72
|
-
return
|
|
72
|
+
return (React.createElement(React.Fragment, null,
|
|
73
|
+
counterValue - maxLetters,
|
|
74
|
+
afterMaxLettersCount,
|
|
75
|
+
maxLettersCountExceeded));
|
|
73
76
|
}
|
|
74
77
|
// あと{count}文字
|
|
75
|
-
return
|
|
78
|
+
return (React.createElement(React.Fragment, null,
|
|
79
|
+
beforeMaxLettersCount,
|
|
80
|
+
maxLetters - counterValue,
|
|
81
|
+
afterMaxLettersCount));
|
|
76
82
|
}, [maxLetters, maxLettersCountExceeded, afterMaxLettersCount, beforeMaxLettersCount]);
|
|
77
83
|
const counterVisualMessage = useMemo(() => getCounterMessage(count), [count, getCounterMessage]);
|
|
78
84
|
useImperativeHandle(ref, () => textareaRef.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|