smarthr-ui 33.0.2 → 34.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/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +12 -6
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.d.ts +2 -1
- package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js +8 -2
- package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +12 -6
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
- package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/esm/components/Dialog/useRemoteTrigger.d.ts +3 -1
- package/esm/components/Dialog/useRemoteTrigger.js +10 -1
- package/esm/components/Dialog/useRemoteTrigger.js.map +1 -1
- package/esm/components/Heading/Heading.d.ts +4 -2
- package/esm/components/Heading/Heading.js +44 -34
- package/esm/components/Heading/Heading.js.map +1 -1
- package/esm/components/SectioningContent/SectioningContent.d.ts +15 -0
- package/esm/components/SectioningContent/SectioningContent.js +15 -0
- package/esm/components/SectioningContent/SectioningContent.js.map +1 -0
- package/esm/components/SectioningContent/index.d.ts +2 -0
- package/esm/components/SectioningContent/index.js +3 -0
- package/esm/components/SectioningContent/index.js.map +1 -0
- package/esm/components/SectioningContent/levelContext.d.ts +2 -0
- package/esm/components/SectioningContent/levelContext.js +3 -0
- package/esm/components/SectioningContent/levelContext.js.map +1 -0
- package/esm/components/TabBar/TabItem.js +1 -1
- package/esm/components/TabBar/TabItem.js.map +1 -1
- package/esm/hooks/useId.d.ts +1 -3
- package/esm/hooks/useId.js +8 -5
- package/esm/hooks/useId.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +12 -6
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.d.ts +2 -1
- package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js +8 -2
- package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +12 -6
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
- package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
- package/lib/components/Dialog/useRemoteTrigger.d.ts +3 -1
- package/lib/components/Dialog/useRemoteTrigger.js +10 -1
- package/lib/components/Dialog/useRemoteTrigger.js.map +1 -1
- package/lib/components/Heading/Heading.d.ts +4 -2
- package/lib/components/Heading/Heading.js +43 -33
- package/lib/components/Heading/Heading.js.map +1 -1
- package/lib/components/SectioningContent/SectioningContent.d.ts +15 -0
- package/lib/components/SectioningContent/SectioningContent.js +48 -0
- package/lib/components/SectioningContent/SectioningContent.js.map +1 -0
- package/lib/components/SectioningContent/index.d.ts +2 -0
- package/lib/components/SectioningContent/index.js +12 -0
- package/lib/components/SectioningContent/index.js.map +1 -0
- package/lib/components/SectioningContent/levelContext.d.ts +2 -0
- package/lib/components/SectioningContent/levelContext.js +6 -0
- package/lib/components/SectioningContent/levelContext.js.map +1 -0
- package/lib/components/TabBar/TabItem.js +1 -1
- package/lib/components/TabBar/TabItem.js.map +1 -1
- package/lib/hooks/useId.d.ts +1 -3
- package/lib/hooks/useId.js +9 -5
- package/lib/hooks/useId.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +7 -1
- package/lib/index.js.map +1 -1
- package/package.json +22 -22
|
@@ -15,7 +15,7 @@ export type BaseProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
subtitle?: ReactNode;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
19
19
|
*/
|
|
20
20
|
titleTag?: HeadingTagTypes;
|
|
21
21
|
/**
|
|
@@ -2,13 +2,15 @@ import React, { useCallback } from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../../Button';
|
|
5
|
+
import { Heading } from '../../Heading';
|
|
5
6
|
import { Cluster, Stack } from '../../Layout';
|
|
6
7
|
import { ResponseMessage } from '../../ResponseMessage';
|
|
8
|
+
import { Section } from '../../SectioningContent';
|
|
7
9
|
import { Text } from '../../Text';
|
|
8
10
|
import { useOffsetHeight } from '../dialogHelper';
|
|
9
11
|
import { useClassNames } from '../useClassNames';
|
|
10
12
|
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
11
|
-
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag
|
|
13
|
+
export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
|
|
12
14
|
const classNames = useClassNames().dialog;
|
|
13
15
|
const theme = useTheme();
|
|
14
16
|
const handleClickAction = useCallback(() => {
|
|
@@ -16,10 +18,11 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
|
|
|
16
18
|
}, [onClickAction, onClickClose]);
|
|
17
19
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
18
20
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
19
|
-
return (React.createElement(
|
|
20
|
-
React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
return (React.createElement(Section, null,
|
|
22
|
+
React.createElement(Heading, { tag: titleTag },
|
|
23
|
+
React.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
24
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
25
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
|
|
23
26
|
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
24
27
|
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
25
28
|
React.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
@@ -28,7 +31,10 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
|
|
|
28
31
|
(responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
|
|
29
32
|
React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
|
|
30
33
|
};
|
|
31
|
-
const TitleArea = styled(Stack)
|
|
34
|
+
const TitleArea = styled(Stack).attrs(() => ({
|
|
35
|
+
gap: 0.25,
|
|
36
|
+
as: 'span',
|
|
37
|
+
})) `
|
|
32
38
|
${({ themes: { border, space } }) => css `
|
|
33
39
|
margin-block: unset;
|
|
34
40
|
border-bottom: ${border.shorthand};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { ReactElement } from 'react';
|
|
2
2
|
import { ActionDialog } from '../ActionDialog';
|
|
3
3
|
type ToggleModalActionType = () => void;
|
|
4
|
-
export declare const ActionDialogWithTrigger: React.FC<Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose'> & {
|
|
4
|
+
export declare const ActionDialogWithTrigger: React.FC<Omit<React.ComponentProps<typeof ActionDialog>, 'isOpen' | 'onClickClose' | 'onPressEscape'> & {
|
|
5
5
|
trigger: Omit<ReactElement, 'onClick' | 'aria-haspopup' | 'aria-controls'>;
|
|
6
6
|
onClickTrigger?: (open: ToggleModalActionType) => void;
|
|
7
7
|
onClickClose?: (close: ToggleModalActionType) => void;
|
|
8
|
+
onPressEscape?: (close: ToggleModalActionType) => void;
|
|
8
9
|
}>;
|
|
9
10
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { cloneElement, useCallback, useMemo, useState } from 'react';
|
|
2
2
|
import { useId } from '../../../hooks/useId';
|
|
3
3
|
import { ActionDialog } from '../ActionDialog';
|
|
4
|
-
export const ActionDialogWithTrigger = ({ id, trigger, onClickTrigger, onClickClose, ...props }) => {
|
|
4
|
+
export const ActionDialogWithTrigger = ({ id, trigger, onClickTrigger, onClickClose, onPressEscape, ...props }) => {
|
|
5
5
|
const generatedId = useId();
|
|
6
6
|
const actualId = id || generatedId;
|
|
7
7
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -19,6 +19,12 @@ export const ActionDialogWithTrigger = ({ id, trigger, onClickTrigger, onClickCl
|
|
|
19
19
|
}
|
|
20
20
|
close();
|
|
21
21
|
}, [onClickClose, close]);
|
|
22
|
+
const actualOnPressEscape = useCallback(() => {
|
|
23
|
+
if (onPressEscape) {
|
|
24
|
+
return onPressEscape(close);
|
|
25
|
+
}
|
|
26
|
+
close();
|
|
27
|
+
}, [onPressEscape, close]);
|
|
22
28
|
const actualTrigger = useMemo(() => cloneElement(trigger, {
|
|
23
29
|
onClick: onClickOpen,
|
|
24
30
|
'aria-haspopup': 'true',
|
|
@@ -26,6 +32,6 @@ export const ActionDialogWithTrigger = ({ id, trigger, onClickTrigger, onClickCl
|
|
|
26
32
|
}), [trigger, actualId, onClickOpen]);
|
|
27
33
|
return (React.createElement(React.Fragment, null,
|
|
28
34
|
actualTrigger,
|
|
29
|
-
React.createElement(ActionDialog, { ...props, isOpen: isOpen, onClickClose: actualOnClickClose, id: actualId })));
|
|
35
|
+
React.createElement(ActionDialog, { ...props, isOpen: isOpen, onClickClose: actualOnClickClose, onPressEscape: actualOnPressEscape, id: actualId })));
|
|
30
36
|
};
|
|
31
37
|
//# sourceMappingURL=ActionDialogWithTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogWithTrigger.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI9C,MAAM,CAAC,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ActionDialogWithTrigger.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI9C,MAAM,CAAC,MAAM,uBAAuB,GAOhC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,QAAQ,GAAG,EAAE,IAAI,WAAW,CAAA;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAErD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;SAC5B;QAED,IAAI,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAA;IAE1B,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;SAC3B;QAED,KAAK,EAAE,CAAA;IACT,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzB,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAA;SAC5B;QAED,KAAK,EAAE,CAAA;IACT,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,YAAY,CAAC,OAAuB,EAAE;QACpC,OAAO,EAAE,WAAW;QACpB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,QAAQ;KAC1B,CAAC,EACJ,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,CACjC,CAAA;IAED,OAAO,CACL;QACG,aAAa;QACd,oBAAC,YAAY,OACP,KAAK,EACT,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,mBAAmB,EAClC,EAAE,EAAE,QAAQ,GACZ,CACD,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -13,6 +13,6 @@ export const MessageDialog = ({ title, subtitle, titleTag, description, onClickC
|
|
|
13
13
|
}, [onClickClose, props.isOpen]);
|
|
14
14
|
const titleId = useId();
|
|
15
15
|
return createPortal(React.createElement(DialogContentInner, { ...props, "aria-labelledby": titleId, className: className, onPressEscape: onPressEscape },
|
|
16
|
-
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, description: description, onClickClose: handleClickClose, decorators: decorators })));
|
|
16
|
+
React.createElement(MessageDialogContentInner, { title: title, titleTag: titleTag, titleId: titleId, subtitle: subtitle, description: description, onClickClose: handleClickClose, decorators: decorators })));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=MessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,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,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,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,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,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,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,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,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -11,7 +11,7 @@ export type BaseProps = {
|
|
|
11
11
|
*/
|
|
12
12
|
subtitle?: React.ReactNode;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
15
15
|
*/
|
|
16
16
|
titleTag?: HeadingTagTypes;
|
|
17
17
|
/**
|
|
@@ -2,24 +2,30 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../../Button';
|
|
5
|
+
import { Heading } from '../../Heading';
|
|
5
6
|
import { Stack } from '../../Layout';
|
|
7
|
+
import { Section } from '../../SectioningContent';
|
|
6
8
|
import { Text } from '../../Text';
|
|
7
9
|
import { useOffsetHeight } from '../dialogHelper';
|
|
8
10
|
import { useClassNames } from '../useClassNames';
|
|
9
11
|
const CLOSE_BUTTON_LABEL = '閉じる';
|
|
10
|
-
export const MessageDialogContentInner = ({ title, subtitle, titleTag
|
|
12
|
+
export const MessageDialogContentInner = ({ title, subtitle, titleTag, titleId, description, onClickClose, decorators, }) => {
|
|
11
13
|
const classNames = useClassNames().dialog;
|
|
12
14
|
const theme = useTheme();
|
|
13
15
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
14
|
-
return (React.createElement(
|
|
15
|
-
React.createElement(
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
return (React.createElement(Section, null,
|
|
17
|
+
React.createElement(Heading, { tag: titleTag },
|
|
18
|
+
React.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
19
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
20
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
|
|
18
21
|
React.createElement(Description, { themes: theme, offsetHeight: offsetHeight, className: classNames.description }, description),
|
|
19
22
|
React.createElement(Bottom, { themes: theme, ref: bottomRef, className: classNames.buttonArea },
|
|
20
23
|
React.createElement(Button, { onClick: onClickClose, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL))));
|
|
21
24
|
};
|
|
22
|
-
const TitleArea = styled(Stack)((
|
|
25
|
+
const TitleArea = styled(Stack).attrs(() => ({
|
|
26
|
+
gap: 0.25,
|
|
27
|
+
as: 'span',
|
|
28
|
+
}))(({ themes: { border, spacing } }) => css `
|
|
23
29
|
margin-block: unset;
|
|
24
30
|
border-bottom: ${border.shorthand};
|
|
25
31
|
padding: ${spacing.XS} ${spacing.S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { ActionDialog } from '../ActionDialog';
|
|
3
3
|
import { useRemoteTrigger } from '../useRemoteTrigger';
|
|
4
4
|
export const RemoteTriggerActionDialog = ({ id, onClickClose, ...props }) => {
|
|
5
|
-
const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
|
|
6
|
-
return React.createElement(ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
|
|
5
|
+
const { isOpen, onClickClose: actualOnClickClose, onPressEscape, } = useRemoteTrigger({ id, onClickClose });
|
|
6
|
+
return (React.createElement(ActionDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose, onPressEscape: onPressEscape }));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=RemoteTriggerActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,yBAAyB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,
|
|
1
|
+
{"version":3,"file":"RemoteTriggerActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,yBAAyB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3F,MAAM,EACJ,MAAM,EACN,YAAY,EAAE,kBAAkB,EAChC,aAAa,GACd,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE1C,OAAO,CACL,oBAAC,YAAY,OACP,KAAK,EACT,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export declare const TRIGGER_EVENT = "smarthr-ui:remote-dialog-trigger-dispatch";
|
|
2
|
-
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }: {
|
|
2
|
+
export declare function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }: {
|
|
3
3
|
id: string;
|
|
4
4
|
onClickClose?: (close: () => void) => void;
|
|
5
|
+
onPressEscape?: (close: () => void) => void;
|
|
5
6
|
}): {
|
|
6
7
|
isOpen: boolean;
|
|
7
8
|
onClickClose: () => void;
|
|
9
|
+
onPressEscape: () => void;
|
|
8
10
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback, useEffect, useState } from 'react';
|
|
2
2
|
export const TRIGGER_EVENT = 'smarthr-ui:remote-dialog-trigger-dispatch';
|
|
3
|
-
export function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }) {
|
|
3
|
+
export function useRemoteTrigger({ onClickClose: orgOnClickClose, onPressEscape: orgOnPressEscape, id, }) {
|
|
4
4
|
const [isOpen, setIsOpen] = useState(false);
|
|
5
5
|
const onClickClose = useCallback(() => {
|
|
6
6
|
if (orgOnClickClose) {
|
|
@@ -10,6 +10,14 @@ export function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }) {
|
|
|
10
10
|
}
|
|
11
11
|
setIsOpen(false);
|
|
12
12
|
}, [orgOnClickClose]);
|
|
13
|
+
const onPressEscape = useCallback(() => {
|
|
14
|
+
if (orgOnPressEscape) {
|
|
15
|
+
return orgOnPressEscape(() => {
|
|
16
|
+
setIsOpen(false);
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
}, [orgOnPressEscape]);
|
|
13
21
|
useEffect(() => {
|
|
14
22
|
const handler = ((e) => {
|
|
15
23
|
if (id === e.detail.id) {
|
|
@@ -24,6 +32,7 @@ export function useRemoteTrigger({ onClickClose: orgOnClickClose, id, }) {
|
|
|
24
32
|
return {
|
|
25
33
|
isOpen,
|
|
26
34
|
onClickClose,
|
|
35
|
+
onPressEscape,
|
|
27
36
|
};
|
|
28
37
|
}
|
|
29
38
|
//# sourceMappingURL=useRemoteTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,2CAA2C,CAAA;AAExE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,EAAE,
|
|
1
|
+
{"version":3,"file":"useRemoteTrigger.js","sourceRoot":"","sources":["../../../src/components/Dialog/useRemoteTrigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,2CAA2C,CAAA;AAExE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,gBAAgB,EAC/B,EAAE,GAKH;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,eAAe,EAAE;YACnB,OAAO,eAAe,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,IAAI,gBAAgB,EAAE;YACpB,OAAO,gBAAgB,CAAC,GAAG,EAAE;gBAC3B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;SACH;QAED,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAC,CAAqC,EAAE,EAAE;YACzD,IAAI,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,CAAA;aAChB;QACH,CAAC,CAAsD,CAAA;QAEvD,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO;QACL,MAAM;QACN,YAAY;QACZ,aAAa;KACd,CAAA;AACH,CAAC"}
|
|
@@ -5,13 +5,15 @@ export type Props = {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
/** テキストのスタイル */
|
|
7
7
|
type?: HeadingTypes;
|
|
8
|
-
/**
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)を使ってHeadingと関連する範囲を明確に指定してください
|
|
10
|
+
*/
|
|
9
11
|
tag?: HeadingTagTypes;
|
|
10
12
|
/** コンポーネントに適用するクラス名 */
|
|
11
13
|
className?: string;
|
|
12
14
|
};
|
|
13
15
|
export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
|
|
14
16
|
export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
|
|
15
|
-
type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props | keyof TextProps>;
|
|
17
|
+
type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props | keyof TextProps | 'role' | 'aria-level'>;
|
|
16
18
|
export declare const Heading: VFC<Props & ElementProps>;
|
|
17
19
|
export {};
|
|
@@ -1,41 +1,51 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { useContext, useMemo } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
+
import { LevelContext } from '../SectioningContent';
|
|
3
4
|
import { Text } from '../Text';
|
|
4
5
|
import { useClassNames } from './useClassNames';
|
|
5
|
-
|
|
6
|
+
const generateTagProps = (level, tag) => {
|
|
7
|
+
const forwardedAs = tag || (level <= 6 ? `h${level}` : 'span');
|
|
8
|
+
let role = undefined;
|
|
9
|
+
let ariaLevel = undefined;
|
|
10
|
+
if (level > 6) {
|
|
11
|
+
role = 'heading';
|
|
12
|
+
ariaLevel = level;
|
|
13
|
+
}
|
|
14
|
+
return {
|
|
15
|
+
forwardedAs,
|
|
16
|
+
role,
|
|
17
|
+
'aria-level': ariaLevel,
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
const MAPPER_SIZE_AND_WEIGHT = {
|
|
21
|
+
screenTitle: {
|
|
22
|
+
size: 'XL',
|
|
23
|
+
weight: 'normal',
|
|
24
|
+
},
|
|
25
|
+
sectionTitle: {
|
|
26
|
+
size: 'L',
|
|
27
|
+
weight: 'normal',
|
|
28
|
+
},
|
|
29
|
+
blockTitle: {
|
|
30
|
+
size: 'M',
|
|
31
|
+
weight: 'bold',
|
|
32
|
+
},
|
|
33
|
+
subBlockTitle: {
|
|
34
|
+
size: 'M',
|
|
35
|
+
weight: 'bold',
|
|
36
|
+
color: 'TEXT_GREY',
|
|
37
|
+
},
|
|
38
|
+
subSubBlockTitle: {
|
|
39
|
+
size: 'S',
|
|
40
|
+
weight: 'bold',
|
|
41
|
+
color: 'TEXT_GREY',
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
export const Heading = ({ tag, type = 'screenTitle', className = '', ...props }) => {
|
|
6
45
|
const classNames = useClassNames();
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return {
|
|
11
|
-
size: 'XL',
|
|
12
|
-
weight: 'normal',
|
|
13
|
-
};
|
|
14
|
-
case 'sectionTitle':
|
|
15
|
-
return {
|
|
16
|
-
size: 'L',
|
|
17
|
-
weight: 'normal',
|
|
18
|
-
};
|
|
19
|
-
case 'blockTitle':
|
|
20
|
-
return {
|
|
21
|
-
size: 'M',
|
|
22
|
-
weight: 'bold',
|
|
23
|
-
};
|
|
24
|
-
case 'subBlockTitle':
|
|
25
|
-
return {
|
|
26
|
-
size: 'M',
|
|
27
|
-
weight: 'bold',
|
|
28
|
-
color: 'TEXT_GREY',
|
|
29
|
-
};
|
|
30
|
-
case 'subSubBlockTitle':
|
|
31
|
-
return {
|
|
32
|
-
size: 'S',
|
|
33
|
-
weight: 'bold',
|
|
34
|
-
color: 'TEXT_GREY',
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
}, [type]);
|
|
38
|
-
return (React.createElement(ResetText, { ...props, ...textProps, forwardedAs: tag, leading: "TIGHT", className: `${type} ${className} ${classNames.wrapper}` }));
|
|
46
|
+
const level = useContext(LevelContext);
|
|
47
|
+
const tagProps = useMemo(() => generateTagProps(level, tag), [level, tag]);
|
|
48
|
+
return (React.createElement(ResetText, { ...props, ...MAPPER_SIZE_AND_WEIGHT[type], ...tagProps, leading: "TIGHT", className: `${type} ${className} ${classNames.wrapper}` }));
|
|
39
49
|
};
|
|
40
50
|
const ResetText = styled(Text) `
|
|
41
51
|
margin: unset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,OAAO,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA6B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB,CAAA;IACnF,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,WAAW;QACX,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAA;IAE1E,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,KACL,sBAAsB,CAAC,IAAI,CAAC,KAC5B,QAAQ,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,GACvD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE7B,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { FC, PropsWithChildren } from 'react';
|
|
2
|
+
declare const SectioningContent: FC<PropsWithChildren<{
|
|
3
|
+
className?: string;
|
|
4
|
+
as?: 'article' | 'aside' | 'nav' | 'section';
|
|
5
|
+
baseLevel?: number;
|
|
6
|
+
}>>;
|
|
7
|
+
type Props = Omit<React.ComponentProps<typeof SectioningContent>, 'as'>;
|
|
8
|
+
export declare const Section: FC<Props>;
|
|
9
|
+
export declare const Article: FC<Props>;
|
|
10
|
+
export declare const Aside: FC<Props>;
|
|
11
|
+
export declare const Nav: FC<Props>;
|
|
12
|
+
export declare const SectioningFragment: FC<PropsWithChildren<{
|
|
13
|
+
baseLevel?: number;
|
|
14
|
+
}>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { LevelContext } from './levelContext';
|
|
4
|
+
const SectioningContent = ({ children, baseLevel, ...props }) => (React.createElement(Wrapper, { ...props },
|
|
5
|
+
React.createElement(SectioningFragment, { baseLevel: baseLevel }, children)));
|
|
6
|
+
const Wrapper = styled.section ``;
|
|
7
|
+
export const Section = SectioningContent;
|
|
8
|
+
export const Article = (props) => React.createElement(SectioningContent, { ...props, as: "article" });
|
|
9
|
+
export const Aside = (props) => React.createElement(SectioningContent, { ...props, as: "aside" });
|
|
10
|
+
export const Nav = (props) => React.createElement(SectioningContent, { ...props, as: "nav" });
|
|
11
|
+
export const SectioningFragment = ({ children, baseLevel, }) => {
|
|
12
|
+
const level = useContext(LevelContext);
|
|
13
|
+
return React.createElement(LevelContext.Provider, { value: baseLevel || level + 1 }, children);
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=SectioningContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,UAAU,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,iBAAiB,GAOnB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACzC,oBAAC,OAAO,OAAK,KAAK;IAChB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAIhC,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"}
|
|
@@ -0,0 +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,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"levelContext.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/levelContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA"}
|
|
@@ -7,7 +7,7 @@ export const TabItem = ({ id, children, onClick, selected = false, className = '
|
|
|
7
7
|
const theme = useTheme();
|
|
8
8
|
const classNames = useClassNames().tabItem;
|
|
9
9
|
const wrapperClass = `${className} ${selected ? 'selected' : ''} ${classNames.wrapper}`;
|
|
10
|
-
return (React.createElement(ItemButton, { ...props, role: "tab", "aria-selected": selected, className: wrapperClass, onClick: () => onClick(id), disabled: disabled, themes: theme, type: "button" }, children));
|
|
10
|
+
return (React.createElement(ItemButton, { ...props, id: id, role: "tab", "aria-selected": selected, className: wrapperClass, onClick: () => onClick(id), disabled: disabled, themes: theme, type: "button" }, children));
|
|
11
11
|
};
|
|
12
12
|
const resetButtonStyle = css `
|
|
13
13
|
background-color: transparent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC/C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAC9D,OAAO,GAAG,CAAA;;mBAEK,QAAQ,CAAC,CAAC;eACd,KAAK,CAAC,SAAS;;;mBAGX,aAAa,CAAC,GAAG,CAAC;;oBAEjB,aAAa;QACzB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,oBAAoB,WAAW,CAAC,KAAK,CAAC,SAAS,WAAW,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE;;;;iBAIhF,KAAK,CAAC,UAAU;wBACT,KAAK,CAAC,IAAI;;;;4BAIN,KAAK,CAAC,MAAM;iBACvB,KAAK,CAAC,UAAU;;;;;iBAKhB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;;;KAG/C,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/components/TabBar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,EAAE,EACF,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,OAAO,CAAA;IAC1C,MAAM,YAAY,GAAG,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,CAAA;IAEvF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,QAAQ,IAEZ,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;CAM3B,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC/C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAA;IAC9D,OAAO,GAAG,CAAA;;mBAEK,QAAQ,CAAC,CAAC;eACd,KAAK,CAAC,SAAS;;;mBAGX,aAAa,CAAC,GAAG,CAAC;;oBAEjB,aAAa;QACzB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,oBAAoB,WAAW,CAAC,KAAK,CAAC,SAAS,WAAW,WAAW,CAAC,KAAK,CAAC,SAAS,EAAE;;;;iBAIhF,KAAK,CAAC,UAAU;wBACT,KAAK,CAAC,IAAI;;;;4BAIN,KAAK,CAAC,MAAM;iBACvB,KAAK,CAAC,UAAU;;;;;iBAKhB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;;;KAG/C,CAAA;AACH,CAAC;CACF,CAAA"}
|
package/esm/hooks/useId.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { ReactNode, VFC } from 'react';
|
|
2
|
-
declare
|
|
3
|
-
export declare const useId: typeof useId_OLD;
|
|
2
|
+
export declare const useId: (defaultId?: string) => string;
|
|
4
3
|
export declare const SequencePrefixIdProvider: VFC<{
|
|
5
4
|
children: ReactNode;
|
|
6
5
|
}>;
|
|
7
|
-
export {};
|
package/esm/hooks/useId.js
CHANGED
|
@@ -4,13 +4,16 @@ const defaultContext = {
|
|
|
4
4
|
current: 0,
|
|
5
5
|
};
|
|
6
6
|
const IdContext = createContext(defaultContext);
|
|
7
|
-
function useId_OLD(
|
|
7
|
+
function useId_OLD() {
|
|
8
8
|
const context = useContext(IdContext);
|
|
9
|
-
return useMemo(() =>
|
|
9
|
+
return useMemo(() => `id-${context.prefix}-${++context.current}`, [context]);
|
|
10
10
|
}
|
|
11
|
-
export const useId =
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
export const useId = (defaultId) => {
|
|
12
|
+
if (defaultId)
|
|
13
|
+
return defaultId;
|
|
14
|
+
// React v18 以降は React.useId を使う
|
|
15
|
+
return ('useId' in React ? React.useId : useId_OLD)();
|
|
16
|
+
};
|
|
14
17
|
export const SequencePrefixIdProvider = ({ children }) => {
|
|
15
18
|
const context = useContext(IdContext);
|
|
16
19
|
// increment `prefix` and reset `current` to 0 on every Provider
|
package/esm/hooks/useId.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/hooks/useId.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAOjF,MAAM,cAAc,GAAmB;IACrC,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAA;AAED,MAAM,SAAS,GAAG,aAAa,CAAiB,cAAc,CAAC,CAAA;AAE/D,SAAS,SAAS
|
|
1
|
+
{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/hooks/useId.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAOjF,MAAM,cAAc,GAAmB;IACrC,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;CACX,CAAA;AAED,MAAM,SAAS,GAAG,aAAa,CAAiB,cAAc,CAAC,CAAA;AAE/D,SAAS,SAAS;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACrC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,OAAO,CAAC,MAAM,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AAC9E,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,SAAkB,EAAU,EAAE;IAClD,IAAI,SAAS;QAAE,OAAO,SAAS,CAAA;IAE/B,gCAAgC;IAChC,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrF,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACrC,gEAAgE;IAChE,MAAM,KAAK,GAAmB;QAC5B,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;QAC1B,OAAO,EAAE,CAAC;KACX,CAAA;IACD,OAAO,oBAAC,SAAS,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAsB,CAAA;AAC1E,CAAC,CAAA"}
|
package/esm/index.d.ts
CHANGED
|
@@ -47,6 +47,7 @@ export { LineClamp } from './components/LineClamp';
|
|
|
47
47
|
export { NotificationBar } from './components/NotificationBar';
|
|
48
48
|
export { AppLauncher, Header, HeaderLink, HeaderDropdownMenuButton } from './components/Header';
|
|
49
49
|
export { PageCounter } from './components/PageCounter';
|
|
50
|
+
export { SectioningFragment, Article, Aside, Nav, Section } from './components/SectioningContent';
|
|
50
51
|
export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
51
52
|
export * from './components/SpreadsheetTable';
|
|
52
53
|
export * from './components/ResponseMessage';
|
package/esm/index.js
CHANGED
|
@@ -48,6 +48,7 @@ export { LineClamp } from './components/LineClamp';
|
|
|
48
48
|
export { NotificationBar } from './components/NotificationBar';
|
|
49
49
|
export { AppLauncher, Header, HeaderLink, HeaderDropdownMenuButton } from './components/Header';
|
|
50
50
|
export { PageCounter } from './components/PageCounter';
|
|
51
|
+
export { SectioningFragment, Article, Aside, Nav, Section } from './components/SectioningContent';
|
|
51
52
|
export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
52
53
|
export * from './components/SpreadsheetTable';
|
|
53
54
|
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":"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"}
|
|
@@ -15,7 +15,7 @@ export type BaseProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
subtitle?: ReactNode;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
19
19
|
*/
|
|
20
20
|
titleTag?: HeadingTagTypes;
|
|
21
21
|
/**
|