smarthr-ui 15.0.0 → 15.2.1
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 +53 -4
- package/esm/components/AppNavi/AppNavi.d.ts +7 -0
- package/esm/components/AppNavi/AppNavi.js +5 -6
- package/esm/components/AppNavi/AppNavi.js.map +1 -1
- package/esm/components/AppNavi/AppNaviAnchor.d.ts +4 -0
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/AppNavi/AppNaviButton.d.ts +4 -0
- package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
- package/esm/components/AppNavi/AppNaviCustomTag.d.ts +4 -0
- package/esm/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.d.ts +5 -0
- package/esm/components/AppNavi/AppNaviDropdown.js +26 -5
- package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/esm/components/AppNavi/appNaviHelper.d.ts +1 -1
- package/esm/components/AppNavi/appNaviHelper.js +7 -16
- package/esm/components/AppNavi/appNaviHelper.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.d.ts +11 -0
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +2 -2
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/JobIcon.js +1 -1
- package/esm/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
- package/esm/components/Balloon/Balloon.d.ts +5 -0
- package/esm/components/Balloon/Balloon.js.map +1 -1
- package/esm/components/Base/Base.d.ts +2 -0
- package/esm/components/Base/Base.js.map +1 -1
- package/esm/components/BottomFixedArea/TertiaryLink.js +1 -1
- package/esm/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/esm/components/Button/BaseButton.d.ts +9 -9
- package/esm/components/Calendar/Calendar.d.ts +4 -0
- package/esm/components/Calendar/Calendar.js +3 -3
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/CalendarTable.d.ts +5 -0
- package/esm/components/Calendar/CalendarTable.js.map +1 -1
- package/esm/components/Calendar/YearPicker.d.ts +6 -0
- package/esm/components/Calendar/YearPicker.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.d.ts +4 -2
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.d.ts +1 -0
- package/esm/components/CheckBox/CheckBoxInput.js +5 -5
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.d.ts +32 -19
- package/esm/components/ComboBox/MultiComboBox.js +34 -19
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItemInner.js +2 -2
- package/esm/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox.d.ts +17 -17
- package/esm/components/ComboBox/SingleComboBox.js +21 -18
- package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +2 -6
- package/esm/components/ComboBox/useListBox.js +58 -22
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/CompactInformationPanel/CompactInformationPanel.d.ts +3 -0
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +9 -4
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +27 -14
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/DropZone/DropZone.js +1 -1
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessage.d.ts +1 -1
- package/esm/components/FlashMessage/FlashMessage.js +17 -12
- package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -1
- package/esm/components/FormGroup/FormGroup.d.ts +3 -2
- package/esm/components/FormGroup/FormGroup.js +18 -4
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.js +1 -1
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +3 -3
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Pagination/Pagination.js +1 -1
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/PaginationControllerItem.js +1 -1
- package/esm/components/Pagination/PaginationControllerItem.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.d.ts +1 -0
- package/esm/components/RadioButton/RadioButton.js +19 -11
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +2 -3
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Select/Select.js +10 -9
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/TextLink/TextLink.js +13 -6
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/themes/createLeading.js +1 -1
- package/esm/themes/createLeading.js.map +1 -1
- package/lib/components/AppNavi/AppNavi.d.ts +7 -0
- package/lib/components/AppNavi/AppNavi.js +5 -6
- package/lib/components/AppNavi/AppNavi.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.d.ts +4 -0
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/AppNavi/AppNaviButton.d.ts +4 -0
- package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
- package/lib/components/AppNavi/AppNaviCustomTag.d.ts +4 -0
- package/lib/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.d.ts +5 -0
- package/lib/components/AppNavi/AppNaviDropdown.js +45 -5
- package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/lib/components/AppNavi/appNaviHelper.d.ts +1 -1
- package/lib/components/AppNavi/appNaviHelper.js +7 -35
- package/lib/components/AppNavi/appNaviHelper.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.d.ts +11 -0
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +2 -2
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/JobIcon.js +1 -1
- package/lib/components/BackgroundJobsPanel/JobIcon.js.map +1 -1
- package/lib/components/Balloon/Balloon.d.ts +5 -0
- package/lib/components/Balloon/Balloon.js.map +1 -1
- package/lib/components/Base/Base.d.ts +2 -0
- package/lib/components/Base/Base.js.map +1 -1
- package/lib/components/BottomFixedArea/TertiaryLink.js +1 -1
- package/lib/components/BottomFixedArea/TertiaryLink.js.map +1 -1
- package/lib/components/Button/BaseButton.d.ts +9 -9
- package/lib/components/Calendar/Calendar.d.ts +4 -0
- package/lib/components/Calendar/Calendar.js +3 -3
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/CalendarTable.d.ts +5 -0
- package/lib/components/Calendar/CalendarTable.js.map +1 -1
- package/lib/components/Calendar/YearPicker.d.ts +6 -0
- package/lib/components/Calendar/YearPicker.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.d.ts +4 -2
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.d.ts +1 -0
- package/lib/components/CheckBox/CheckBoxInput.js +5 -5
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.d.ts +32 -19
- package/lib/components/ComboBox/MultiComboBox.js +33 -18
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItemInner.js +2 -2
- package/lib/components/ComboBox/MultiSelectedItemInner.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.d.ts +17 -17
- package/lib/components/ComboBox/SingleComboBox.js +21 -18
- package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +2 -6
- package/lib/components/ComboBox/useListBox.js +58 -22
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/CompactInformationPanel/CompactInformationPanel.d.ts +3 -0
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +8 -3
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +26 -13
- 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/FilterDropdown/FilterDropdown.js +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessage.d.ts +1 -1
- package/lib/components/FlashMessage/FlashMessage.js +17 -12
- package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -1
- package/lib/components/FormGroup/FormGroup.d.ts +3 -2
- package/lib/components/FormGroup/FormGroup.js +18 -4
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.js +1 -1
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +3 -3
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Pagination/Pagination.js +1 -1
- package/lib/components/Pagination/Pagination.js.map +1 -1
- package/lib/components/Pagination/PaginationControllerItem.js +1 -1
- package/lib/components/Pagination/PaginationControllerItem.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.d.ts +1 -0
- package/lib/components/RadioButton/RadioButton.js +19 -11
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +2 -3
- package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/lib/components/Select/Select.js +10 -9
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/TextLink/TextLink.js +13 -6
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/themes/createLeading.js +1 -1
- package/lib/themes/createLeading.js.map +1 -1
- package/package.json +35 -35
package/CHANGELOG.md
CHANGED
|
@@ -2,14 +2,63 @@
|
|
|
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
|
+
### [15.2.1](https://github.com/kufu/smarthr-ui/compare/v15.2.0...v15.2.1) (2021-11-01)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* can not select search item ([#2008](https://github.com/kufu/smarthr-ui/issues/2008)) ([d820cc9](https://github.com/kufu/smarthr-ui/commit/d820cc9192e85fd6a2cf2aa3360eeeacb722fdf4))
|
|
11
|
+
* fix to activate selected item on SingleComboBox ([#2018](https://github.com/kufu/smarthr-ui/issues/2018)) ([3e82a21](https://github.com/kufu/smarthr-ui/commit/3e82a212b5e9e5012f6858d4db13ef8741fd27d6))
|
|
12
|
+
|
|
13
|
+
## [15.2.0](https://github.com/kufu/smarthr-ui/compare/v15.1.0...v15.2.0) (2021-10-26)
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### Features
|
|
17
|
+
|
|
18
|
+
* AppNavi にドロップダウン示唆プロパティを追加 ([#1969](https://github.com/kufu/smarthr-ui/issues/1969)) ([eaaf5f7](https://github.com/kufu/smarthr-ui/commit/eaaf5f73d020e642cb8ff38dce68fb67c80d6265))
|
|
19
|
+
* ComboBox・DatePicker・Selectのキャレットの色を変更・統一 ([#1975](https://github.com/kufu/smarthr-ui/issues/1975)) ([fbfe05c](https://github.com/kufu/smarthr-ui/commit/fbfe05c1824ed529145c19f515cfbae51599d51f))
|
|
20
|
+
* comboboxのautoComplete属性をoffに変更 ([#1974](https://github.com/kufu/smarthr-ui/issues/1974)) ([c8e3228](https://github.com/kufu/smarthr-ui/commit/c8e3228b9ea8988e10006b0c38f4a328e32d36c2))
|
|
21
|
+
* comboboxのautoComplete属性をoffに変更 ([#1974](https://github.com/kufu/smarthr-ui/issues/1974)) ([1d5efdd](https://github.com/kufu/smarthr-ui/commit/1d5efdded8a188761585b1d13a92ba0816828984))
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
### Bug Fixes
|
|
25
|
+
|
|
26
|
+
* `CheckBox` 内のアイコンサイズがブラウザのフォントサイズ設定に追従するように変更 ([#1965](https://github.com/kufu/smarthr-ui/issues/1965)) ([2a9b09b](https://github.com/kufu/smarthr-ui/commit/2a9b09b288274ac822c80f9efcdd73a11775fd2b))
|
|
27
|
+
* add value, role, name to `<ModelessDialog>` handle ([#1967](https://github.com/kufu/smarthr-ui/issues/1967)) ([342aef9](https://github.com/kufu/smarthr-ui/commit/342aef9eab52f1ad792d8fd95305738492069464))
|
|
28
|
+
* change `FormGroup` to be able to indicate that is a group ([#1968](https://github.com/kufu/smarthr-ui/issues/1968)) ([7f1ec03](https://github.com/kufu/smarthr-ui/commit/7f1ec03689a51f63ecba6052907dc62a779ea2e3))
|
|
29
|
+
* change header height of `ModelessDialog` not to expand by padding ([#1963](https://github.com/kufu/smarthr-ui/issues/1963)) ([748b31f](https://github.com/kufu/smarthr-ui/commit/748b31f7c767aafa1a8e8114d04090a89012246d))
|
|
30
|
+
* change not to set icon size in `AppNavi` ([#1964](https://github.com/kufu/smarthr-ui/issues/1964)) ([4242aee](https://github.com/kufu/smarthr-ui/commit/4242aeed53d77091deae250f0e07a13d1d46d27e))
|
|
31
|
+
* FlashMessage のアイコン縦位置のズレを直しました ([#1966](https://github.com/kufu/smarthr-ui/issues/1966)) ([ca14c52](https://github.com/kufu/smarthr-ui/commit/ca14c5274299a96ebd399cd41c893562106b5e06))
|
|
32
|
+
|
|
33
|
+
## [15.1.0](https://github.com/kufu/smarthr-ui/compare/v15.0.1...v15.1.0) (2021-10-11)
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
### Features
|
|
37
|
+
|
|
38
|
+
* `MultiComboBox` のテキストボックスを制御できるようにするオプションを追加 (SHRUI-458) ([#1929](https://github.com/kufu/smarthr-ui/issues/1929)) ([12e2af3](https://github.com/kufu/smarthr-ui/commit/12e2af3137586d3423312ed23b1c9af31829a15f))
|
|
39
|
+
* TextLink の折返しに対応し、Affix にも下線を引く|SHRUI-481 ([#1943](https://github.com/kufu/smarthr-ui/issues/1943)) ([63e216b](https://github.com/kufu/smarthr-ui/commit/63e216b26661ca8f4887d4c948abab4065d08666))
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
* change position of radio button with multi line label to top ([#1945](https://github.com/kufu/smarthr-ui/issues/1945)) ([4bbe3c3](https://github.com/kufu/smarthr-ui/commit/4bbe3c3edbd0bb2973b9301c300e3310770b1b22))
|
|
45
|
+
* コンボボックスのドロップダウンが画面からはみ出さないようにする (SHRUI-478) ([#1930](https://github.com/kufu/smarthr-ui/issues/1930)) ([229ae02](https://github.com/kufu/smarthr-ui/commit/229ae020d8f359bf8fd4aaf6213ba7274cf43a57))
|
|
46
|
+
* 不要なアイコンサイズを削除 ([#1941](https://github.com/kufu/smarthr-ui/issues/1941)) ([12e06d5](https://github.com/kufu/smarthr-ui/commit/12e06d5816fc5132e54fc588169d87c33e4a375f))
|
|
47
|
+
|
|
48
|
+
### [15.0.1](https://github.com/kufu/smarthr-ui/compare/v15.0.0...v15.0.1) (2021-10-04)
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### Bug Fixes
|
|
52
|
+
|
|
53
|
+
* fix flex shorthand for IE ([#1932](https://github.com/kufu/smarthr-ui/issues/1932)) ([4e14559](https://github.com/kufu/smarthr-ui/commit/4e1455942dd01dec91e7a975f07af918a552232e))
|
|
54
|
+
* SegmentedControl の border が消えているので修正 ([#1920](https://github.com/kufu/smarthr-ui/issues/1920)) ([8d63135](https://github.com/kufu/smarthr-ui/commit/8d63135b35e38a54536be8a59029abc796c30efa))
|
|
55
|
+
|
|
5
56
|
## [15.0.0](https://github.com/kufu/smarthr-ui/compare/v14.4.0...v15.0.0) (2021-09-28)
|
|
6
57
|
|
|
7
58
|
|
|
8
59
|
### ⚠ BREAKING CHANGES
|
|
9
60
|
|
|
10
|
-
* Button / Input / Selectの高さの計算を変更しました。Button
|
|
11
|
-
* Input のスタイリングを見直す|SHRUI-460 (#1909)
|
|
12
|
-
* Button の width / height の固定値をやめる|SHRUI-427 (#1908)
|
|
61
|
+
* Button / Input / Selectの高さの計算を変更しました。Buttonの高さが固定でなくなり、フォントサイズやフレックスコンテナーの `align` の値など外部に依存します。
|
|
13
62
|
|
|
14
63
|
### Features
|
|
15
64
|
|
|
@@ -18,7 +67,7 @@ All notable changes to this project will be documented in this file. See [standa
|
|
|
18
67
|
* Input のスタイリングを見直す|SHRUI-460 ([#1909](https://github.com/kufu/smarthr-ui/issues/1909)) ([6351125](https://github.com/kufu/smarthr-ui/commit/635112525495d32f4aa2366168bbd261f4d8d444))
|
|
19
68
|
* Select のスタイリングを見直す ([#1919](https://github.com/kufu/smarthr-ui/issues/1919)) ([49b32d4](https://github.com/kufu/smarthr-ui/commit/49b32d44814783fc3fc0bb6670e8ea2ee1d1328c))
|
|
20
69
|
* 各種 Dialog を body 直下以外からも生成できるようにする|SHRUI-474 ([#1891](https://github.com/kufu/smarthr-ui/issues/1891)) ([fa8eab8](https://github.com/kufu/smarthr-ui/commit/fa8eab8ab71e353cfc893d1e6c3322399854ae46))
|
|
21
|
-
|
|
70
|
+
* `<Sidebar>` Component を追加 ([#1888](https://github.com/kufu/smarthr-ui/issues/1888))
|
|
22
71
|
|
|
23
72
|
### Bug Fixes
|
|
24
73
|
|
|
@@ -5,11 +5,18 @@ import { AppNaviDropdownProps } from './AppNaviDropdown';
|
|
|
5
5
|
import { AppNaviCustomTagProps } from './AppNaviCustomTag';
|
|
6
6
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
7
7
|
declare type Props = {
|
|
8
|
+
/** ラベルのテキスト */
|
|
8
9
|
label?: string;
|
|
10
|
+
/** 表示するボタンの Props の配列 */
|
|
9
11
|
buttons?: Array<AppNaviButtonProps | AppNaviAnchorProps | AppNaviDropdownProps | AppNaviCustomTagProps>;
|
|
12
|
+
/** アクティブ状態のボタンがクリック可能かどうか */
|
|
10
13
|
isCurrentUnclickable?: boolean;
|
|
14
|
+
/** 追加で表示する内容 */
|
|
11
15
|
children?: ReactNode;
|
|
16
|
+
/** コンポーネントに適用するクラス名 */
|
|
12
17
|
className?: string;
|
|
18
|
+
/** ドロップダウンにキャレットを表示するかどうか */
|
|
19
|
+
displayDrodownCaret?: boolean;
|
|
13
20
|
};
|
|
14
21
|
export declare const AppNavi: VFC<Props & ElementProps>;
|
|
15
22
|
export {};
|
|
@@ -34,7 +34,7 @@ import { AppNaviDropdown } from './AppNaviDropdown';
|
|
|
34
34
|
import { AppNaviCustomTag } from './AppNaviCustomTag';
|
|
35
35
|
import { useClassNames } from './useClassNames';
|
|
36
36
|
export var AppNavi = function (_a) {
|
|
37
|
-
var label = _a.label, buttons = _a.buttons, isCurrentUnclickable = _a.isCurrentUnclickable, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? null : _c, props = __rest(_a, ["label", "buttons", "isCurrentUnclickable", "className", "children"]);
|
|
37
|
+
var label = _a.label, buttons = _a.buttons, isCurrentUnclickable = _a.isCurrentUnclickable, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? null : _c, _d = _a.displayDrodownCaret, displayDrodownCaret = _d === void 0 ? false : _d, props = __rest(_a, ["label", "buttons", "isCurrentUnclickable", "className", "children", "displayDrodownCaret"]);
|
|
38
38
|
var theme = useTheme();
|
|
39
39
|
var classNames = useClassNames();
|
|
40
40
|
return (React.createElement(Wrapper, __assign({ themes: theme, className: className + " " + classNames.wrapper }, props),
|
|
@@ -47,7 +47,7 @@ export var AppNavi = function (_a) {
|
|
|
47
47
|
}
|
|
48
48
|
if ('dropdownContent' in button) {
|
|
49
49
|
return (React.createElement("li", { key: i, className: classNames.listItem },
|
|
50
|
-
React.createElement(AppNaviDropdown, { dropdownContent: button.dropdownContent, icon: button.icon, current: button.current, isUnclickable: isUnclickable }, button.children)));
|
|
50
|
+
React.createElement(AppNaviDropdown, { dropdownContent: button.dropdownContent, icon: button.icon, current: button.current, isUnclickable: isUnclickable, displayCaret: displayDrodownCaret }, button.children)));
|
|
51
51
|
}
|
|
52
52
|
if ('tag' in button) {
|
|
53
53
|
var tag = button.tag, icon = button.icon, current = button.current, buttonChildren = button.children, buttonProps = __rest(button, ["tag", "icon", "current", "children"]);
|
|
@@ -60,9 +60,8 @@ export var AppNavi = function (_a) {
|
|
|
60
60
|
children));
|
|
61
61
|
};
|
|
62
62
|
var Wrapper = styled.nav(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
63
|
-
var _b = _a.themes, color = _b.color, shadow = _b.shadow,
|
|
64
|
-
|
|
65
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n padding: 0 ", ";\n background-color: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n "], ["\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n padding: 0 ", ";\n background-color: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n "])), pxToRem(20), color.WHITE, shadow.LAYER1);
|
|
63
|
+
var _b = _a.themes, color = _b.color, shadow = _b.shadow, spacingByChar = _b.spacingByChar;
|
|
64
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n box-shadow: ", ";\n background-color: ", ";\n padding-right: ", ";\n padding-left: ", ";\n "], ["\n display: flex;\n align-items: center;\n box-shadow: ", ";\n background-color: ", ";\n padding-right: ", ";\n padding-left: ", ";\n "])), shadow.LAYER1, color.WHITE, spacingByChar(1.5), spacingByChar(1.5));
|
|
66
65
|
});
|
|
67
66
|
var StatusLabel = styled(StatusLabelComponent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
68
67
|
var spacingByChar = _a.themes.spacingByChar;
|
|
@@ -70,7 +69,7 @@ var StatusLabel = styled(StatusLabelComponent)(templateObject_4 || (templateObje
|
|
|
70
69
|
});
|
|
71
70
|
var Buttons = styled.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
72
71
|
var spacingByChar = _a.themes.spacingByChar;
|
|
73
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: 0;\n padding: 0;\n\n > li {\n list-style: none;\n
|
|
72
|
+
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n margin: 0;\n padding: 0;\n\n > li {\n list-style: none;\n }\n "], ["\n display: flex;\n align-items: center;\n gap: ", ";\n margin: 0;\n padding: 0;\n\n > li {\n list-style: none;\n }\n "])), spacingByChar(1));
|
|
74
73
|
});
|
|
75
74
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
76
75
|
//# sourceMappingURL=AppNavi.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode, VFC } from 'react';
|
|
2
2
|
import { ComponentProps as IconProps } from '../Icon';
|
|
3
3
|
export declare type AppNaviAnchorProps = {
|
|
4
|
+
/** アンカーのテキスト */
|
|
4
5
|
children: ReactNode;
|
|
6
|
+
/** アンカーの href */
|
|
5
7
|
href: string;
|
|
8
|
+
/** 表示するアイコンタイプ */
|
|
6
9
|
icon?: React.ComponentType<IconProps>;
|
|
10
|
+
/** アクティブ状態であるかどうか */
|
|
7
11
|
current?: boolean;
|
|
8
12
|
};
|
|
9
13
|
declare type InnerProps = AppNaviAnchorProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,IAAM,aAAa,GAAoB,UAAC,EAM9C;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA;IAErB,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,UAAU,CAAC,MAAM;QAE3B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAiB,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAA"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode, VFC } from 'react';
|
|
2
2
|
import { ComponentProps as IconProps } from '../Icon';
|
|
3
3
|
export declare type AppNaviButtonProps = {
|
|
4
|
+
/** ボタンのテキスト */
|
|
4
5
|
children: ReactNode;
|
|
6
|
+
/** 表示するアイコンタイプ */
|
|
5
7
|
icon?: React.ComponentType<IconProps>;
|
|
8
|
+
/** アクティブ状態であるかどうか */
|
|
6
9
|
current?: boolean;
|
|
10
|
+
/** クリックイベントのハンドラ */
|
|
7
11
|
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
8
12
|
};
|
|
9
13
|
declare type InnerProps = AppNaviButtonProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,IAAM,aAAa,GAAoB,UAAC,EAM9C;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,OAAO,aAAA;IAEP,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,MAAM;QAE3B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAiB,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAA"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React, { ComponentType, ReactNode, VFC } from 'react';
|
|
2
2
|
import { ComponentProps as IconProps } from '../Icon';
|
|
3
3
|
export declare type AppNaviCustomTagProps = {
|
|
4
|
+
/** ボタンのテキスト */
|
|
4
5
|
children: ReactNode;
|
|
6
|
+
/** このボタンのカスタムタグ */
|
|
5
7
|
tag: ComponentType<any>;
|
|
8
|
+
/** 表示するアイコンタイプ */
|
|
6
9
|
icon?: React.ComponentType<IconProps>;
|
|
10
|
+
/** アクティブ状態であるかどうか */
|
|
7
11
|
current?: boolean;
|
|
8
12
|
} & {
|
|
9
13
|
[key: string]: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,IAAM,gBAAgB,GAAoB,UAAC,EAOjD;IANC,IAAA,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,KAAK,cANwC,uDAOjD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEhE,IAAI,OAAO,EAAE;QACX,IAAI,aAAa,EAAE;YACjB,IAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC5D,OAAO,CACL,oBAAC,iBAAiB,aAChB,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS,IAC3B,KAAK,EACL,gBAAgB;gBAEnB,aAAa;gBACb,QAAQ,CACS,CACrB,CAAA;SACF;QACD,OAAO,CACL,oBAAC,MAAM,aACL,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS,IAC3B,KAAK;YAER,aAAa;YACb,QAAQ,CACF,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,QAAQ,aAAC,EAAE,EAAE,GAAG,aAAW,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,IAAM,KAAK;QAC1E,aAAa;QACb,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB,UAAC,EAAW;QAAT,OAAO,aAAA;IACtD,OAAA,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAAjD,CAAiD,CAClD,CAAA;AACD,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqB,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAAjC,CAAiC,CAAC,CAAA;AACnG,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB,UAAC,EAAW;QAAT,OAAO,aAAA;IACjE,OAAA,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AAAtE,CAAsE,CACvE,CAAA"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import React, { ReactNode, VFC } from 'react';
|
|
2
2
|
import { ComponentProps as IconProps } from '../Icon';
|
|
3
3
|
export declare type AppNaviDropdownProps = {
|
|
4
|
+
/** ボタンのテキスト */
|
|
4
5
|
children: ReactNode;
|
|
6
|
+
/** ドロップダウンのコンテンツ */
|
|
5
7
|
dropdownContent: ReactNode;
|
|
8
|
+
/** 表示するアイコンタイプ */
|
|
6
9
|
icon?: React.ComponentType<IconProps>;
|
|
10
|
+
/** アクティブ状態であるかどうか */
|
|
7
11
|
current?: boolean;
|
|
8
12
|
};
|
|
9
13
|
declare type InnerProps = AppNaviDropdownProps & {
|
|
10
14
|
isUnclickable?: boolean;
|
|
15
|
+
displayCaret?: boolean;
|
|
11
16
|
};
|
|
12
17
|
export declare const AppNaviDropdown: VFC<InnerProps>;
|
|
13
18
|
export {};
|
|
@@ -1,18 +1,39 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
6
|
+
var t = {};
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
10
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
11
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
12
|
+
t[p[i]] = s[p[i]];
|
|
13
|
+
}
|
|
14
|
+
return t;
|
|
15
|
+
};
|
|
1
16
|
import React from 'react';
|
|
2
|
-
import styled from 'styled-components';
|
|
17
|
+
import styled, { css } from 'styled-components';
|
|
3
18
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
19
|
import { Dropdown, DropdownContent, DropdownTrigger } from '../Dropdown';
|
|
20
|
+
import { FaCaretDownIcon } from '../Icon';
|
|
5
21
|
import { getIconComponent, getItemStyle } from './appNaviHelper';
|
|
6
22
|
export var AppNaviDropdown = function (_a) {
|
|
7
|
-
var children = _a.children, dropdownContent = _a.dropdownContent, icon = _a.icon, _b = _a.current, current = _b === void 0 ? false : _b, _c = _a.isUnclickable, isUnclickable = _c === void 0 ? false : _c;
|
|
23
|
+
var children = _a.children, dropdownContent = _a.dropdownContent, icon = _a.icon, _b = _a.current, current = _b === void 0 ? false : _b, _c = _a.isUnclickable, isUnclickable = _c === void 0 ? false : _c, displayCaret = _a.displayCaret;
|
|
8
24
|
var theme = useTheme();
|
|
9
25
|
var iconComponent = getIconComponent(theme, { icon: icon, current: current });
|
|
10
26
|
return (React.createElement(Dropdown, null,
|
|
11
27
|
React.createElement(DropdownTrigger, null,
|
|
12
|
-
React.createElement(TriggerButton, { themes: theme, "aria-current": current ? 'page' : undefined, isActive: current, disabled: isUnclickable, isUnclickable: isUnclickable, type: "button" },
|
|
28
|
+
React.createElement(TriggerButton, { themes: theme, "aria-current": current ? 'page' : undefined, isActive: current, disabled: isUnclickable, isUnclickable: isUnclickable, type: "button", displayCaret: displayCaret },
|
|
13
29
|
iconComponent,
|
|
14
|
-
children
|
|
30
|
+
children,
|
|
31
|
+
displayCaret && React.createElement(FaCaretDownIcon, null))),
|
|
15
32
|
React.createElement(DropdownContent, null, dropdownContent)));
|
|
16
33
|
};
|
|
17
|
-
var TriggerButton = styled.button(function (
|
|
34
|
+
var TriggerButton = styled.button(function (_a) {
|
|
35
|
+
var displayCaret = _a.displayCaret, props = __rest(_a, ["displayCaret"]);
|
|
36
|
+
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n\n ", "\n "], ["\n ", "\n\n ", "\n "])), getItemStyle(props), displayCaret && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &[aria-expanded='true'] {\n .smarthr-ui-Icon:last-child {\n transform: rotate(0.5turn);\n }\n }\n "], ["\n &[aria-expanded='true'] {\n .smarthr-ui-Icon:last-child {\n transform: rotate(0.5turn);\n }\n }\n "]))));
|
|
37
|
+
});
|
|
38
|
+
var templateObject_1, templateObject_2;
|
|
18
39
|
//# sourceMappingURL=AppNaviDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AACtE,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAkBhF,MAAM,CAAC,IAAM,eAAe,GAAoB,UAAC,EAOhD;QANC,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,YAAY,kBAAA;IAEZ,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,aAAa,IACZ,MAAM,EAAE,KAAK,kBACC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY;gBAEzB,aAAa;gBACb,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACtB,CACA;QAElB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CACjC,UAAC,EAA0B;IAAxB,IAAA,YAAY,kBAAA,EAAK,KAAK,cAAxB,gBAA0B,CAAF;IAAO,OAAA,GAAG,+FAAA,QAC/B,EAAmB,UAEnB,EAOD,MACF,KAVG,YAAY,CAAC,KAAK,CAAC,EAEnB,YAAY,IACd,GAAG,8MAAA,2IAMF,IAAA,EACF;CAAA,CACF,CAAA"}
|
|
@@ -10,4 +10,4 @@ export declare type ItemStyleProps = {
|
|
|
10
10
|
isActive?: boolean;
|
|
11
11
|
isUnclickable?: boolean;
|
|
12
12
|
};
|
|
13
|
-
export declare
|
|
13
|
+
export declare const getItemStyle: ({ themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, isActive, isUnclickable, }: ItemStyleProps) => import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -14,7 +14,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
return __assign.apply(this, arguments);
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
|
-
import
|
|
17
|
+
import { css } from 'styled-components';
|
|
18
18
|
export var getIconComponent = function (theme, options) {
|
|
19
19
|
var opts = __assign({ icon: null, current: false }, options);
|
|
20
20
|
var _a = theme.color, TEXT_BLACK = _a.TEXT_BLACK, TEXT_GREY = _a.TEXT_GREY;
|
|
@@ -22,22 +22,13 @@ export var getIconComponent = function (theme, options) {
|
|
|
22
22
|
return null;
|
|
23
23
|
var Icon = opts.icon;
|
|
24
24
|
var iconProps = {
|
|
25
|
-
size: 14,
|
|
26
25
|
color: opts.current ? TEXT_BLACK : TEXT_GREY,
|
|
27
26
|
};
|
|
28
|
-
return
|
|
29
|
-
React.createElement(Icon, __assign({}, iconProps))));
|
|
27
|
+
return React.createElement(Icon, __assign({}, iconProps));
|
|
30
28
|
};
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
return css(
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
var themes = _a.themes, isActive = _a.isActive, isUnclickable = _a.isUnclickable;
|
|
37
|
-
var fontSize = themes.fontSize, color = themes.color, size = themes.size;
|
|
38
|
-
var pxToRem = size.pxToRem;
|
|
39
|
-
var hoverColor = color.hoverColor, MAIN = color.MAIN, TEXT_BLACK = color.TEXT_BLACK, TEXT_GREY = color.TEXT_GREY;
|
|
40
|
-
return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 40px;\n padding: 0 0.4rem;\n margin: 0;\n background: none;\n border: none;\n color: ", ";\n font-size: ", ";\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s;\n ", "\n ", "\n "], ["\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 40px;\n padding: 0 0.4rem;\n margin: 0;\n background: none;\n border: none;\n color: ", ";\n font-size: ", ";\n font-weight: bold;\n text-decoration: none;\n transition: background-color 0.3s;\n ", "\n ", "\n "])), TEXT_GREY, fontSize.M, isActive && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n position: relative;\n &::after {\n content: '';\n display: block;\n height: ", ";\n background-color: ", ";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n }\n "], ["\n color: ", ";\n position: relative;\n &::after {\n content: '';\n display: block;\n height: ", ";\n background-color: ", ";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n }\n "])), TEXT_BLACK, pxToRem(3), MAIN), !isUnclickable && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), hoverColor(color.WHITE)));
|
|
41
|
-
}
|
|
42
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
29
|
+
export var getItemStyle = function (_a) {
|
|
30
|
+
var _b = _a.themes, _c = _b.color, hoverColor = _c.hoverColor, MAIN = _c.MAIN, TEXT_BLACK = _c.TEXT_BLACK, TEXT_GREY = _c.TEXT_GREY, WHITE = _c.WHITE, fontSize = _b.fontSize, leading = _b.leading, spacingByChar = _b.spacingByChar, isActive = _a.isActive, isUnclickable = _a.isUnclickable;
|
|
31
|
+
return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n margin: 0;\n border: none;\n background-color: transparent;\n padding: ", " ", ";\n text-decoration: none;\n font-size: ", ";\n font-weight: bold;\n line-height: ", ";\n color: ", ";\n\n ", "\n ", "\n "], ["\n display: flex;\n align-items: center;\n gap: ", ";\n margin: 0;\n border: none;\n background-color: transparent;\n padding: ", " ", ";\n text-decoration: none;\n font-size: ", ";\n font-weight: bold;\n line-height: ", ";\n color: ", ";\n\n ", "\n ", "\n "])), spacingByChar(0.5), spacingByChar(0.75), spacingByChar(0.5), fontSize.M, leading.NONE, TEXT_GREY, isActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n position: relative;\n &::after {\n content: '';\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background-color: ", ";\n height: ", ";\n }\n "], ["\n color: ", ";\n position: relative;\n &::after {\n content: '';\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n background-color: ", ";\n height: ", ";\n }\n "])), TEXT_BLACK, MAIN, spacingByChar(0.25)), !isUnclickable && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), hoverColor(WHITE)));
|
|
32
|
+
};
|
|
33
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
43
34
|
//# sourceMappingURL=appNaviHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAMvC,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,KAAY,EACZ,OAAsE;IAEtE,IAAM,IAAI,cACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,IACX,OAAO,CACX,CAAA;IACK,IAAA,KAA4B,KAAK,CAAC,KAAK,EAArC,UAAU,gBAAA,EAAE,SAAS,eAAgB,CAAA;IAE7C,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAE3B,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAEtB,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAA;IAED,OAAO,oBAAC,IAAI,eAAK,SAAS,EAAI,CAAA;AAChC,CAAC,CAAA;AAOD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EASZ;QARf,cAKC,EAJC,aAAyD,EAAhD,UAAU,gBAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EACvD,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,mBAAA,EAEf,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEb,OAAA,GAAG,iXAAA,2DAGM,EAAkB,yFAId,EAAmB,GAAI,EAAkB,gDAEvC,EAAU,8CAER,EAAY,gBAClB,EAAS,WAEhB,EAcD,QACC,EAMD,MACF,KAjCQ,aAAa,CAAC,GAAG,CAAC,EAId,aAAa,CAAC,IAAI,CAAC,EAAI,aAAa,CAAC,GAAG,CAAC,EAEvC,QAAQ,CAAC,CAAC,EAER,OAAO,CAAC,IAAI,EAClB,SAAS,EAEhB,QAAQ,IACV,GAAG,kVAAA,iBACQ,EAAU,iNASG,EAAI,qBACd,EAAmB,kBAEhC,KAZU,UAAU,EASG,IAAI,EACd,aAAa,CAAC,IAAI,CAAC,CAEhC,EACC,CAAC,aAAa,IAChB,GAAG,8JAAA,uEAGqB,EAAiB,kBAExC,KAFuB,UAAU,CAAC,KAAK,CAAC,CAExC;AAnCH,CAoCC,CAAA"}
|
|
@@ -3,18 +3,29 @@ import { Base } from '../Base';
|
|
|
3
3
|
declare type JobId = string | number;
|
|
4
4
|
export declare type Status = 'processing' | 'downloading' | 'warning' | 'error' | 'done';
|
|
5
5
|
export declare type JobProps = {
|
|
6
|
+
/** ジョブの ID */
|
|
6
7
|
id: JobId;
|
|
8
|
+
/** ジョブのステータス */
|
|
7
9
|
status: Status;
|
|
10
|
+
/** ジョブ名 */
|
|
8
11
|
name: string;
|
|
12
|
+
/** ジョブの説明 */
|
|
9
13
|
description: string;
|
|
14
|
+
/** ジョブがキャンセル可能かどうか */
|
|
10
15
|
isCancelable?: boolean;
|
|
11
16
|
};
|
|
12
17
|
declare type Props = {
|
|
18
|
+
/** パネルのタイトル */
|
|
13
19
|
title: string;
|
|
20
|
+
/** バックグラウンドジョブデータの配列 */
|
|
14
21
|
jobs: JobProps[];
|
|
22
|
+
/** パネルを広げるかどうか */
|
|
15
23
|
isExpanded?: boolean;
|
|
24
|
+
/** ジョブのキャンセルボタンクリックのハンドラ */
|
|
16
25
|
onClickCancelJob?: (jobId: JobId) => void;
|
|
26
|
+
/** パネルの開閉ボタンクリックのハンドラ */
|
|
17
27
|
onClickExpansion?: (isExpanded: boolean) => void;
|
|
28
|
+
/** パネルの閉じるボタンクリックのハンドラ */
|
|
18
29
|
onClickClose?: () => void;
|
|
19
30
|
};
|
|
20
31
|
declare type ElementProps = Omit<ComponentProps<typeof Base>, keyof Props | 'children'>;
|
|
@@ -44,9 +44,9 @@ export var BackgroundJobsPanel = function (_a) {
|
|
|
44
44
|
if (!isExpansionControlled) {
|
|
45
45
|
setIsExpanded(!isExpanded);
|
|
46
46
|
}
|
|
47
|
-
}, "aria-expanded": isExpanded, "aria-controls": jobListId, className: classNames.toggleButton }, isExpanded ? (React.createElement(FaMinusIcon, {
|
|
47
|
+
}, "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" }))),
|
|
48
48
|
React.createElement(SecondaryButton, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
49
|
-
React.createElement(FaTimesIcon, {
|
|
49
|
+
React.createElement(FaTimesIcon, { visuallyHiddenText: "\u9589\u3058\u308B" })))),
|
|
50
50
|
React.createElement(JobList, { themes: themes, isExpanded: isExpanded, id: jobListId, className: classNames.list }, jobs.map(function (job) {
|
|
51
51
|
var handleClickCancelJob = onClickCancelJob ? function () { return onClickCancelJob(job.id); } : undefined;
|
|
52
52
|
return (React.createElement(Job, { key: job.id, themes: themes, className: classNames.listItem },
|
|
@@ -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,eAAe,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export var JobIcon = function (_a) {
|
|
|
5
5
|
var status = _a.status;
|
|
6
6
|
var Icon = getIcon(status);
|
|
7
7
|
var color = useIconColor(status);
|
|
8
|
-
return React.createElement(Icon, { color: color
|
|
8
|
+
return React.createElement(Icon, { color: color });
|
|
9
9
|
};
|
|
10
10
|
function getIcon(status) {
|
|
11
11
|
switch (status) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JobIcon.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/JobIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACb,iBAAiB,GAElB,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,IAAM,OAAO,GAAe,UAAC,EAAU;QAAR,MAAM,YAAA;IAC1C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAElC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"JobIcon.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/JobIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACb,iBAAiB,GAElB,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,IAAM,OAAO,GAAe,UAAC,EAAU;QAAR,MAAM,YAAA;IAC1C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,IAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAElC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;AAC/B,CAAC,CAAA;AAED,SAAS,OAAO,CAAC,MAAc;IAC7B,QAAQ,MAAM,EAAE;QACd,KAAK,YAAY;YACf,OAAO,aAAa,CAAA;QACtB,KAAK,aAAa;YAChB,OAAO,sBAAsB,CAAA;QAC/B,KAAK,SAAS;YACZ,OAAO,yBAAyB,CAAA;QAClC,KAAK,OAAO;YACV,OAAO,iBAAiB,CAAA;QAC1B,KAAK,MAAM;YACT,OAAO,iBAAiB,CAAA;KAC3B;AACH,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAChB,IAAA,KAAK,GAAK,KAAK,MAAV,CAAU;IACvB,QAAQ,MAAM,EAAE;QACd,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAA;QACtB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,MAAM,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAA;QACxB;YACE,OAAO,KAAK,CAAC,UAAU,CAAA;KAC1B;AACH,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
export declare type BalloonTheme = 'light' | 'dark';
|
|
3
3
|
export declare type Props = {
|
|
4
|
+
/** 吹き出しの垂直位置 */
|
|
4
5
|
horizontal: 'right' | 'center' | 'left';
|
|
6
|
+
/** 吹き出しの水平位置 */
|
|
5
7
|
vertical: 'top' | 'middle' | 'bottom';
|
|
8
|
+
/** コンポーネントに適用するクラス名 */
|
|
6
9
|
className?: string;
|
|
10
|
+
/** バルーン内のコンテンツ */
|
|
7
11
|
children?: ReactNode;
|
|
12
|
+
/** レンダリングするタグ */
|
|
8
13
|
as?: 'div' | 'span';
|
|
9
14
|
};
|
|
10
15
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.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;
|
|
1
|
+
{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.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;AAmB/C,IAAM,cAAc,GAAG,UAAC,KAAmB;IACzC,IAAM,OAAO,GAA8B,UAAC,EAK3C;QAJC,IAAA,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAJkC,uCAK3C,CADS;QAER,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACpD,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAA;SAC9F;QAED,IAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;QACjB,IAAA,OAAO,GAAK,aAAa,EAAE,QAApB,CAAoB;QACnC,IAAM,UAAU,GAAM,KAAK,SAAI,UAAU,SAAI,QAAQ,SAAI,SAAS,SAAI,OAAS,CAAA;QAE/E,OAAO,oBAAC,IAAI,aAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;IACnE,CAAC,CAAA;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAC9C,6DAA6D;AAC7D,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAA;AACnC,6DAA6D;AAC7D,MAAM,CAAC,IAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEjD,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,+EAAmB,MACtC,EAmKD,IACF,KApKG,UAAC,EAAU;QAAR,MAAM,YAAA;IACD,IAAA,KAAK,GAA+B,MAAM,MAArC,EAAE,MAAM,GAAuB,MAAM,OAA7B,EAAE,QAAQ,GAAa,MAAM,SAAnB,EAAE,MAAM,GAAK,MAAM,OAAX,CAAW;IAElD,OAAO,GAAG,w7GAAA,8EAGK,EAAU,kDAET,EAAa,mJAOT,EAAgB,iFAKZ,EAAW,oBACtB,EAAgB,wDAGL,EAAgB,oBAC3B,EAAgB,0GAKiB,EAAY,oFAGZ,EAAW,8FAKnC,EAAY,oFAGZ,EAAW,+JAOa,EAAgB,gHAMxC,EAAgB,8wCAoEA,EAAY,4GAGZ,EAAW,qKAMX,EAAgB,maAiBQ,EAAY,4GAGZ,EAAW,qKAMX,EAAgB,yDAK7E,KA5Jc,QAAQ,CAAC,CAAC,EAET,MAAM,CAAC,MAAM,EAOT,MAAM,CAAC,SAAS,EAKZ,KAAK,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,EAGL,KAAK,CAAC,UAAU,EAC3B,KAAK,CAAC,UAAU,EAKiB,KAAK,CAAC,MAAM,EAGZ,KAAK,CAAC,KAAK,EAKnC,KAAK,CAAC,MAAM,EAGZ,KAAK,CAAC,KAAK,EAOa,KAAK,CAAC,UAAU,EAMxC,KAAK,CAAC,UAAU,EAoEA,KAAK,CAAC,MAAM,EAGZ,KAAK,CAAC,KAAK,EAMX,KAAK,CAAC,UAAU,EAiBQ,KAAK,CAAC,MAAM,EAGZ,KAAK,CAAC,KAAK,EAMX,KAAK,CAAC,UAAU,EAK7E;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAa/C,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACA,CAAA;AAEV,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AAIV,MAAM,CAAC,IAAM,IAAI,GAAG,UAAU,CAC5B,UAAC,EAAqD,EAAE,GAAG;IAAxD,IAAA,cAAY,EAAZ,MAAM,mBAAG,GAAG,KAAA,EAAE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAnD,gCAAqD,CAAF;IAClD,IAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,aACN,SAAS,EAAK,SAAS,SAAI,UAAU,CAAC,IAAI,CAAC,OAAS,EACpD,MAAM,EAAE,MAAM,aACL,SAAS,CAAC,MAAM,CAAC,YAClB,QAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,+EAIxB,MACE,EAMD,IACF,KAPG,UAAC,EAA8C;QAA5C,cAAyB,EAAf,KAAK,WAAA,EAAE,MAAM,YAAA,EAAI,OAAO,aAAA,EAAE,MAAM,YAAA;IAC7C,OAAO,GAAG,+JAAA,sBACM,EAAc,0BACX,EAAO,6BACJ,EAAW,SAChC,KAHe,MAAM,CAAC,MAAM,CAAC,EACX,OAAO,EACJ,KAAK,CAAC,KAAK,EAChC;AACH,CAAC,CACF,CAAA"}
|
|
@@ -33,7 +33,7 @@ export var TertiaryLink = function (_a) {
|
|
|
33
33
|
var theme = useTheme();
|
|
34
34
|
var classNames = useClassNames();
|
|
35
35
|
return (React.createElement(Button, __assign({ onClick: onClick, themes: theme, type: type, className: classNames.tertiaryLink }, props),
|
|
36
|
-
Icon && React.createElement(Icon,
|
|
36
|
+
Icon && React.createElement(Icon, null),
|
|
37
37
|
React.createElement(Text, { themes: theme }, text)));
|
|
38
38
|
};
|
|
39
39
|
var resetButtonStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n padding: 0;\n appearance: none;\n"], ["\n background-color: transparent;\n border: none;\n padding: 0;\n appearance: none;\n"])));
|
|
@@ -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,IAAM,YAAY,GAA8B,UAAC,EAMvD;IALC,IAAA,IAAI,UAAA,EACE,IAAI,UAAA,EACV,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACJ,KAAK,cAL8C,mCAMvD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,MAAM,aACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,YAAY,IAC9B,KAAK;QAER,IAAI,IAAI,oBAAC,IAAI,
|
|
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,IAAM,YAAY,GAA8B,UAAC,EAMvD;IALC,IAAA,IAAI,UAAA,EACE,IAAI,UAAA,EACV,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACJ,KAAK,cAL8C,mCAMvD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,MAAM,aACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,YAAY,IAC9B,KAAK;QAER,IAAI,IAAI,oBAAC,IAAI,OAAG;QACjB,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,IAAG,IAAI,CAAQ,CAC3B,CACV,CAAA;AACH,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,GAAG,8JAAA,2FAK3B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,MAAM,CAAC,MAAM,uFAAmB,MAC3C,EAAgB,MAChB,EAiBD,IACF,KAnBG,gBAAgB,EAChB,UAAC,EAAU;QAAR,MAAM,YAAA;IACD,IAAA,OAAO,GAAK,MAAM,CAAC,IAAI,QAAhB,CAAgB;IAE/B,OAAO,GAAG,mSAAA,iBACC,EAAsB,yLAUb,EAAU,kBAE7B,KAZU,MAAM,CAAC,KAAK,CAAC,SAAS,EAUb,OAAO,CAAC,CAAC,CAAC,EAE7B;AACH,CAAC,CACF,CAAA;AACD,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,+EAAmB,MACvC,EAKD,IACF,KANG,UAAC,EAAwB;QAAZ,QAAQ,qBAAA;IACrB,OAAO,GAAG,qHAAA,uCAEK,EAAU,SACxB,KADc,QAAQ,CAAC,CAAC,EACxB;AACH,CAAC,CACF,CAAA"}
|
|
@@ -4,35 +4,35 @@ export declare type ButtonProps = BaseProps & Omit<React.ButtonHTMLAttributes<HT
|
|
|
4
4
|
export declare type AnchorProps = BaseProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps>;
|
|
5
5
|
export declare type BaseProps = {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* ボタンの大きさ
|
|
8
8
|
* @default 'default'
|
|
9
9
|
*/
|
|
10
10
|
size?: 'default' | 's';
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* ボタン内に表示する内容
|
|
13
13
|
*/
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* コンポーネントに適用するクラス名
|
|
17
17
|
*/
|
|
18
18
|
className?: string;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
20
|
+
* ボタン内の先頭に表示する内容。
|
|
21
|
+
* 通常は、アイコンを表示するために用いる。
|
|
22
22
|
*/
|
|
23
23
|
prefix?: React.ReactNode;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
25
|
+
* ボタン内の末尾に表示する内容。
|
|
26
|
+
* 通常は、アイコンを表示するために用いる。
|
|
27
27
|
*/
|
|
28
28
|
suffix?: React.ReactNode;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* `true` のとき、ボタンを正方形にする。
|
|
31
31
|
* @default false
|
|
32
32
|
*/
|
|
33
33
|
square?: boolean;
|
|
34
34
|
/**
|
|
35
|
-
*
|
|
35
|
+
* `true` のとき、ボタンの `width` を 100% にする。
|
|
36
36
|
*/
|
|
37
37
|
wide?: boolean;
|
|
38
38
|
};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import React, { HTMLAttributes, MouseEvent } from 'react';
|
|
2
2
|
declare type Props = {
|
|
3
|
+
/** 選択可能な開始日 */
|
|
3
4
|
from?: Date;
|
|
5
|
+
/** 選択可能な終了日 */
|
|
4
6
|
to?: Date;
|
|
7
|
+
/** トリガのセレクトイベントを処理するハンドラ */
|
|
5
8
|
onSelectDate: (e: MouseEvent, date: Date) => void;
|
|
9
|
+
/** 選択された日付 */
|
|
6
10
|
value?: Date;
|
|
7
11
|
};
|
|
8
12
|
declare type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
|