smarthr-ui 33.0.2 → 34.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/esm/components/AccordionPanel/AccordionPanelContent.js +1 -1
  2. package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  3. package/esm/components/AccordionPanel/AccordionPanelItem.js +2 -1
  4. package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  5. package/esm/components/CheckBox/CheckBoxInput.js +2 -2
  6. package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
  7. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
  8. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +12 -6
  9. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  10. package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.d.ts +2 -1
  11. package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js +8 -2
  12. package/esm/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js.map +1 -1
  13. package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
  14. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
  15. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  16. package/esm/components/Dialog/MessageDialog/MessageDialog.js +1 -1
  17. package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  18. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
  19. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +12 -6
  20. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  21. package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
  22. package/esm/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
  23. package/esm/components/Dialog/useRemoteTrigger.d.ts +3 -1
  24. package/esm/components/Dialog/useRemoteTrigger.js +10 -1
  25. package/esm/components/Dialog/useRemoteTrigger.js.map +1 -1
  26. package/esm/components/Header/AppLauncher/AppLauncher.js +11 -8
  27. package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  28. package/esm/components/Heading/Heading.d.ts +6 -2
  29. package/esm/components/Heading/Heading.js +50 -34
  30. package/esm/components/Heading/Heading.js.map +1 -1
  31. package/esm/components/InformationPanel/InformationPanel.d.ts +3 -1
  32. package/esm/components/InformationPanel/InformationPanel.js +15 -11
  33. package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
  34. package/esm/components/RightFixedNote/RightFixedNote.js +12 -8
  35. package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
  36. package/esm/components/SectioningContent/SectioningContent.d.ts +17 -0
  37. package/esm/components/SectioningContent/SectioningContent.js +15 -0
  38. package/esm/components/SectioningContent/SectioningContent.js.map +1 -0
  39. package/esm/components/SectioningContent/index.d.ts +2 -0
  40. package/esm/components/SectioningContent/index.js +3 -0
  41. package/esm/components/SectioningContent/index.js.map +1 -0
  42. package/esm/components/SectioningContent/levelContext.d.ts +2 -0
  43. package/esm/components/SectioningContent/levelContext.js +3 -0
  44. package/esm/components/SectioningContent/levelContext.js.map +1 -0
  45. package/esm/components/TabBar/TabItem.js +1 -1
  46. package/esm/components/TabBar/TabItem.js.map +1 -1
  47. package/esm/hooks/useId.d.ts +1 -3
  48. package/esm/hooks/useId.js +8 -5
  49. package/esm/hooks/useId.js.map +1 -1
  50. package/esm/index.d.ts +1 -0
  51. package/esm/index.js +1 -0
  52. package/esm/index.js.map +1 -1
  53. package/lib/components/AccordionPanel/AccordionPanelContent.js +1 -1
  54. package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
  55. package/lib/components/AccordionPanel/AccordionPanelItem.js +2 -1
  56. package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
  57. package/lib/components/CheckBox/CheckBoxInput.js +2 -2
  58. package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
  59. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts +1 -1
  60. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +12 -6
  61. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
  62. package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.d.ts +2 -1
  63. package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js +8 -2
  64. package/lib/components/Dialog/ActionDialogWithTrigger/ActionDialogWithTrigger.js.map +1 -1
  65. package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
  66. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
  67. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
  68. package/lib/components/Dialog/MessageDialog/MessageDialog.js +1 -1
  69. package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  70. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.d.ts +1 -1
  71. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +12 -6
  72. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  73. package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js +2 -2
  74. package/lib/components/Dialog/RemoteTriggerActionDialog/RemoteTriggerActionDialog.js.map +1 -1
  75. package/lib/components/Dialog/useRemoteTrigger.d.ts +3 -1
  76. package/lib/components/Dialog/useRemoteTrigger.js +10 -1
  77. package/lib/components/Dialog/useRemoteTrigger.js.map +1 -1
  78. package/lib/components/Header/AppLauncher/AppLauncher.js +11 -8
  79. package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
  80. package/lib/components/Heading/Heading.d.ts +6 -2
  81. package/lib/components/Heading/Heading.js +49 -33
  82. package/lib/components/Heading/Heading.js.map +1 -1
  83. package/lib/components/InformationPanel/InformationPanel.d.ts +3 -1
  84. package/lib/components/InformationPanel/InformationPanel.js +15 -11
  85. package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
  86. package/lib/components/RightFixedNote/RightFixedNote.js +12 -8
  87. package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
  88. package/lib/components/SectioningContent/SectioningContent.d.ts +17 -0
  89. package/lib/components/SectioningContent/SectioningContent.js +48 -0
  90. package/lib/components/SectioningContent/SectioningContent.js.map +1 -0
  91. package/lib/components/SectioningContent/index.d.ts +2 -0
  92. package/lib/components/SectioningContent/index.js +12 -0
  93. package/lib/components/SectioningContent/index.js.map +1 -0
  94. package/lib/components/SectioningContent/levelContext.d.ts +2 -0
  95. package/lib/components/SectioningContent/levelContext.js +6 -0
  96. package/lib/components/SectioningContent/levelContext.js.map +1 -0
  97. package/lib/components/TabBar/TabItem.js +1 -1
  98. package/lib/components/TabBar/TabItem.js.map +1 -1
  99. package/lib/hooks/useId.d.ts +1 -3
  100. package/lib/hooks/useId.js +9 -5
  101. package/lib/hooks/useId.js.map +1 -1
  102. package/lib/index.d.ts +1 -0
  103. package/lib/index.js +7 -1
  104. package/lib/index.js.map +1 -1
  105. package/package.json +35 -35
@@ -27,7 +27,7 @@ export const AccordionPanelContent = ({ children, className = '', ...props }) =>
27
27
  return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, (status) => (React.createElement(CollapseContainer, { ...props, id: `${name}-content`, className: `${status} ${className} ${classNames.content}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude },
28
28
  React.createElement("div", { ref: wrapperRef }, children)))));
29
29
  };
30
- const CollapseContainer = styled.section `
30
+ const CollapseContainer = styled.div `
31
31
  height: 0;
32
32
  overflow: hidden;
33
33
  transition: height ${duration}ms ease;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAA;;;uBAGjB,QAAQ;;;;;;;;CAQ9B,CAAA"}
1
+ {"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;uBAGb,QAAQ;;;;;;;;CAQ9B,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import React, { createContext } from 'react';
2
+ import { Section } from '../SectioningContent';
2
3
  import { useClassNames } from './useClassNames';
3
4
  export const AccordionPanelItemContext = createContext({
4
5
  name: '',
@@ -8,6 +9,6 @@ export const AccordionPanelItem = ({ name, children, className = '', ...props })
8
9
  return (React.createElement(AccordionPanelItemContext.Provider, { value: {
9
10
  name,
10
11
  } },
11
- React.createElement("div", { ...props, className: `${className} ${classNames.item}` }, children)));
12
+ React.createElement(Section, { ...props, className: `${className} ${classNames.item}` }, children)));
12
13
  };
13
14
  //# sourceMappingURL=AccordionPanelItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,gCAAS,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IACzD,QAAQ,CACL,CAC6B,CACtC,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IAC7D,QAAQ,CACD,CACyB,CACtC,CAAA;AACH,CAAC,CAAA"}
@@ -17,9 +17,9 @@ export const CheckBoxInput = forwardRef(({ mixed = false, onChange, ...props },
17
17
  useImperativeHandle(ref, () => inputRef.current);
18
18
  useEffect(() => {
19
19
  if (inputRef.current) {
20
- inputRef.current.indeterminate = mixed;
20
+ inputRef.current.indeterminate = !!(checked && mixed);
21
21
  }
22
- }, [mixed]);
22
+ }, [checked, mixed]);
23
23
  return (React.createElement(Wrapper, { themes: theme },
24
24
  React.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
25
25
  React.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
@@ -15,7 +15,7 @@ export type BaseProps = {
15
15
  */
16
16
  subtitle?: ReactNode;
17
17
  /**
18
- * ダイアログタイトルの HTML タグ
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 = 'h2', actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
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(React.Fragment, null,
20
- React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
21
- subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
22
- React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
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":"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"}
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;AACrC,OAAO,EAAE,OAAO,EAAmB,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAwDhD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CAAC,EAC1E,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,UAAU,GACX,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,MAAM,mBAAmB,GAAG,eAAe,IAAI,eAAe,CAAC,MAAM,KAAK,YAAY,CAAA;IAEtF,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,OAAO,IAAC,GAAG,EAAE,QAAQ;YACpB,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;gBACrE,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC5E,QAAQ,CACJ,CACR;gBACD,oBAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,IACpE,KAAK,CACD,CACG,CACJ;QACV,oBAAC,IAAI,IAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,IACzD,QAAQ,CACJ;QACP,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACzE,oBAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,UAAU;gBAC1C,oBAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,aAAa,IAAI,mBAAmB,EAC9C,SAAS,EAAE,UAAU,CAAC,WAAW,IAEhC,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAClE;gBACT,oBAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,UAAU,CAAC,YAAY,IAEjC,UAAU,CACJ,CACE;YACZ,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CACjF,oBAAC,OAAO;gBACN,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,IACxD,eAAe,CAAC,IAAI,CACL,CACV,CACX,CACU,CACL,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IAC3C,GAAG,EAAE,IAAI;IACT,EAAE,EAAE,MAAM;CACX,CAAC,CAAC,CAAmB;IAClB,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;qBAErB,MAAM,CAAC,SAAS;eACtB,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;GAClC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAA0B;IAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACE,YAAY;;GAExC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAmB;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACxB,MAAM,CAAC,SAAS;eACnB,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;GAClC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAA,EAAE,CAAA;AACjG,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA"}
@@ -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,GAMhC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9D,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;IACrD,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;IAC1B,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,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,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,EAAE,EAAE,QAAQ,GAAI,CAC1F,CACJ,CAAA;AACH,CAAC,CAAA"}
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"}
@@ -15,7 +15,7 @@ export type BaseProps = {
15
15
  */
16
16
  subtitle?: ReactNode;
17
17
  /**
18
- * ダイアログタイトルの HTML タグ
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 FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
13
+ export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
12
14
  const classNames = useClassNames().dialog;
13
15
  const theme = useTheme();
14
16
  const handleSubmitAction = useCallback(() => {
@@ -16,19 +18,24 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
16
18
  }, [onSubmit, onClickClose]);
17
19
  const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
18
20
  const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
19
- return (React.createElement("form", { onSubmit: handleSubmitAction },
20
- React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
21
- subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
22
- React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
23
- React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
24
- React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
25
- React.createElement(ButtonArea, { className: classNames.buttonArea },
26
- React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
27
- React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
28
- (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
29
- React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
21
+ return (React.createElement(Section, null,
22
+ React.createElement("form", { onSubmit: handleSubmitAction },
23
+ React.createElement(Heading, { tag: titleTag },
24
+ React.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
25
+ subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
26
+ React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
27
+ React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
28
+ React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
29
+ React.createElement(ButtonArea, { className: classNames.buttonArea },
30
+ React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
31
+ React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
32
+ (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
33
+ React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text)))))));
30
34
  };
31
- const TitleArea = styled(Stack) `
35
+ const TitleArea = styled(Stack).attrs(() => ({
36
+ gap: 0.25,
37
+ as: 'span',
38
+ })) `
32
39
  ${({ themes: { border, space } }) => css `
33
40
  margin-block: unset;
34
41
  border-bottom: ${border.shorthand};
@@ -1 +1 @@
1
- {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -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
- * ダイアログタイトルの HTML タグ
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 = 'h2', titleId, description, onClickClose, decorators, }) => {
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(React.Fragment, null,
15
- React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
16
- subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
17
- React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
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)(({ themes: { border, spacing } }) => css `
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":"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"}
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,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,oBAAC,YAAY,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC9F,CAAC,CAAA"}
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,GAIH;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,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;KACb,CAAA;AACH,CAAC"}
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"}
@@ -6,6 +6,7 @@ import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '
6
6
  import { Heading } from '../../Heading';
7
7
  import { FaToolboxIcon } from '../../Icon';
8
8
  import { Cluster, Stack } from '../../Layout';
9
+ import { Section } from '../../SectioningContent';
9
10
  import { TextLink } from '../../TextLink';
10
11
  import { useClassNames } from './useClassNames';
11
12
  const TRIGGER_LABEL = 'アプリ';
@@ -22,14 +23,16 @@ export const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
22
23
  React.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
23
24
  React.createElement(DropdownScrollArea, null,
24
25
  React.createElement(Stack, { gap: 1.5 },
25
- baseApps && (React.createElement(Stack, { gap: 0.5, className: classNames.category },
26
- React.createElement(Heading, { type: "subSubBlockTitle", tag: "h3" }, baseApps.heading),
27
- React.createElement(Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (React.createElement("li", { key: index },
28
- React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))),
29
- React.createElement(Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (React.createElement(Stack, { gap: 0.5, className: classNames.category, key: i, recursive: true },
30
- React.createElement(Heading, { type: "subSubBlockTitle", tag: "h3" }, heading),
31
- React.createElement("ul", null, items.map((item, index) => (React.createElement("li", { key: index },
32
- React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label))))))))))),
26
+ baseApps && (React.createElement(Section, null,
27
+ React.createElement(Stack, { gap: 0.5, className: classNames.category },
28
+ React.createElement(Heading, { type: "subSubBlockTitle" }, baseApps.heading),
29
+ React.createElement(Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (React.createElement("li", { key: index },
30
+ React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))),
31
+ React.createElement(Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (React.createElement(Section, { key: i },
32
+ React.createElement(Stack, { gap: 0.5, className: classNames.category, recursive: true },
33
+ React.createElement(Heading, { type: "subSubBlockTitle" }, heading),
34
+ React.createElement("ul", null, items.map((item, index) => (React.createElement("li", { key: index },
35
+ React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))))))),
33
36
  urlToShowAll && (React.createElement(Footer, { themes: theme, className: classNames.footer },
34
37
  React.createElement(TextLink, { href: urlToShowAll, style: { width: 'fit-content' } }, "\u3059\u3079\u3066\u898B\u308B")))))));
35
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
@@ -5,13 +5,17 @@ export type Props = {
5
5
  children: ReactNode;
6
6
  /** テキストのスタイル */
7
7
  type?: HeadingTypes;
8
- /** コンポーネントの HTML タグ */
8
+ /**
9
+ * @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)を使ってHeadingと関連する範囲を明確に指定してください
10
+ */
9
11
  tag?: HeadingTagTypes;
10
12
  /** コンポーネントに適用するクラス名 */
11
13
  className?: string;
14
+ /** 視覚的に非表示にするフラグ */
15
+ visuallyHidden?: boolean;
12
16
  };
13
17
  export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
14
18
  export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
15
- type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props | keyof TextProps>;
19
+ type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props | keyof TextProps | 'role' | 'aria-level'>;
16
20
  export declare const Heading: VFC<Props & ElementProps>;
17
21
  export {};