smarthr-ui 48.0.0 → 49.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/SingleComboBox.d.ts +1 -3
- package/esm/components/ComboBox/useListBox.js +2 -1
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/DatePicker/Portal.js +2 -2
- package/esm/components/DatePicker/Portal.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/FormDialog/FormDialog.js +3 -3
- package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContent.js +3 -3
- package/esm/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +3 -3
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
- package/esm/components/Dropdown/Dropdown.js +1 -1
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/ErrorScreen/index.d.ts +0 -2
- package/esm/components/FormControl/FormControl.js +1 -1
- package/esm/components/Heading/Heading.d.ts +1 -1
- package/esm/components/InformationPanel/InformationPanel.js +8 -10
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js +16 -9
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/esm/components/SectioningContent/SectioningContent.d.ts +0 -1
- package/esm/components/SectioningContent/SectioningContent.js +0 -2
- package/esm/components/SectioningContent/SectioningContent.js.map +1 -1
- package/esm/components/SectioningContent/index.d.ts +1 -1
- package/esm/components/SectioningContent/index.js +1 -1
- package/esm/components/SectioningContent/index.js.map +1 -1
- package/esm/components/SectioningContent/useSectioningWrapper.js +1 -1
- package/esm/components/SectioningContent/useSectioningWrapper.js.map +1 -1
- package/esm/hooks/usePortal.js +7 -3
- package/esm/hooks/usePortal.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.d.ts +1 -3
- package/lib/components/ComboBox/useListBox.js +2 -1
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/DatePicker/Portal.js +2 -2
- package/lib/components/DatePicker/Portal.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/FormDialog/FormDialog.js +3 -3
- package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContent.js +3 -3
- package/lib/components/Dialog/FormDialog/FormDialogContent.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +3 -3
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
- package/lib/components/Dropdown/Dropdown.js +1 -1
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/ErrorScreen/index.d.ts +0 -2
- package/lib/components/FormControl/FormControl.js +1 -1
- package/lib/components/Heading/Heading.d.ts +1 -1
- package/lib/components/InformationPanel/InformationPanel.js +8 -10
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js +14 -7
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -1
- package/lib/components/SectioningContent/SectioningContent.d.ts +0 -1
- package/lib/components/SectioningContent/SectioningContent.js +0 -2
- package/lib/components/SectioningContent/SectioningContent.js.map +1 -1
- package/lib/components/SectioningContent/index.d.ts +1 -1
- package/lib/components/SectioningContent/index.js +1 -2
- package/lib/components/SectioningContent/index.js.map +1 -1
- package/lib/components/SectioningContent/useSectioningWrapper.js +2 -2
- package/lib/components/SectioningContent/useSectioningWrapper.js.map +1 -1
- package/lib/hooks/usePortal.js +6 -2
- package/lib/hooks/usePortal.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +2 -3
- package/lib/index.js.map +1 -1
- package/package.json +25 -25
- package/smarthr-ui.css +4 -0
|
@@ -332,9 +332,7 @@ export declare const SingleComboBox: <T>(props: BaseProps<T> & {
|
|
|
332
332
|
onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
333
333
|
onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
334
334
|
onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
335
|
-
onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
336
335
|
onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
337
|
-
onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
338
336
|
onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
339
337
|
onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
340
338
|
onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
@@ -383,7 +381,7 @@ export declare const SingleComboBox: <T>(props: BaseProps<T> & {
|
|
|
383
381
|
is?: string | undefined;
|
|
384
382
|
accept?: string | undefined;
|
|
385
383
|
alt?: string | undefined;
|
|
386
|
-
autoComplete?:
|
|
384
|
+
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
387
385
|
capture?: boolean | "environment" | "user" | undefined;
|
|
388
386
|
checked?: boolean | undefined;
|
|
389
387
|
formAction?: string | undefined;
|
|
@@ -132,7 +132,7 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
132
132
|
}
|
|
133
133
|
}, [activeOption, moveActivePositionDown, moveActivePositionUp, onAdd, onSelect, setActiveOption]);
|
|
134
134
|
const { spacing } = useTheme();
|
|
135
|
-
const { createPortal } = usePortal();
|
|
135
|
+
const { portalRoot, createPortal } = usePortal();
|
|
136
136
|
const listBoxId = useId();
|
|
137
137
|
const { items: partialOptions, renderIntersection } = usePartialRendering({
|
|
138
138
|
items: options,
|
|
@@ -221,6 +221,7 @@ export const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
221
221
|
handleAdd,
|
|
222
222
|
handleSelect,
|
|
223
223
|
handleHoverOption,
|
|
224
|
+
portalRoot,
|
|
224
225
|
]);
|
|
225
226
|
return {
|
|
226
227
|
renderListBox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const portal = tv({
|
|
|
7
7
|
base: 'smarthr-ui-DatePicker-calendarContainer shr-absolute shr-z-overlap shr-leading-none',
|
|
8
8
|
});
|
|
9
9
|
export const Portal = forwardRef(({ inputRect, ...props }, ref) => {
|
|
10
|
-
const { createPortal } = usePortal();
|
|
10
|
+
const { portalRoot, createPortal } = usePortal();
|
|
11
11
|
const [position, setPosition] = useState({
|
|
12
12
|
top: 0,
|
|
13
13
|
left: 0,
|
|
@@ -19,7 +19,7 @@ export const Portal = forwardRef(({ inputRect, ...props }, ref) => {
|
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
21
21
|
setPosition(getPortalPosition(inputRect, containerRef.current.offsetHeight));
|
|
22
|
-
}, [inputRect]);
|
|
22
|
+
}, [inputRect, portalRoot]);
|
|
23
23
|
const containerStyleProps = useMemo(() => {
|
|
24
24
|
const container = portal();
|
|
25
25
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/DatePicker/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAMtD,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,qFAAqF;CAC5F,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/DatePicker/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAMtD,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,qFAAqF;CAC5F,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAA;IAEhD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC;QACvC,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CAA+C,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAElG,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,OAAM;QACR,CAAC;QACD,WAAW,CAAC,iBAAiB,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE3B,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,SAAS,GAAG,MAAM,EAAE,CAAA;QAC1B,OAAO;YACL,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE;gBACL,GAAG,EAAE,GAAG,QAAQ,CAAC,GAAG,IAAI;gBACxB,IAAI,EAAE,GAAG,QAAQ,CAAC,IAAI,IAAI;aAC3B;SACF,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;IAEjC,OAAO,YAAY,CAAC,gCAAS,KAAK,KAAM,mBAAmB,EAAE,GAAG,EAAE,YAAY,GAAI,CAAC,CAAA;AACrF,CAAC,CAAC,CAAA"}
|
|
@@ -11,7 +11,7 @@ export type BaseProps = PropsWithChildren<{
|
|
|
11
11
|
*/
|
|
12
12
|
subtitle?: ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated SectioningContent(Article, Aside, Nav, Section
|
|
14
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
15
15
|
*/
|
|
16
16
|
titleTag?: HeadingTagTypes;
|
|
17
17
|
/**
|
|
@@ -12,12 +12,12 @@ export const FormDialog = ({ children, title, subtitle, titleTag, actionText, ac
|
|
|
12
12
|
}
|
|
13
13
|
onClickClose();
|
|
14
14
|
}, [onClickClose, props.isOpen]);
|
|
15
|
-
const handleSubmitAction = useCallback(() => {
|
|
15
|
+
const handleSubmitAction = useCallback((close, e) => {
|
|
16
16
|
if (!props.isOpen) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
|
-
onSubmit(
|
|
20
|
-
}, [onSubmit,
|
|
19
|
+
onSubmit(close, e);
|
|
20
|
+
}, [onSubmit, props.isOpen]);
|
|
21
21
|
return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
|
|
22
22
|
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, subActionArea: subActionArea, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAK9F,MAAM,CAAC,MAAM,UAAU,GAAmC,CAAC,EACzD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CACzB,CAAA;IAED,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAG5B,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -13,12 +13,12 @@ export const FormDialogContent = ({ children, title, actionText, actionTheme, on
|
|
|
13
13
|
}
|
|
14
14
|
onClickClose();
|
|
15
15
|
}, [active, onClickClose]);
|
|
16
|
-
const handleSubmitAction = useCallback(() => {
|
|
16
|
+
const handleSubmitAction = useCallback((close, e) => {
|
|
17
17
|
if (!active) {
|
|
18
18
|
return;
|
|
19
19
|
}
|
|
20
|
-
onSubmit(
|
|
21
|
-
}, [active, onSubmit
|
|
20
|
+
onSubmit(close, e);
|
|
21
|
+
}, [active, onSubmit]);
|
|
22
22
|
const titleId = useId();
|
|
23
23
|
return createPortal(React.createElement(DialogContentInner, { ...props, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
|
|
24
24
|
React.createElement(FormDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAK5E,MAAM,CAAC,MAAM,iBAAiB,GAAmC,CAAC,EAChE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAiB,EAAE,CAA6B,EAAE,EAAE;QACnD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAGpB,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
1
|
+
import { FC, FormEvent, PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import { HeadingTagTypes } from '../../Heading';
|
|
3
3
|
import type { DecoratorsType, ResponseMessageType } from '../../../types';
|
|
4
4
|
export type BaseProps = PropsWithChildren<{
|
|
@@ -11,7 +11,7 @@ export type BaseProps = PropsWithChildren<{
|
|
|
11
11
|
*/
|
|
12
12
|
subtitle?: ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated SectioningContent(Article, Aside, Nav, Section
|
|
14
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
15
15
|
*/
|
|
16
16
|
titleTag?: HeadingTagTypes;
|
|
17
17
|
/**
|
|
@@ -26,7 +26,7 @@ export type BaseProps = PropsWithChildren<{
|
|
|
26
26
|
* アクションボタンをクリックした時に発火するコールバック関数
|
|
27
27
|
* @param closeDialog - ダイアログを閉じる関数
|
|
28
28
|
*/
|
|
29
|
-
onSubmit: (closeDialog: () => void) => void;
|
|
29
|
+
onSubmit: (closeDialog: () => void, e: FormEvent<HTMLFormElement>) => void;
|
|
30
30
|
/**
|
|
31
31
|
* アクションボタンを無効にするかどうか
|
|
32
32
|
*/
|
|
@@ -14,7 +14,7 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
|
|
|
14
14
|
// HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと
|
|
15
15
|
// 親formが意図せずsubmitされてしまう場合がある
|
|
16
16
|
e.stopPropagation();
|
|
17
|
-
onSubmit(onClickClose);
|
|
17
|
+
onSubmit(onClickClose, e);
|
|
18
18
|
}, [onSubmit, onClickClose]);
|
|
19
19
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
20
20
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ export type BaseProps = {
|
|
|
11
11
|
*/
|
|
12
12
|
subtitle?: React.ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated SectioningContent(Article, Aside, Nav, Section
|
|
14
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
15
15
|
*/
|
|
16
16
|
titleTag?: HeadingTagTypes;
|
|
17
17
|
/**
|
|
@@ -45,7 +45,7 @@ export const Dropdown = ({ children }) => {
|
|
|
45
45
|
if (!active)
|
|
46
46
|
return null;
|
|
47
47
|
return createPortal(props.children);
|
|
48
|
-
}, [active, createPortal]);
|
|
48
|
+
}, [active, createPortal, portalRoot]);
|
|
49
49
|
// set the displayName explicit for DevTools
|
|
50
50
|
DropdownContentRoot.displayName = 'DropdownContentRoot';
|
|
51
51
|
return (React.createElement(PortalParentProvider, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAQ,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAa3E,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;AAE5D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAsB;IAChE,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,WAAW;IACxB,iBAAiB,EAAE,KAAK,CAAC,SAAS,EAAE;IACpC,cAAc,EAAE,IAAI;IACpB,cAAc,EAAE,GAAG,EAAE;QACnB,UAAU;IACZ,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,UAAU;IACZ,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI;IAC/B,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAO,WAAW,CAAC,CAAA;IAEjE,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACtD,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,SAAS,EAAE,CAAA;IAErF,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IAEzB,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAC1C,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;YAC7B,uEAAuE;YACvE,IAAI,gBAAgB,CAAC,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9E,OAAM;YACR,CAAC;YACD,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,CAAA;QACD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;QAE3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAE/B,mFAAmF;IACnF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;QACd,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA;QACxB,OAAO,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACrC,CAAC,EACD,CAAC,MAAM,EAAE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -229,9 +229,7 @@ declare const MessageScreen: import("react").FC<{
|
|
|
229
229
|
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
230
230
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
231
231
|
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
232
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
233
232
|
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
234
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
235
233
|
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
236
234
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
237
235
|
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
@@ -139,7 +139,7 @@ const addIdToFirstInput = (children, managedHtmlFor, describedbyIds) => {
|
|
|
139
139
|
/**
|
|
140
140
|
* - CheckBox / RadioButton は内部に label を含むため対象外
|
|
141
141
|
* - SearchInput は label を含むため対象外
|
|
142
|
-
* - InputWithTooltip は領域が狭く FormControl
|
|
142
|
+
* - InputWithTooltip は領域が狭く FormControl を置けない場所での使用を想定しているため対象外
|
|
143
143
|
*
|
|
144
144
|
* @param type
|
|
145
145
|
* @returns
|
|
@@ -4,7 +4,7 @@ export type Props = PropsWithChildren<{
|
|
|
4
4
|
/** テキストのスタイル */
|
|
5
5
|
type?: HeadingTypes;
|
|
6
6
|
/**
|
|
7
|
-
* @deprecated SectioningContent(Article, Aside, Nav, Section
|
|
7
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section)を使ってHeadingと関連する範囲を明確に指定してください
|
|
8
8
|
*/
|
|
9
9
|
tag?: HeadingTagTypes;
|
|
10
10
|
/** 視覚的に非表示にするフラグ */
|
|
@@ -7,7 +7,6 @@ import { Heading } from '../Heading';
|
|
|
7
7
|
import { FaCaretDownIcon, FaCaretUpIcon } from '../Icon';
|
|
8
8
|
import { Cluster, Stack } from '../Layout';
|
|
9
9
|
import { ResponseMessage } from '../ResponseMessage';
|
|
10
|
-
import { SectioningFragment } from '../SectioningContent';
|
|
11
10
|
const OPEN_BUTTON_LABEL = '開く';
|
|
12
11
|
const CLOSE_BUTTON_LABEL = '閉じる';
|
|
13
12
|
const informationPanel = tv({
|
|
@@ -43,14 +42,13 @@ export const InformationPanel = ({ title, titleTag, type = 'info', togglable = t
|
|
|
43
42
|
};
|
|
44
43
|
}, [className]);
|
|
45
44
|
return (React.createElement(Base, { ...props, as: "section", className: wrapperStyle },
|
|
46
|
-
React.createElement(
|
|
47
|
-
React.createElement(
|
|
48
|
-
React.createElement(
|
|
49
|
-
React.createElement(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
React.createElement("div", { id: contentId, "aria-hidden": !active, className: contentStyle }, children)))));
|
|
45
|
+
React.createElement(Stack, { gap: 1.25 },
|
|
46
|
+
React.createElement(Cluster, { align: "center", justify: "space-between" },
|
|
47
|
+
React.createElement(Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: headerStyle },
|
|
48
|
+
React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, title)),
|
|
49
|
+
togglable && (React.createElement(Button, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: togglableButtonStyle }, active
|
|
50
|
+
? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
|
|
51
|
+
: decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
|
|
52
|
+
React.createElement("div", { id: contentId, "aria-hidden": !active, className: contentStyle }, children))));
|
|
55
53
|
};
|
|
56
54
|
//# sourceMappingURL=InformationPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { Tooltip
|
|
1
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
3
|
+
import { Tooltip } from '../../Tooltip';
|
|
4
4
|
import { Input } from '../Input';
|
|
5
|
+
const inputWithTooltip = tv({
|
|
6
|
+
base: 'smarthr-ui-InputWithTooltip [&]:shr-overflow-y-visible',
|
|
7
|
+
});
|
|
5
8
|
export const InputWithTooltip = forwardRef(({ tooltipMessage, width, ...props }, ref) => {
|
|
6
9
|
const widthStyle = typeof width === 'number' ? `${width}px` : width;
|
|
7
|
-
|
|
10
|
+
const tooltipStyleProps = useMemo(() => {
|
|
11
|
+
const tooltip = inputWithTooltip();
|
|
12
|
+
return {
|
|
13
|
+
className: tooltip,
|
|
14
|
+
style: {
|
|
15
|
+
width: widthStyle,
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
}, [widthStyle]);
|
|
19
|
+
return (React.createElement(Tooltip, { ...tooltipStyleProps, message: tooltipMessage, tabIndex: -1, ariaDescribedbyTarget: "inner" },
|
|
8
20
|
React.createElement(Input, { ...props, width: widthStyle, ref: ref })));
|
|
9
21
|
});
|
|
10
|
-
const Tooltip = styled(shrTooltip)(({ width }) => css `
|
|
11
|
-
/* Input のフォーカスリングを表示するため */
|
|
12
|
-
overflow: revert;
|
|
13
|
-
${width && `width: ${width};`}
|
|
14
|
-
`);
|
|
15
22
|
//# sourceMappingURL=InputWithTooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,wDAAwD;CAC/D,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnE,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;QAClC,OAAO;YACL,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE;gBACL,KAAK,EAAE,UAAU;aAClB;SACF,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,OAAO,OACF,iBAAiB,EACrB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,qBAAqB,EAAC,OAAO;QAG7B,oBAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,GAAI,CACzC,CACX,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -10,7 +10,6 @@ export declare const Section: FC<Props>;
|
|
|
10
10
|
export declare const Article: FC<Props>;
|
|
11
11
|
export declare const Aside: FC<Props>;
|
|
12
12
|
export declare const Nav: FC<Props>;
|
|
13
|
-
/** @deprecated SectioningFragment は削除予定です */
|
|
14
13
|
export declare const SectioningFragment: FC<PropsWithChildren<{
|
|
15
14
|
baseLevel?: number;
|
|
16
15
|
}>>;
|
|
@@ -6,8 +6,6 @@ export const Section = SectioningContent;
|
|
|
6
6
|
export const Article = (props) => React.createElement(SectioningContent, { ...props, as: "article" });
|
|
7
7
|
export const Aside = (props) => React.createElement(SectioningContent, { ...props, as: "aside" });
|
|
8
8
|
export const Nav = (props) => React.createElement(SectioningContent, { ...props, as: "nav" });
|
|
9
|
-
/* HINT: smarthr-ui内では引き続き使うが、exportは削除する */
|
|
10
|
-
/** @deprecated SectioningFragment は削除予定です */
|
|
11
9
|
export const SectioningFragment = ({ children, baseLevel, }) => {
|
|
12
10
|
const level = useContext(LevelContext);
|
|
13
11
|
return React.createElement(LevelContext.Provider, { value: baseLevel || level + 1 }, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgD,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS7C,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnE,oBAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG;IAE1B,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CACF,CAAA;AAID,MAAM,CAAC,MAAM,OAAO,GAAc,iBAAiB,CAAA;AACnD,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AACtF,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAElF,
|
|
1
|
+
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgD,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS7C,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnE,oBAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG;IAE1B,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CACF,CAAA;AAID,MAAM,CAAC,MAAM,OAAO,GAAc,iBAAiB,CAAA;AACnD,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AACtF,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAElF,MAAM,CAAC,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAEtC,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Article, Aside, Nav, Section
|
|
1
|
+
export { Article, Aside, Nav, Section } from './SectioningContent';
|
|
2
2
|
export { LevelContext } from './levelContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { isStyledComponent } from 'styled-components';
|
|
3
|
-
import { SectioningFragment } from '
|
|
3
|
+
import { SectioningFragment } from './SectioningContent';
|
|
4
4
|
const sectioningContents = ['article', 'aside', 'nav', 'section'];
|
|
5
5
|
const isSectioningContent = (type) => {
|
|
6
6
|
const type_ = isStyledComponent(type) ? type.target : type;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSectioningWrapper.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/useSectioningWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useSectioningWrapper.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/useSectioningWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAIxD,MAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;AAEjE,MAAM,mBAAmB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;IAC1D,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACvE,CAAC,CAAA;AAED;GACG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAiB,EAAE,EAAE,CACrD,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA"}
|
package/esm/hooks/usePortal.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { createContext, useCallback, useContext, useMemo,
|
|
1
|
+
import React, { createContext, useCallback, useContext, useMemo, useState, } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
import { useEnhancedEffect } from './useEnhancedEffect';
|
|
4
4
|
const ParentContext = createContext({
|
|
@@ -6,10 +6,14 @@ const ParentContext = createContext({
|
|
|
6
6
|
});
|
|
7
7
|
let portalSeq = 0;
|
|
8
8
|
export function usePortal() {
|
|
9
|
-
const portalRoot =
|
|
9
|
+
const [portalRoot, setPortalRoot] = useState(null);
|
|
10
10
|
const currentSeq = useMemo(() => ++portalSeq, []);
|
|
11
11
|
const parent = useContext(ParentContext);
|
|
12
12
|
const parentSeqs = parent.seqs.concat(currentSeq);
|
|
13
|
+
useEnhancedEffect(() => {
|
|
14
|
+
// Next.jsのhydration error回避のため、初回レンダリング時にdivを作成する
|
|
15
|
+
setPortalRoot(document.createElement('div'));
|
|
16
|
+
}, []);
|
|
13
17
|
useEnhancedEffect(() => {
|
|
14
18
|
if (!portalRoot) {
|
|
15
19
|
return;
|
|
@@ -21,7 +25,7 @@ export function usePortal() {
|
|
|
21
25
|
};
|
|
22
26
|
// spread parentSeqs array for deps
|
|
23
27
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
-
}, [...parentSeqs]);
|
|
28
|
+
}, [portalRoot, ...parentSeqs]);
|
|
25
29
|
const isChildPortal = useCallback((element) => _isChildPortal(element, currentSeq), [currentSeq]);
|
|
26
30
|
const PortalParentProvider = useCallback(({ children }) => {
|
|
27
31
|
const value = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePortal.js","sourceRoot":"","sources":["../../src/hooks/usePortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"usePortal.js","sourceRoot":"","sources":["../../src/hooks/usePortal.tsx"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ export { LineClamp } from './components/LineClamp';
|
|
|
43
43
|
export { NotificationBar } from './components/NotificationBar';
|
|
44
44
|
export { AppLauncher, Header, HeaderLink, HeaderDropdownMenuButton } from './components/Header';
|
|
45
45
|
export { PageCounter } from './components/PageCounter';
|
|
46
|
-
export {
|
|
46
|
+
export { Article, Aside, Nav, Section } from './components/SectioningContent';
|
|
47
47
|
export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
48
48
|
export * from './components/SpreadsheetTable';
|
|
49
49
|
export * from './components/ResponseMessage';
|
package/esm/index.js
CHANGED
|
@@ -44,7 +44,7 @@ export { LineClamp } from './components/LineClamp';
|
|
|
44
44
|
export { NotificationBar } from './components/NotificationBar';
|
|
45
45
|
export { AppLauncher, Header, HeaderLink, HeaderDropdownMenuButton } from './components/Header';
|
|
46
46
|
export { PageCounter } from './components/PageCounter';
|
|
47
|
-
export {
|
|
47
|
+
export { Article, Aside, Nav, Section } from './components/SectioningContent';
|
|
48
48
|
export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
49
49
|
export * from './components/SpreadsheetTable';
|
|
50
50
|
export * from './components/ResponseMessage';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,cAAc,mBAAmB,CAAA;AACjC,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,YAAY,GACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EACL,KAAK,EACL,SAAS,EACT,EAAE,EACF,EAAE,EACF,UAAU,EACV,UAAU,EACV,aAAa,EACb,cAAc,GACf,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,OAAO,GAKR,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,+BAA+B,CAAA;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AAEnC,oBAAoB;AACpB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE3E,QAAQ;AACR,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEvE,SAAS;AACT,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D,YAAY;AACZ,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE1E,QAAQ;AACR,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -332,9 +332,7 @@ export declare const SingleComboBox: <T>(props: BaseProps<T> & {
|
|
|
332
332
|
onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
333
333
|
onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
334
334
|
onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
335
|
-
onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
336
335
|
onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
337
|
-
onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
338
336
|
onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
339
337
|
onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
340
338
|
onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
|
|
@@ -383,7 +381,7 @@ export declare const SingleComboBox: <T>(props: BaseProps<T> & {
|
|
|
383
381
|
is?: string | undefined;
|
|
384
382
|
accept?: string | undefined;
|
|
385
383
|
alt?: string | undefined;
|
|
386
|
-
autoComplete?:
|
|
384
|
+
autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
|
|
387
385
|
capture?: boolean | "environment" | "user" | undefined;
|
|
388
386
|
checked?: boolean | undefined;
|
|
389
387
|
formAction?: string | undefined;
|
|
@@ -158,7 +158,7 @@ const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSele
|
|
|
158
158
|
}
|
|
159
159
|
}, [activeOption, moveActivePositionDown, moveActivePositionUp, onAdd, onSelect, setActiveOption]);
|
|
160
160
|
const { spacing } = (0, useTailwindTheme_1.useTheme)();
|
|
161
|
-
const { createPortal } = (0, usePortal_1.usePortal)();
|
|
161
|
+
const { portalRoot, createPortal } = (0, usePortal_1.usePortal)();
|
|
162
162
|
const listBoxId = (0, useId_1.useId)();
|
|
163
163
|
const { items: partialOptions, renderIntersection } = (0, usePartialRendering_1.usePartialRendering)({
|
|
164
164
|
items: options,
|
|
@@ -247,6 +247,7 @@ const useListBox = ({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSele
|
|
|
247
247
|
handleAdd,
|
|
248
248
|
handleSelect,
|
|
249
249
|
handleHoverOption,
|
|
250
|
+
portalRoot,
|
|
250
251
|
]);
|
|
251
252
|
return {
|
|
252
253
|
renderListBox,
|