smarthr-ui 35.2.0 → 35.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +3 -0
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +10 -4
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Icon/generateIcon.js +2 -2
- package/esm/components/Icon/generateIcon.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +4 -3
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Switch/Switch.d.ts +4 -0
- package/esm/components/Switch/Switch.js +162 -0
- package/esm/components/Switch/Switch.js.map +1 -0
- package/esm/components/Switch/index.d.ts +1 -0
- package/esm/components/Switch/index.js +2 -0
- package/esm/components/Switch/index.js.map +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +3 -0
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +10 -4
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Icon/generateIcon.js +2 -2
- package/lib/components/Icon/generateIcon.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +3 -2
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Switch/Switch.d.ts +4 -0
- package/lib/components/Switch/Switch.js +188 -0
- package/lib/components/Switch/Switch.js.map +1 -0
- package/lib/components/Switch/index.d.ts +1 -0
- package/lib/components/Switch/index.js +6 -0
- package/lib/components/Switch/index.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +32 -32
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../../Button/BaseButton';
|
|
2
3
|
import type { DecoratorsType, ResponseMessageType } from '../../../types';
|
|
3
4
|
type Props = {
|
|
4
5
|
isFiltered?: boolean;
|
|
@@ -9,6 +10,8 @@ type Props = {
|
|
|
9
10
|
hasStatusText?: boolean;
|
|
10
11
|
decorators?: DecoratorsType<'status' | 'triggerButton' | 'applyButton' | 'cancelButton' | 'resetButton'>;
|
|
11
12
|
responseMessage?: ResponseMessageType;
|
|
13
|
+
/** 引き金となるボタンの大きさ */
|
|
14
|
+
triggerSize?: ButtonProps['size'];
|
|
12
15
|
};
|
|
13
16
|
type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
|
|
14
17
|
export declare const FilterDropdown: FC<Props & ElementProps>;
|
|
@@ -17,7 +17,7 @@ const APPLY_BUTTON_TEXT = '適用';
|
|
|
17
17
|
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
18
18
|
const RESET_BUTTON_TEXT = '絞り込み条件を解除';
|
|
19
19
|
const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
|
|
20
|
-
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, responseMessage, ...props }) => {
|
|
20
|
+
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, responseMessage, triggerSize, ...props }) => {
|
|
21
21
|
const themes = useTheme();
|
|
22
22
|
const status = useMemo(() => executeDecorator(STATUS_FILTERED_TEXT, decorators?.status), [decorators]);
|
|
23
23
|
const triggerButton = useMemo(() => executeDecorator(TRIGGER_BUTTON_TEXT, decorators?.triggerButton), [decorators]);
|
|
@@ -28,9 +28,9 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
28
28
|
const isRequestProcessing = responseMessage !== undefined && responseMessage.status === 'processing';
|
|
29
29
|
return (React.createElement(Dropdown, null,
|
|
30
30
|
React.createElement(DropdownTrigger, null,
|
|
31
|
-
React.createElement(Button, { ...props, suffix: React.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes },
|
|
31
|
+
React.createElement(Button, { ...props, suffix: React.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes, size: triggerSize },
|
|
32
32
|
React.createElement(FaFilterIcon, null),
|
|
33
|
-
isFiltered ? React.createElement(FilteredCheckIcon, { "aria-label": filteredIconAriaLabel }) : null) }, triggerButton)),
|
|
33
|
+
isFiltered ? React.createElement(FilteredCheckIcon, { "aria-label": filteredIconAriaLabel }) : null), size: triggerSize }, triggerButton)),
|
|
34
34
|
hasStatusText && isFiltered ? React.createElement(StatusText, { themes: themes }, status) : null,
|
|
35
35
|
React.createElement(DropdownContent, { controllable: true },
|
|
36
36
|
React.createElement(DropdownScrollArea, null,
|
|
@@ -49,8 +49,14 @@ export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset,
|
|
|
49
49
|
};
|
|
50
50
|
const IsFilteredIconWrapper = styled.span `
|
|
51
51
|
position: relative;
|
|
52
|
-
color: ${({ isFiltered, themes }) => isFiltered ? themes.color.MAIN : themes.color.TEXT_BLACK};
|
|
52
|
+
color: ${({ isFiltered, themes }) => (isFiltered ? themes.color.MAIN : themes.color.TEXT_BLACK)};
|
|
53
53
|
line-height: 1;
|
|
54
|
+
${({ themes: { space }, size }) => css `
|
|
55
|
+
${size === 's' &&
|
|
56
|
+
css `
|
|
57
|
+
transform: translateX(${space(-0.25)});
|
|
58
|
+
`}
|
|
59
|
+
`}
|
|
54
60
|
|
|
55
61
|
& > [role='img'] + [role='img'] {
|
|
56
62
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,7 @@ export const createIcon = (SvgIcon) => {
|
|
|
37
37
|
// size は react-icons のアイコンの大きさ、width / height は自前で SVG からアイコンを作る場合の大きさ指定
|
|
38
38
|
size: iconSize, width: iconSize, height: iconSize, color: replacedColor, className: `${className} ${classNames.wrapper}`, role: role, "aria-hidden": isAriaHidden || alt !== undefined || undefined, focusable: focusable }));
|
|
39
39
|
if (existsText) {
|
|
40
|
-
return (React.createElement(
|
|
40
|
+
return (React.createElement(IconAndTextWrapper, { gap: iconGap, right: right, className: classNames.withText },
|
|
41
41
|
alt && React.createElement(VisuallyHiddenText, null, alt),
|
|
42
42
|
right && text,
|
|
43
43
|
svgIcon,
|
|
@@ -50,7 +50,7 @@ export const createIcon = (SvgIcon) => {
|
|
|
50
50
|
Icon.displayName = SvgIcon.name;
|
|
51
51
|
return Icon;
|
|
52
52
|
};
|
|
53
|
-
const
|
|
53
|
+
const IconAndTextWrapper = styled.span `
|
|
54
54
|
${({ right, gap }) => css `
|
|
55
55
|
${!right &&
|
|
56
56
|
css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQ/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAa,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;AAE9D,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,eAAe;IACf,WAAW;IACX,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAGV,MAAM,aAAa,GAAgB,IAAI,GAAG,CAAC,aAAa,CAAC,CAAA;AACzD,MAAM,cAAc,GAAG,CAAC,KAAa,EAAyB,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AA8BzF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAiB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAA6B,CAAC,EACtC,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,KAAK,EACZ,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;QACH,MAAM,cAAc,GAClB,KAAK,CAAC,YAAY,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAA;QAC7E,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAA;QAE5E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QACxB,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;YACvC,MAAM,QAAQ,GAAG,KAA2B,CAAA;YAC5C,IAAI,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;gBACxC,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;aAC7B;YACD,OAAO,KAAK,CAAA;QACd,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;QAExB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;QAElC,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA,CAAC,2BAA2B;QAChF,MAAM,OAAO,GAAG,CACd,oBAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG;YACf,yEAAyE;YACzE,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,IAAI,EAAE,IAAI,iBACG,YAAY,IAAI,GAAG,KAAK,SAAS,IAAI,SAAS,EAC3D,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;QAED,IAAI,UAAU,EAAE;YACd,OAAO,CACL,oBAAC,
|
|
1
|
+
{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
1
|
+
import React, { forwardRef, useCallback, useId, useImperativeHandle, useMemo, useRef, useState, } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../Button';
|
|
@@ -8,6 +8,7 @@ const DESTROY_BUTTON_TEXT = '削除';
|
|
|
8
8
|
export const InputFile = forwardRef(({ className = '', size = 'default', label, hasFileList = true, onChange, disabled = false, error, decorators, ...props }, ref) => {
|
|
9
9
|
const theme = useTheme();
|
|
10
10
|
const [files, setFiles] = useState([]);
|
|
11
|
+
const labelId = useId();
|
|
11
12
|
// Safari において、input.files への直接代入時に onChange が発火することを防ぐためのフラグ
|
|
12
13
|
const isUpdatingFilesDirectly = useRef(false);
|
|
13
14
|
const inputRef = useRef(null);
|
|
@@ -46,10 +47,10 @@ export const InputFile = forwardRef(({ className = '', size = 'default', label,
|
|
|
46
47
|
React.createElement("span", null,
|
|
47
48
|
React.createElement(Button, { variant: "text", prefix: React.createElement(FaTrashAltIcon, null), onClick: () => handleDelete(index), className: classNames.deleteButton }, destroyButtonText))))))),
|
|
48
49
|
React.createElement(InputWrapper, { className: inputWrapperClassName, themes: theme },
|
|
49
|
-
React.createElement("input", { ...props, type: "file", onChange: handleChange, disabled: disabled, className: classNames.input, ref: inputRef, "aria-invalid": error || undefined }),
|
|
50
|
+
React.createElement("input", { ...props, type: "file", onChange: handleChange, disabled: disabled, className: classNames.input, ref: inputRef, "aria-invalid": error || undefined, "aria-labelledby": labelId }),
|
|
50
51
|
React.createElement(Prefix, { themes: theme },
|
|
51
52
|
React.createElement(FaFolderOpenIcon, null)),
|
|
52
|
-
label)));
|
|
53
|
+
React.createElement("span", { id: labelId, "aria-hidden": "true" }, label))));
|
|
53
54
|
});
|
|
54
55
|
const Wrapper = styled.div `
|
|
55
56
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAwB/C,MAAM,mBAAmB,GAAG,IAAI,CAAA;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import styled, { css } from 'styled-components';
|
|
3
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
+
import { FaCheckIcon } from '../Icon';
|
|
5
|
+
export const Switch = forwardRef(({ disabled, className, ...props }, ref) => {
|
|
6
|
+
const theme = useTheme();
|
|
7
|
+
return (React.createElement(Wrapper, { "$disabled": disabled, themes: theme, className: className },
|
|
8
|
+
React.createElement(Checkbox, { ...props, disabled: disabled, type: "checkbox", role: "switch", ref: ref }),
|
|
9
|
+
React.createElement(CheckIcon, { themes: theme })));
|
|
10
|
+
});
|
|
11
|
+
const Wrapper = styled.span `
|
|
12
|
+
${({ $disabled, themes: { border, color, radius, shadow } }) => css `
|
|
13
|
+
position: relative;
|
|
14
|
+
display: inline-flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
border-radius: 1.25rem;
|
|
17
|
+
border: ${border.shorthand};
|
|
18
|
+
background-color: ${color.WHITE};
|
|
19
|
+
|
|
20
|
+
/* 理想的には padding: 2px; だが、box-shadow を outline で使用しているため、border と padding で2pxの疑似余白を作っている。 */
|
|
21
|
+
padding: 1px;
|
|
22
|
+
|
|
23
|
+
/* :focus-visible-within の代替 */
|
|
24
|
+
:has(:focus-visible) {
|
|
25
|
+
${shadow.focusIndicatorStyles}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
::before,
|
|
29
|
+
::after {
|
|
30
|
+
content: '';
|
|
31
|
+
box-sizing: border-box;
|
|
32
|
+
display: inline-block;
|
|
33
|
+
border-radius: ${radius.full};
|
|
34
|
+
border: ${border.shorthand};
|
|
35
|
+
border-color: ${color.GREY_30};
|
|
36
|
+
background-color: ${color.GREY_30};
|
|
37
|
+
block-size: 1rem;
|
|
38
|
+
inline-size: 1rem;
|
|
39
|
+
transition-property: transform, scale;
|
|
40
|
+
transition-duration: 150ms;
|
|
41
|
+
transition-timing-function: ease-out;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
::before {
|
|
45
|
+
scale: ${2 / 3};
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* ツマミが移動する余白のために存在している */
|
|
49
|
+
::after {
|
|
50
|
+
visibility: hidden;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:has(:checked) {
|
|
54
|
+
border-color: ${color.MAIN};
|
|
55
|
+
background-color: ${color.MAIN};
|
|
56
|
+
|
|
57
|
+
::before {
|
|
58
|
+
scale: unset;
|
|
59
|
+
transform: translateX(1rem);
|
|
60
|
+
border-color: ${color.BORDER};
|
|
61
|
+
background-color: ${color.WHITE};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
${$disabled &&
|
|
66
|
+
css `
|
|
67
|
+
&&& {
|
|
68
|
+
cursor: unset;
|
|
69
|
+
border-color: ${color.BORDER};
|
|
70
|
+
background-color: ${color.BORDER};
|
|
71
|
+
}
|
|
72
|
+
`}
|
|
73
|
+
|
|
74
|
+
@media (forced-colors: active) {
|
|
75
|
+
${$disabled
|
|
76
|
+
? css `
|
|
77
|
+
&&& {
|
|
78
|
+
border-color: GrayText;
|
|
79
|
+
|
|
80
|
+
&::before,
|
|
81
|
+
&::after {
|
|
82
|
+
border-color: GrayText;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
`
|
|
86
|
+
: css `
|
|
87
|
+
/* ツマミを塗りつぶす https://developer.mozilla.org/en-US/docs/Web/CSS/system-color */
|
|
88
|
+
&&&::before,
|
|
89
|
+
&&&::after {
|
|
90
|
+
background-color: ButtonBorder;
|
|
91
|
+
}
|
|
92
|
+
`}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
@supports not selector(:has(+ *)) {
|
|
96
|
+
border-style: revert;
|
|
97
|
+
background-color: revert;
|
|
98
|
+
|
|
99
|
+
::before,
|
|
100
|
+
::after {
|
|
101
|
+
display: none;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
${$disabled &&
|
|
105
|
+
css `
|
|
106
|
+
&&& {
|
|
107
|
+
background-color: revert;
|
|
108
|
+
}
|
|
109
|
+
`}
|
|
110
|
+
}
|
|
111
|
+
`}
|
|
112
|
+
`;
|
|
113
|
+
// eslint-disable-next-line smarthr/a11y-prohibit-input-placeholder, smarthr/a11y-input-has-name-attribute
|
|
114
|
+
const Checkbox = styled.input `
|
|
115
|
+
position: absolute;
|
|
116
|
+
inset: 0;
|
|
117
|
+
cursor: pointer;
|
|
118
|
+
outline: none;
|
|
119
|
+
opacity: 0;
|
|
120
|
+
appearance: none;
|
|
121
|
+
|
|
122
|
+
/* 古い iOS など inset が効かない環境で領域いっぱいに広げる */
|
|
123
|
+
@supports not (inset: 0) {
|
|
124
|
+
width: 100%;
|
|
125
|
+
height: 100%;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
:disabled {
|
|
129
|
+
cursor: revert;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@supports not selector(:has(+ *)) {
|
|
133
|
+
position: revert;
|
|
134
|
+
opacity: revert;
|
|
135
|
+
outline: revert;
|
|
136
|
+
appearance: revert;
|
|
137
|
+
}
|
|
138
|
+
`;
|
|
139
|
+
const CheckIcon = styled(FaCheckIcon).attrs({ color: 'WHITE', size: 'XXS' }) `
|
|
140
|
+
${({ themes: { fontSize } }) => css `
|
|
141
|
+
position: absolute;
|
|
142
|
+
display: none;
|
|
143
|
+
|
|
144
|
+
@supports selector(:has(+ *)) {
|
|
145
|
+
[type='checkbox']:checked ~ & {
|
|
146
|
+
display: unset;
|
|
147
|
+
transform: translateX(calc((1rem - ${fontSize.XXS}) / 2));
|
|
148
|
+
pointer-events: none;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
/* 強制カラーモードの時に状態を判別するため */
|
|
153
|
+
@media (forced-colors: active) {
|
|
154
|
+
fill: ButtonText;
|
|
155
|
+
|
|
156
|
+
[type='checkbox']:disabled ~ & {
|
|
157
|
+
fill: GrayText;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
`}
|
|
161
|
+
`;
|
|
162
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIrC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,OAAO,iBAAY,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;QAE/D,oBAAC,QAAQ,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI;QACnF,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,GAAI,CACpB,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAiD;IACxE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;cAKvD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;;;;;;;QAO3B,MAAM,CAAC,oBAAoB;;;;;;;;uBAQZ,MAAM,CAAC,IAAI;gBAClB,MAAM,CAAC,SAAS;sBACV,KAAK,CAAC,OAAO;0BACT,KAAK,CAAC,OAAO;;;;;;;;;eASxB,CAAC,GAAG,CAAC;;;;;;;;;sBASE,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;;;;;wBAKZ,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,KAAK;;;;MAIjC,SAAS;IACX,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,MAAM;;KAEnC;;;QAGG,SAAS;IACT,CAAC,CAAC,GAAG,CAAA;;;;;;;;;WASF;IACH,CAAC,CAAC,GAAG,CAAA;;;;;;WAMF;;;;;;;;;;;;QAYH,SAAS;IACX,GAAG,CAAA;;;;OAIF;;GAEJ;CACF,CAAA;AAED,0GAA0G;AAC1G,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB5B,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAmB;IAC3F,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;6CAOQ,QAAQ,CAAC,GAAG;;;;;;;;;;;;;GAatD;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Switch } from './Switch';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
|
package/esm/index.d.ts
CHANGED
|
@@ -52,6 +52,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
|
52
52
|
export * from './components/SpreadsheetTable';
|
|
53
53
|
export * from './components/ResponseMessage';
|
|
54
54
|
export * from './components/Badge';
|
|
55
|
+
export * from './components/Switch';
|
|
55
56
|
export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
|
|
56
57
|
export { useTheme } from './hooks/useTheme';
|
|
57
58
|
export { createTheme } from './themes/createTheme';
|
package/esm/index.js
CHANGED
|
@@ -53,6 +53,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
|
53
53
|
export * from './components/SpreadsheetTable';
|
|
54
54
|
export * from './components/ResponseMessage';
|
|
55
55
|
export * from './components/Badge';
|
|
56
|
+
export * from './components/Switch';
|
|
56
57
|
// layout components
|
|
57
58
|
export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
|
|
58
59
|
// hooks
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ButtonHTMLAttributes, FC, ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../../Button/BaseButton';
|
|
2
3
|
import type { DecoratorsType, ResponseMessageType } from '../../../types';
|
|
3
4
|
type Props = {
|
|
4
5
|
isFiltered?: boolean;
|
|
@@ -9,6 +10,8 @@ type Props = {
|
|
|
9
10
|
hasStatusText?: boolean;
|
|
10
11
|
decorators?: DecoratorsType<'status' | 'triggerButton' | 'applyButton' | 'cancelButton' | 'resetButton'>;
|
|
11
12
|
responseMessage?: ResponseMessageType;
|
|
13
|
+
/** 引き金となるボタンの大きさ */
|
|
14
|
+
triggerSize?: ButtonProps['size'];
|
|
12
15
|
};
|
|
13
16
|
type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
|
|
14
17
|
export declare const FilterDropdown: FC<Props & ElementProps>;
|
|
@@ -46,7 +46,7 @@ const APPLY_BUTTON_TEXT = '適用';
|
|
|
46
46
|
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
47
47
|
const RESET_BUTTON_TEXT = '絞り込み条件を解除';
|
|
48
48
|
const executeDecorator = (defaultText, decorator) => decorator?.(defaultText) || defaultText;
|
|
49
|
-
const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, responseMessage, ...props }) => {
|
|
49
|
+
const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorators, responseMessage, triggerSize, ...props }) => {
|
|
50
50
|
const themes = (0, useTheme_1.useTheme)();
|
|
51
51
|
const status = (0, react_1.useMemo)(() => executeDecorator(STATUS_FILTERED_TEXT, decorators?.status), [decorators]);
|
|
52
52
|
const triggerButton = (0, react_1.useMemo)(() => executeDecorator(TRIGGER_BUTTON_TEXT, decorators?.triggerButton), [decorators]);
|
|
@@ -57,9 +57,9 @@ const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, childr
|
|
|
57
57
|
const isRequestProcessing = responseMessage !== undefined && responseMessage.status === 'processing';
|
|
58
58
|
return (react_1.default.createElement(Dropdown_1.Dropdown, null,
|
|
59
59
|
react_1.default.createElement(DropdownTrigger_1.DropdownTrigger, null,
|
|
60
|
-
react_1.default.createElement(Button_1.Button, { ...props, suffix: react_1.default.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes },
|
|
60
|
+
react_1.default.createElement(Button_1.Button, { ...props, suffix: react_1.default.createElement(IsFilteredIconWrapper, { isFiltered: isFiltered, themes: themes, size: triggerSize },
|
|
61
61
|
react_1.default.createElement(Icon_1.FaFilterIcon, null),
|
|
62
|
-
isFiltered ? react_1.default.createElement(FilteredCheckIcon, { "aria-label": filteredIconAriaLabel }) : null) }, triggerButton)),
|
|
62
|
+
isFiltered ? react_1.default.createElement(FilteredCheckIcon, { "aria-label": filteredIconAriaLabel }) : null), size: triggerSize }, triggerButton)),
|
|
63
63
|
hasStatusText && isFiltered ? react_1.default.createElement(StatusText, { themes: themes }, status) : null,
|
|
64
64
|
react_1.default.createElement(DropdownContent_1.DropdownContent, { controllable: true },
|
|
65
65
|
react_1.default.createElement(DropdownScrollArea_1.DropdownScrollArea, null,
|
|
@@ -79,8 +79,14 @@ const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, childr
|
|
|
79
79
|
exports.FilterDropdown = FilterDropdown;
|
|
80
80
|
const IsFilteredIconWrapper = styled_components_1.default.span `
|
|
81
81
|
position: relative;
|
|
82
|
-
color: ${({ isFiltered, themes }) => isFiltered ? themes.color.MAIN : themes.color.TEXT_BLACK};
|
|
82
|
+
color: ${({ isFiltered, themes }) => (isFiltered ? themes.color.MAIN : themes.color.TEXT_BLACK)};
|
|
83
83
|
line-height: 1;
|
|
84
|
+
${({ themes: { space }, size }) => (0, styled_components_1.css) `
|
|
85
|
+
${size === 's' &&
|
|
86
|
+
(0, styled_components_1.css) `
|
|
87
|
+
transform: translateX(${space(-0.25)});
|
|
88
|
+
`}
|
|
89
|
+
`}
|
|
84
90
|
|
|
85
91
|
& > [role='img'] + [role='img'] {
|
|
86
92
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2E;AAC3E,sEAAuC;AACvC,uEAA+C;AAE/C,sDAAyD;AACzD,yCAAqC;
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -67,7 +67,7 @@ const createIcon = (SvgIcon) => {
|
|
|
67
67
|
// size は react-icons のアイコンの大きさ、width / height は自前で SVG からアイコンを作る場合の大きさ指定
|
|
68
68
|
size: iconSize, width: iconSize, height: iconSize, color: replacedColor, className: `${className} ${classNames.wrapper}`, role: role, "aria-hidden": isAriaHidden || alt !== undefined || undefined, focusable: focusable }));
|
|
69
69
|
if (existsText) {
|
|
70
|
-
return (react_1.default.createElement(
|
|
70
|
+
return (react_1.default.createElement(IconAndTextWrapper, { gap: iconGap, right: right, className: classNames.withText },
|
|
71
71
|
alt && react_1.default.createElement(VisuallyHiddenText_1.VisuallyHiddenText, null, alt),
|
|
72
72
|
right && text,
|
|
73
73
|
svgIcon,
|
|
@@ -81,7 +81,7 @@ const createIcon = (SvgIcon) => {
|
|
|
81
81
|
return Icon;
|
|
82
82
|
};
|
|
83
83
|
exports.createIcon = createIcon;
|
|
84
|
-
const
|
|
84
|
+
const IconAndTextWrapper = styled_components_1.default.span `
|
|
85
85
|
${({ right, gap }) => (0, styled_components_1.css) `
|
|
86
86
|
${!right &&
|
|
87
87
|
(0, styled_components_1.css) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,uEAA+C;AAE/C,uDAAmD;AACnD,mDAA+C;AAG/C,8DAA0D;AAE1D,mDAA+C;AAQxC,MAAM,YAAY,GAAG,CAAC,GAAa,EAAE,EAAE,CAAC,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;AAAjD,QAAA,YAAY,gBAAqC;AAE9D,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,eAAe;IACf,WAAW;IACX,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAGV,MAAM,aAAa,GAAgB,IAAI,GAAG,CAAC,aAAa,CAAC,CAAA;AACzD,MAAM,cAAc,GAAG,CAAC,KAAa,EAAyB,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AA8BlF,MAAM,UAAU,GAAG,CAAC,OAAiB,EAAE,EAAE;IAC9C,MAAM,IAAI,GAA6B,CAAC,EACtC,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,KAAK,EACZ,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;QACH,MAAM,cAAc,GAClB,KAAK,CAAC,YAAY,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAA;QAC7E,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAA;QAE5E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;QACxB,MAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;YACvC,MAAM,QAAQ,GAAG,KAA2B,CAAA;YAC5C,IAAI,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE;gBACxC,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;aAC7B;YACD,OAAO,KAAK,CAAA;QACd,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;QAExB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;QAElC,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA,CAAC,2BAA2B;QAChF,MAAM,OAAO,GAAG,CACd,8BAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG;YACf,yEAAyE;YACzE,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,IAAI,EAAE,IAAI,iBACG,YAAY,IAAI,GAAG,KAAK,SAAS,IAAI,SAAS,EAC3D,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;QAED,IAAI,UAAU,EAAE;YACd,OAAO,CACL,8BAAC,
|
|
1
|
+
{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,6 +34,7 @@ const DESTROY_BUTTON_TEXT = '削除';
|
|
|
34
34
|
exports.InputFile = (0, react_1.forwardRef)(({ className = '', size = 'default', label, hasFileList = true, onChange, disabled = false, error, decorators, ...props }, ref) => {
|
|
35
35
|
const theme = (0, useTheme_1.useTheme)();
|
|
36
36
|
const [files, setFiles] = (0, react_1.useState)([]);
|
|
37
|
+
const labelId = (0, react_1.useId)();
|
|
37
38
|
// Safari において、input.files への直接代入時に onChange が発火することを防ぐためのフラグ
|
|
38
39
|
const isUpdatingFilesDirectly = (0, react_1.useRef)(false);
|
|
39
40
|
const inputRef = (0, react_1.useRef)(null);
|
|
@@ -72,10 +73,10 @@ exports.InputFile = (0, react_1.forwardRef)(({ className = '', size = 'default',
|
|
|
72
73
|
react_1.default.createElement("span", null,
|
|
73
74
|
react_1.default.createElement(Button_1.Button, { variant: "text", prefix: react_1.default.createElement(Icon_1.FaTrashAltIcon, null), onClick: () => handleDelete(index), className: classNames.deleteButton }, destroyButtonText))))))),
|
|
74
75
|
react_1.default.createElement(InputWrapper, { className: inputWrapperClassName, themes: theme },
|
|
75
|
-
react_1.default.createElement("input", { ...props, type: "file", onChange: handleChange, disabled: disabled, className: classNames.input, ref: inputRef, "aria-invalid": error || undefined }),
|
|
76
|
+
react_1.default.createElement("input", { ...props, type: "file", onChange: handleChange, disabled: disabled, className: classNames.input, ref: inputRef, "aria-invalid": error || undefined, "aria-labelledby": labelId }),
|
|
76
77
|
react_1.default.createElement(Prefix, { themes: theme },
|
|
77
78
|
react_1.default.createElement(Icon_1.FaFolderOpenIcon, null)),
|
|
78
|
-
label)));
|
|
79
|
+
react_1.default.createElement("span", { id: labelId, "aria-hidden": "true" }, label))));
|
|
79
80
|
});
|
|
80
81
|
const Wrapper = styled_components_1.default.div `
|
|
81
82
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Switch = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
|
+
const useTheme_1 = require("../../hooks/useTheme");
|
|
30
|
+
const Icon_1 = require("../Icon");
|
|
31
|
+
exports.Switch = (0, react_1.forwardRef)(({ disabled, className, ...props }, ref) => {
|
|
32
|
+
const theme = (0, useTheme_1.useTheme)();
|
|
33
|
+
return (react_1.default.createElement(Wrapper, { "$disabled": disabled, themes: theme, className: className },
|
|
34
|
+
react_1.default.createElement(Checkbox, { ...props, disabled: disabled, type: "checkbox", role: "switch", ref: ref }),
|
|
35
|
+
react_1.default.createElement(CheckIcon, { themes: theme })));
|
|
36
|
+
});
|
|
37
|
+
const Wrapper = styled_components_1.default.span `
|
|
38
|
+
${({ $disabled, themes: { border, color, radius, shadow } }) => (0, styled_components_1.css) `
|
|
39
|
+
position: relative;
|
|
40
|
+
display: inline-flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
border-radius: 1.25rem;
|
|
43
|
+
border: ${border.shorthand};
|
|
44
|
+
background-color: ${color.WHITE};
|
|
45
|
+
|
|
46
|
+
/* 理想的には padding: 2px; だが、box-shadow を outline で使用しているため、border と padding で2pxの疑似余白を作っている。 */
|
|
47
|
+
padding: 1px;
|
|
48
|
+
|
|
49
|
+
/* :focus-visible-within の代替 */
|
|
50
|
+
:has(:focus-visible) {
|
|
51
|
+
${shadow.focusIndicatorStyles}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
::before,
|
|
55
|
+
::after {
|
|
56
|
+
content: '';
|
|
57
|
+
box-sizing: border-box;
|
|
58
|
+
display: inline-block;
|
|
59
|
+
border-radius: ${radius.full};
|
|
60
|
+
border: ${border.shorthand};
|
|
61
|
+
border-color: ${color.GREY_30};
|
|
62
|
+
background-color: ${color.GREY_30};
|
|
63
|
+
block-size: 1rem;
|
|
64
|
+
inline-size: 1rem;
|
|
65
|
+
transition-property: transform, scale;
|
|
66
|
+
transition-duration: 150ms;
|
|
67
|
+
transition-timing-function: ease-out;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
::before {
|
|
71
|
+
scale: ${2 / 3};
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/* ツマミが移動する余白のために存在している */
|
|
75
|
+
::after {
|
|
76
|
+
visibility: hidden;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
:has(:checked) {
|
|
80
|
+
border-color: ${color.MAIN};
|
|
81
|
+
background-color: ${color.MAIN};
|
|
82
|
+
|
|
83
|
+
::before {
|
|
84
|
+
scale: unset;
|
|
85
|
+
transform: translateX(1rem);
|
|
86
|
+
border-color: ${color.BORDER};
|
|
87
|
+
background-color: ${color.WHITE};
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
${$disabled &&
|
|
92
|
+
(0, styled_components_1.css) `
|
|
93
|
+
&&& {
|
|
94
|
+
cursor: unset;
|
|
95
|
+
border-color: ${color.BORDER};
|
|
96
|
+
background-color: ${color.BORDER};
|
|
97
|
+
}
|
|
98
|
+
`}
|
|
99
|
+
|
|
100
|
+
@media (forced-colors: active) {
|
|
101
|
+
${$disabled
|
|
102
|
+
? (0, styled_components_1.css) `
|
|
103
|
+
&&& {
|
|
104
|
+
border-color: GrayText;
|
|
105
|
+
|
|
106
|
+
&::before,
|
|
107
|
+
&::after {
|
|
108
|
+
border-color: GrayText;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
`
|
|
112
|
+
: (0, styled_components_1.css) `
|
|
113
|
+
/* ツマミを塗りつぶす https://developer.mozilla.org/en-US/docs/Web/CSS/system-color */
|
|
114
|
+
&&&::before,
|
|
115
|
+
&&&::after {
|
|
116
|
+
background-color: ButtonBorder;
|
|
117
|
+
}
|
|
118
|
+
`}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@supports not selector(:has(+ *)) {
|
|
122
|
+
border-style: revert;
|
|
123
|
+
background-color: revert;
|
|
124
|
+
|
|
125
|
+
::before,
|
|
126
|
+
::after {
|
|
127
|
+
display: none;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
${$disabled &&
|
|
131
|
+
(0, styled_components_1.css) `
|
|
132
|
+
&&& {
|
|
133
|
+
background-color: revert;
|
|
134
|
+
}
|
|
135
|
+
`}
|
|
136
|
+
}
|
|
137
|
+
`}
|
|
138
|
+
`;
|
|
139
|
+
// eslint-disable-next-line smarthr/a11y-prohibit-input-placeholder, smarthr/a11y-input-has-name-attribute
|
|
140
|
+
const Checkbox = styled_components_1.default.input `
|
|
141
|
+
position: absolute;
|
|
142
|
+
inset: 0;
|
|
143
|
+
cursor: pointer;
|
|
144
|
+
outline: none;
|
|
145
|
+
opacity: 0;
|
|
146
|
+
appearance: none;
|
|
147
|
+
|
|
148
|
+
/* 古い iOS など inset が効かない環境で領域いっぱいに広げる */
|
|
149
|
+
@supports not (inset: 0) {
|
|
150
|
+
width: 100%;
|
|
151
|
+
height: 100%;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:disabled {
|
|
155
|
+
cursor: revert;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
@supports not selector(:has(+ *)) {
|
|
159
|
+
position: revert;
|
|
160
|
+
opacity: revert;
|
|
161
|
+
outline: revert;
|
|
162
|
+
appearance: revert;
|
|
163
|
+
}
|
|
164
|
+
`;
|
|
165
|
+
const CheckIcon = (0, styled_components_1.default)(Icon_1.FaCheckIcon).attrs({ color: 'WHITE', size: 'XXS' }) `
|
|
166
|
+
${({ themes: { fontSize } }) => (0, styled_components_1.css) `
|
|
167
|
+
position: absolute;
|
|
168
|
+
display: none;
|
|
169
|
+
|
|
170
|
+
@supports selector(:has(+ *)) {
|
|
171
|
+
[type='checkbox']:checked ~ & {
|
|
172
|
+
display: unset;
|
|
173
|
+
transform: translateX(calc((1rem - ${fontSize.XXS}) / 2));
|
|
174
|
+
pointer-events: none;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/* 強制カラーモードの時に状態を判別するため */
|
|
179
|
+
@media (forced-colors: active) {
|
|
180
|
+
fill: ButtonText;
|
|
181
|
+
|
|
182
|
+
[type='checkbox']:disabled ~ & {
|
|
183
|
+
fill: GrayText;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
`}
|
|
187
|
+
`;
|
|
188
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,uEAA+C;AAE/C,mDAAsD;AACtD,kCAAqC;AAIxB,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,8BAAC,OAAO,iBAAY,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;QAE/D,8BAAC,QAAQ,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI;QACnF,8BAAC,SAAS,IAAC,MAAM,EAAE,KAAK,GAAI,CACpB,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAiD;IACxE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;cAKvD,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;;;;;;;QAO3B,MAAM,CAAC,oBAAoB;;;;;;;;uBAQZ,MAAM,CAAC,IAAI;gBAClB,MAAM,CAAC,SAAS;sBACV,KAAK,CAAC,OAAO;0BACT,KAAK,CAAC,OAAO;;;;;;;;;eASxB,CAAC,GAAG,CAAC;;;;;;;;;sBASE,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;;;;;wBAKZ,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,KAAK;;;;MAIjC,SAAS;IACX,IAAA,uBAAG,EAAA;;;wBAGiB,KAAK,CAAC,MAAM;4BACR,KAAK,CAAC,MAAM;;KAEnC;;;QAGG,SAAS;IACT,CAAC,CAAC,IAAA,uBAAG,EAAA;;;;;;;;;WASF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;;;;;WAMF;;;;;;;;;;;;QAYH,SAAS;IACX,IAAA,uBAAG,EAAA;;;;OAIF;;GAEJ;CACF,CAAA;AAED,0GAA0G;AAC1G,MAAM,QAAQ,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB5B,CAAA;AAED,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,kBAAW,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAmB;IAC3F,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;;;6CAOQ,QAAQ,CAAC,GAAG;;;;;;;;;;;;;GAatD;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Switch } from './Switch';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Switch = void 0;
|
|
4
|
+
var Switch_1 = require("./Switch");
|
|
5
|
+
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
|
package/lib/index.d.ts
CHANGED
|
@@ -52,6 +52,7 @@ export { VisuallyHiddenText } from './components/VisuallyHiddenText';
|
|
|
52
52
|
export * from './components/SpreadsheetTable';
|
|
53
53
|
export * from './components/ResponseMessage';
|
|
54
54
|
export * from './components/Badge';
|
|
55
|
+
export * from './components/Switch';
|
|
55
56
|
export { Center, Cluster, LineUp, Reel, Stack, Sidebar } from './components/Layout';
|
|
56
57
|
export { useTheme } from './hooks/useTheme';
|
|
57
58
|
export { createTheme } from './themes/createTheme';
|
package/lib/index.js
CHANGED
|
@@ -186,6 +186,7 @@ Object.defineProperty(exports, "VisuallyHiddenText", { enumerable: true, get: fu
|
|
|
186
186
|
__exportStar(require("./components/SpreadsheetTable"), exports);
|
|
187
187
|
__exportStar(require("./components/ResponseMessage"), exports);
|
|
188
188
|
__exportStar(require("./components/Badge"), exports);
|
|
189
|
+
__exportStar(require("./components/Switch"), exports);
|
|
189
190
|
// layout components
|
|
190
191
|
var Layout_1 = require("./components/Layout");
|
|
191
192
|
Object.defineProperty(exports, "Center", { enumerable: true, get: function () { return Layout_1.Center; } });
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "35.
|
|
4
|
+
"version": "35.4.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
8
|
-
"dayjs": "^1.11.
|
|
8
|
+
"dayjs": "^1.11.10",
|
|
9
9
|
"lodash.merge": "^4.6.2",
|
|
10
10
|
"lodash.range": "^3.2.0",
|
|
11
11
|
"polished": "^4.2.2",
|
|
@@ -15,66 +15,66 @@
|
|
|
15
15
|
"react-transition-group": "^4.4.5"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@babel/core": "^7.
|
|
19
|
-
"@babel/preset-env": "^7.22.
|
|
18
|
+
"@babel/core": "^7.23.0",
|
|
19
|
+
"@babel/preset-env": "^7.22.20",
|
|
20
20
|
"@babel/preset-react": "^7.22.15",
|
|
21
|
-
"@babel/preset-typescript": "^7.
|
|
21
|
+
"@babel/preset-typescript": "^7.23.0",
|
|
22
22
|
"@commitlint/cli": "^17.7.1",
|
|
23
23
|
"@commitlint/config-conventional": "^17.7.0",
|
|
24
|
-
"@storybook/addon-a11y": "^7.4.
|
|
25
|
-
"@storybook/addon-essentials": "^7.4.
|
|
26
|
-
"@storybook/addon-interactions": "^7.4.
|
|
27
|
-
"@storybook/addon-storysource": "^7.4.
|
|
28
|
-
"@storybook/addons": "^7.4.
|
|
29
|
-
"@storybook/cli": "^7.4.
|
|
24
|
+
"@storybook/addon-a11y": "^7.4.5",
|
|
25
|
+
"@storybook/addon-essentials": "^7.4.5",
|
|
26
|
+
"@storybook/addon-interactions": "^7.4.5",
|
|
27
|
+
"@storybook/addon-storysource": "^7.4.5",
|
|
28
|
+
"@storybook/addons": "^7.4.5",
|
|
29
|
+
"@storybook/cli": "^7.4.5",
|
|
30
30
|
"@storybook/jest": "^0.2.2",
|
|
31
|
-
"@storybook/react": "^7.4.
|
|
32
|
-
"@storybook/react-webpack5": "^7.4.
|
|
31
|
+
"@storybook/react": "^7.4.5",
|
|
32
|
+
"@storybook/react-webpack5": "^7.4.5",
|
|
33
33
|
"@storybook/test-runner": "^0.13.0",
|
|
34
|
-
"@storybook/testing-library": "^0.2.
|
|
35
|
-
"@storybook/theming": "^7.4.
|
|
36
|
-
"@swc/core": "^1.3.
|
|
34
|
+
"@storybook/testing-library": "^0.2.1",
|
|
35
|
+
"@storybook/theming": "^7.4.5",
|
|
36
|
+
"@swc/core": "^1.3.89",
|
|
37
37
|
"@swc/jest": "^0.2.29",
|
|
38
38
|
"@testing-library/react-hooks": "^8.0.1",
|
|
39
|
-
"@types/jest": "^29.5.
|
|
39
|
+
"@types/jest": "^29.5.5",
|
|
40
40
|
"@types/lodash.merge": "^4.6.7",
|
|
41
41
|
"@types/lodash.range": "^3.2.7",
|
|
42
|
-
"@types/node": "^14.18.
|
|
43
|
-
"@types/react": "^18.2.
|
|
42
|
+
"@types/node": "^14.18.63",
|
|
43
|
+
"@types/react": "^18.2.22",
|
|
44
44
|
"@types/react-dom": "^18.2.7",
|
|
45
|
-
"@types/react-test-renderer": "^17.0.
|
|
45
|
+
"@types/react-test-renderer": "^17.0.4",
|
|
46
46
|
"@types/react-transition-group": "^4.4.6",
|
|
47
|
-
"@types/styled-components": "^5.1.
|
|
47
|
+
"@types/styled-components": "^5.1.28",
|
|
48
48
|
"axe-playwright": "^1.2.3",
|
|
49
49
|
"babel-loader": "^9.1.3",
|
|
50
50
|
"babel-plugin-polyfill-corejs2": "^0.4.5",
|
|
51
51
|
"babel-plugin-polyfill-regenerator": "^0.5.2",
|
|
52
|
-
"chromatic": "^7.
|
|
52
|
+
"chromatic": "^7.2.0",
|
|
53
53
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
54
|
-
"eslint": "^8.
|
|
55
|
-
"eslint-config-smarthr": "^6.
|
|
56
|
-
"eslint-plugin-storybook": "^0.6.
|
|
54
|
+
"eslint": "^8.50.0",
|
|
55
|
+
"eslint-config-smarthr": "^6.12.1",
|
|
56
|
+
"eslint-plugin-storybook": "^0.6.14",
|
|
57
57
|
"fs-extra": "^11.1.1",
|
|
58
|
-
"glob": "
|
|
58
|
+
"glob": "10.3.6",
|
|
59
59
|
"http-server": "^14.1.1",
|
|
60
60
|
"husky": "^8.0.3",
|
|
61
|
-
"jest": "^29.
|
|
62
|
-
"jest-environment-jsdom": "^29.
|
|
61
|
+
"jest": "^29.7.0",
|
|
62
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
63
63
|
"jest-styled-components": "^7.1.1",
|
|
64
64
|
"lint-staged": "^14.0.1",
|
|
65
65
|
"memory-fs": "^0.5.0",
|
|
66
66
|
"npm-run-all": "^4.1.5",
|
|
67
|
-
"postcss-styled-syntax": "^0.
|
|
67
|
+
"postcss-styled-syntax": "^0.5.0",
|
|
68
68
|
"postcss-syntax": "^0.36.2",
|
|
69
69
|
"prettier": "^2.8.8",
|
|
70
70
|
"prettier-config-smarthr": "^1.0.0",
|
|
71
|
-
"puppeteer": "^21.
|
|
71
|
+
"puppeteer": "^21.3.5",
|
|
72
72
|
"react": "^18.2.0",
|
|
73
73
|
"react-dom": "^18.2.0",
|
|
74
74
|
"react-test-renderer": "^18.2.0",
|
|
75
75
|
"smarthr-normalize-css": "^1.1.0",
|
|
76
76
|
"standard-version": "^9.3.2",
|
|
77
|
-
"storybook": "^7.4.
|
|
77
|
+
"storybook": "^7.4.5",
|
|
78
78
|
"styled-components": "^5.3.11",
|
|
79
79
|
"styled-reset": "^4.5.1",
|
|
80
80
|
"stylelint": "^15.10.3",
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"typings": "lib/index.d.ts",
|
|
161
161
|
"resolutions": {
|
|
162
162
|
"@babel/helper-compilation-targets": "^7.22.15",
|
|
163
|
-
"@types/react": "^18.2.
|
|
163
|
+
"@types/react": "^18.2.22",
|
|
164
164
|
"minimist": "1.2.8",
|
|
165
165
|
"react": "^18.2.0",
|
|
166
166
|
"react-dom": "^18.2.0"
|