smarthr-ui 23.1.0 → 23.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/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/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/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/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/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/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/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 +12 -11
|
@@ -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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"}
|
|
@@ -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"}
|
|
@@ -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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"}
|
|
@@ -17,6 +17,8 @@ declare type Props = {
|
|
|
17
17
|
vertical?: BalloonProps['vertical'] | 'auto';
|
|
18
18
|
/** ツールチップを表示する対象の tabIndex 値 */
|
|
19
19
|
tabIndex?: number;
|
|
20
|
+
/** ツールチップを内包要素に紐付けるかどうか */
|
|
21
|
+
ariaDescribedbyTarget?: 'wrapper' | 'inner';
|
|
20
22
|
};
|
|
21
23
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props | 'aria-describedby'>;
|
|
22
24
|
export declare const Tooltip: VFC<Props & ElementProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
1
|
+
import React, { useLayoutEffect, useRef, useState, } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { TooltipPortal } from './TooltipPortal';
|
|
5
5
|
import { useId } from '../../hooks/useId';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
7
|
+
export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, ariaDescribedbyTarget = 'wrapper', className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
8
8
|
const [portalRoot, setPortalRoot] = useState(null);
|
|
9
9
|
const [isVisible, setIsVisible] = useState(false);
|
|
10
10
|
const [rect, setRect] = useState(null);
|
|
@@ -46,10 +46,13 @@ export const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnl
|
|
|
46
46
|
};
|
|
47
47
|
}, []);
|
|
48
48
|
const classNames = useClassNames();
|
|
49
|
-
|
|
49
|
+
const childrenWithProps = ariaDescribedbyTarget === 'inner'
|
|
50
|
+
? React.cloneElement(children, { 'aria-describedby': tooltipId })
|
|
51
|
+
: children;
|
|
52
|
+
return (React.createElement(Wrapper, { ...props, "aria-describedby": ariaDescribedbyTarget === 'wrapper' ? tooltipId : undefined, ref: ref, onPointerEnter: getHandlerToShow(onPointerEnter), onTouchStart: getHandlerToShow(onTouchStart), onFocus: getHandlerToShow(onFocus), onPointerLeave: getHandlerToHide(onPointerLeave), onTouchEnd: getHandlerToHide(onTouchEnd), onBlur: getHandlerToHide(onBlur), isIcon: isIcon, tabIndex: tabIndex, className: `${className} ${classNames.wrapper}` },
|
|
50
53
|
portalRoot &&
|
|
51
54
|
createPortal(React.createElement(TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical }), portalRoot),
|
|
52
|
-
|
|
55
|
+
childrenWithProps));
|
|
53
56
|
};
|
|
54
57
|
const Wrapper = styled.div `
|
|
55
58
|
display: inline-block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export { Dropdown, DropdownTrigger, DropdownContent, DropdownCloser, DropdownScr
|
|
|
4
4
|
export { FieldSet } from './components/FieldSet';
|
|
5
5
|
export { FlashMessage, FlashMessageListProvider, useFlashMessageList, } from './components/FlashMessage';
|
|
6
6
|
export { FloatArea } from './components/FloatArea';
|
|
7
|
-
export { Input, CurrencyInput } from './components/Input';
|
|
7
|
+
export { Input, CurrencyInput, SearchInput } from './components/Input';
|
|
8
8
|
export { InputFile } from './components/InputFile';
|
|
9
9
|
export { Textarea } from './components/Textarea';
|
|
10
10
|
export { TextLink } from './components/TextLink';
|
package/esm/index.js
CHANGED
|
@@ -5,7 +5,7 @@ export { Dropdown, DropdownTrigger, DropdownContent, DropdownCloser, DropdownScr
|
|
|
5
5
|
export { FieldSet } from './components/FieldSet';
|
|
6
6
|
export { FlashMessage, FlashMessageListProvider, useFlashMessageList, } from './components/FlashMessage';
|
|
7
7
|
export { FloatArea } from './components/FloatArea';
|
|
8
|
-
export { Input, CurrencyInput } from './components/Input';
|
|
8
|
+
export { Input, CurrencyInput, SearchInput } from './components/Input';
|
|
9
9
|
export { InputFile } from './components/InputFile';
|
|
10
10
|
export { Textarea } from './components/Textarea';
|
|
11
11
|
export { TextLink } from './components/TextLink';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,cAAc,GACf,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"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
|
/** 引き金となるボタンの大きさ */
|
|
@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
25
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
29
|
exports.DropdownButton = void 0;
|
|
27
30
|
const react_1 = __importStar(require("react"));
|
|
@@ -32,10 +35,11 @@ const Icon_1 = require("../../Icon");
|
|
|
32
35
|
const Layout_1 = require("../../Layout");
|
|
33
36
|
const useTheme_1 = require("../../../hooks/useTheme");
|
|
34
37
|
const useClassNames_1 = require("./useClassNames");
|
|
38
|
+
const react_innertext_1 = __importDefault(require("react-innertext"));
|
|
35
39
|
const DropdownButton = ({ label = 'その他の操作', children, triggerSize, onlyIconTrigger = false, disabled = false, className = '', ...props }) => {
|
|
36
40
|
const themes = (0, useTheme_1.useTheme)();
|
|
37
41
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
38
|
-
const triggerLabel = (0, react_1.useMemo)(() =>
|
|
42
|
+
const triggerLabel = (0, react_1.useMemo)(() => onlyIconTrigger ? (react_1.default.createElement(Icon_1.FaEllipsisHIcon, { alt: typeof label === 'string' ? label : (0, react_innertext_1.default)(label) })) : (label), [onlyIconTrigger, label]);
|
|
39
43
|
const triggerSuffix = (0, react_1.useMemo)(() => (onlyIconTrigger ? react_1.default.createElement(react_1.default.Fragment, null) : react_1.default.createElement(Icon_1.FaCaretDownIcon, { alt: "\u5019\u88DC\u3092\u958B\u304F" })), [onlyIconTrigger]);
|
|
40
44
|
return (react_1.default.createElement(__1.Dropdown, { ...props },
|
|
41
45
|
react_1.default.createElement(__1.DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoG;AACpG,uEAA+C;AAE/C,yCAA6E;AAC7E,2BAAgE;AAChE,qCAA6D;AAC7D,yCAAoC;AACpC,sDAAyD;AACzD,mDAA+C;AAC/C,sEAAuC;AAuBhC,MAAM,cAAc,GAA8B,CAAC,EACxD,KAAK,GAAG,QAAQ,EAChB,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,8BAAC,sBAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,yBAAS,EAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,6DAAK,CAAC,CAAC,CAAC,8BAAC,sBAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,8BAAC,YAAQ,OAAK,KAAK;QACjB,8BAAC,mBAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,8BAAC,aAAa,IACZ,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,8BAAC,mBAAe;YACd,8BAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACxC,4DAA4D;YAC5D,IAAI,IAAI,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,sCAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAAI,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC/E,CACU,CACG,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,cAAc,kBAiD1B;AAED,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,cAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;qBAGrB,aAAa,CAAC,GAAG,CAAC;;;;;;;uBAOhB,aAAa,CAAC,GAAG,CAAC;;;GAGtC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA"}
|
|
@@ -38,7 +38,7 @@ const DropdownScrollArea_1 = require("../DropdownScrollArea");
|
|
|
38
38
|
const Button_1 = require("../../Button");
|
|
39
39
|
const Icon_1 = require("../../Icon");
|
|
40
40
|
const react_innertext_1 = __importDefault(require("react-innertext"));
|
|
41
|
-
const
|
|
41
|
+
const STATUS_FILTERED_TEXT = '適用中';
|
|
42
42
|
const TRIGGER_BUTTON_TEXT = '絞り込み';
|
|
43
43
|
const APPLY_BUTTON_TEXT = '適用';
|
|
44
44
|
const CANCEL_BUTTON_TEXT = 'キャンセル';
|
|
@@ -47,7 +47,7 @@ const executeDecorator = (defaultText, decorator) => decorator ? decorator(defau
|
|
|
47
47
|
const FilterDropdown = ({ isFiltered = false, onApply, onCancel, onReset, children, hasStatusText, decorator = {}, }) => {
|
|
48
48
|
const { status: statusDecorator, triggerButton: triggerButtonDecorator, applyButton: applyButtonDecorator, cancelButton: cancelButtonDecorator, resetButton: resetButtonDecorator, } = decorator;
|
|
49
49
|
const themes = (0, useTheme_1.useTheme)();
|
|
50
|
-
const status = (0, react_1.useMemo)(() => executeDecorator(
|
|
50
|
+
const status = (0, react_1.useMemo)(() => executeDecorator(STATUS_FILTERED_TEXT, statusDecorator), [statusDecorator]);
|
|
51
51
|
const triggerButton = (0, react_1.useMemo)(() => executeDecorator(TRIGGER_BUTTON_TEXT, triggerButtonDecorator), [triggerButtonDecorator]);
|
|
52
52
|
const applyButton = (0, react_1.useMemo)(() => executeDecorator(APPLY_BUTTON_TEXT, applyButtonDecorator), [applyButtonDecorator]);
|
|
53
53
|
const cancelButton = (0, react_1.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,+CAAsD;AACtD,0EAAsC;AAEtC,sDAAyD;AACzD,0CAAsC;AACtC,wDAAoD;AACpD,wDAAoD;AACpD,sDAAkD;AAClD,8DAA0D;AAC1D,yCAAqC;AACrC,qCAA2E;AAC3E,sEAAuC;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,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InputWithTooltip = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
+
const Input_1 = require("../Input");
|
|
10
|
+
const Tooltip_1 = require("../../Tooltip");
|
|
11
|
+
const InputWithTooltip = ({ tooltipMessage, ...props }) => {
|
|
12
|
+
return (react_1.default.createElement(Tooltip, { message: tooltipMessage, tabIndex: -1, ariaDescribedbyTarget: "inner" },
|
|
13
|
+
react_1.default.createElement(Input_1.Input, { ...props })));
|
|
14
|
+
};
|
|
15
|
+
exports.InputWithTooltip = InputWithTooltip;
|
|
16
|
+
const Tooltip = (0, styled_components_1.default)(Tooltip_1.Tooltip) `
|
|
17
|
+
/* Input のフォーカスリングを表示するため */
|
|
18
|
+
overflow: revert;
|
|
19
|
+
`;
|
|
20
|
+
//# sourceMappingURL=InputWithTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputWithTooltip.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/InputWithTooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAC7C,0EAAsC;AAEtC,oCAAgC;AAChC,2CAAqD;AAO9C,MAAM,gBAAgB,GAAoB,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,8BAAC,OAAO,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAC,OAAO;QAC3E,8BAAC,aAAK,OAAK,KAAK,GAAI,CACZ,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,gBAAgB,oBAM5B;AAED,MAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,iBAAU,CAAC,CAAA;;;CAGjC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputWithTooltip } from './InputWithTooltip';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.InputWithTooltip = void 0;
|
|
4
|
+
var InputWithTooltip_1 = require("./InputWithTooltip");
|
|
5
|
+
Object.defineProperty(exports, "InputWithTooltip", { enumerable: true, get: function () { return InputWithTooltip_1.InputWithTooltip; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputWithTooltip/index.ts"],"names":[],"mappings":";;;AAAA,uDAAqD;AAA5C,oHAAA,gBAAgB,OAAA"}
|
|
@@ -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,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.SearchInput = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const InputWithTooltip_1 = require("../InputWithTooltip");
|
|
9
|
+
const Icon_1 = require("../../Icon");
|
|
10
|
+
const SearchInput = ({ ...props }) => (react_1.default.createElement("label", null,
|
|
11
|
+
react_1.default.createElement(InputWithTooltip_1.InputWithTooltip, { ...props, prefix: react_1.default.createElement(Icon_1.FaSearchIcon, { alt: "\u691C\u7D22", color: "TEXT_GREY" }) })));
|
|
12
|
+
exports.SearchInput = SearchInput;
|
|
13
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAGzB,0DAAsD;AACtD,qCAAyC;AAOlC,MAAM,WAAW,GAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5D;IACE,8BAAC,mCAAgB,OAAK,KAAK,EAAE,MAAM,EAAE,8BAAC,mBAAY,IAAC,GAAG,EAAC,cAAI,EAAC,KAAK,EAAC,WAAW,GAAG,GAAI,CAC9E,CACT,CAAA;AAJY,QAAA,WAAW,eAIvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SearchInput } from './SearchInput';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SearchInput = void 0;
|
|
4
|
+
var SearchInput_1 = require("./SearchInput");
|
|
5
|
+
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.SearchInput; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/SearchInput/index.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}
|
|
@@ -14,8 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.CurrencyInput = void 0;
|
|
17
|
+
exports.SearchInput = exports.CurrencyInput = void 0;
|
|
18
18
|
__exportStar(require("./Input"), exports);
|
|
19
19
|
var CurrencyInput_1 = require("./CurrencyInput");
|
|
20
20
|
Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
|
|
21
|
+
var SearchInput_1 = require("./SearchInput");
|
|
22
|
+
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.SearchInput; } });
|
|
21
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}
|
|
@@ -33,7 +33,7 @@ const useTheme_1 = require("../../hooks/useTheme");
|
|
|
33
33
|
const constants_1 = require("../../constants");
|
|
34
34
|
const loaderAnimation_1 = require("./loaderAnimation");
|
|
35
35
|
const useClassNames_1 = require("./useClassNames");
|
|
36
|
-
const Loader = ({ size = 'm', text = '', type = 'primary', className = '', ...props }) => {
|
|
36
|
+
const Loader = ({ size = 'm', alt = '処理中', text = '', type = 'primary', className = '', ...props }) => {
|
|
37
37
|
const theme = (0, useTheme_1.useTheme)();
|
|
38
38
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
39
39
|
return (react_1.default.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, role: "status" },
|
|
@@ -45,7 +45,7 @@ const Loader = ({ size = 'm', text = '', type = 'primary', className = '', ...pr
|
|
|
45
45
|
react_1.default.createElement(Cog, null,
|
|
46
46
|
react_1.default.createElement(CogInner, { className: "cogInner right" })))))),
|
|
47
47
|
text && (react_1.default.createElement(Text, { className: type, themes: theme }, text)),
|
|
48
|
-
react_1.default.createElement(VisuallyHidden, null,
|
|
48
|
+
react_1.default.createElement(VisuallyHidden, null, alt)));
|
|
49
49
|
};
|
|
50
50
|
exports.Loader = Loader;
|
|
51
51
|
const Wrapper = styled_components_1.default.div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkD;AAClD,uEAA+C;AAC/C,mDAAsD;AACtD,+CAAuD;AACvD,uDAY0B;AAC1B,mDAA+C;
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAkD;AAClD,uEAA+C;AAC/C,mDAAsD;AACtD,+CAAuD;AACvD,uDAY0B;AAC1B,mDAA+C;AAcxC,MAAM,MAAM,GAA8B,CAAC,EAChD,IAAI,GAAG,GAAG,EACV,GAAG,GAAG,KAAK,EACX,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAC,QAAQ;QAChF,8BAAC,OAAO,IAAC,SAAS,EAAE,IAAI,IACrB,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;YACpE,8BAAC,GAAG;gBACF,8BAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAY,CAC3C;YACN,8BAAC,MAAM;gBACL,8BAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAY,CAC1C;YACT,8BAAC,GAAG;gBACF,8BAAC,QAAQ,IAAC,SAAS,EAAC,gBAAgB,GAAY,CAC5C,CACD,CACR,CAAC,CACM;QACT,IAAI,IAAI,CACP,8BAAC,IAAI,IAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,IACjC,IAAI,CACA,CACR;QACD,8BAAC,cAAc,QAAE,GAAG,CAAkB,CAC9B,CACX,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,MAAM,UAoClB;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAA;IAC9B,iCAAqB;CACxB,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;eAEX,iCAAe;;;;;;;;;;;;;;;;;;;CAmB7B,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,IAAA,uBAAG,EAAA;;;;;;;;qBAQO,kCAAgB,IAAI,8BAAY,IAAI,+BAAa;YAC1D,gCAAc,IAAI,8BAAY,IAAI,+BAAa;;;qBAGtC,kCAAgB,IAAI,8BAAY,IAAI,+BAAa;YAC1D,gCAAc,IAAI,8BAAY,IAAI,+BAAa;;;qBAGtC,kCAAgB,IAAI,8BAAY,IAAI,+BAAa;YAC1D,gCAAc,IAAI,8BAAY,IAAI,+BAAa;;;qBAGtC,kCAAgB,IAAI,8BAAY,IAAI,+BAAa;YAC1D,gCAAc,IAAI,8BAAY,IAAI,+BAAa;;;;;wBAKnC,KAAK,CAAC,KAAK;;;wBAGX,KAAK,CAAC,KAAK;;KAE9B,CAAA;AACH,CAAC;CACF,CAAA;AAED,MAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOrB,CAAA;AAED,MAAM,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;iBAgBV,0BAAQ,IAAI,6BAAW,IAAI,+BAAa;;;;;;;;;;iBAUxC,2BAAS,IAAI,6BAAW,IAAI,+BAAa;;CAEzD,CAAA;AAED,MAAM,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASxB,CAAA;AAED,MAAM,IAAI,GAAG,2BAAM,CAAC,CAAC,CAAmB;IACpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAEjD,OAAO,IAAA,uBAAG,EAAA;oBACM,aAAa,CAAC,CAAC,CAAC;mBACjB,QAAQ,CAAC,CAAC;;;;iBAIZ,KAAK,CAAC,UAAU;;;iBAGhB,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -17,6 +17,8 @@ declare type Props = {
|
|
|
17
17
|
vertical?: BalloonProps['vertical'] | 'auto';
|
|
18
18
|
/** ツールチップを表示する対象の tabIndex 値 */
|
|
19
19
|
tabIndex?: number;
|
|
20
|
+
/** ツールチップを内包要素に紐付けるかどうか */
|
|
21
|
+
ariaDescribedbyTarget?: 'wrapper' | 'inner';
|
|
20
22
|
};
|
|
21
23
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props | 'aria-describedby'>;
|
|
22
24
|
export declare const Tooltip: VFC<Props & ElementProps>;
|
|
@@ -30,7 +30,7 @@ const styled_components_1 = __importStar(require("styled-components"));
|
|
|
30
30
|
const TooltipPortal_1 = require("./TooltipPortal");
|
|
31
31
|
const useId_1 = require("../../hooks/useId");
|
|
32
32
|
const useClassNames_1 = require("./useClassNames");
|
|
33
|
-
const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
33
|
+
const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = false, horizontal = 'left', vertical = 'bottom', tabIndex = 0, ariaDescribedbyTarget = 'wrapper', className = '', onPointerEnter, onPointerLeave, onTouchStart, onTouchEnd, onFocus, onBlur, ...props }) => {
|
|
34
34
|
const [portalRoot, setPortalRoot] = (0, react_1.useState)(null);
|
|
35
35
|
const [isVisible, setIsVisible] = (0, react_1.useState)(false);
|
|
36
36
|
const [rect, setRect] = (0, react_1.useState)(null);
|
|
@@ -72,10 +72,13 @@ const Tooltip = ({ message, children, triggerType, multiLine, ellipsisOnly = fal
|
|
|
72
72
|
};
|
|
73
73
|
}, []);
|
|
74
74
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
75
|
-
|
|
75
|
+
const childrenWithProps = ariaDescribedbyTarget === 'inner'
|
|
76
|
+
? react_1.default.cloneElement(children, { 'aria-describedby': tooltipId })
|
|
77
|
+
: children;
|
|
78
|
+
return (react_1.default.createElement(Wrapper, { ...props, "aria-describedby": ariaDescribedbyTarget === 'wrapper' ? tooltipId : undefined, ref: ref, onPointerEnter: getHandlerToShow(onPointerEnter), onTouchStart: getHandlerToShow(onTouchStart), onFocus: getHandlerToShow(onFocus), onPointerLeave: getHandlerToHide(onPointerLeave), onTouchEnd: getHandlerToHide(onTouchEnd), onBlur: getHandlerToHide(onBlur), isIcon: isIcon, tabIndex: tabIndex, className: `${className} ${classNames.wrapper}` },
|
|
76
79
|
portalRoot &&
|
|
77
80
|
(0, react_dom_1.createPortal)(react_1.default.createElement(TooltipPortal_1.TooltipPortal, { message: message, id: tooltipId, isVisible: isVisible, parentRect: rect, isIcon: isIcon, isMultiLine: multiLine, horizontal: horizontal, vertical: vertical }), portalRoot),
|
|
78
|
-
|
|
81
|
+
childrenWithProps));
|
|
79
82
|
};
|
|
80
83
|
exports.Tooltip = Tooltip;
|
|
81
84
|
const Wrapper = styled_components_1.default.div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export { Dropdown, DropdownTrigger, DropdownContent, DropdownCloser, DropdownScr
|
|
|
4
4
|
export { FieldSet } from './components/FieldSet';
|
|
5
5
|
export { FlashMessage, FlashMessageListProvider, useFlashMessageList, } from './components/FlashMessage';
|
|
6
6
|
export { FloatArea } from './components/FloatArea';
|
|
7
|
-
export { Input, CurrencyInput } from './components/Input';
|
|
7
|
+
export { Input, CurrencyInput, SearchInput } from './components/Input';
|
|
8
8
|
export { InputFile } from './components/InputFile';
|
|
9
9
|
export { Textarea } from './components/Textarea';
|
|
10
10
|
export { TextLink } from './components/TextLink';
|
package/lib/index.js
CHANGED
|
@@ -14,9 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.SequencePrefixIdProvider = exports.VISUALLY_HIDDEN_STYLE = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = void 0;
|
|
17
|
+
exports.Table = exports.SmartHRLogo = exports.DialogBase = exports.Base = exports.StatusLabel = exports.TextButtonAnchor = exports.TextButton = exports.SkeletonButtonAnchor = exports.SkeletonButton = exports.DangerButtonAnchor = exports.DangerButton = exports.SecondaryButtonAnchor = exports.SecondaryButton = exports.PrimaryButtonAnchor = exports.PrimaryButton = exports.Button = exports.AnchorButton = exports.RadioButton = exports.Pagination = exports.ModelessDialog = exports.ActionDialogContent = exports.MessageDialogContent = exports.DialogContent = exports.DialogCloser = exports.DialogTrigger = exports.DialogWrapper = exports.ActionDialog = exports.MessageDialog = exports.Dialog = exports.Loader = exports.TextLink = exports.Textarea = exports.InputFile = exports.SearchInput = exports.CurrencyInput = exports.Input = exports.FloatArea = exports.useFlashMessageList = exports.FlashMessageListProvider = exports.FlashMessage = exports.FieldSet = exports.DropdownButton = exports.FilterDropdown = exports.DropdownScrollArea = exports.DropdownCloser = exports.DropdownContent = exports.DropdownTrigger = exports.Dropdown = exports.CheckBox = exports.Balloon = void 0;
|
|
18
|
+
exports.defaultPalette = exports.ThemeProvider = exports.createTheme = exports.useTheme = exports.Sidebar = exports.Stack = exports.Reel = exports.LineUp = exports.Cluster = exports.HeaderDropdownButton = exports.HeaderLink = exports.Header = exports.NotificationBar = exports.LineClamp = exports.Text = exports.CompactInformationPanel = exports.SideNav = exports.SingleComboBox = exports.MultiComboBox = exports.BackgroundJobsList = exports.BackgroundJobsPanel = exports.FormGroup = exports.SegmentedControl = exports.IndexNav = exports.DatePicker = exports.Calendar = exports.MessageScreen = exports.BottomFixedArea = exports.Tooltip = exports.RightFixedNote = exports.InformationPanel = exports.AccordionPanelTrigger = exports.AccordionPanelContent = exports.AccordionPanelItem = exports.AccordionPanel = exports.DefinitionList = exports.DropZone = exports.Select = exports.HeadlineArea = exports.Heading = exports.TabItem = exports.TabBar = exports.AppNavi = exports.BulkActionRow = exports.Td = exports.Th = exports.Body = exports.Cell = exports.Row = exports.Head = void 0;
|
|
19
|
+
exports.SequencePrefixIdProvider = exports.VISUALLY_HIDDEN_STYLE = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = exports.defaultColor = void 0;
|
|
20
20
|
// components
|
|
21
21
|
var Balloon_1 = require("./components/Balloon");
|
|
22
22
|
Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return Balloon_1.Balloon; } });
|
|
@@ -41,6 +41,7 @@ Object.defineProperty(exports, "FloatArea", { enumerable: true, get: function ()
|
|
|
41
41
|
var Input_1 = require("./components/Input");
|
|
42
42
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
43
43
|
Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return Input_1.CurrencyInput; } });
|
|
44
|
+
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return Input_1.SearchInput; } });
|
|
44
45
|
var InputFile_1 = require("./components/InputFile");
|
|
45
46
|
Object.defineProperty(exports, "InputFile", { enumerable: true, get: function () { return InputFile_1.InputFile; } });
|
|
46
47
|
var Textarea_1 = require("./components/Textarea");
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,aAAa;AACb,gDAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,kDAQ8B;AAP5B,oGAAA,QAAQ,OAAA;AACR,2GAAA,eAAe,OAAA;AACf,2GAAA,eAAe,OAAA;AACf,0GAAA,cAAc,OAAA;AACd,8GAAA,kBAAkB,OAAA;AAClB,0GAAA,cAAc,OAAA;AACd,0GAAA,cAAc,OAAA;AAEhB,kDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,0DAIkC;AAHhC,4GAAA,YAAY,OAAA;AACZ,wHAAA,wBAAwB,OAAA;AACxB,mHAAA,mBAAmB,OAAA;AAErB,oDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarthr-ui",
|
|
3
3
|
"description": "SmartHR ui components built with React.",
|
|
4
|
-
"version": "23.
|
|
4
|
+
"version": "23.2.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"dayjs": "^1.11.5",
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
"lodash.range": "^3.2.0",
|
|
10
10
|
"polished": "^4.2.2",
|
|
11
11
|
"react-draggable": "^4.4.5",
|
|
12
|
-
"react-icons": "^4.
|
|
12
|
+
"react-icons": "^4.6.0",
|
|
13
|
+
"react-innertext": "^1.1.5",
|
|
13
14
|
"react-transition-group": "^4.4.5"
|
|
14
15
|
},
|
|
15
16
|
"devDependencies": {
|
|
@@ -27,13 +28,13 @@
|
|
|
27
28
|
"@storybook/react": "^6.5.12",
|
|
28
29
|
"@storybook/testing-library": "^0.0.13",
|
|
29
30
|
"@storybook/theming": "^6.5.12",
|
|
30
|
-
"@swc/core": "^1.3.
|
|
31
|
+
"@swc/core": "^1.3.8",
|
|
31
32
|
"@swc/jest": "^0.2.23",
|
|
32
33
|
"@testing-library/react-hooks": "^8.0.1",
|
|
33
34
|
"@types/jest": "^29.1.2",
|
|
34
35
|
"@types/lodash.merge": "^4.6.7",
|
|
35
36
|
"@types/lodash.range": "^3.2.7",
|
|
36
|
-
"@types/node": "^14.18.
|
|
37
|
+
"@types/node": "^14.18.32",
|
|
37
38
|
"@types/react": "^18.0.21",
|
|
38
39
|
"@types/react-dom": "^18.0.6",
|
|
39
40
|
"@types/react-test-renderer": "^17.0.2",
|
|
@@ -43,13 +44,13 @@
|
|
|
43
44
|
"babel-plugin-polyfill-corejs2": "^0.3.3",
|
|
44
45
|
"babel-plugin-polyfill-regenerator": "^0.4.1",
|
|
45
46
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
46
|
-
"eslint": "^8.
|
|
47
|
-
"eslint-config-smarthr": "^6.
|
|
47
|
+
"eslint": "^8.25.0",
|
|
48
|
+
"eslint-config-smarthr": "^6.2.0",
|
|
48
49
|
"fs-extra": "^10.1.0",
|
|
49
50
|
"http-server": "^14.1.1",
|
|
50
51
|
"husky": "^8.0.1",
|
|
51
|
-
"jest": "^29.
|
|
52
|
-
"jest-environment-jsdom": "^29.
|
|
52
|
+
"jest": "^29.2.0",
|
|
53
|
+
"jest-environment-jsdom": "^29.2.0",
|
|
53
54
|
"jest-styled-components": "^7.1.1",
|
|
54
55
|
"lint-staged": "^13.0.3",
|
|
55
56
|
"memory-fs": "^0.5.0",
|
|
@@ -58,15 +59,15 @@
|
|
|
58
59
|
"postcss-syntax": "^0.36.2",
|
|
59
60
|
"prettier": "^2.7.1",
|
|
60
61
|
"prettier-config-smarthr": "^1.0.0",
|
|
61
|
-
"puppeteer": "^
|
|
62
|
+
"puppeteer": "^19.0.0",
|
|
62
63
|
"react": "^18.2.0",
|
|
63
64
|
"react-dom": "^18.2.0",
|
|
64
|
-
"react-innertext": "^1.1.5",
|
|
65
65
|
"react-test-renderer": "^18.2.0",
|
|
66
66
|
"reg-keygen-git-hash-plugin": "^0.12.1",
|
|
67
67
|
"reg-notify-github-plugin": "^0.12.1",
|
|
68
68
|
"reg-publish-s3-plugin": "^0.12.1",
|
|
69
69
|
"reg-suit": "^0.12.1",
|
|
70
|
+
"smarthr-normalize-css": "^1.0.4",
|
|
70
71
|
"standard-version": "^9.3.2",
|
|
71
72
|
"storycap": "^3.1.9",
|
|
72
73
|
"styled-components": "^5.3.6",
|
|
@@ -151,7 +152,7 @@
|
|
|
151
152
|
"typings": "lib/index.d.ts",
|
|
152
153
|
"resolutions": {
|
|
153
154
|
"reg-suit/**/braces": "3.0.2",
|
|
154
|
-
"minimist": "1.2.
|
|
155
|
+
"minimist": "1.2.7",
|
|
155
156
|
"react": "^18.2.0",
|
|
156
157
|
"react-dom": "^18.2.0",
|
|
157
158
|
"@types/react": "^18.0.21",
|