smarthr-ui 23.1.0 → 23.3.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/Base/Base.d.ts +7 -0
- package/esm/components/Base/Base.js +23 -9
- package/esm/components/Base/Base.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +14 -1
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.d.ts +2 -2
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js +2 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -1
- package/esm/components/Dropdown/DropdownTrigger.js +5 -0
- package/esm/components/Dropdown/DropdownTrigger.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +2 -2
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Header/HeaderDropdownButton.d.ts +1 -1
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.d.ts +8 -0
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js +13 -0
- package/esm/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -0
- package/esm/components/Input/InputWithTooltip/index.d.ts +1 -0
- package/esm/components/Input/InputWithTooltip/index.js +2 -0
- package/esm/components/Input/InputWithTooltip/index.js.map +1 -0
- package/esm/components/Input/SearchInput/SearchInput.d.ts +9 -0
- package/esm/components/Input/SearchInput/SearchInput.js +6 -0
- package/esm/components/Input/SearchInput/SearchInput.js.map +1 -0
- package/esm/components/Input/SearchInput/index.d.ts +1 -0
- package/esm/components/Input/SearchInput/index.js +2 -0
- package/esm/components/Input/SearchInput/index.js.map +1 -0
- package/esm/components/Input/index.d.ts +1 -0
- package/esm/components/Input/index.js +1 -0
- package/esm/components/Input/index.js.map +1 -1
- package/esm/components/Layout/index.d.ts +1 -0
- package/esm/components/Layout/index.js +1 -0
- package/esm/components/Layout/index.js.map +1 -1
- package/esm/components/Loader/Loader.d.ts +2 -0
- package/esm/components/Loader/Loader.js +2 -2
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/MessageScreen/Footer.js +5 -5
- package/esm/components/MessageScreen/Footer.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.d.ts +2 -0
- package/esm/components/NotificationBar/NotificationBar.js +20 -4
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/SmartHRLogo/SmartHRLogo.js +2 -2
- package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.d.ts +2 -0
- package/esm/components/Tooltip/Tooltip.js +7 -4
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/lib/components/Base/Base.d.ts +7 -0
- package/lib/components/Base/Base.js +23 -9
- package/lib/components/Base/Base.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +14 -1
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.d.ts +2 -2
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js +5 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -1
- package/lib/components/Dropdown/DropdownTrigger.js +5 -0
- package/lib/components/Dropdown/DropdownTrigger.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +2 -2
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Header/HeaderDropdownButton.d.ts +1 -1
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.d.ts +8 -0
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js +20 -0
- package/lib/components/Input/InputWithTooltip/InputWithTooltip.js.map +1 -0
- package/lib/components/Input/InputWithTooltip/index.d.ts +1 -0
- package/lib/components/Input/InputWithTooltip/index.js +6 -0
- package/lib/components/Input/InputWithTooltip/index.js.map +1 -0
- package/lib/components/Input/SearchInput/SearchInput.d.ts +9 -0
- package/lib/components/Input/SearchInput/SearchInput.js +13 -0
- package/lib/components/Input/SearchInput/SearchInput.js.map +1 -0
- package/lib/components/Input/SearchInput/index.d.ts +1 -0
- package/lib/components/Input/SearchInput/index.js +6 -0
- package/lib/components/Input/SearchInput/index.js.map +1 -0
- package/lib/components/Input/index.d.ts +1 -0
- package/lib/components/Input/index.js +3 -1
- package/lib/components/Input/index.js.map +1 -1
- package/lib/components/Layout/index.d.ts +1 -0
- package/lib/components/Layout/index.js +15 -0
- package/lib/components/Layout/index.js.map +1 -1
- package/lib/components/Loader/Loader.d.ts +2 -0
- package/lib/components/Loader/Loader.js +2 -2
- package/lib/components/Loader/Loader.js.map +1 -1
- package/lib/components/MessageScreen/Footer.js +5 -5
- package/lib/components/MessageScreen/Footer.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.d.ts +2 -0
- package/lib/components/NotificationBar/NotificationBar.js +19 -3
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/SmartHRLogo/SmartHRLogo.js +2 -2
- package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +2 -0
- package/lib/components/Tooltip/Tooltip.js +6 -3
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +4 -3
- package/lib/index.js.map +1 -1
- package/package.json +18 -13
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { Gap } from '../Layout';
|
|
2
3
|
declare type Props = {
|
|
3
4
|
children: ReactNode;
|
|
5
|
+
/** 境界とコンテンツの間の余白 */
|
|
6
|
+
padding?: Gap | SeparatePadding;
|
|
4
7
|
/** 角丸のサイズ */
|
|
5
8
|
radius?: 's' | 'm';
|
|
6
9
|
/** レイヤの重なり方向の高さ(影の付き方に影響する) */
|
|
@@ -14,6 +17,10 @@ export declare const layerMap: {
|
|
|
14
17
|
readonly 3: "LAYER3";
|
|
15
18
|
readonly 4: "LAYER4";
|
|
16
19
|
};
|
|
20
|
+
declare type SeparatePadding = {
|
|
21
|
+
block?: Gap;
|
|
22
|
+
inline?: Gap;
|
|
23
|
+
};
|
|
17
24
|
export declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
18
25
|
export declare const Base: React.ForwardRefExoticComponent<Props & ElementProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
26
|
export {};
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef, useMemo } from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { useClassNames } from './useClassNames';
|
|
5
|
+
import { useSpacing } from '../../hooks/useSpacing';
|
|
5
6
|
export const layerMap = {
|
|
6
7
|
0: 'LAYER0',
|
|
7
8
|
1: 'LAYER1',
|
|
@@ -9,9 +10,22 @@ export const layerMap = {
|
|
|
9
10
|
3: 'LAYER3',
|
|
10
11
|
4: 'LAYER4',
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
+
const separatePadding = (padding) => {
|
|
14
|
+
if (padding instanceof Object) {
|
|
15
|
+
return {
|
|
16
|
+
block: padding.block,
|
|
17
|
+
inline: padding.inline,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
return {
|
|
21
|
+
block: padding,
|
|
22
|
+
inline: padding,
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export const Base = forwardRef(({ padding, radius = 'm', layer = 1, className = '', ...props }, ref) => {
|
|
13
26
|
const themes = useTheme();
|
|
14
27
|
const classNames = useClassNames();
|
|
28
|
+
const $padding = separatePadding(padding);
|
|
15
29
|
const $radius = useMemo(() => {
|
|
16
30
|
switch (radius) {
|
|
17
31
|
case 's':
|
|
@@ -20,15 +34,15 @@ export const Base = forwardRef(({ radius = 'm', layer = 1, className = '', ...pr
|
|
|
20
34
|
return themes.radius.l;
|
|
21
35
|
}
|
|
22
36
|
}, [radius, themes.radius.l, themes.radius.m]);
|
|
23
|
-
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.base.wrapper}`, themes: themes, "$radius": $radius, "$layer": layerMap[layer], ref: ref }));
|
|
37
|
+
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.base.wrapper}`, themes: themes, "$padding": $padding, "$radius": $radius, "$layer": layerMap[layer], ref: ref }));
|
|
24
38
|
});
|
|
25
39
|
const Wrapper = styled.div `
|
|
26
|
-
${({ themes: { color, shadow }, $radius, $layer }) =>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
40
|
+
${({ themes: { color, shadow }, $padding, $radius, $layer }) => css `
|
|
41
|
+
box-shadow: ${shadow[$layer]};
|
|
42
|
+
border-radius: ${$radius};
|
|
43
|
+
background-color: ${color.WHITE};
|
|
44
|
+
${$padding.block && `padding-block: ${useSpacing($padding.block)};`}
|
|
45
|
+
${$padding.inline && `padding-inline: ${useSpacing($padding.inline)};`}
|
|
46
|
+
`}
|
|
33
47
|
`;
|
|
34
48
|
//# sourceMappingURL=Base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAenD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AASV,MAAM,eAAe,GAAG,CAAC,OAAyB,EAAE,EAAE;IACpD,IAAI,OAAO,YAAY,MAAM,EAAE;QAC7B,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAA;KACF;IAED,OAAO;QACL,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YACxB,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,cACJ,QAAQ,aACT,OAAO,YACR,QAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAKxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACnD,MAAM,CAAC,MAAM,CAAC;qBACX,OAAO;wBACJ,KAAK,CAAC,KAAK;MAC7B,QAAQ,CAAC,KAAK,IAAI,kBAAkB,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;MACjE,QAAQ,CAAC,MAAM,IAAI,mBAAmB,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;GACvE;CACF,CAAA"}
|
|
@@ -20,6 +20,7 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
20
20
|
x: 0,
|
|
21
21
|
y: 0,
|
|
22
22
|
});
|
|
23
|
+
const [draggableBounds, setDraggableBounds] = useState();
|
|
23
24
|
const theme = useTheme();
|
|
24
25
|
useEffect(() => {
|
|
25
26
|
if (wrapperRef.current instanceof Element) {
|
|
@@ -88,6 +89,18 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
88
89
|
break;
|
|
89
90
|
}
|
|
90
91
|
}, [isOpen]);
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
if (!isOpen || !isReady)
|
|
94
|
+
return;
|
|
95
|
+
if (centering.top) {
|
|
96
|
+
setDraggableBounds({ top: centering.top * -1 });
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
if (wrapperRef.current) {
|
|
100
|
+
const rect = wrapperRef.current.getBoundingClientRect();
|
|
101
|
+
setDraggableBounds({ top: rect.top * -1 });
|
|
102
|
+
}
|
|
103
|
+
}, [isOpen, isReady, centering.top]);
|
|
91
104
|
const labelId = useId();
|
|
92
105
|
const classNames = useClassNames().modelessDialog;
|
|
93
106
|
return createPortal(React.createElement(DialogOverlap, { isOpen: isOpen },
|
|
@@ -98,7 +111,7 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
|
|
|
98
111
|
y: prev.y + data.deltaY,
|
|
99
112
|
};
|
|
100
113
|
});
|
|
101
|
-
}, position: position },
|
|
114
|
+
}, position: position, bounds: draggableBounds },
|
|
102
115
|
React.createElement(Layout, { ...props, className: `${className} ${classNames.wrapper}`, style: {
|
|
103
116
|
top: centering.top !== undefined ? centering.top : top,
|
|
104
117
|
left: centering.left !== undefined ? centering.left : left,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ModelessDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ModelessDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ComponentProps, HTMLAttributes, ReactElement, VFC } from 'react';
|
|
1
|
+
import { ComponentProps, HTMLAttributes, ReactElement, ReactNode, VFC } from 'react';
|
|
2
2
|
import { AnchorButton, Button, BaseProps as ButtonProps } from '../../Button';
|
|
3
3
|
declare type Actions = ActionItem | ActionItem[];
|
|
4
4
|
declare type ActionItem = ReactElement<ComponentProps<typeof Button>> | ReactElement<ComponentProps<typeof AnchorButton>> | null | boolean;
|
|
5
5
|
declare type Props = {
|
|
6
6
|
/** 引き金となるボタンラベル。デフォルトは “その他の操作” */
|
|
7
|
-
label?:
|
|
7
|
+
label?: ReactNode;
|
|
8
8
|
/** 操作群 */
|
|
9
9
|
children: Actions;
|
|
10
10
|
/** 引き金となるボタンの大きさ */
|
|
@@ -6,10 +6,11 @@ import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
|
|
|
6
6
|
import { Stack } from '../../Layout';
|
|
7
7
|
import { useTheme } from '../../../hooks/useTheme';
|
|
8
8
|
import { useClassNames } from './useClassNames';
|
|
9
|
+
import innerText from 'react-innertext';
|
|
9
10
|
export const DropdownButton = ({ label = 'その他の操作', children, triggerSize, onlyIconTrigger = false, disabled = false, className = '', ...props }) => {
|
|
10
11
|
const themes = useTheme();
|
|
11
12
|
const classNames = useClassNames();
|
|
12
|
-
const triggerLabel = useMemo(() =>
|
|
13
|
+
const triggerLabel = useMemo(() => onlyIconTrigger ? (React.createElement(FaEllipsisHIcon, { alt: typeof label === 'string' ? label : innerText(label) })) : (label), [onlyIconTrigger, label]);
|
|
13
14
|
const triggerSuffix = useMemo(() => (onlyIconTrigger ? React.createElement(React.Fragment, null) : React.createElement(FaCaretDownIcon, { alt: "\u5019\u88DC\u3092\u958B\u304F" })), [onlyIconTrigger]);
|
|
14
15
|
return (React.createElement(Dropdown, { ...props },
|
|
15
16
|
React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,11 @@ export const DropdownTrigger = ({ children, className = '' }) => {
|
|
|
18
18
|
});
|
|
19
19
|
}, [triggerElementRef, active, contentId]);
|
|
20
20
|
return (React.createElement(Wrapper, { ref: triggerElementRef, onClick: (e) => {
|
|
21
|
+
// 引き金となる要素が disabled な場合は発火させない
|
|
22
|
+
const includeDisabledTrigger = React.Children.map(children, (child) => React.isValidElement(child) && child.props.disabled)?.some((bool) => bool);
|
|
23
|
+
if (includeDisabledTrigger) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
21
26
|
const rect = e.currentTarget.getBoundingClientRect();
|
|
22
27
|
onClickTrigger({
|
|
23
28
|
top: rect.top,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownTrigger.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAQ/C,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IAC5F,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;YAC9B,OAAM;SACP;QACD,kDAAkD;QAClD,MAAM,QAAQ,GAAG,QAAQ,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,CAAC,CAAA;QACtF,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YACrD,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;QAClD,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1C,OAAO,CACL,oBAAC,OAAO,IACN,GAAG,EAAE,iBAAiB,EACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAA;YACpD,cAAc,CAAC;gBACb,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAA;QACJ,CAAC,EACD,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,IAE9C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE;QAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5C,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;QAEhD,QAAQ,OAAO,KAAK,EAAE;YACpB,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAA;YAEd,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,SAAS,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,cAAc,EAAE;iBACzD,CAAC,CAAA;YAEJ;gBACE,OAAO,IAAI,CAAA;SACd;IACH,CAAC,CAAC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA"}
|
|
1
|
+
{"version":3,"file":"DropdownTrigger.js","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import { DropdownScrollArea } from '../DropdownScrollArea';
|
|
|
9
9
|
import { Button } from '../../Button';
|
|
10
10
|
import { FaCheckCircleIcon, FaFilterIcon, FaUndoAltIcon } from '../../Icon';
|
|
11
11
|
import innerText from 'react-innertext';
|
|
12
|
-
const
|
|
12
|
+
const STATUS_FILTERED_TEXT = '適用中';
|
|
13
13
|
const TRIGGER_BUTTON_TEXT = '絞り込み';
|
|
14
14
|
const APPLY_BUTTON_TEXT = '適用';
|
|
15
15
|
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
@@ -18,7 +18,7 @@ const executeDecorator = (defaultText, decorator) => decorator ? decorator(defau
|
|
|
18
18
|
export const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorator = {}, }) => {
|
|
19
19
|
const { status: statusDecorator, triggerButton: triggerButtonDecorator, applyButton: applyButtonDecorator, cancelButton: cancelButtonDecorator, resetButton: resetButtonDecorator, } = decorator;
|
|
20
20
|
const themes = useTheme();
|
|
21
|
-
const status = useMemo(() => executeDecorator(
|
|
21
|
+
const status = useMemo(() => executeDecorator(STATUS_FILTERED_TEXT, statusDecorator), [statusDecorator]);
|
|
22
22
|
const triggerButton = useMemo(() => executeDecorator(TRIGGER_BUTTON_TEXT, triggerButtonDecorator), [triggerButtonDecorator]);
|
|
23
23
|
const applyButton = useMemo(() => executeDecorator(APPLY_BUTTON_TEXT, applyButtonDecorator), [applyButtonDecorator]);
|
|
24
24
|
const cancelButton = useMemo(() => executeDecorator(CANCEL_BUTTON_TEXT, cancelButtonDecorator), [cancelButtonDecorator]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,SAAS,MAAM,iBAAiB,CAAA;AAoBvC,MAAM,
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const HeaderDropdownButton: import("styled-components").StyledComponent<import("react").VFC<{
|
|
3
|
-
label?:
|
|
3
|
+
label?: import("react").ReactNode;
|
|
4
4
|
children: (boolean | import("react").ReactElement<import("../Button").BaseProps & {
|
|
5
5
|
type?: "button" | "reset" | "submit" | undefined;
|
|
6
6
|
id?: string | undefined;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import { Input } from '../Input';
|
|
3
|
+
declare type Props = ComponentProps<typeof Input> & {
|
|
4
|
+
/** 入力欄に紐付けるツールチップに表示するメッセージ */
|
|
5
|
+
tooltipMessage: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const InputWithTooltip: React.FC<Props>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { Input } from '../Input';
|
|
4
|
+
import { Tooltip as shrTooltip } from '../../Tooltip';
|
|
5
|
+
export const InputWithTooltip = ({ tooltipMessage, ...props }) => {
|
|
6
|
+
return (React.createElement(Tooltip, { message: tooltipMessage, tabIndex: -1, ariaDescribedbyTarget: "inner" },
|
|
7
|
+
React.createElement(Input, { ...props })));
|
|
8
|
+
};
|
|
9
|
+
const Tooltip = styled(shrTooltip) `
|
|
10
|
+
/* Input のフォーカスリングを表示するため */
|
|
11
|
+
overflow: revert;
|
|
12
|
+
`;
|
|
13
|
+
//# sourceMappingURL=InputWithTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAOrD,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAC,OAAO;QAC3E,oBAAC,KAAK,OAAK,KAAK,GAAI,CACZ,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGjC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputWithTooltip } from './InputWithTooltip';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { InputWithTooltip } from '../InputWithTooltip';
|
|
4
|
+
declare type Props = Omit<ComponentProps<typeof InputWithTooltip>, 'tooltipMessage' | 'prefix'> & {
|
|
5
|
+
/** 入力欄の説明を紐付けるツールチップに表示するメッセージ */
|
|
6
|
+
tooltipMessage: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare const SearchInput: React.FC<Props>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputWithTooltip } from '../InputWithTooltip';
|
|
3
|
+
import { FaSearchIcon } from '../../Icon';
|
|
4
|
+
export const SearchInput = ({ ...props }) => (React.createElement("label", null,
|
|
5
|
+
React.createElement(InputWithTooltip, { ...props, prefix: React.createElement(FaSearchIcon, { alt: "\u691C\u7D22", color: "TEXT_GREY" }) })));
|
|
6
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAOzC,MAAM,CAAC,MAAM,WAAW,GAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5D;IACE,oBAAC,gBAAgB,OAAK,KAAK,EAAE,MAAM,EAAE,oBAAC,YAAY,IAAC,GAAG,EAAC,cAAI,EAAC,KAAK,EAAC,WAAW,GAAG,GAAI,CAC9E,CACT,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SearchInput } from './SearchInput';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,cAAc,QAAQ,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { useTheme } from '../../hooks/useTheme';
|
|
|
4
4
|
import { VISUALLY_HIDDEN_STYLE } from '../../constants';
|
|
5
5
|
import { cogDuration, containerRotate, fillUnfillRotate, leftSpin, line1FadeInOut, line2FadeInOut, line3FadeInOut, line4FadeInOut, lineDuration, rightSpin, spinnerEasing, } from './loaderAnimation';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
export const Loader = ({ size = 'm', text = '', type = 'primary', className = '', ...props }) => {
|
|
7
|
+
export const Loader = ({ size = 'm', alt = '処理中', text = '', type = 'primary', className = '', ...props }) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const classNames = useClassNames();
|
|
10
10
|
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, role: "status" },
|
|
@@ -16,7 +16,7 @@ export const Loader = ({ size = 'm', text = '', type = 'primary', className = ''
|
|
|
16
16
|
React.createElement(Cog, null,
|
|
17
17
|
React.createElement(CogInner, { className: "cogInner right" })))))),
|
|
18
18
|
text && (React.createElement(Text, { className: type, themes: theme }, text)),
|
|
19
|
-
React.createElement(VisuallyHidden, null,
|
|
19
|
+
React.createElement(VisuallyHidden, null, alt)));
|
|
20
20
|
};
|
|
21
21
|
const Wrapper = styled.div `
|
|
22
22
|
display: inline-block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,11 @@ export const Footer = ({ className = '', ...props }) => {
|
|
|
7
7
|
const { footer } = useClassNames();
|
|
8
8
|
return (React.createElement(Wrapper, { ...props, themes: theme, className: `${footer} ${className}` },
|
|
9
9
|
React.createElement(List, { themes: theme },
|
|
10
|
-
React.createElement(Item, { href: "https://smarthr.jp/
|
|
11
|
-
React.createElement(Item, { href: "https://smarthr.jp/
|
|
12
|
-
React.createElement(Item, { href: "https://smarthr.jp/terms" }, "\u5229\u7528\u898F\u7D04"),
|
|
13
|
-
React.createElement(Item, { href: "https://smarthr.jp/
|
|
14
|
-
React.createElement(Item, { href: "https://smarthr.jp/law" }, "\u7279\u5B9A\u5546\u53D6\u5F15\u6CD5\u306B\u57FA\u3065\u304F\u8868\u8A18"),
|
|
10
|
+
React.createElement(Item, { href: "https://support.smarthr.jp/" }, "\u30D8\u30EB\u30D7"),
|
|
11
|
+
React.createElement(Item, { href: "https://smarthr.jp/update/" }, "\u304A\u77E5\u3089\u305B"),
|
|
12
|
+
React.createElement(Item, { href: "https://smarthr.jp/terms/" }, "\u5229\u7528\u898F\u7D04"),
|
|
13
|
+
React.createElement(Item, { href: "https://smarthr.co.jp/privacy/" }, "\u30D7\u30E9\u30A4\u30D0\u30B7\u30FC\u30DD\u30EA\u30B7\u30FC"),
|
|
14
|
+
React.createElement(Item, { href: "https://smarthr.jp/law/" }, "\u7279\u5B9A\u5546\u53D6\u5F15\u6CD5\u306B\u57FA\u3065\u304F\u8868\u8A18"),
|
|
15
15
|
React.createElement(Item, { href: "https://smarthr.co.jp" }, "\u904B\u55B6\u4F1A\u793E"),
|
|
16
16
|
React.createElement(Item, { href: "https://developer.smarthr.jp" }, "\u958B\u767A\u8005\u5411\u3051API ")),
|
|
17
17
|
React.createElement(Copy, { themes: theme }, "\u00A9 SmartHR, Inc.")));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,MAAM,GAAsB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,EAAE;QACpE,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK;YACjB,oBAAC,IAAI,IAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/MessageScreen/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,MAAM,CAAC,MAAM,MAAM,GAAsB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,EAAE;QACpE,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK;YACjB,oBAAC,IAAI,IAAC,IAAI,EAAC,6BAA6B,yBAAW;YACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,4BAA4B,+BAAY;YACnD,oBAAC,IAAI,IAAC,IAAI,EAAC,2BAA2B,+BAAY;YAClD,oBAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,mEAAkB;YAC7D,oBAAC,IAAI,IAAC,IAAI,EAAC,yBAAyB,+EAAoB;YACxD,oBAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,+BAAY;YAC9C,oBAAC,IAAI,IAAC,IAAI,EAAC,8BAA8B,yCAAiB,CACrD;QACP,oBAAC,IAAI,IAAC,MAAM,EAAE,KAAK,2BAA6B,CACxC,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAI5C,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;wBAC7B,KAAK,CAAC,KAAK;aACtB,KAAK,CAAC,UAAU;iBACZ,QAAQ,CAAC,CAAC;GACxB;CACF,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAmB;IACrC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;sBAUpB,aAAa,CAAC,GAAG,CAAC;;GAErC;CACF,CAAA;AAQD,MAAM,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS;QACtB,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,IAC5E,QAAQ,CACE,CACV,CACN,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAmB;WACnC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU;;;;;;CAMjD,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAmB;IACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;iBAEN,MAAM,CAAC,QAAQ,CAAC,CAAC;GAC/B;CACF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import styled, { css } from 'styled-components';
|
|
2
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { useClassNames } from './useClassNames';
|
|
5
5
|
import { FaCheckCircleIcon, FaExclamationCircleIcon, FaExclamationTriangleIcon, FaInfoCircleIcon, FaTimesIcon, WarningIcon, } from '../Icon';
|
|
@@ -72,14 +72,30 @@ export const NotificationBar = ({ type, bold = false, message, onClose, children
|
|
|
72
72
|
onClose && (React.createElement(CloseButton, { variant: "text", colorSet: colorSet, themes: theme, onClick: onClose, className: classNames.closeButton, size: "s" },
|
|
73
73
|
React.createElement(FaTimesIcon, { alt: "\u9589\u3058\u308B" }))))));
|
|
74
74
|
};
|
|
75
|
-
const Wrapper = styled.div(({ themes: { color,
|
|
75
|
+
const Wrapper = styled.div(({ themes: { color, fontSize, leading, space }, colorSet: { fgColor = color.TEXT_BLACK, bgColor = color.WHITE }, animate, }) => css `
|
|
76
76
|
display: flex;
|
|
77
|
-
gap: ${
|
|
77
|
+
gap: ${space(1)};
|
|
78
78
|
align-items: center;
|
|
79
79
|
background-color: ${bgColor};
|
|
80
|
-
padding: ${
|
|
80
|
+
padding: ${space(0.75)};
|
|
81
81
|
color: ${fgColor};
|
|
82
|
+
${animate &&
|
|
83
|
+
css `
|
|
84
|
+
/* 1行の場合の高さ分だけスライドさせる */
|
|
85
|
+
/* stylelint-disable-next-line */
|
|
86
|
+
animation: ${slideIn(`calc(${fontSize.M} * ${leading.TIGHT} + ${space(1.5)})`)} 0.2s ease-out;
|
|
87
|
+
`}
|
|
82
88
|
`);
|
|
89
|
+
const slideIn = (translateLength) => keyframes `
|
|
90
|
+
from {
|
|
91
|
+
opacity: 0;
|
|
92
|
+
transform: translateY(calc(-1 * ${translateLength}));
|
|
93
|
+
}
|
|
94
|
+
to {
|
|
95
|
+
opacity: 1;
|
|
96
|
+
transform: translateY(0);
|
|
97
|
+
}
|
|
98
|
+
`;
|
|
83
99
|
const MessageArea = styled.div(({ themes: { spacingByChar } }) => css `
|
|
84
100
|
display: flex;
|
|
85
101
|
gap: ${spacingByChar(0.5)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,gBAAgB,EAChB,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAA;AAoB5E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC3C,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACpD,QAAQ,IAAI,EAAE;YACZ,KAAK,MAAM;gBACT,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,SAAS,EAAE,KAAK,CAAC,SAAS;iBAC3B,CAAA;YACH,KAAK,SAAS,CAAC,CAAC;gBACd,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC;wBACE,SAAS,EAAE,KAAK,CAAC,UAAU;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU;wBACzB,OAAO,EAAE,KAAK,CAAC,IAAI;qBACpB;oBACH,CAAC,CAAC,EAAE,CAAA;gBACN,OAAO;oBACL,IAAI,EAAE,iBAAiB;oBACvB,SAAS,EAAE,KAAK,CAAC,IAAI;oBACrB,GAAG,MAAM;iBACV,CAAA;aACF;YACD,KAAK,SAAS,CAAC,CAAC;gBACd,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC;wBACE,IAAI,EAAE,yBAAyB;wBAC/B,OAAO,EAAE,KAAK,CAAC,UAAU;wBACzB,OAAO,EAAE,KAAK,CAAC,cAAc;qBAC9B;oBACH,CAAC,CAAC,EAAE,CAAA;gBACN,OAAO;oBACL,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,KAAK,CAAC,UAAU;oBAC3B,GAAG,MAAM;iBACV,CAAA;aACF;YACD,KAAK,OAAO,CAAC,CAAC;gBACZ,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC;wBACE,SAAS,EAAE,KAAK,CAAC,UAAU;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU;wBACzB,OAAO,EAAE,KAAK,CAAC,MAAM;qBACtB;oBACH,CAAC,CAAC,EAAE,CAAA;gBACN,OAAO;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,SAAS,EAAE,KAAK,CAAC,MAAM;oBACvB,GAAG,MAAM;iBACV,CAAA;aACF;SACF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,SAAS,EAAE,GAAG,IAAI,IAAI,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE,EACzE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,QAAQ;QAElB,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW;YAC3D,oBAAC,UAAU;gBACT,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,GAAI,CACf;YACb,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,IAAE,OAAO,CAAc,CACtC;QACd,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACxD,QAAQ,IAAI,CACX,oBAAC,aAAa,IACZ,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,UAAU,CAAC,OAAO,EAC7B,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,UAAU,IAEjB,QAAQ,CACK,CACjB;YACA,OAAO,IAAI,CACV,oBAAC,WAAW,IACV,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,WAAW,EACjC,IAAI,EAAC,GAAG;gBAER,oBAAC,WAAW,IAAC,GAAG,EAAC,oBAAK,GAAG,CACb,CACf,CACU,CACL,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAKxB,CAAC,EACC,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAC3C,QAAQ,EAAE,EAAE,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,EAC/D,OAAO,GACR,EAAE,EAAE,CAAC,GAAG,CAAA;;WAEA,KAAK,CAAC,CAAC,CAAC;;wBAEK,OAAO;eAChB,KAAK,CAAC,IAAI,CAAC;aACb,OAAO;MACd,OAAO;IACT,GAAG,CAAA;;;mBAGY,OAAO,CAAC,QAAQ,QAAQ,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;KAC/E;GACF,CACF,CAAA;AACD,MAAM,OAAO,GAAG,CAAC,eAAuB,EAAE,EAAE,CAAC,SAAS,CAAA;;;sCAGhB,eAAe;;;;;;CAMpD,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAG5B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;WAE7B,aAAa,CAAC,GAAG,CAAC;;;;;;GAM1B,CACF,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG5B,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;CAG9B,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAG3B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;WAE7B,aAAa,CAAC,GAAG,CAAC;;;GAG1B,CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAGnC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACtB,aAAa,CAAC,CAAC,GAAG,CAAC;qBAChB,aAAa,CAAC,CAAC,GAAG,CAAC;GACrC,CACF,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAIhC,CAAC,EACC,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAChC,QAAQ,EAAE,EAAE,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,GAChE,EAAE,EAAE,CAAC,GAAG,CAAA;;;kBAGO,aAAa,CAAC,CAAC,GAAG,CAAC;oBACjB,aAAa,CAAC,CAAC,GAAG,CAAC;qBAClB,aAAa,CAAC,CAAC,GAAG,CAAC;aAC3B,OAAO;;;;0BAIM,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;eACpC,OAAO;;GAEnB,CACF,CAAA"}
|