smarthr-ui 21.1.0 → 21.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +3 -3
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
- package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +4 -4
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +4 -2
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContent.d.ts +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +14 -14
- package/esm/components/Dialog/ActionDialogContentInner.js +3 -8
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.d.ts +12 -12
- package/esm/components/Dialog/MessageDialogContent.d.ts +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.d.ts +7 -7
- package/esm/components/Dialog/MessageDialogContentInner.js +2 -2
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +2 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/DropZone/DropZone.js +2 -2
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.d.ts +19 -0
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js +37 -0
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
- package/esm/components/Dropdown/DropdownButton/index.d.ts +1 -0
- package/esm/components/Dropdown/DropdownButton/index.js +2 -0
- package/esm/components/Dropdown/DropdownButton/index.js.map +1 -0
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +5 -5
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Dropdown/index.d.ts +1 -0
- package/esm/components/Dropdown/index.js +1 -0
- package/esm/components/Dropdown/index.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessage.js +2 -2
- package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +2 -2
- package/esm/components/Heading/Heading.d.ts +3 -2
- package/esm/components/Heading/Heading.js +38 -46
- package/esm/components/Heading/Heading.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.js +3 -3
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +2 -2
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.js +3 -3
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.d.ts +266 -1
- package/esm/components/Pagination/PaginationItem.js +2 -2
- package/esm/components/Pagination/PaginationItem.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +4 -2
- 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/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +3 -3
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/TabBar/TabBar.d.ts +3 -0
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/TabBar/TabItem.d.ts +6 -0
- package/esm/components/TabBar/TabItem.js.map +1 -1
- package/esm/components/Table/BulkActionRow.d.ts +2 -0
- package/esm/components/Table/BulkActionRow.js.map +1 -1
- package/esm/components/Table/Table.d.ts +3 -0
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Td.d.ts +2 -0
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/Th.d.ts +3 -0
- package/esm/components/Table/Th.js.map +1 -1
- package/esm/components/Text/Text.d.ts +1 -1
- package/esm/components/TextLink/TextLink.d.ts +3 -0
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/components/Textarea/Textarea.d.ts +3 -0
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.d.ts +8 -0
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +2 -2
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
- package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +3 -3
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +4 -2
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContent.d.ts +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +14 -14
- package/lib/components/Dialog/ActionDialogContentInner.js +2 -7
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.d.ts +12 -12
- package/lib/components/Dialog/MessageDialogContent.d.ts +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.d.ts +7 -7
- package/lib/components/Dialog/MessageDialogContentInner.js +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +1 -1
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/DropZone/DropZone.js +1 -1
- package/lib/components/DropZone/DropZone.js.map +1 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.d.ts +19 -0
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js +64 -0
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
- package/lib/components/Dropdown/DropdownButton/index.d.ts +1 -0
- package/lib/components/Dropdown/DropdownButton/index.js +6 -0
- package/lib/components/Dropdown/DropdownButton/index.js.map +1 -0
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +4 -4
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Dropdown/index.d.ts +1 -0
- package/lib/components/Dropdown/index.js +3 -1
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessage.js +1 -1
- package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +2 -2
- package/lib/components/Heading/Heading.d.ts +3 -2
- package/lib/components/Heading/Heading.js +38 -46
- package/lib/components/Heading/Heading.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.js +2 -2
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +1 -1
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.js +2 -2
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.d.ts +266 -1
- package/lib/components/Pagination/PaginationItem.js +1 -1
- package/lib/components/Pagination/PaginationItem.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +4 -2
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +2 -2
- package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/lib/components/TabBar/TabBar.d.ts +3 -0
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/TabBar/TabItem.d.ts +6 -0
- package/lib/components/TabBar/TabItem.js.map +1 -1
- package/lib/components/Table/BulkActionRow.d.ts +2 -0
- package/lib/components/Table/BulkActionRow.js.map +1 -1
- package/lib/components/Table/Table.d.ts +3 -0
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Td.d.ts +2 -0
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/Th.d.ts +3 -0
- package/lib/components/Table/Th.js.map +1 -1
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/TextLink/TextLink.d.ts +3 -0
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts +3 -0
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +8 -0
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/package.json +17 -23
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
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.2.0](https://github.com/kufu/smarthr-ui/compare/v21.1.0...v21.2.0) (2022-05-30)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* DropdownButton を追加 ([#2516](https://github.com/kufu/smarthr-ui/issues/2516)) ([360a4d4](https://github.com/kufu/smarthr-ui/commit/360a4d41633d30d37c9d35153fddd9bb38d978da))
|
|
11
|
+
* Storybookにcontrols addonを追加 ([#2488](https://github.com/kufu/smarthr-ui/issues/2488)) ([334e612](https://github.com/kufu/smarthr-ui/commit/334e612139901ef2abc17b97ca9b17e803fe00fb))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* CheckBox と RadioButton で static className があたってしまうのを修正 ([#2515](https://github.com/kufu/smarthr-ui/issues/2515)) ([505eedb](https://github.com/kufu/smarthr-ui/commit/505eedbe7afe57edbbcd1cfb9398e59261283e5e))
|
|
17
|
+
* ライブラリの動作に必要ない jest-environment-jsdom を devDependencies に移動 ([#2514](https://github.com/kufu/smarthr-ui/issues/2514)) ([2a30e97](https://github.com/kufu/smarthr-ui/commit/2a30e975c69b0965784b651b77eac404c97ff6d1))
|
|
18
|
+
|
|
5
19
|
## [21.1.0](https://github.com/kufu/smarthr-ui/compare/v21.0.0...v21.1.0) (2022-05-23)
|
|
6
20
|
|
|
7
21
|
|
|
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import { useId } from '../../hooks/useId';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { Base } from '../Base';
|
|
6
|
-
import {
|
|
6
|
+
import { Button, UnstyledButton } from '../Button';
|
|
7
7
|
import { FaMinusIcon, FaTimesIcon, FaWindowMaximizeIcon } from '../Icon';
|
|
8
8
|
import { JobIcon } from './JobIcon';
|
|
9
9
|
import { OmittableJobText } from './OmittableJobText';
|
|
@@ -23,13 +23,13 @@ export const BackgroundJobsPanel = ({ title, jobs, onClickCancelJob, onClickExpa
|
|
|
23
23
|
React.createElement(Header, null,
|
|
24
24
|
React.createElement(Title, { themes: themes, className: classNames.title }, title),
|
|
25
25
|
React.createElement(HeaderButtonLayout, { themes: themes },
|
|
26
|
-
React.createElement(
|
|
26
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: () => {
|
|
27
27
|
onClickExpansion && onClickExpansion(!isExpanded);
|
|
28
28
|
if (!isExpansionControlled) {
|
|
29
29
|
setIsExpanded(!isExpanded);
|
|
30
30
|
}
|
|
31
31
|
}, "aria-expanded": isExpanded, "aria-controls": jobListId, className: classNames.toggleButton }, isExpanded ? (React.createElement(FaMinusIcon, { visuallyHiddenText: "\u6298\u308A\u305F\u305F\u3080" })) : (React.createElement(FaWindowMaximizeIcon, { visuallyHiddenText: "\u5C55\u958B\u3059\u308B" }))),
|
|
32
|
-
React.createElement(
|
|
32
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
33
33
|
React.createElement(FaTimesIcon, { visuallyHiddenText: "\u9589\u3058\u308B" })))),
|
|
34
34
|
React.createElement(JobList, { themes: themes, isExpanded: isExpanded, id: jobListId, className: classNames.list }, jobs.map((job) => {
|
|
35
35
|
const handleClickCancelJob = onClickCancelJob ? () => onClickCancelJob(job.id) : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React, { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
2
|
import { TertiaryLink } from './TertiaryLink';
|
|
3
|
-
import { PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor } from '../Button';
|
|
4
|
-
export declare type Primary = FunctionComponentElement<ComponentProps<typeof PrimaryButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButtonAnchor>>;
|
|
5
|
-
export declare type Secondary = FunctionComponentElement<ComponentProps<typeof SecondaryButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButtonAnchor>>;
|
|
3
|
+
import { AnchorButton, Button, PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor } from '../Button';
|
|
4
|
+
export declare type Primary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButtonAnchor>>;
|
|
5
|
+
export declare type Secondary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButtonAnchor>>;
|
|
6
6
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
7
7
|
declare type Props = {
|
|
8
8
|
/** この領域の説明 */
|
|
9
9
|
description?: ReactNode;
|
|
10
|
-
/** 表示する `
|
|
10
|
+
/** 表示する `Button` または `AnchorButton` (`variant="primary"` である必要がある) */
|
|
11
11
|
primaryButton?: Primary;
|
|
12
|
-
/** 表示する `
|
|
12
|
+
/** 表示する `Button` または `AnchorButton` (`variant="secondary"` である必要がある)*/
|
|
13
13
|
secondaryButton?: Secondary;
|
|
14
14
|
/** 表示する tertialy link のプロパティの配列 */
|
|
15
15
|
tertiaryLinks?: Array<React.ComponentProps<typeof TertiaryLink>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAS/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAET,oBAAC,KAAK;YACH,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBACpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,GAAG,CAAA;;;;iBAIG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM;;;;KAIlB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IACxC,EAAE,EAAE,IAAI;CACT,CAAC,CAAA;;;;CAID,CAAA"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
export const validateElement = (primary, secondary) => {
|
|
2
2
|
if (primary) {
|
|
3
3
|
const { displayName } = primary.type;
|
|
4
|
-
if (displayName !== '
|
|
5
|
-
|
|
4
|
+
if (((displayName !== 'Button' && displayName !== 'AnchorButton') ||
|
|
5
|
+
!('variant' in primary.props) ||
|
|
6
|
+
primary.props.variant !== 'primary') &&
|
|
7
|
+
displayName !== 'PrimaryButton' &&
|
|
8
|
+
displayName !== 'PrimaryButtonAnchor') {
|
|
9
|
+
console.error('SmartHR UI: the primaryButton props accepts "primary" Button or AnchorButton component');
|
|
6
10
|
}
|
|
7
11
|
}
|
|
8
12
|
if (secondary) {
|
|
9
13
|
const { displayName } = secondary.type;
|
|
10
|
-
if (displayName !== '
|
|
11
|
-
|
|
14
|
+
if (((displayName !== 'Button' && displayName !== 'AnchorButton') ||
|
|
15
|
+
('variant' in secondary.props && secondary?.props.variant !== 'secondary')) &&
|
|
16
|
+
displayName !== 'SecondaryButton' &&
|
|
17
|
+
displayName !== 'SecondaryButtonAnchor') {
|
|
18
|
+
console.error('SmartHR UI: the secondaryButton props accepts "secondary" Button or AnchorButton component');
|
|
12
19
|
}
|
|
13
20
|
}
|
|
14
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomFixedAreaHelper.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/bottomFixedAreaHelper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,SAAqB,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"bottomFixedAreaHelper.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/bottomFixedAreaHelper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,SAAqB,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,IAAI,CAAA;QAEpC,IACE,CAAC,CAAC,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,cAAc,CAAC;YAC3D,CAAC,CAAC,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC;YAC7B,OAAO,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC;YACtC,WAAW,KAAK,eAAe;YAC/B,WAAW,KAAK,qBAAqB,EACrC;YACA,OAAO,CAAC,KAAK,CACX,wFAAwF,CACzF,CAAA;SACF;KACF;IACD,IAAI,SAAS,EAAE;QACb,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,IAAI,CAAA;QAEtC,IACE,CAAC,CAAC,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,cAAc,CAAC;YAC3D,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC;YAC7E,WAAW,KAAK,iBAAiB;YACjC,WAAW,KAAK,uBAAuB,EACvC;YACA,OAAO,CAAC,KAAK,CACX,4FAA4F,CAC7F,CAAA;SACF;KACF;AACH,CAAC,CAAA"}
|
|
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import dayjs from 'dayjs';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { useClassNames } from './useClassNames';
|
|
6
|
-
import {
|
|
6
|
+
import { Button } from '../Button';
|
|
7
7
|
import { FaCaretDownIcon, FaCaretUpIcon, FaChevronLeftIcon, FaChevronRightIcon } from '../Icon';
|
|
8
8
|
import { CalendarTable } from './CalendarTable';
|
|
9
9
|
import { YearPicker } from './YearPicker';
|
|
@@ -33,14 +33,14 @@ export const Calendar = forwardRef(({ from, to, onSelectDate, value, ...props },
|
|
|
33
33
|
"\u5E74",
|
|
34
34
|
currentMonth.month() + 1,
|
|
35
35
|
"\u6708"),
|
|
36
|
-
React.createElement(
|
|
36
|
+
React.createElement(Button, { onClick: (e) => {
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
setIsSelectingYear(!isSelectingYear);
|
|
39
39
|
}, size: "s", square: true, "aria-expanded": isSelectingYear, "aria-controls": yearPickerId, className: classNames.calendar.selectingYear }, isSelectingYear ? (React.createElement(FaCaretUpIcon, { visuallyHiddenText: "\u5E74\u3092\u9078\u629E\u3059\u308B" })) : (React.createElement(FaCaretDownIcon, { visuallyHiddenText: "\u5E74\u3092\u9078\u629E\u3059\u308B" }))),
|
|
40
40
|
React.createElement(MonthButtons, { className: classNames.calendar.monthButtons },
|
|
41
|
-
React.createElement(
|
|
41
|
+
React.createElement(Button, { disabled: isSelectingYear || prevMonth.isBefore(fromDay, 'month'), onClick: () => setCurrentMonth(prevMonth), size: "s", square: true, className: classNames.calendar.monthButtonPrev },
|
|
42
42
|
React.createElement(FaChevronLeftIcon, { visuallyHiddenText: "\u524D\u306E\u6708\u3078" })),
|
|
43
|
-
React.createElement(
|
|
43
|
+
React.createElement(Button, { disabled: isSelectingYear || nextMonth.isAfter(toDay, 'month'), onClick: () => setCurrentMonth(nextMonth), size: "s", square: true, className: classNames.calendar.monthButtonNext },
|
|
44
44
|
React.createElement(FaChevronRightIcon, { visuallyHiddenText: "\u6B21\u306E\u6708\u3078" })))),
|
|
45
45
|
React.createElement(TableLayout, null,
|
|
46
46
|
React.createElement(YearPicker, { fromYear: fromDay.year(), toYear: toDay.year(), selectedYear: value?.getFullYear(), onSelectYear: (year) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,12 +45,14 @@ const Box = styled.span `
|
|
|
45
45
|
box-sizing: border-box;
|
|
46
46
|
pointer-events: none;
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
/* FIXME: なぜか static classname になってしまうため & を重ねている */
|
|
49
|
+
input:checked + && {
|
|
49
50
|
border-color: ${color.MAIN};
|
|
50
51
|
background-color: ${color.MAIN};
|
|
51
52
|
}
|
|
52
53
|
|
|
53
|
-
|
|
54
|
+
/* FIXME: なぜか static classname になってしまうため & を重ねている */
|
|
55
|
+
input[disabled] + && {
|
|
54
56
|
background-color: ${color.BORDER};
|
|
55
57
|
border-color: ${color.BORDER};
|
|
56
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOlD,MAAM,CAAC,MAAM,aAAa,GAAe,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QACpB,oBAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,MAAM,EAAE,KAAK,KACT,CAAC,KAAK,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,GAC1C;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,GAAI;QAC/C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,IACpB,KAAK,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CACvE,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;eAGC,QAAQ,CAAC,CAAC;gBACT,QAAQ,CAAC,CAAC;;;;KAIrB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
import { UncontrolledDialogProps } from './types';
|
|
3
3
|
import { BaseProps } from './ActionDialogContentInner';
|
|
4
|
-
declare type Props =
|
|
4
|
+
declare type Props = BaseProps & UncontrolledDialogProps;
|
|
5
5
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
6
|
export declare const ActionDialogContent: React.VFC<Props & ElementProps>;
|
|
7
7
|
export {};
|
|
@@ -1,42 +1,44 @@
|
|
|
1
1
|
import { ReactNode, VFC } from 'react';
|
|
2
2
|
export declare type BaseProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* ダイアログの内容
|
|
5
5
|
*/
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* ダイアログのタイトル
|
|
9
9
|
*/
|
|
10
10
|
title: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* ダイアログのサブタイトル
|
|
13
|
+
*/
|
|
11
14
|
subtitle?: ReactNode;
|
|
12
|
-
titleId: string;
|
|
13
15
|
/**
|
|
14
|
-
*
|
|
16
|
+
* 閉じるボタンのラベル
|
|
15
17
|
*/
|
|
16
18
|
closeText?: ReactNode;
|
|
17
19
|
/**
|
|
18
|
-
*
|
|
20
|
+
* アクションボタンのラベル
|
|
19
21
|
*/
|
|
20
22
|
actionText: ReactNode;
|
|
21
23
|
/**
|
|
22
|
-
*
|
|
24
|
+
* アクションボタンのスタイル
|
|
23
25
|
*/
|
|
24
26
|
actionTheme?: 'primary' | 'secondary' | 'danger';
|
|
25
27
|
/**
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
+
* アクションボタンをクリックした時に発火するコールバック関数
|
|
29
|
+
* @param closeDialog - ダイアログを閉じる関数
|
|
28
30
|
*/
|
|
29
31
|
onClickAction: (closeDialog: () => void) => void;
|
|
30
32
|
/**
|
|
31
|
-
*
|
|
33
|
+
* アクションボタンを無効にするかどうか
|
|
32
34
|
*/
|
|
33
35
|
actionDisabled?: boolean;
|
|
34
36
|
/**
|
|
35
|
-
*
|
|
37
|
+
* 閉じるボタンを無効にするかどうか
|
|
36
38
|
*/
|
|
37
39
|
closeDisabled?: boolean;
|
|
38
40
|
/**
|
|
39
|
-
*
|
|
41
|
+
* コンポーネントに適用するクラス名
|
|
40
42
|
*/
|
|
41
43
|
className?: string;
|
|
42
44
|
};
|
|
@@ -45,11 +47,9 @@ declare type responseMessageType = {
|
|
|
45
47
|
text: string;
|
|
46
48
|
};
|
|
47
49
|
export declare type ActionDialogContentInnerProps = BaseProps & {
|
|
48
|
-
/**
|
|
49
|
-
* Handler function when clicking on close button.
|
|
50
|
-
*/
|
|
51
50
|
onClickClose: () => void;
|
|
52
51
|
responseMessage?: responseMessageType;
|
|
52
|
+
titleId: string;
|
|
53
53
|
};
|
|
54
54
|
export declare const ActionDialogContentInner: VFC<ActionDialogContentInnerProps>;
|
|
55
55
|
export {};
|
|
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { useOffsetHeight } from './dialogHelper';
|
|
5
5
|
import { Stack } from '../Layout';
|
|
6
|
-
import {
|
|
6
|
+
import { Button } from '../Button';
|
|
7
7
|
import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../Icon';
|
|
8
8
|
import { Text } from '../Text';
|
|
9
9
|
import { Loader } from '../Loader';
|
|
@@ -15,11 +15,6 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, c
|
|
|
15
15
|
onClickAction(onClickClose);
|
|
16
16
|
}, [onClickAction, onClickClose]);
|
|
17
17
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
18
|
-
let ActionButton = PrimaryButton;
|
|
19
|
-
if (actionTheme === 'secondary')
|
|
20
|
-
ActionButton = SecondaryButton;
|
|
21
|
-
if (actionTheme === 'danger')
|
|
22
|
-
ActionButton = DangerButton;
|
|
23
18
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
24
19
|
return (React.createElement(React.Fragment, null,
|
|
25
20
|
React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
@@ -28,8 +23,8 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, c
|
|
|
28
23
|
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
29
24
|
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
30
25
|
React.createElement(ButtonArea, { themes: theme, className: classNames.buttonArea },
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
26
|
+
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, closeText),
|
|
27
|
+
React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled || isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
33
28
|
responseMessage && (React.createElement(MessageWrapper, { role: "alert", className: classNames.alert, themes: theme },
|
|
34
29
|
responseMessage.status === 'success' ? (React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN })) : responseMessage.status === 'error' ? (React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER })) : (React.createElement(Spinner, { size: "s", themes: theme })),
|
|
35
30
|
React.createElement(Message, { themes: theme }, responseMessage.text))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode, RefObject, VFC } from 'react';
|
|
2
2
|
export declare type DialogContentInnerProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* オーバーレイをクリックした時に発火するコールバック関数
|
|
5
5
|
*/
|
|
6
6
|
onClickOverlay?: () => void;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* エスケープキーを押下した時に発火するコールバック関数
|
|
9
9
|
*/
|
|
10
10
|
onPressEscape?: () => void;
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* ダイアログを開いているかどうか
|
|
13
13
|
*/
|
|
14
14
|
isOpen: boolean;
|
|
15
15
|
/**
|
|
@@ -17,23 +17,23 @@ export declare type DialogContentInnerProps = {
|
|
|
17
17
|
*/
|
|
18
18
|
width?: string | number;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* ダイアログを開いたときの初期 top 位置
|
|
21
21
|
*/
|
|
22
22
|
top?: number;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* ダイアログを開いたときの初期 right 位置
|
|
25
25
|
*/
|
|
26
26
|
right?: number;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* ダイアログを開いたときの初期 bottom 位置
|
|
29
29
|
*/
|
|
30
30
|
bottom?: number;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* ダイアログを開いたときの初期 left 位置
|
|
33
33
|
*/
|
|
34
34
|
left?: number;
|
|
35
35
|
/**
|
|
36
|
-
* `id`
|
|
36
|
+
* ダイアログの `id`
|
|
37
37
|
*/
|
|
38
38
|
id?: string;
|
|
39
39
|
/**
|
|
@@ -41,19 +41,19 @@ export declare type DialogContentInnerProps = {
|
|
|
41
41
|
*/
|
|
42
42
|
firstFocusTarget?: RefObject<HTMLElement>;
|
|
43
43
|
/**
|
|
44
|
-
* `aria-label`
|
|
44
|
+
* ダイアログの `aria-label`
|
|
45
45
|
*/
|
|
46
46
|
ariaLabel?: string;
|
|
47
47
|
/**
|
|
48
|
-
* `aria-labelledby`
|
|
48
|
+
* ダイアログの `aria-labelledby`
|
|
49
49
|
*/
|
|
50
50
|
ariaLabelledby?: string;
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* コンポーネントに適用するクラス名
|
|
53
53
|
*/
|
|
54
54
|
className?: string;
|
|
55
55
|
/**
|
|
56
|
-
*
|
|
56
|
+
* ダイアログの内容
|
|
57
57
|
*/
|
|
58
58
|
children: ReactNode;
|
|
59
59
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
2
|
import { UncontrolledDialogProps } from './types';
|
|
3
3
|
import { BaseProps } from './MessageDialogContentInner';
|
|
4
|
-
declare type Props =
|
|
4
|
+
declare type Props = BaseProps & UncontrolledDialogProps;
|
|
5
5
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
6
|
export declare const MessageDialogContent: React.VFC<Props & ElementProps>;
|
|
7
7
|
export {};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import React, { VFC } from 'react';
|
|
2
2
|
export declare type BaseProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* ダイアログのタイトル
|
|
5
5
|
*/
|
|
6
6
|
title: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* ダイアログのサブタイトル
|
|
9
|
+
*/
|
|
7
10
|
subtitle?: React.ReactNode;
|
|
8
|
-
titleId: string;
|
|
9
11
|
/**
|
|
10
|
-
*
|
|
12
|
+
* ダイアログの説明
|
|
11
13
|
*/
|
|
12
14
|
description: React.ReactNode;
|
|
13
15
|
/**
|
|
14
|
-
*
|
|
16
|
+
* 閉じるボタンのラベル
|
|
15
17
|
*/
|
|
16
18
|
closeText?: React.ReactNode;
|
|
17
19
|
};
|
|
18
20
|
export declare type MessageDialogContentInnerProps = BaseProps & {
|
|
19
|
-
/**
|
|
20
|
-
* Handler function when clicking on close button.
|
|
21
|
-
*/
|
|
22
21
|
onClickClose: () => void;
|
|
22
|
+
titleId: string;
|
|
23
23
|
};
|
|
24
24
|
export declare const MessageDialogContentInner: VFC<MessageDialogContentInnerProps>;
|
|
@@ -4,7 +4,7 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
4
4
|
import { useClassNames } from './useClassNames';
|
|
5
5
|
import { useOffsetHeight } from './dialogHelper';
|
|
6
6
|
import { Stack } from '../Layout';
|
|
7
|
-
import {
|
|
7
|
+
import { Button } from '../Button';
|
|
8
8
|
import { Text } from '../Text';
|
|
9
9
|
export const MessageDialogContentInner = ({ title, subtitle, titleId, description, closeText = '閉じる', onClickClose, }) => {
|
|
10
10
|
const classNames = useClassNames().dialog;
|
|
@@ -16,7 +16,7 @@ export const MessageDialogContentInner = ({ title, subtitle, titleId, descriptio
|
|
|
16
16
|
React.createElement(Text, { as: "p", id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
|
|
17
17
|
React.createElement(Description, { themes: theme, offsetHeight: offsetHeight, className: classNames.description }, description),
|
|
18
18
|
React.createElement(Bottom, { themes: theme, ref: bottomRef, className: classNames.buttonArea },
|
|
19
|
-
React.createElement(
|
|
19
|
+
React.createElement(Button, { onClick: onClickClose, className: classNames.closeButton }, closeText))));
|
|
20
20
|
};
|
|
21
21
|
const TitleArea = styled(Stack)(({ themes: { border, spacing } }) => css `
|
|
22
22
|
border-bottom: ${border.shorthand};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
5
5
|
import { useId } from '../../hooks/useId';
|
|
6
6
|
import { useHandleEscape } from '../../hooks/useHandleEscape';
|
|
7
7
|
import { Base } from '../Base';
|
|
8
|
-
import {
|
|
8
|
+
import { Button } from '../Button';
|
|
9
9
|
import { FaGripHorizontalIcon, FaTimesIcon } from '../Icon';
|
|
10
10
|
import { useDialogPortal } from './useDialogPortal';
|
|
11
11
|
import { DialogOverlap } from './DialogOverlap';
|
|
@@ -117,7 +117,7 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
117
117
|
左から${Math.trunc(wrapperPosition.left)}px`, onKeyDown: handleArrowKey },
|
|
118
118
|
React.createElement(FaGripHorizontalIcon, null)),
|
|
119
119
|
React.createElement(CloseButtonLayout, null,
|
|
120
|
-
React.createElement(
|
|
120
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
121
121
|
React.createElement(FaTimesIcon, { visuallyHiddenText: "\u9589\u3058\u308B" })))),
|
|
122
122
|
React.createElement(Content, { className: classNames.content }, children),
|
|
123
123
|
footer && (React.createElement(Footer, { className: classNames.footer, themes: theme }, footer))))))));
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useRef, useState } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
-
import {
|
|
4
|
+
import { Button } from '../Button';
|
|
5
5
|
import { FaFolderOpenIcon } from '../Icon';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
7
|
const overrideEventDefault = (e) => {
|
|
@@ -33,7 +33,7 @@ export const DropZone = ({ children, onSelectFiles, accept, }) => {
|
|
|
33
33
|
};
|
|
34
34
|
return (React.createElement(Wrapper, { theme: theme, filesDraggedOver: filesDraggedOver, onDrop: onDrop, onDragOver: onDragOver, onDragLeave: onDragLeave, className: classNames.wrapper },
|
|
35
35
|
children,
|
|
36
|
-
React.createElement(
|
|
36
|
+
React.createElement(Button, { prefix: React.createElement(FaFolderOpenIcon, null), onClick: onClickButton }, "\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E"),
|
|
37
37
|
React.createElement("input", { ref: fileRef, type: "file", multiple: true, accept: accept, onChange: onChange })));
|
|
38
38
|
};
|
|
39
39
|
const Wrapper = styled.div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA0C,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpG,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/DropZone/DropZone.tsx"],"names":[],"mappings":"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"}
|