smarthr-ui 21.3.0 → 21.4.2
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/CHANGELOG.md +33 -0
- package/esm/components/BottomFixedArea/TertiaryLink.js +2 -2
- package/esm/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/esm/components/Button/AnchorButton.js +2 -0
- package/esm/components/Button/AnchorButton.js.map +1 -1
- package/esm/components/Button/Button.js +2 -0
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +1 -1
- package/esm/components/ComboBox/useListBox.js +10 -8
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/DatePicker/Portal.js +9 -15
- package/esm/components/DatePicker/Portal.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionListItem.js +4 -4
- package/esm/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/esm/components/Dialog/ActionDialog.js +3 -4
- package/esm/components/Dialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContent.js +3 -4
- package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +2 -3
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/DialogContent.js +3 -4
- package/esm/components/Dialog/DialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.js +3 -4
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContent.js +3 -4
- package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +30 -31
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/useDialogPortal.d.ts +2 -4
- package/esm/components/Dialog/useDialogPortal.js +12 -14
- package/esm/components/Dialog/useDialogPortal.js.map +1 -1
- package/esm/components/Dropdown/Dropdown.js +6 -5
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.d.ts +1 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js +4 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -1
- package/esm/components/Dropdown/DropdownContent.d.ts +3 -1
- package/esm/components/Dropdown/DropdownContent.js +2 -2
- package/esm/components/Dropdown/DropdownContent.js.map +1 -1
- package/esm/components/Dropdown/DropdownContentInner.d.ts +3 -2
- package/esm/components/Dropdown/DropdownContentInner.js +2 -2
- package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +8 -6
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/FormGroup/useClassNames.d.ts +8 -0
- package/esm/components/FormGroup/useClassNames.js +15 -0
- package/esm/components/FormGroup/useClassNames.js.map +1 -0
- package/esm/components/Header/Header.d.ts +2 -0
- package/esm/components/Header/Header.js +2 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +1 -1
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InputFile/InputFile.d.ts +2 -2
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +7 -7
- package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/Select/Select.js +5 -5
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/SideNav/SideNav.d.ts +3 -2
- package/esm/components/SideNav/SideNav.js +2 -2
- package/esm/components/SideNav/SideNav.js.map +1 -1
- package/esm/components/StatusLabel/StatusLabel.js +2 -2
- package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
- package/esm/components/Table/Cell.js +4 -4
- package/esm/components/Table/Cell.js.map +1 -1
- package/esm/components/Table/Td.js +2 -2
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/Th.js +2 -2
- package/esm/components/Table/Th.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +10 -7
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/hooks/useId.d.ts +3 -1
- package/esm/hooks/useId.js +4 -1
- package/esm/hooks/useId.js.map +1 -1
- package/esm/hooks/usePortal.d.ts +3 -1
- package/esm/hooks/usePortal.js +16 -10
- package/esm/hooks/usePortal.js.map +1 -1
- package/esm/themes/__tests__/createTheme.js +4 -0
- package/esm/themes/__tests__/createTheme.js.map +1 -1
- package/esm/themes/createTheme.d.ts +1 -0
- package/esm/themes/createTheme.js +4 -3
- package/esm/themes/createTheme.js.map +1 -1
- package/lib/components/BottomFixedArea/TertiaryLink.js +2 -2
- package/lib/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/lib/components/Button/AnchorButton.js +2 -0
- package/lib/components/Button/AnchorButton.js.map +1 -1
- package/lib/components/Button/Button.js +2 -0
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +1 -1
- package/lib/components/ComboBox/useListBox.js +11 -9
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/DatePicker/Portal.js +8 -14
- package/lib/components/DatePicker/Portal.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionListItem.js +4 -4
- package/lib/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/lib/components/Dialog/ActionDialog.js +3 -4
- package/lib/components/Dialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContent.js +3 -4
- package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
- package/lib/components/Dialog/Dialog.js +2 -3
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/Dialog/DialogContent.js +3 -4
- package/lib/components/Dialog/DialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.js +3 -4
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContent.js +3 -4
- package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +30 -31
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/useDialogPortal.d.ts +2 -4
- package/lib/components/Dialog/useDialogPortal.js +11 -13
- package/lib/components/Dialog/useDialogPortal.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +6 -5
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.d.ts +1 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js +8 -5
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -1
- package/lib/components/Dropdown/DropdownContent.d.ts +3 -1
- package/lib/components/Dropdown/DropdownContent.js +2 -2
- package/lib/components/Dropdown/DropdownContent.js.map +1 -1
- package/lib/components/Dropdown/DropdownContentInner.d.ts +3 -2
- package/lib/components/Dropdown/DropdownContentInner.js +2 -2
- package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +8 -6
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/FormGroup/useClassNames.d.ts +8 -0
- package/lib/components/FormGroup/useClassNames.js +19 -0
- package/lib/components/FormGroup/useClassNames.js.map +1 -0
- package/lib/components/Header/Header.d.ts +2 -0
- package/lib/components/Header/Header.js +2 -2
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +1 -1
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InputFile/InputFile.d.ts +2 -2
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +7 -7
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js +2 -2
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/Select/Select.js +5 -5
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/SideNav/SideNav.d.ts +3 -2
- package/lib/components/SideNav/SideNav.js +2 -2
- package/lib/components/SideNav/SideNav.js.map +1 -1
- package/lib/components/StatusLabel/StatusLabel.js +2 -2
- package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
- package/lib/components/Table/Cell.js +4 -4
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/Td.js +2 -2
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/Th.js +2 -2
- package/lib/components/Table/Th.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +9 -6
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/hooks/useId.d.ts +3 -1
- package/lib/hooks/useId.js +4 -2
- package/lib/hooks/useId.js.map +1 -1
- package/lib/hooks/usePortal.d.ts +3 -1
- package/lib/hooks/usePortal.js +15 -9
- package/lib/hooks/usePortal.js.map +1 -1
- package/lib/themes/__tests__/createTheme.js +4 -0
- package/lib/themes/__tests__/createTheme.js.map +1 -1
- package/lib/themes/createTheme.d.ts +1 -0
- package/lib/themes/createTheme.js +4 -3
- package/lib/themes/createTheme.js.map +1 -1
- package/package.json +31 -31
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,39 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [21.4.2](https://github.com/kufu/smarthr-ui/compare/v21.4.1...v21.4.2) (2022-06-17)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* fix combobox listbox partial rendering ([#2589](https://github.com/kufu/smarthr-ui/issues/2589)) ([5e73d80](https://github.com/kufu/smarthr-ui/commit/5e73d806683af5161de5c8e25923647357984901))
|
|
11
|
+
* fix reference of theme ([#2586](https://github.com/kufu/smarthr-ui/issues/2586)) ([139ab4e](https://github.com/kufu/smarthr-ui/commit/139ab4e8ebf7a7900814f195d73da9598c7b9b5b))
|
|
12
|
+
* ボタンの displayName を明示的に設定 ([#2585](https://github.com/kufu/smarthr-ui/issues/2585)) ([87b09b0](https://github.com/kufu/smarthr-ui/commit/87b09b0309274d33a5965b246d3aad8ec68cd9a1))
|
|
13
|
+
|
|
14
|
+
### [21.4.1](https://github.com/kufu/smarthr-ui/compare/v21.4.0...v21.4.1) (2022-06-15)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* `pxToRem` を置き換え ([#2551](https://github.com/kufu/smarthr-ui/issues/2551)) ([6fc6ed9](https://github.com/kufu/smarthr-ui/commit/6fc6ed9768212e992659dbb455762bfae1039071))
|
|
20
|
+
* change not to import from top index ([#2581](https://github.com/kufu/smarthr-ui/issues/2581)) ([33ed5c7](https://github.com/kufu/smarthr-ui/commit/33ed5c74168623c2077e9599820ebc367563ae3f))
|
|
21
|
+
|
|
22
|
+
## [21.4.0](https://github.com/kufu/smarthr-ui/compare/v21.3.0...v21.4.0) (2022-06-14)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* spacingByChar の alias として space を追加|SHRUI-568 ([#2553](https://github.com/kufu/smarthr-ui/issues/2553)) ([949978f](https://github.com/kufu/smarthr-ui/commit/949978f3eaac2b832a817fa735c7a404230d4bcb))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Bug Fixes
|
|
31
|
+
|
|
32
|
+
* `Select` 内部のテキスト上端が見きれないように修正 (SHRUI-569) ([#2548](https://github.com/kufu/smarthr-ui/issues/2548)) ([c7fdc6a](https://github.com/kufu/smarthr-ui/commit/c7fdc6a3dccaca0e70cf32b8932a3d734b970bfd))
|
|
33
|
+
* fix InformationPanel props not to duplicate element props ([#2550](https://github.com/kufu/smarthr-ui/issues/2550)) ([ebf370e](https://github.com/kufu/smarthr-ui/commit/ebf370eb76ad559abf045a5facf1a3f9c4babaf9))
|
|
34
|
+
* Header に className を渡す ([#2552](https://github.com/kufu/smarthr-ui/issues/2552)) ([83e4a57](https://github.com/kufu/smarthr-ui/commit/83e4a57f87c7133c1cc447b075ec309b09863bbb))
|
|
35
|
+
* React 18 以降であれば ID 生成に `React.useId` を使うように変更 ([#2545](https://github.com/kufu/smarthr-ui/issues/2545)) ([29b4295](https://github.com/kufu/smarthr-ui/commit/29b42950d362a4bf83738a529d43d45904c9410a))
|
|
36
|
+
* useEffect 外で document を参照しないようにする ([#2539](https://github.com/kufu/smarthr-ui/issues/2539)) ([bfd6e19](https://github.com/kufu/smarthr-ui/commit/bfd6e19184d19a4398b83f51bb4409eaff33d4b2))
|
|
37
|
+
|
|
5
38
|
## [21.3.0](https://github.com/kufu/smarthr-ui/compare/v21.2.0...v21.3.0) (2022-06-07)
|
|
6
39
|
|
|
7
40
|
|
|
@@ -18,7 +18,7 @@ const resetButtonStyle = css `
|
|
|
18
18
|
const Button = styled.button `
|
|
19
19
|
${resetButtonStyle}
|
|
20
20
|
${({ themes }) => {
|
|
21
|
-
const {
|
|
21
|
+
const { spacingByChar } = themes;
|
|
22
22
|
return css `
|
|
23
23
|
color: ${themes.color.TEXT_LINK};
|
|
24
24
|
display: flex;
|
|
@@ -30,7 +30,7 @@ const Button = styled.button `
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
> svg {
|
|
33
|
-
margin-right: ${
|
|
33
|
+
margin-right: ${spacingByChar(0.25)};
|
|
34
34
|
}
|
|
35
35
|
`;
|
|
36
36
|
}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TertiaryLink.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/TertiaryLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,MAAM,CAAC,MAAM,YAAY,GAA8B,CAAC,EACtD,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,YAAY,KAC9B,KAAK;QAER,IAAI,IAAI,oBAAC,IAAI,OAAG;QACjB,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,IAAG,IAAI,CAAQ,CAC3B,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC3C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"TertiaryLink.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/TertiaryLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,MAAM,CAAC,MAAM,YAAY,GAA8B,CAAC,EACtD,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,YAAY,KAC9B,KAAK;QAER,IAAI,IAAI,oBAAC,IAAI,OAAG;QACjB,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,IAAG,IAAI,CAAQ,CAC3B,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC3C,gBAAgB;IAChB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAEhC,OAAO,GAAG,CAAA;eACC,MAAM,CAAC,KAAK,CAAC,SAAS;;;;;;;;;;wBAUb,aAAa,CAAC,IAAI,CAAC;;KAEtC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAmB;IACvC,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;;mBAEK,QAAQ,CAAC,CAAC;KACxB,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -9,4 +9,6 @@ export const AnchorButton = forwardRef(({ size = 'default', square = false, pref
|
|
|
9
9
|
return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, isAnchor: true, anchorRef: anchorRef },
|
|
10
10
|
React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
|
|
11
11
|
});
|
|
12
|
+
// BottomFixedArea での判定に用いるために displayName を明示的に設定する
|
|
13
|
+
AnchorButton.displayName = 'AnchorButton';
|
|
12
14
|
//# sourceMappingURL=AnchorButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,YAAY,CAAA;IAE/C,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,QAAQ,QACR,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,YAAY,CAAA;IAE/C,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,QAAQ,QACR,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACD,oDAAoD;AACpD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -9,4 +9,6 @@ export const Button = forwardRef(({ type = 'button', size = 'default', square =
|
|
|
9
9
|
return (React.createElement(ButtonWrapper, { ...props, type: type, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, buttonRef: buttonRef },
|
|
10
10
|
React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
|
|
11
11
|
});
|
|
12
|
+
// BottomFixedArea での判定に用いるために displayName を明示的に設定する
|
|
13
|
+
Button.displayName = 'Button';
|
|
12
14
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACD,oDAAoD;AACpD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
|
|
@@ -20,7 +20,7 @@ declare type Args<T> = {
|
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
22
|
export declare function useListBox<T>({ items, inputValue, onAdd, onSelect, isExpanded, isAddable, isDuplicate, hasNoMatch, isLoading, classNames, }: Args<T>): {
|
|
23
|
-
renderListBox: () => React.ReactPortal;
|
|
23
|
+
renderListBox: () => React.ReactPortal | null;
|
|
24
24
|
calculateDropdownRect: (triggerElement: Element) => void;
|
|
25
25
|
resetActiveOptionIndex: () => void;
|
|
26
26
|
handleInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
-
import { createPortal } from 'react-dom';
|
|
3
2
|
import styled, { css } from 'styled-components';
|
|
4
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
4
|
import { usePortal } from '../../hooks/usePortal';
|
|
@@ -155,7 +154,7 @@ export function useListBox({ items, inputValue = '', onAdd, onSelect, isExpanded
|
|
|
155
154
|
return undefined;
|
|
156
155
|
})();
|
|
157
156
|
const theme = useTheme();
|
|
158
|
-
const {
|
|
157
|
+
const { createPortal } = usePortal();
|
|
159
158
|
const listBoxRef = useRef(null);
|
|
160
159
|
const bottomIntersectionRef = useRef(null);
|
|
161
160
|
const isDisplayingPartial = optionLength < items.length;
|
|
@@ -168,11 +167,14 @@ export function useListBox({ items, inputValue = '', onAdd, onSelect, isExpanded
|
|
|
168
167
|
}
|
|
169
168
|
}), [isDisplayingPartial]);
|
|
170
169
|
useEffect(() => {
|
|
171
|
-
//
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
170
|
+
// bottomIntersection のレンダリングを待つ
|
|
171
|
+
setTimeout(() => {
|
|
172
|
+
// IntersectionObserver を設定
|
|
173
|
+
if (!bottomIntersectionRef.current) {
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
scrollObserver.observe(bottomIntersectionRef.current);
|
|
177
|
+
});
|
|
176
178
|
return () => scrollObserver.disconnect();
|
|
177
179
|
}, [scrollObserver]);
|
|
178
180
|
const renderListBox = () => {
|
|
@@ -199,7 +201,7 @@ export function useListBox({ items, inputValue = '', onAdd, onSelect, isExpanded
|
|
|
199
201
|
}),
|
|
200
202
|
isDuplicate && (React.createElement(NoItems, { themes: theme, role: "alert", "aria-live": "polite", className: classNames.noItems }, "\u91CD\u8907\u3059\u308B\u9078\u629E\u80A2\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093")),
|
|
201
203
|
hasNoMatch && (React.createElement(NoItems, { themes: theme, role: "alert", "aria-live": "polite", className: classNames.noItems }, "\u4E00\u81F4\u3059\u308B\u9078\u629E\u80A2\u304C\u3042\u308A\u307E\u305B\u3093")))),
|
|
202
|
-
React.createElement("div", { ref: bottomIntersectionRef }))
|
|
204
|
+
React.createElement("div", { ref: bottomIntersectionRef })));
|
|
203
205
|
};
|
|
204
206
|
return {
|
|
205
207
|
renderListBox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef,
|
|
2
|
-
import { createPortal } from 'react-dom';
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState, } from 'react';
|
|
3
2
|
import styled, { css } from 'styled-components';
|
|
4
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
4
|
import { usePortal } from '../../hooks/usePortal';
|
|
@@ -7,26 +6,21 @@ import { getPortalPosition } from './datePickerHelper';
|
|
|
7
6
|
import { useClassNames } from './useClassNames';
|
|
8
7
|
export const Portal = forwardRef(({ inputRect, children }, ref) => {
|
|
9
8
|
const themes = useTheme();
|
|
10
|
-
const {
|
|
9
|
+
const { createPortal, isReady } = usePortal();
|
|
11
10
|
const [position, setPosition] = useState({
|
|
12
11
|
top: 0,
|
|
13
12
|
left: 0,
|
|
14
13
|
});
|
|
15
|
-
const [isReady, setIsReady] = useState(false);
|
|
16
14
|
const containerRef = useRef(null);
|
|
17
15
|
useImperativeHandle(ref, () => containerRef.current);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
setPosition(getPortalPosition(inputRect, containerRef.current.offsetHeight));
|
|
25
|
-
setIsReady(true);
|
|
26
|
-
});
|
|
27
|
-
}, [inputRect]);
|
|
16
|
+
useLayoutEffect(() => {
|
|
17
|
+
if (!containerRef.current || !isReady) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
setPosition(getPortalPosition(inputRect, containerRef.current.offsetHeight));
|
|
21
|
+
}, [inputRect, isReady]);
|
|
28
22
|
const classNames = useClassNames();
|
|
29
|
-
return createPortal(React.createElement(Container, { ...position, themes: themes, className: `${isReady ? 'ready' : ''} ${classNames.calendarContainer}`, ref: containerRef }, children)
|
|
23
|
+
return createPortal(React.createElement(Container, { ...position, themes: themes, className: `${isReady ? 'ready' : ''} ${classNames.calendarContainer}`, ref: containerRef }, children));
|
|
30
24
|
});
|
|
31
25
|
const Container = styled.div(({ top, left, themes }) => css `
|
|
32
26
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/DatePicker/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/DatePicker/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAwB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAE7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC;QACvC,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CAA+C,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAElG,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;YACrC,OAAM;SACP;QACD,WAAW,CAAC,iBAAiB,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,YAAY,CACjB,oBAAC,SAAS,OACJ,QAAQ,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,iBAAiB,EAAE,EACtE,GAAG,EAAE,YAAY,IAEhB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;WAErB,GAAG;YACF,IAAI;eACD,MAAM,CAAC,MAAM,CAAC,OAAO;;;;;;;GAOjC,CACF,CAAA"}
|
|
@@ -13,18 +13,18 @@ export const DefinitionListItem = ({ term, description, termTag = 'span', classN
|
|
|
13
13
|
};
|
|
14
14
|
const Wrapper = styled.div `
|
|
15
15
|
${({ themes }) => {
|
|
16
|
-
const { color,
|
|
16
|
+
const { color, spacingByChar } = themes;
|
|
17
17
|
return css `
|
|
18
|
-
padding-bottom: ${
|
|
18
|
+
padding-bottom: ${spacingByChar(0.25)};
|
|
19
19
|
border-bottom: 1px dotted ${color.BORDER};
|
|
20
20
|
`;
|
|
21
21
|
}}
|
|
22
22
|
`;
|
|
23
23
|
const Content = styled.dd `
|
|
24
24
|
${({ themes }) => {
|
|
25
|
-
const {
|
|
25
|
+
const { spacingByChar, fontSize, color } = themes;
|
|
26
26
|
return css `
|
|
27
|
-
margin: ${
|
|
27
|
+
margin: ${spacingByChar(0.25)} 0 0;
|
|
28
28
|
padding: 0;
|
|
29
29
|
color: ${color.TEXT_BLACK};
|
|
30
30
|
font-size: ${fontSize.M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionListItem.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAyB,MAAM,YAAY,CAAA;AAU3D,MAAM,CAAC,MAAM,kBAAkB,GAAgD,CAAC,EAC9E,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,kBAAkB,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK;QAC7E,4BAAI,SAAS,EAAE,kBAAkB,CAAC,IAAI;YACpC,oBAAC,OAAO,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,kBAAkB,IAC3C,IAAI,CACG,CACP;QACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,WAAW,IAC9D,WAAW,CACJ,CACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DefinitionListItem.js","sourceRoot":"","sources":["../../../src/components/DefinitionList/DefinitionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAyB,MAAM,YAAY,CAAA;AAU3D,MAAM,CAAC,MAAM,kBAAkB,GAAgD,CAAC,EAC9E,IAAI,EACJ,WAAW,EACX,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,kBAAkB,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK;QAC7E,4BAAI,SAAS,EAAE,kBAAkB,CAAC,IAAI;YACpC,oBAAC,OAAO,IAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,kBAAkB,IAC3C,IAAI,CACG,CACP;QACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,CAAC,WAAW,IAC9D,WAAW,CACJ,CACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAEvC,OAAO,GAAG,CAAA;wBACU,aAAa,CAAC,IAAI,CAAC;kCACT,KAAK,CAAC,MAAM;KACzC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAmB;IACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAEjD,OAAO,GAAG,CAAA;gBACE,aAAa,CAAC,IAAI,CAAC;;eAEpB,KAAK,CAAC,UAAU;mBACZ,QAAQ,CAAC,CAAC;;KAExB,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { useDialogPortal } from './useDialogPortal';
|
|
|
4
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
5
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
6
6
|
export const ActionDialog = ({ children, title, subtitle, closeText, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, ...props }) => {
|
|
7
|
-
const {
|
|
7
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
10
10
|
if (!props.isOpen) {
|
|
@@ -18,8 +18,7 @@ export const ActionDialog = ({ children, title, subtitle, closeText, actionText,
|
|
|
18
18
|
}
|
|
19
19
|
onClickAction(onClickClose);
|
|
20
20
|
}, [onClickAction, onClickClose, props.isOpen]);
|
|
21
|
-
return (React.createElement(
|
|
22
|
-
React.createElement(
|
|
23
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, closeText: closeText, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage }, children))));
|
|
21
|
+
return createPortal(React.createElement(DialogContentInner, { ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape, ...props },
|
|
22
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, closeText: closeText, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage }, children)));
|
|
24
23
|
};
|
|
25
24
|
//# sourceMappingURL=ActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,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;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,IACjB,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,KACxB,KAAK;QAET,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,IAE/B,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
|
6
6
|
import { useId } from '../../hooks/useId';
|
|
7
7
|
export const ActionDialogContent = ({ children, title, closeText, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', ...props }) => {
|
|
8
8
|
const { onClickClose, active } = useContext(DialogContext);
|
|
9
|
-
const {
|
|
9
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
10
10
|
const handleClickClose = useCallback(() => {
|
|
11
11
|
if (!active) {
|
|
12
12
|
return;
|
|
@@ -20,8 +20,7 @@ export const ActionDialogContent = ({ children, title, closeText, actionText, ac
|
|
|
20
20
|
onClickAction(onClickClose);
|
|
21
21
|
}, [active, onClickAction, onClickClose]);
|
|
22
22
|
const titleId = useId();
|
|
23
|
-
return (React.createElement(
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, closeText: closeText, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled }, children))));
|
|
23
|
+
return createPortal(React.createElement(DialogContentInner, { onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className, ...props },
|
|
24
|
+
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, closeText: closeText, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled }, children)));
|
|
26
25
|
};
|
|
27
26
|
//# sourceMappingURL=ActionDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,IACjB,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,KAChB,KAAK;QAET,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,IAE7B,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,8 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { useDialogPortal } from './useDialogPortal';
|
|
3
3
|
import { DialogContentInner } from './DialogContentInner';
|
|
4
4
|
export const Dialog = ({ children, className = '', portalParent, ...props }) => {
|
|
5
|
-
const {
|
|
6
|
-
return (React.createElement(
|
|
7
|
-
React.createElement(DialogContentInner, { className: className, ...props }, children)));
|
|
5
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
6
|
+
return createPortal(React.createElement(DialogContentInner, { className: className, ...props }, children));
|
|
8
7
|
};
|
|
9
8
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAKzD,MAAM,CAAC,MAAM,MAAM,GAAoC,CAAC,EACtD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAKzD,MAAM,CAAC,MAAM,MAAM,GAAoC,CAAC,EACtD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,OAAO,YAAY,CACjB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,KAAM,KAAK,IAChD,QAAQ,CACU,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -9,9 +9,8 @@ export const DialogContentContext = createContext({
|
|
|
9
9
|
});
|
|
10
10
|
export const DialogContent = ({ portalParent, children, ...props }) => {
|
|
11
11
|
const { onClickClose, active } = useContext(DialogContext);
|
|
12
|
-
const {
|
|
13
|
-
return (React.createElement(
|
|
14
|
-
React.createElement(
|
|
15
|
-
React.createElement(DialogContentInner, { isOpen: active, onClickOverlay: onClickClose, onPressEscape: onClickClose, ...props }, children))));
|
|
12
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
13
|
+
return createPortal(React.createElement(DialogContentContext.Provider, { value: { onClickClose } },
|
|
14
|
+
React.createElement(DialogContentInner, { isOpen: active, onClickOverlay: onClickClose, onPressEscape: onClickClose, ...props }, children)));
|
|
16
15
|
};
|
|
17
16
|
//# sourceMappingURL=DialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAMzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B;IAC1E,YAAY,EAAE,GAAG,EAAE;QACjB,UAAU;IACZ,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,aAAa,GAAqB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"DialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAMzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B;IAC1E,YAAY,EAAE,GAAG,EAAE;QACjB,UAAU;IACZ,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,aAAa,GAAqB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,OAAO,YAAY,CACjB,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE;QACpD,oBAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,KACvB,KAAK,IAER,QAAQ,CACU,CACS,CACjC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { DialogContentInner } from './DialogContentInner';
|
|
|
4
4
|
import { MessageDialogContentInner, } from './MessageDialogContentInner';
|
|
5
5
|
import { useId } from '../../hooks/useId';
|
|
6
6
|
export const MessageDialog = ({ title, subtitle, description, closeText, onClickClose, onPressEscape = onClickClose, className = '', portalParent, ...props }) => {
|
|
7
|
-
const {
|
|
7
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
8
8
|
const handleClickClose = useCallback(() => {
|
|
9
9
|
if (!props.isOpen) {
|
|
10
10
|
return;
|
|
@@ -12,8 +12,7 @@ export const MessageDialog = ({ title, subtitle, description, closeText, onClick
|
|
|
12
12
|
onClickClose();
|
|
13
13
|
}, [onClickClose, props.isOpen]);
|
|
14
14
|
const titleId = useId();
|
|
15
|
-
return (React.createElement(
|
|
16
|
-
React.createElement(
|
|
17
|
-
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, description: description, closeText: closeText, onClickClose: handleClickClose }))));
|
|
15
|
+
return createPortal(React.createElement(DialogContentInner, { "aria-labelledby": titleId, className: className, onPressEscape: onPressEscape, ...props },
|
|
16
|
+
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, description: description, closeText: closeText, onClickClose: handleClickClose })));
|
|
18
17
|
};
|
|
19
18
|
//# sourceMappingURL=MessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,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,uBACA,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,KACxB,KAAK;QAET,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { MessageDialogContentInner } from './MessageDialogContentInner';
|
|
|
6
6
|
import { useId } from '../../hooks/useId';
|
|
7
7
|
export const MessageDialogContent = ({ title, description, closeText, portalParent, className = '', ...props }) => {
|
|
8
8
|
const { onClickClose, active } = useContext(DialogContext);
|
|
9
|
-
const {
|
|
9
|
+
const { createPortal } = useDialogPortal(portalParent);
|
|
10
10
|
const handleClickClose = useCallback(() => {
|
|
11
11
|
if (!active) {
|
|
12
12
|
return;
|
|
@@ -14,8 +14,7 @@ export const MessageDialogContent = ({ title, description, closeText, portalPare
|
|
|
14
14
|
onClickClose();
|
|
15
15
|
}, [active, onClickClose]);
|
|
16
16
|
const titleId = useId();
|
|
17
|
-
return (React.createElement(
|
|
18
|
-
React.createElement(
|
|
19
|
-
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, closeText: closeText, onClickClose: handleClickClose }))));
|
|
17
|
+
return createPortal(React.createElement(DialogContentInner, { onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, className: className, ...props },
|
|
18
|
+
React.createElement(MessageDialogContentInner, { title: title, titleId: titleId, description: description, closeText: closeText, onClickClose: handleClickClose })));
|
|
20
19
|
};
|
|
21
20
|
//# sourceMappingURL=MessageDialogContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,IACjB,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,KAChB,KAAK;QAET,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,GAC9B,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -11,7 +11,7 @@ import { useDialogPortal } from './useDialogPortal';
|
|
|
11
11
|
import { DialogOverlap } from './DialogOverlap';
|
|
12
12
|
import { useClassNames } from './useClassNames';
|
|
13
13
|
export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose, onPressEscape, width, height, top, left, right, bottom, portalParent, className = '', ...props }) => {
|
|
14
|
-
const {
|
|
14
|
+
const { createPortal, isReady } = useDialogPortal(portalParent);
|
|
15
15
|
const wrapperRef = useRef(null);
|
|
16
16
|
const focusTargetRef = useRef(null);
|
|
17
17
|
const [wrapperPosition, setWrapperPosition] = useState(undefined);
|
|
@@ -90,37 +90,36 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
90
90
|
}, [isOpen]);
|
|
91
91
|
const labelId = useId();
|
|
92
92
|
const classNames = useClassNames().modelessDialog;
|
|
93
|
-
return (React.createElement(
|
|
94
|
-
React.createElement(
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
React.createElement(
|
|
112
|
-
|
|
113
|
-
React.createElement(
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
`上から${Math.trunc(wrapperPosition.top)}px、
|
|
93
|
+
return createPortal(React.createElement(DialogOverlap, { isOpen: isOpen },
|
|
94
|
+
React.createElement(Draggable, { handle: `.${classNames.handle}`, onStart: (_, data) => setPosition({ x: data.x, y: data.y }), onDrag: (_, data) => {
|
|
95
|
+
setPosition((prev) => {
|
|
96
|
+
return {
|
|
97
|
+
x: prev.x + data.deltaX,
|
|
98
|
+
y: prev.y + data.deltaY,
|
|
99
|
+
};
|
|
100
|
+
});
|
|
101
|
+
}, position: position },
|
|
102
|
+
React.createElement(Layout, { className: `${className} ${classNames.wrapper}`, style: {
|
|
103
|
+
top: centering.top !== undefined ? centering.top : top,
|
|
104
|
+
left: centering.left !== undefined ? centering.left : left,
|
|
105
|
+
right,
|
|
106
|
+
bottom,
|
|
107
|
+
width,
|
|
108
|
+
height,
|
|
109
|
+
}, ref: wrapperRef, role: "dialog", "aria-labelledby": labelId, ...props },
|
|
110
|
+
React.createElement(Box, { isWidthAuto: width === undefined, left: left, right: right, themes: theme, className: classNames.box },
|
|
111
|
+
React.createElement("div", { tabIndex: -1, ref: focusTargetRef }),
|
|
112
|
+
React.createElement(Header, { className: classNames.header, themes: theme },
|
|
113
|
+
React.createElement(Title, { id: labelId, themes: theme }, header),
|
|
114
|
+
React.createElement(DialogHandler, { className: classNames.handle, themes: theme, tabIndex: 0, role: "slider", "aria-label": "\u30C0\u30A4\u30A2\u30ED\u30B0\u306E\u4F4D\u7F6E", "aria-valuetext": wrapperPosition &&
|
|
115
|
+
`上から${Math.trunc(wrapperPosition.top)}px、
|
|
117
116
|
左から${Math.trunc(wrapperPosition.left)}px`, onKeyDown: handleArrowKey },
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
117
|
+
React.createElement(FaGripHorizontalIcon, null)),
|
|
118
|
+
React.createElement(CloseButtonLayout, null,
|
|
119
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
120
|
+
React.createElement(FaTimesIcon, { visuallyHiddenText: "\u9589\u3058\u308B" })))),
|
|
121
|
+
React.createElement(Content, { className: classNames.content }, children),
|
|
122
|
+
footer && (React.createElement(Footer, { className: classNames.footer, themes: theme }, footer)))))));
|
|
124
123
|
};
|
|
125
124
|
const Layout = styled.div `
|
|
126
125
|
position: fixed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,SAAS,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAyD/C,MAAM,CAAC,MAAM,cAAc,GAAwC,CAAC,EAClE,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,EACH,IAAI,EACJ,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { ReactNode, RefObject
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
export declare function useDialogPortal(parent?: HTMLElement | RefObject<HTMLElement>): {
|
|
3
|
-
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}>;
|
|
3
|
+
createPortal: (children: ReactNode) => import("react").ReactPortal | null;
|
|
6
4
|
isReady: boolean;
|
|
7
5
|
};
|