smarthr-ui 32.0.1 → 33.0.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/esm/components/Button/BaseButton.d.ts +6 -6
- package/esm/components/Button/BaseButton.js +14 -75
- package/esm/components/Button/BaseButton.js.map +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +1 -1
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +12 -4
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +6 -6
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/useListBox.js +5 -5
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/CompactInformationPanel/CompactInformationPanel.d.ts +2 -2
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js +2 -34
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/esm/components/CompactInformationPanel/useClassNames.d.ts +0 -1
- package/esm/components/CompactInformationPanel/useClassNames.js +0 -1
- package/esm/components/CompactInformationPanel/useClassNames.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialog.d.ts +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialog.js +2 -2
- package/esm/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +3 -6
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +2 -2
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.js +7 -8
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialog.d.ts +1 -1
- package/esm/components/Dialog/FormDialog/FormDialog.js +2 -2
- package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -9
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +3 -6
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.d.ts +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +2 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/useDialogPortal.d.ts +1 -1
- package/esm/components/Dialog/useDialogPortal.js +5 -2
- package/esm/components/Dialog/useDialogPortal.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +9 -6
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessage.d.ts +2 -2
- package/esm/components/FlashMessage/FlashMessage.js +17 -55
- package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -1
- package/esm/components/FlashMessage/useClassNames.d.ts +0 -1
- package/esm/components/FlashMessage/useClassNames.js +0 -1
- package/esm/components/FlashMessage/useClassNames.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +4 -8
- package/esm/components/FloatArea/FloatArea.js +6 -19
- package/esm/components/FloatArea/FloatArea.js.map +1 -1
- package/esm/components/FloatArea/useClassNames.d.ts +0 -1
- package/esm/components/FloatArea/useClassNames.js +0 -1
- package/esm/components/FloatArea/useClassNames.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +9 -6
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +25 -0
- package/esm/components/Header/HeaderLink.d.ts +5 -0
- package/esm/components/Icon/Icon.d.ts +1 -0
- package/esm/components/Icon/Icon.js +1 -0
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/Icon/SparklesIcon.d.ts +2 -0
- package/esm/components/Icon/SparklesIcon.js +8 -0
- package/esm/components/Icon/SparklesIcon.js.map +1 -0
- package/esm/components/Icon/generateIcon.d.ts +4 -3
- package/esm/components/Icon/generateIcon.js +5 -2
- package/esm/components/Icon/generateIcon.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +2 -2
- package/esm/components/InformationPanel/InformationPanel.js +5 -42
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/Loader/Loader.d.ts +2 -2
- package/esm/components/Loader/Loader.js +10 -6
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.d.ts +5 -0
- package/esm/components/ResponseMessage/ResponseMessage.d.ts +7 -0
- package/esm/components/ResponseMessage/ResponseMessage.js +37 -0
- package/esm/components/ResponseMessage/ResponseMessage.js.map +1 -0
- package/esm/components/ResponseMessage/index.d.ts +1 -0
- package/esm/components/ResponseMessage/index.js +2 -0
- package/esm/components/ResponseMessage/index.js.map +1 -0
- package/esm/components/Select/Select.js +3 -2
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Table/BulkActionRow.d.ts +2 -2
- package/esm/components/Table/BulkActionRow.js +6 -4
- package/esm/components/Table/BulkActionRow.js.map +1 -1
- package/esm/components/Table/EmptyTableBody.js +4 -2
- package/esm/components/Table/EmptyTableBody.js.map +1 -1
- package/esm/components/Table/useTableHeadCellCount.d.ts +4 -0
- package/esm/components/Table/useTableHeadCellCount.js +13 -0
- package/esm/components/Table/useTableHeadCellCount.js.map +1 -0
- package/esm/components/Textarea/Textarea.js +4 -3
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/hooks/useEnhancedEffect.d.ts +2 -2
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/lib/components/Button/BaseButton.d.ts +6 -6
- package/lib/components/Button/BaseButton.js +15 -100
- package/lib/components/Button/BaseButton.js.map +1 -1
- package/lib/components/Button/Button.js +1 -1
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +1 -1
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +11 -3
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +6 -6
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/useListBox.js +5 -5
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/CompactInformationPanel/CompactInformationPanel.d.ts +2 -2
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js +2 -34
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/lib/components/CompactInformationPanel/useClassNames.d.ts +0 -1
- package/lib/components/CompactInformationPanel/useClassNames.js +0 -1
- package/lib/components/CompactInformationPanel/useClassNames.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialog.d.ts +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialog.js +2 -2
- package/lib/components/Dialog/ActionDialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +3 -6
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/Dialog.js +2 -2
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.js +7 -8
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialog.d.ts +1 -1
- package/lib/components/Dialog/FormDialog/FormDialog.js +2 -2
- package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +2 -9
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +3 -6
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.d.ts +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +2 -2
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/useDialogPortal.d.ts +1 -1
- package/lib/components/Dialog/useDialogPortal.js +5 -2
- package/lib/components/Dialog/useDialogPortal.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +8 -5
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessage.d.ts +2 -2
- package/lib/components/FlashMessage/FlashMessage.js +16 -54
- package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessageList/useFlashMessageList.d.ts +1 -1
- package/lib/components/FlashMessage/useClassNames.d.ts +0 -1
- package/lib/components/FlashMessage/useClassNames.js +0 -1
- package/lib/components/FlashMessage/useClassNames.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +4 -8
- package/lib/components/FloatArea/FloatArea.js +5 -18
- package/lib/components/FloatArea/FloatArea.js.map +1 -1
- package/lib/components/FloatArea/useClassNames.d.ts +0 -1
- package/lib/components/FloatArea/useClassNames.js +0 -1
- package/lib/components/FloatArea/useClassNames.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +9 -9
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +25 -0
- package/lib/components/Header/HeaderLink.d.ts +5 -0
- package/lib/components/Icon/Icon.d.ts +1 -0
- package/lib/components/Icon/Icon.js +3 -1
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/Icon/SparklesIcon.d.ts +2 -0
- package/lib/components/Icon/SparklesIcon.js +14 -0
- package/lib/components/Icon/SparklesIcon.js.map +1 -0
- package/lib/components/Icon/generateIcon.d.ts +4 -3
- package/lib/components/Icon/generateIcon.js +5 -2
- package/lib/components/Icon/generateIcon.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +2 -2
- package/lib/components/InformationPanel/InformationPanel.js +3 -40
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/Loader/Loader.d.ts +2 -2
- package/lib/components/Loader/Loader.js +10 -6
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.d.ts +5 -0
- package/lib/components/ResponseMessage/ResponseMessage.d.ts +7 -0
- package/lib/components/ResponseMessage/ResponseMessage.js +64 -0
- package/lib/components/ResponseMessage/ResponseMessage.js.map +1 -0
- package/lib/components/ResponseMessage/index.d.ts +1 -0
- package/lib/components/ResponseMessage/index.js +6 -0
- package/lib/components/ResponseMessage/index.js.map +1 -0
- package/lib/components/Select/Select.js +3 -2
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Table/BulkActionRow.d.ts +2 -2
- package/lib/components/Table/BulkActionRow.js +6 -4
- package/lib/components/Table/BulkActionRow.js.map +1 -1
- package/lib/components/Table/EmptyTableBody.js +4 -2
- package/lib/components/Table/EmptyTableBody.js.map +1 -1
- package/lib/components/Table/useTableHeadCellCount.d.ts +4 -0
- package/lib/components/Table/useTableHeadCellCount.js +17 -0
- package/lib/components/Table/useTableHeadCellCount.js.map +1 -0
- package/lib/components/Textarea/Textarea.js +4 -3
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/hooks/useEnhancedEffect.d.ts +2 -2
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +27 -27
- package/esm/hocs/hoverable.d.ts +0 -121
- package/esm/hocs/hoverable.js +0 -52
- package/esm/hocs/hoverable.js.map +0 -1
- package/lib/hocs/hoverable.d.ts +0 -121
- package/lib/hocs/hoverable.js +0 -79
- package/lib/hocs/hoverable.js.map +0 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
type Tag = 'button' | 'a';
|
|
1
|
+
import React, { FC } from 'react';
|
|
3
2
|
export type ButtonProps = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps>;
|
|
4
3
|
export type AnchorProps = BaseProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps>;
|
|
5
4
|
export type BaseProps = {
|
|
@@ -36,7 +35,8 @@ export type BaseProps = {
|
|
|
36
35
|
*/
|
|
37
36
|
wide?: boolean;
|
|
38
37
|
};
|
|
39
|
-
|
|
40
|
-
export declare const BaseButton:
|
|
41
|
-
export declare const BaseButtonAnchor: import("styled-components").StyledComponent<React.
|
|
42
|
-
|
|
38
|
+
/** @deprecated PrimaryButton など、旧コンポーネントで使ってるだけなので削除予定 */
|
|
39
|
+
export declare const BaseButton: FC<ButtonProps>;
|
|
40
|
+
export declare const BaseButtonAnchor: import("styled-components").StyledComponent<React.FC<AnchorProps>, any, {
|
|
41
|
+
as: string;
|
|
42
|
+
}, "as">;
|
|
@@ -1,74 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import styled
|
|
3
|
-
import { hoverable } from '../../hocs/hoverable';
|
|
2
|
+
import styled from 'styled-components';
|
|
4
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
React.createElement(TextLabel, null, children),
|
|
14
|
-
suffix));
|
|
15
|
-
};
|
|
16
|
-
return Button;
|
|
4
|
+
const Button = ({ size = 'default', className = '', square = false, children = '', prefix = '', suffix = '', ...props }) => {
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
// prettier-ignore
|
|
7
|
+
const classNames = `${size} ${className} ${square ? 'square' : ''} ${prefix ? 'prefix' : ''} ${suffix ? 'suffix' : ''}`;
|
|
8
|
+
return (React.createElement(StyledButton, { ...props, className: classNames, themes: theme },
|
|
9
|
+
prefix,
|
|
10
|
+
React.createElement(TextLabel, null, children),
|
|
11
|
+
suffix));
|
|
17
12
|
};
|
|
18
|
-
const
|
|
19
|
-
${({ themes, wide }) => {
|
|
20
|
-
const { border, fontSize, leading, radius, shadow, spacingByChar } = themes;
|
|
21
|
-
return css `
|
|
22
|
-
box-sizing: border-box;
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
display: inline-flex;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
align-items: center;
|
|
27
|
-
gap: ${spacingByChar(0.5)};
|
|
28
|
-
text-align: center;
|
|
29
|
-
white-space: nowrap;
|
|
30
|
-
border-radius: ${radius.m};
|
|
31
|
-
|
|
32
|
-
/* ボタンの高さを合わせるために指定 */
|
|
33
|
-
border: ${border.lineWidth} ${border.lineStyle} transparent;
|
|
34
|
-
padding: ${spacingByChar(0.75)} ${spacingByChar(1)};
|
|
35
|
-
font-family: inherit;
|
|
36
|
-
font-size: ${fontSize.M};
|
|
37
|
-
font-weight: bold;
|
|
38
|
-
line-height: ${leading.NONE};
|
|
39
|
-
${wide && 'width: 100%;'}
|
|
40
|
-
|
|
41
|
-
&.square {
|
|
42
|
-
padding: ${spacingByChar(0.75)};
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&.s {
|
|
46
|
-
padding: ${spacingByChar(0.5)};
|
|
47
|
-
font-size: ${fontSize.S};
|
|
48
|
-
|
|
49
|
-
/* ボタンラベルの line-height を 0 にしたため、高さを担保する */
|
|
50
|
-
min-height: calc(${fontSize.S} + ${spacingByChar(1)} + (${border.lineWidth} * 2));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&[disabled] {
|
|
54
|
-
cursor: not-allowed;
|
|
55
|
-
|
|
56
|
-
/* alpha color を使用しているので、背景色と干渉させない */
|
|
57
|
-
background-clip: padding-box;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&:focus-visible {
|
|
61
|
-
${shadow.focusIndicatorStyles}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* baseline より下の leading などの余白を埋める */
|
|
65
|
-
.smarthr-ui-Icon,
|
|
66
|
-
svg {
|
|
67
|
-
display: block;
|
|
68
|
-
}
|
|
69
|
-
`;
|
|
70
|
-
}}
|
|
71
|
-
`;
|
|
13
|
+
const StyledButton = styled.button ``;
|
|
72
14
|
const TextLabel = styled.span `
|
|
73
15
|
/* LineClamp を併用する場合に、幅を計算してもらうために指定 */
|
|
74
16
|
min-width: 0;
|
|
@@ -78,13 +20,10 @@ const TextLabel = styled.span `
|
|
|
78
20
|
line-height: 0;
|
|
79
21
|
}
|
|
80
22
|
`;
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}
|
|
85
|
-
export const BaseButton = buttonFactory('button');
|
|
86
|
-
const ButtonAnchor = buttonFactory('a');
|
|
87
|
-
export const BaseButtonAnchor = styled(ButtonAnchor) `
|
|
23
|
+
/** @deprecated PrimaryButton など、旧コンポーネントで使ってるだけなので削除予定 */
|
|
24
|
+
export const BaseButton = Button;
|
|
25
|
+
const ButtonAnchor = Button;
|
|
26
|
+
export const BaseButtonAnchor = styled(ButtonAnchor).attrs({ as: 'a' }) `
|
|
88
27
|
text-decoration: none;
|
|
89
28
|
|
|
90
29
|
&:not([href]) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../src/components/Button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../src/components/Button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AA0CtD,MAAM,MAAM,GAAkB,CAAC,EAC7B,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,EAAE,EACb,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,kBAAkB;IAClB,MAAM,UAAU,GAAG,GAAG,IAAI,IAAI,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAEvH,OAAO,CACL,oBAAC,YAAY,OAAK,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK;QAC1D,MAAM;QACP,oBAAC,SAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,CACM,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB,EAAE,CAAA;AAEvD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;CAQ5B,CAAA;AAED,0DAA0D;AAC1D,MAAM,CAAC,MAAM,UAAU,GAAoB,MAAM,CAAA;AAEjD,MAAM,YAAY,GAAoB,MAAM,CAAA;AAC5C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAA;;;;;;;;;CAStE,CAAA"}
|
|
@@ -11,7 +11,7 @@ import { useClassNames } from './useClassNames';
|
|
|
11
11
|
export const Button = forwardRef(({ type = 'button', size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', disabled, disabledDetail, className = '', children, loading = false, ...props }, ref) => {
|
|
12
12
|
const theme = useTheme();
|
|
13
13
|
const classNames = useClassNames().button;
|
|
14
|
-
const loader = React.createElement(Loader, { size: "s", type: "light", variant: variant, themes: theme });
|
|
14
|
+
const loader = (React.createElement(Loader, { size: "s", type: "light", variant: variant, forwardedAs: "span", themes: theme }));
|
|
15
15
|
const actualPrefix = !loading && prefix;
|
|
16
16
|
const actualSuffix = loading && !square ? loader : suffix;
|
|
17
17
|
const disabledOnLoading = loading || disabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,MAAM,MAAM,GAAG,oBAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,GAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ export const CheckBox = forwardRef(({ lineHeight = 1.5, className = '', children
|
|
|
16
16
|
React.createElement(Label, { className: `${props.disabled ? 'disabled' : ''} ${classNames.label}`, htmlFor: checkBoxId, "$lineHeight": lineHeight, themes: theme }, children)));
|
|
17
17
|
});
|
|
18
18
|
// Use flex-start to support multi-line text.
|
|
19
|
-
const Wrapper = styled.
|
|
19
|
+
const Wrapper = styled.span `
|
|
20
20
|
display: inline-flex;
|
|
21
21
|
align-items: flex-start;
|
|
22
22
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAElC,IAAI,CAAC,QAAQ;QACX,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;YAEtD,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9B,CACX,CAAA;IAEH,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAEtD,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,GAAI;QAEtD,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,KAAK,EAAE,EACpE,OAAO,EAAE,UAAU,iBACN,UAAU,EACvB,MAAM,EAAE,KAAK,IAEZ,QAAQ,CACH,CACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,6CAA6C;AAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAElC,IAAI,CAAC,QAAQ;QACX,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;YAEtD,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC9B,CACX,CAAA;IAEH,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAEtD,oBAAC,aAAa,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,GAAI;QAEtD,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,KAAK,EAAE,EACpE,OAAO,EAAE,UAAU,iBACN,UAAU,EACvB,MAAM,EAAE,KAAK,IAEZ,QAAQ,CACH,CACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,6CAA6C;AAC7C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAG1B,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAwC;IAC9D,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAEjD,OAAO,GAAG,CAAA;qBACO,aAAa,CAAC,GAAG,CAAC;eACxB,KAAK,CAAC,UAAU;mBACZ,QAAQ,CAAC,CAAC;qBACR,WAAW;;;;iBAIf,KAAK,CAAC,aAAa;;;;;;;;;;gCAUJ,WAAW;;;KAGtC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { transparentize } from 'polished';
|
|
2
|
-
import React, { forwardRef, useCallback } from 'react';
|
|
2
|
+
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { FaCheckIcon, FaMinusIcon } from '../Icon';
|
|
@@ -13,8 +13,15 @@ export const CheckBoxInput = forwardRef(({ mixed = false, onChange, ...props },
|
|
|
13
13
|
onChange(e);
|
|
14
14
|
}, [onChange]);
|
|
15
15
|
const classNames = useClassNames();
|
|
16
|
+
const inputRef = useRef(null);
|
|
17
|
+
useImperativeHandle(ref, () => inputRef.current);
|
|
18
|
+
useEffect(() => {
|
|
19
|
+
if (inputRef.current) {
|
|
20
|
+
inputRef.current.indeterminate = mixed;
|
|
21
|
+
}
|
|
22
|
+
}, [mixed]);
|
|
16
23
|
return (React.createElement(Wrapper, { themes: theme },
|
|
17
|
-
React.createElement(Input, { ...props,
|
|
24
|
+
React.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
|
|
18
25
|
React.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
|
|
19
26
|
React.createElement(IconWrap, { themes: theme }, mixed ? React.createElement(FaMinusIcon, { color: "TEXT_WHITE" }) : React.createElement(FaCheckIcon, { color: "TEXT_WHITE" }))));
|
|
20
27
|
});
|
|
@@ -52,7 +59,8 @@ const Box = styled.span `
|
|
|
52
59
|
}
|
|
53
60
|
|
|
54
61
|
/* FIXME: なぜか static classname になってしまうため & を重ねている */
|
|
55
|
-
input:checked +
|
|
62
|
+
input:checked + &&,
|
|
63
|
+
input:indeterminate + && {
|
|
56
64
|
border-color: ${color.MAIN};
|
|
57
65
|
background-color: ${color.MAIN};
|
|
58
66
|
@media (prefers-contrast: more) {
|
|
@@ -113,7 +121,7 @@ const IconWrap = styled.span `
|
|
|
113
121
|
transform: translate(-50%, -50%);
|
|
114
122
|
pointer-events: none;
|
|
115
123
|
|
|
116
|
-
input:not(:checked) ~ & > svg {
|
|
124
|
+
input:not(:checked, :indeterminate) ~ & > svg {
|
|
117
125
|
fill: transparent;
|
|
118
126
|
}
|
|
119
127
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -150,7 +150,7 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, re
|
|
|
150
150
|
.join(' ');
|
|
151
151
|
const selectedListId = useId();
|
|
152
152
|
return (React.createElement(ComboBoxContext.Provider, { value: contextValue },
|
|
153
|
-
React.createElement(Container, { ...props, themes: theme, width: width, ref: outerRef, className: wrapperClassNames, onClick: (e) => {
|
|
153
|
+
React.createElement(Container, { ...props, themes: theme, "$width": width, ref: outerRef, className: wrapperClassNames, onClick: (e) => {
|
|
154
154
|
if (!hasParentElementByClassName(e.target, classNames.deleteButton) &&
|
|
155
155
|
!disabled &&
|
|
156
156
|
!isFocused) {
|
|
@@ -177,17 +177,17 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, re
|
|
|
177
177
|
}
|
|
178
178
|
}, onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onKeyDown: handleInputKeyDown, autoComplete: "off", tabIndex: 0, role: "combobox", "aria-activedescendant": activeOption?.id, "aria-controls": `${listBoxId} ${selectedListId}`, "aria-haspopup": "listbox", "aria-expanded": isFocused, "aria-invalid": error || undefined, "aria-disabled": disabled, "aria-autocomplete": "list", className: classNames.input })),
|
|
179
179
|
selectedItems.length === 0 && placeholder && !isFocused && (React.createElement(Placeholder, { themes: theme, className: classNames.placeholder }, placeholder))),
|
|
180
|
-
React.createElement(Suffix, { themes: theme, disabled: disabled },
|
|
180
|
+
React.createElement(Suffix, { themes: theme, "$disabled": disabled },
|
|
181
181
|
React.createElement(FaCaretDownIcon, { color: caretIconColor })),
|
|
182
182
|
renderListBox())));
|
|
183
183
|
}
|
|
184
184
|
const Container = styled.div `
|
|
185
|
-
${({ themes, width }) => {
|
|
185
|
+
${({ themes, $width }) => {
|
|
186
186
|
const { border, radius, color, shadow, spacingByChar } = themes;
|
|
187
187
|
return css `
|
|
188
188
|
display: inline-flex;
|
|
189
189
|
min-width: calc(62px + 32px + ${spacingByChar(0.5)} * 2);
|
|
190
|
-
width: ${typeof width === 'number' ? `${width}px` : width};
|
|
190
|
+
width: ${typeof $width === 'number' ? `${$width}px` : $width};
|
|
191
191
|
min-height: 40px;
|
|
192
192
|
border-radius: ${radius.m};
|
|
193
193
|
border: ${border.shorthand};
|
|
@@ -279,7 +279,7 @@ const Placeholder = styled.p `
|
|
|
279
279
|
}}
|
|
280
280
|
`;
|
|
281
281
|
const Suffix = styled.div `
|
|
282
|
-
${({ themes: { color, spacingByChar }, disabled }) => {
|
|
282
|
+
${({ themes: { color, spacingByChar }, $disabled }) => {
|
|
283
283
|
const space = spacingByChar(0.5);
|
|
284
284
|
return css `
|
|
285
285
|
position: relative;
|
|
@@ -289,7 +289,7 @@ const Suffix = styled.div `
|
|
|
289
289
|
padding: ${space};
|
|
290
290
|
padding-left: calc(${space} + 1px);
|
|
291
291
|
box-sizing: border-box;
|
|
292
|
-
cursor: ${disabled ? 'not-allowed' : 'pointer'};
|
|
292
|
+
cursor: ${$disabled ? 'not-allowed' : 'pointer'};
|
|
293
293
|
|
|
294
294
|
&::before {
|
|
295
295
|
content: '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ export function MultiSelectedItem({ item, disabled, onDelete, enableEllipsis, bu
|
|
|
31
31
|
e.stopPropagation();
|
|
32
32
|
}
|
|
33
33
|
}, ref: buttonRef, tabIndex: -1 },
|
|
34
|
-
React.createElement(FaTimesCircleIcon, {
|
|
34
|
+
React.createElement(FaTimesCircleIcon, { color: "inherit", alt: decorators?.destroyButtonIconAlt?.(DESTROY_BUTTON_TEXT) || DESTROY_BUTTON_TEXT }))))));
|
|
35
35
|
}
|
|
36
36
|
const Wrapper = styled.div `
|
|
37
37
|
${({ themes, disabled }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAErE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAa5D,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,UAAU,iBAAiB,CAAI,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,UAAU,GACD;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YAC5B,OAAM;SACP;QACD,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACvC,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,UAAU,GAAG,0BAA0B,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK;QACpE,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY;YAC5E,oBAAC,SAAS,IACR,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,UAAU,CAAC,iBAAiB,EACvC,GAAG,EAAE,QAAQ,IAEZ,IAAI,CAAC,KAAK,CACD;YAEX,SAAS,IAAI,CACZ,oBAAC,YAAY,IACX,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,YAAY,EAClC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAC5B,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;wBACtC,CAAC,CAAC,eAAe,EAAE,CAAA;qBACpB;gBACH,CAAC,EACD,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC;gBAEZ,oBAAC,iBAAiB,IAChB,
|
|
1
|
+
{"version":3,"file":"MultiSelectedItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiSelectedItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
24
24
|
const [listBoxRect, setListBoxRect] = useState({
|
|
25
25
|
top: 0,
|
|
26
26
|
left: 0,
|
|
27
|
-
width: 0,
|
|
27
|
+
$width: 0,
|
|
28
28
|
});
|
|
29
29
|
const calculateRect = useCallback(() => {
|
|
30
30
|
if (!listBoxRef.current || !triggerRef.current) {
|
|
@@ -58,7 +58,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
58
58
|
setListBoxRect({
|
|
59
59
|
top,
|
|
60
60
|
left: rect.left + window.pageXOffset,
|
|
61
|
-
width: rect.width,
|
|
61
|
+
$width: rect.width,
|
|
62
62
|
height,
|
|
63
63
|
});
|
|
64
64
|
}, [listBoxRef, triggerRef]);
|
|
@@ -137,7 +137,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
137
137
|
setActiveOption(option);
|
|
138
138
|
}, [setActiveOption]);
|
|
139
139
|
const renderListBox = useCallback(() => createPortal(React.createElement(Wrapper, { ...listBoxRect },
|
|
140
|
-
React.createElement(Container, { ...listBoxRect, themes: theme, "$width": dropdownWidth || listBoxRect
|
|
140
|
+
React.createElement(Container, { ...listBoxRect, themes: theme, "$width": dropdownWidth || listBoxRect.$width, id: listBoxId, ref: listBoxRef, role: "listbox", "aria-hidden": !isExpanded, className: classNames.dropdownList },
|
|
141
141
|
dropdownHelpMessage && (React.createElement(HelpMessage, { themes: theme },
|
|
142
142
|
React.createElement(FaInfoCircleIcon, { color: theme.color.TEXT_GREY, text: dropdownHelpMessage, iconGap: 0.25 }))),
|
|
143
143
|
!isExpanded ? null : isLoading ? (React.createElement(LoaderWrapper, { themes: theme },
|
|
@@ -172,7 +172,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
|
|
|
172
172
|
listBoxRef,
|
|
173
173
|
};
|
|
174
174
|
}
|
|
175
|
-
const Wrapper = styled.div(({ top, left, width }) => {
|
|
175
|
+
const Wrapper = styled.div(({ top, left, $width }) => {
|
|
176
176
|
return css `
|
|
177
177
|
/*
|
|
178
178
|
ドロップダウンリストをInputの幅に対する相対値で指定できるように、Inputの幅のdivを親要素にする
|
|
@@ -180,7 +180,7 @@ const Wrapper = styled.div(({ top, left, width }) => {
|
|
|
180
180
|
position: absolute;
|
|
181
181
|
top: ${top}px;
|
|
182
182
|
left: ${left}px;
|
|
183
|
-
width: ${width}px;
|
|
183
|
+
width: ${$width}px;
|
|
184
184
|
`;
|
|
185
185
|
});
|
|
186
186
|
const Container = styled.div(({ left, $width, height, themes }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAuB3D,MAAM,cAAc,GAAG,eAAe,CAAA;AAEtC,MAAM,UAAU,UAAU,CAAI,EAC5B,OAAO,EACP,mBAAmB,EACnB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,GACD;IACT,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAoB,SAAS,CAAC,CAAA;IAClF,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,GACnF,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,2BAA2B;QAC3B,IAAI,CAAC,UAAU,EAAE;YACf,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAEjC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAO;QACnD,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,
|
|
1
|
+
{"version":3,"file":"useListBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/useListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { BaseElementProps } from '../Base';
|
|
3
3
|
type IconType = 'info' | 'success' | 'warning' | 'error';
|
|
4
4
|
type Props = {
|
|
@@ -9,5 +9,5 @@ type Props = {
|
|
|
9
9
|
/** 表示する情報の内容 */
|
|
10
10
|
children: ReactNode;
|
|
11
11
|
};
|
|
12
|
-
export declare const CompactInformationPanel:
|
|
12
|
+
export declare const CompactInformationPanel: FC<Props & BaseElementProps>;
|
|
13
13
|
export {};
|
|
@@ -2,43 +2,14 @@ import React from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { Base } from '../Base';
|
|
5
|
-
import {
|
|
5
|
+
import { ResponseMessage } from '../ResponseMessage';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
7
|
export const CompactInformationPanel = ({ type = 'info', className = '', children, ...props }) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const classNames = useClassNames();
|
|
10
10
|
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
11
|
-
|
|
12
|
-
React.createElement(Content, { className: classNames.content }, children)));
|
|
11
|
+
React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, children)));
|
|
13
12
|
};
|
|
14
|
-
const callIcon = (type, theme) => {
|
|
15
|
-
const { color } = theme;
|
|
16
|
-
switch (type) {
|
|
17
|
-
case 'info':
|
|
18
|
-
default:
|
|
19
|
-
return React.createElement(InfoIcon, { color: color.TEXT_GREY, "$theme": theme });
|
|
20
|
-
case 'success':
|
|
21
|
-
return React.createElement(SuccessIcon, { color: color.MAIN, "$theme": theme });
|
|
22
|
-
case 'warning':
|
|
23
|
-
return React.createElement(WarningIcon, { color: color.WARNING, "$theme": theme });
|
|
24
|
-
case 'error':
|
|
25
|
-
return React.createElement(ErrorIcon, { color: color.DANGER, "$theme": theme });
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const createIcon = (Icon) => styled(Icon)(({ $theme: { spacingByChar } }) => css `
|
|
29
|
-
flex-shrink: 0;
|
|
30
|
-
|
|
31
|
-
/*
|
|
32
|
-
it set line-height to 1.5 and align-items(flexbox) to start(default),
|
|
33
|
-
translate-y 0.25em transform for leading
|
|
34
|
-
*/
|
|
35
|
-
transform: translateY(0.25em);
|
|
36
|
-
margin-right: ${spacingByChar(0.5)};
|
|
37
|
-
`);
|
|
38
|
-
const InfoIcon = createIcon(FaInfoCircleIcon);
|
|
39
|
-
const SuccessIcon = createIcon(FaCheckCircleIcon);
|
|
40
|
-
const WarningIcon = createIcon(shrWarningIcon);
|
|
41
|
-
const ErrorIcon = createIcon(FaExclamationCircleIcon);
|
|
42
13
|
const Wrapper = styled(Base) `
|
|
43
14
|
${({ themes: { spacingByChar, shadow } }) => {
|
|
44
15
|
return css `
|
|
@@ -48,7 +19,4 @@ const Wrapper = styled(Base) `
|
|
|
48
19
|
`;
|
|
49
20
|
}}
|
|
50
21
|
`;
|
|
51
|
-
const Content = styled.div `
|
|
52
|
-
line-height: 1.5;
|
|
53
|
-
`;
|
|
54
22
|
//# sourceMappingURL=CompactInformationPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAa/C,MAAM,CAAC,MAAM,uBAAuB,GAAiC,CAAC,EACpE,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK;QAChF,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,QAAQ,CACO,CACV,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;IAC1C,OAAO,GAAG,CAAA;;oBAEM,MAAM,CAAC,MAAM;iBAChB,aAAa,CAAC,CAAC,CAAC;KAC5B,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -5,7 +5,6 @@ export function useClassNames() {
|
|
|
5
5
|
const generate = useClassNameGenerator(CompactInformationPanel.displayName || 'CompactInformationPanel');
|
|
6
6
|
return useMemo(() => ({
|
|
7
7
|
wrapper: generate(),
|
|
8
|
-
content: generate('content'),
|
|
9
8
|
}), [generate]);
|
|
10
9
|
}
|
|
11
10
|
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CACpC,uBAAuB,CAAC,WAAW,IAAI,yBAAyB,CACjE,CAAA;IACD,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAEnE,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CACpC,uBAAuB,CAAC,WAAW,IAAI,yBAAyB,CACjE,CAAA;IACD,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;KACpB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
|
|
@@ -3,5 +3,5 @@ import { DialogProps } from '../types';
|
|
|
3
3
|
import { ActionDialogContentInnerProps } from './ActionDialogContentInner';
|
|
4
4
|
type Props = Omit<ActionDialogContentInnerProps, 'titleId'> & DialogProps;
|
|
5
5
|
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
|
-
export declare const ActionDialog: React.
|
|
6
|
+
export declare const ActionDialog: React.FC<Props & ElementProps>;
|
|
7
7
|
export {};
|
|
@@ -3,8 +3,8 @@ import { useId } from '../../../hooks/useId';
|
|
|
3
3
|
import { DialogContentInner } from '../DialogContentInner';
|
|
4
4
|
import { useDialogPortal } from '../useDialogPortal';
|
|
5
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
6
|
-
export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
|
|
7
|
-
const { createPortal } = useDialogPortal(portalParent);
|
|
6
|
+
export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, id, ...props }) => {
|
|
7
|
+
const { createPortal } = useDialogPortal(portalParent, id);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
10
10
|
if (!props.isOpen) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,8 +2,8 @@ import React, { useCallback } from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../../Button';
|
|
5
|
-
import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../../Icon';
|
|
6
5
|
import { Cluster, Stack } from '../../Layout';
|
|
6
|
+
import { ResponseMessage } from '../../ResponseMessage';
|
|
7
7
|
import { Text } from '../../Text';
|
|
8
8
|
import { useOffsetHeight } from '../dialogHelper';
|
|
9
9
|
import { useClassNames } from '../useClassNames';
|
|
@@ -25,11 +25,8 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
|
|
|
25
25
|
React.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
26
26
|
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
27
27
|
React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
28
|
-
responseMessage && (React.createElement(
|
|
29
|
-
responseMessage.status
|
|
30
|
-
React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
|
|
31
|
-
responseMessage.status === 'error' && (React.createElement(Message, null,
|
|
32
|
-
React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
|
|
28
|
+
(responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
|
|
29
|
+
React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
|
|
33
30
|
};
|
|
34
31
|
const TitleArea = styled(Stack) `
|
|
35
32
|
${({ themes: { border, space } }) => css `
|