smarthr-ui 17.2.0 → 17.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/CHANGELOG.md +15 -0
- package/esm/components/BottomFixedArea/BottomFixedArea.js +3 -0
- package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/esm/components/Input/CurrencyInput/CurrencyInput.d.ts +3 -0
- package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/esm/components/Input/CurrencyInput/currencyInputHelper.js +2 -3
- package/esm/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
- package/esm/components/Input/Input.d.ts +16 -4
- package/esm/components/Input/Input.js +19 -8
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/InputFile/InputFile.d.ts +1 -0
- package/esm/components/InputFile/InputFile.js +8 -3
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.js +1 -1
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/Select/Select.d.ts +9 -8
- package/esm/components/Select/Select.js +10 -3
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/useClassNames.js.map +1 -1
- package/lib/components/BottomFixedArea/BottomFixedArea.js +3 -0
- package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/lib/components/Input/CurrencyInput/CurrencyInput.d.ts +3 -0
- package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
- package/lib/components/Input/CurrencyInput/currencyInputHelper.js +2 -3
- package/lib/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
- package/lib/components/Input/Input.d.ts +16 -4
- package/lib/components/Input/Input.js +18 -7
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/InputFile/InputFile.d.ts +1 -0
- package/lib/components/InputFile/InputFile.js +8 -3
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.js +1 -1
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/Select/Select.d.ts +9 -8
- package/lib/components/Select/Select.js +10 -3
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Select/useClassNames.js.map +1 -1
- package/package.json +15 -15
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [17.3.0](https://github.com/kufu/smarthr-ui/compare/v17.2.0...v17.3.0) (2022-02-01)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* `Select` に `onChangeValue` を追加 (SHRUI-528) ([#2220](https://github.com/kufu/smarthr-ui/issues/2220)) ([471bbf8](https://github.com/kufu/smarthr-ui/commit/471bbf8e6f57557200a9f32d683455cf6569411e))
|
|
11
|
+
* InputFile にエラーオプションを追加 (SHRUI-486) ([#2197](https://github.com/kufu/smarthr-ui/issues/2197)) ([6189d37](https://github.com/kufu/smarthr-ui/commit/6189d3784ebd58f0cfe339c12dd7a3cc30822ba6))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* BottomFixedArea のシャドウを調整する ([#2223](https://github.com/kufu/smarthr-ui/issues/2223)) ([a100e68](https://github.com/kufu/smarthr-ui/commit/a100e688dcae42eaaf26bbdeabc9646968c84e9c))
|
|
17
|
+
* Input[type=number] のスクロールで数値が変更されるのを防ぐ ([#2233](https://github.com/kufu/smarthr-ui/issues/2233)) ([a5c84a1](https://github.com/kufu/smarthr-ui/commit/a5c84a18a86e104021a0833e63f970996a16f697))
|
|
18
|
+
* NotificationBar の className に undefined が混じるバグを修正 ([#2222](https://github.com/kufu/smarthr-ui/issues/2222)) ([264cb73](https://github.com/kufu/smarthr-ui/commit/264cb7351b2e217efd7667a0cca908d4728b68f0))
|
|
19
|
+
|
|
5
20
|
## [17.2.0](https://github.com/kufu/smarthr-ui/compare/v17.1.0...v17.2.0) (2022-01-24)
|
|
6
21
|
|
|
7
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAER,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;QAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACxD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;YACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACpE,CACd;QACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,YAAY,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,IAC5D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;YACpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACW,CAChB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,GAAG,CAAA;;;;;;iBAMG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM
|
|
1
|
+
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAER,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;QAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACxD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;YACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACpE,CACd;QACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,YAAY,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,IAC5D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;YACpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACW,CAChB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,GAAG,CAAA;;;;;;iBAMG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM;;;;KAIlB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;gBACE,aAAa,CAAC,CAAC,CAAC;;;;;;;wBAOR,aAAa,CAAC,CAAC,CAAC;;;;;;KAMnC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,EAAE,CAAmB;IAC7C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;gBACE,aAAa,CAAC,CAAC,CAAC;;;;;;;wBAOR,aAAa,CAAC,CAAC,CAAC;;;;;;KAMnC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props as InputProps } from '../Input';
|
|
3
3
|
export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "defaultValue"> & {
|
|
4
|
+
/** 通貨の値 */
|
|
4
5
|
value?: string | undefined;
|
|
6
|
+
/** デフォルトで表示する通貨の値 */
|
|
5
7
|
defaultValue?: string | undefined;
|
|
8
|
+
/** 入力値がフォーマットされたときに発火するコールバック関数 */
|
|
6
9
|
onFormatValue?: ((value: string) => void) | undefined;
|
|
7
10
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,KAAK,EAAuB,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,10 @@ export function formatCurrency(value) {
|
|
|
9
9
|
const nonNumericRegExp = /[^0-9.-]/g;
|
|
10
10
|
if (converted.match(nonNumericRegExp) || isNaN(Number(converted))) {
|
|
11
11
|
// if value includes non-numeric characters, return value as it is
|
|
12
|
+
// otherwise, we assume `converted` contains only numeric characters
|
|
12
13
|
return value;
|
|
13
14
|
}
|
|
14
|
-
const
|
|
15
|
-
const splited = numeric.split('.');
|
|
16
|
-
const [integerPart, decimalPart] = splited;
|
|
15
|
+
const [integerPart, decimalPart] = converted.split('.');
|
|
17
16
|
const commaed = integerPart.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,'); // add comma to integer every 3 digits
|
|
18
17
|
if (!decimalPart) {
|
|
19
18
|
return commaed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currencyInputHelper.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/currencyInputHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IACD,MAAM,SAAS,GAAG,KAAK;SACpB,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,uCAAuC;SAChH,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,2BAA2B;SAChD,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA,CAAC,wCAAwC;IACtE,MAAM,gBAAgB,GAAG,WAAW,CAAA;IACpC,IAAI,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE;QACjE,kEAAkE;QAClE,OAAO,KAAK,CAAA;KACb;IACD,MAAM,
|
|
1
|
+
{"version":3,"file":"currencyInputHelper.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/currencyInputHelper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,KAAc;IAC3C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IACD,MAAM,SAAS,GAAG,KAAK;SACpB,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,uCAAuC;SAChH,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,2BAA2B;SAChD,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA,CAAC,wCAAwC;IACtE,MAAM,gBAAgB,GAAG,WAAW,CAAA;IACpC,IAAI,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE;QACjE,kEAAkE;QAClE,oEAAoE;QACpE,OAAO,KAAK,CAAA;KACb;IACD,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA,CAAC,sCAAsC;IAC5G,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,OAAO,CAAA;KACf;IACD,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtD,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;QAChC,OAAO,OAAO,CAAA;KACf;IACD,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,CAAC"}
|
|
@@ -1,17 +1,29 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export declare type Props =
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
/** input 要素の `type` 値 */
|
|
3
4
|
type?: HTMLInputElement['type'];
|
|
5
|
+
/** フォームにエラーがあるかどうか */
|
|
4
6
|
error?: boolean;
|
|
7
|
+
/** コンポーネントの幅 */
|
|
5
8
|
width?: number | string;
|
|
9
|
+
/** オートフォーカスを行うかどうか */
|
|
6
10
|
autoFocus?: boolean;
|
|
11
|
+
/** コンポーネント内の先頭に表示する内容 */
|
|
7
12
|
prefix?: ReactNode;
|
|
13
|
+
/** コンポーネント内の末尾に表示する内容 */
|
|
8
14
|
suffix?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Input: React.ForwardRefExoticComponent<
|
|
15
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'>;
|
|
16
|
+
export declare const Input: React.ForwardRefExoticComponent<{
|
|
17
|
+
/** input 要素の `type` 値 */
|
|
11
18
|
type?: string | undefined;
|
|
19
|
+
/** フォームにエラーがあるかどうか */
|
|
12
20
|
error?: boolean | undefined;
|
|
21
|
+
/** コンポーネントの幅 */
|
|
13
22
|
width?: string | number | undefined;
|
|
23
|
+
/** オートフォーカスを行うかどうか */
|
|
14
24
|
autoFocus?: boolean | undefined;
|
|
25
|
+
/** コンポーネント内の先頭に表示する内容 */
|
|
15
26
|
prefix?: ReactNode;
|
|
27
|
+
/** コンポーネント内の末尾に表示する内容 */
|
|
16
28
|
suffix?: ReactNode;
|
|
17
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useEffect, useImperativeHandle, useRef, } from 'react';
|
|
1
|
+
import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { useClassNames } from './useClassNames';
|
|
@@ -6,12 +6,19 @@ export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, c
|
|
|
6
6
|
const theme = useTheme();
|
|
7
7
|
const innerRef = useRef(null);
|
|
8
8
|
useImperativeHandle(ref, () => innerRef.current);
|
|
9
|
-
const handleFocus = (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
};
|
|
9
|
+
const handleFocus = useMemo(() => {
|
|
10
|
+
if (!onFocus) {
|
|
11
|
+
return undefined;
|
|
12
|
+
}
|
|
13
|
+
return (e) => onFocus(e);
|
|
14
|
+
}, [onFocus]);
|
|
15
|
+
const handleBlur = useMemo(() => {
|
|
16
|
+
if (!onBlur) {
|
|
17
|
+
return undefined;
|
|
18
|
+
}
|
|
19
|
+
return (e) => onBlur(e);
|
|
20
|
+
}, [onBlur]);
|
|
21
|
+
const handleWheel = useMemo(() => (props.type === 'number' ? disableWheel : undefined), []);
|
|
15
22
|
useEffect(() => {
|
|
16
23
|
if (autoFocus && innerRef.current) {
|
|
17
24
|
innerRef.current.focus();
|
|
@@ -20,9 +27,13 @@ export const Input = forwardRef(({ onFocus, onBlur, autoFocus, prefix, suffix, c
|
|
|
20
27
|
const classNames = useClassNames();
|
|
21
28
|
return (React.createElement(Wrapper, { themes: theme, "$width": width, "$disabled": props.disabled, error: props.error, onClick: () => innerRef.current?.focus(), className: `${className} ${classNames.wrapper}` },
|
|
22
29
|
prefix && (React.createElement(Affix, { themes: theme, className: classNames.prefix }, prefix)),
|
|
23
|
-
React.createElement(StyledInput, { onFocus: handleFocus, onBlur: handleBlur, ...props, ref: innerRef, themes: theme, "aria-invalid": props.error || undefined, className: classNames.input }),
|
|
30
|
+
React.createElement(StyledInput, { onFocus: handleFocus, onBlur: handleBlur, onWheel: handleWheel, ...props, ref: innerRef, themes: theme, "aria-invalid": props.error || undefined, className: classNames.input }),
|
|
24
31
|
suffix && (React.createElement(Affix, { themes: theme, className: classNames.suffix }, suffix))));
|
|
25
32
|
});
|
|
33
|
+
const disableWheel = (e) => {
|
|
34
|
+
// wheel イベントに preventDefault はないため
|
|
35
|
+
e.target && e.target.blur();
|
|
36
|
+
};
|
|
26
37
|
const Wrapper = styled.span(({ themes, $width = 'auto', $disabled, error }) => {
|
|
27
38
|
const { border, color, radius, shadow, spacingByChar } = themes;
|
|
28
39
|
return css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export declare type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>
|
|
|
7
7
|
files?: File[];
|
|
8
8
|
onAdd?: (addFiles: File[]) => void;
|
|
9
9
|
onDelete?: (index: number) => void;
|
|
10
|
+
error?: boolean;
|
|
10
11
|
hasFileList?: boolean;
|
|
11
12
|
};
|
|
12
13
|
export declare const InputFile: VFC<Props>;
|
|
@@ -4,12 +4,13 @@ import { TextButton } from '../Button';
|
|
|
4
4
|
import { FaFolderOpenIcon, FaTrashAltIcon } from '../Icon';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { useClassNames } from './useClassNames';
|
|
7
|
-
export const InputFile = ({ className = '', size = 'default', label, files = [], hasFileList = true, onAdd, onDelete, disabled = false, ...props }) => {
|
|
7
|
+
export const InputFile = ({ className = '', size = 'default', label, files = [], hasFileList = true, onAdd, onDelete, disabled = false, error, ...props }) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const [isFocused, setIsFocused] = useState(false);
|
|
10
10
|
const labelDisabledClassName = disabled ? 'disabled' : '';
|
|
11
11
|
const labelSmallClassName = size === 's' ? 'small' : '';
|
|
12
12
|
const labelFocusedClassName = isFocused ? 'focus' : '';
|
|
13
|
+
const errorClassName = error ? 'error' : '';
|
|
13
14
|
const isUpdatingFiles = useRef(false);
|
|
14
15
|
const inputRef = useRef(null);
|
|
15
16
|
useEffect(() => {
|
|
@@ -40,8 +41,8 @@ export const InputFile = ({ className = '', size = 'default', label, files = [],
|
|
|
40
41
|
React.createElement("span", null,
|
|
41
42
|
React.createElement(TextButton, { prefix: React.createElement(FaTrashAltIcon, null), onClick: () => handleDelete(index), className: classNames.deleteButton }, "\u524A\u9664"))));
|
|
42
43
|
}))),
|
|
43
|
-
React.createElement(InputWrapper, { className: `${labelSmallClassName} ${labelDisabledClassName} ${labelFocusedClassName}`, themes: theme },
|
|
44
|
-
React.createElement("input", { ...props, type: "file", onChange: (e) => handleChange(e), disabled: disabled, className: classNames.input, ref: inputRef, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }),
|
|
44
|
+
React.createElement(InputWrapper, { className: `${labelSmallClassName} ${labelDisabledClassName} ${labelFocusedClassName} ${errorClassName}`, themes: theme },
|
|
45
|
+
React.createElement("input", { ...props, type: "file", onChange: (e) => handleChange(e), disabled: disabled, className: classNames.input, ref: inputRef, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), "aria-invalid": error || undefined }),
|
|
45
46
|
React.createElement(Prefix, { themes: theme },
|
|
46
47
|
React.createElement(FaFolderOpenIcon, null)),
|
|
47
48
|
label)));
|
|
@@ -54,6 +55,7 @@ const FileList = styled.ul(({ themes }) => {
|
|
|
54
55
|
return css `
|
|
55
56
|
font-size: ${fontSize.M};
|
|
56
57
|
padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
|
|
58
|
+
margin-top: 0;
|
|
57
59
|
margin-bottom: ${spacingByChar(1)};
|
|
58
60
|
background-color: ${color.COLUMN};
|
|
59
61
|
list-style: none;
|
|
@@ -95,6 +97,9 @@ const InputWrapper = styled.span(({ themes }) => {
|
|
|
95
97
|
color: ${color.TEXT_BLACK};
|
|
96
98
|
}
|
|
97
99
|
}
|
|
100
|
+
&&.error {
|
|
101
|
+
border-color: ${color.DANGER};
|
|
102
|
+
}
|
|
98
103
|
|
|
99
104
|
> input[type='file'] {
|
|
100
105
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAe/C,MAAM,CAAC,MAAM,SAAS,GAAe,CAAC,EACpC,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,sBAAsB,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IACzD,MAAM,mBAAmB,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACvD,MAAM,qBAAqB,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtD,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IAC3C,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAA;YAC/B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACtB,CAAC,CAAC,CAAA;YAEF,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;YAC9B,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;YACnC,eAAe,CAAC,OAAO,GAAG,KAAK,CAAA;SAChC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE;YACrF,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC7C,KAAK,CAAC,UAAU,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QACrD,CAAC,QAAQ,IAAI,WAAW,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,IACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK;gBACZ,8BAAM,SAAS,EAAE,UAAU,CAAC,QAAQ,IAAG,IAAI,CAAC,IAAI,CAAQ;gBACxD;oBACE,oBAAC,UAAU,IACT,MAAM,EAAE,oBAAC,cAAc,OAAG,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,SAAS,EAAE,UAAU,CAAC,YAAY,mBAGvB,CACR,CACJ,CACN,CAAA;QACH,CAAC,CAAC,CACO,CACZ;QACD,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,mBAAmB,IAAI,sBAAsB,IAAI,qBAAqB,IAAI,cAAc,EAAE,EACxG,MAAM,EAAE,KAAK;YAEb,kCACM,KAAK,EACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,KAAK,EAC3B,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,kBACnB,KAAK,IAAI,SAAS,GAChC;YACF,oBAAC,MAAM,IAAC,MAAM,EAAE,KAAK;gBACnB,oBAAC,gBAAgB,OAAG,CACb;YACR,KAAK,CACO,CACP,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzB,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IACjD,OAAO,GAAG,CAAA;iBACK,QAAQ,CAAC,CAAC;eACZ,aAAa,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC;;qBAEhC,aAAa,CAAC,CAAC,CAAC;wBACb,KAAK,CAAC,MAAM;;;;;;;GAOjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAClF,OAAO,GAAG,CAAA;;;;mBAIO,OAAO,CAAC,IAAI;cACjB,MAAM,CAAC,SAAS;qBACT,MAAM,CAAC,CAAC;eACd,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC;iBACrC,QAAQ,CAAC,CAAC;;;iBAGV,aAAa,CAAC,GAAG,CAAC;mBAChB,QAAQ,CAAC,CAAC;;;QAGrB,MAAM,CAAC,oBAAoB;;;sBAGb,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;0BAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;eAC1C,KAAK,CAAC,aAAa;;;;wBAIV,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;4BAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;iBACxC,KAAK,CAAC,UAAU;;;;sBAIX,KAAK,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;GAqB/B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,GAAG,CAAA;;sBAEQ,aAAa,CAAC,GAAG,CAAC;KACnC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -7,7 +7,7 @@ import { Cluster, Sidebar } from '../Layout';
|
|
|
7
7
|
import { Text } from '../Text';
|
|
8
8
|
import { TextButton } from '../Button';
|
|
9
9
|
export const messageTypes = ['info', 'success', 'error', 'warning'];
|
|
10
|
-
export const NotificationBar = ({ type, message, onClose, children, role = type === 'info' ? 'status' : 'alert', className, ...props }) => {
|
|
10
|
+
export const NotificationBar = ({ type, message, onClose, children, role = type === 'info' ? 'status' : 'alert', className = '', ...props }) => {
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const { color } = theme;
|
|
13
13
|
const classNames = useClassNames();
|
|
@@ -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;AAE/C,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,GACZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAA;AAgB5E,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC/D,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC3C,SAAS,
|
|
1
|
+
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import React, { SelectHTMLAttributes
|
|
2
|
-
declare type Option = {
|
|
3
|
-
value:
|
|
1
|
+
import React, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
declare type Option<T extends string> = {
|
|
3
|
+
value: T;
|
|
4
4
|
} & Omit<React.OptionHTMLAttributes<HTMLOptionElement>, 'value'>;
|
|
5
|
-
declare type Optgroup = {
|
|
5
|
+
declare type Optgroup<T extends string> = {
|
|
6
6
|
label: string;
|
|
7
|
-
options: Option
|
|
7
|
+
options: Array<Option<T>>;
|
|
8
8
|
} & React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
|
|
9
|
-
declare type Props = {
|
|
10
|
-
options: Array<Option | Optgroup
|
|
9
|
+
declare type Props<T extends string> = {
|
|
10
|
+
options: Array<Option<T> | Optgroup<T>>;
|
|
11
|
+
onChangeValue?: (value: T) => void;
|
|
11
12
|
error?: boolean;
|
|
12
13
|
width?: number | string;
|
|
13
14
|
hasBlank?: boolean;
|
|
14
15
|
blankLabel?: string;
|
|
15
16
|
};
|
|
16
17
|
declare type ElementProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'children'>;
|
|
17
|
-
export declare
|
|
18
|
+
export declare function Select<T extends string>({ options, onChange, onChangeValue, error, width, hasBlank, blankLabel, className, disabled, ...props }: Props<T> & ElementProps): JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -4,13 +4,20 @@ import { isMobileSafari } from '../../libs/ua';
|
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { useClassNames } from './useClassNames';
|
|
6
6
|
import { FaSortIcon } from '../Icon';
|
|
7
|
-
export
|
|
7
|
+
export function Select({ options, onChange, onChangeValue, error = false, width = '16.25em', hasBlank = false, blankLabel = '選択してください', className = '', disabled, ...props }) {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const widthStyle = typeof width === 'number' ? `${width}px` : width;
|
|
10
10
|
const handleChange = useCallback((e) => {
|
|
11
11
|
if (onChange)
|
|
12
12
|
onChange(e);
|
|
13
|
-
|
|
13
|
+
if (onChangeValue) {
|
|
14
|
+
const flattenOptions = options.reduce((pre, cur) => pre.concat('value' in cur ? cur : cur.options), []);
|
|
15
|
+
const selectedOption = flattenOptions.find((option) => option.value === e.target.value);
|
|
16
|
+
if (selectedOption) {
|
|
17
|
+
onChangeValue(selectedOption.value);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}, [onChange, onChangeValue, options]);
|
|
14
21
|
const classNames = useClassNames();
|
|
15
22
|
return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, "$width": widthStyle, error: error, disabled: disabled, themes: theme },
|
|
16
23
|
React.createElement(SelectBox, { onChange: handleChange, "aria-invalid": error || undefined, themes: theme, disabled: disabled, ...props },
|
|
@@ -26,7 +33,7 @@ export const Select = ({ options, onChange, error = false, width = '16.25em', ha
|
|
|
26
33
|
isMobileSafari && React.createElement(BlankOptgroup, null)),
|
|
27
34
|
React.createElement(IconWrap, { themes: theme },
|
|
28
35
|
React.createElement(FaSortIcon, { color: "inherit" }))));
|
|
29
|
-
}
|
|
36
|
+
}
|
|
30
37
|
const Wrapper = styled.div(({ $width, error, disabled, themes }) => {
|
|
31
38
|
const { border, color, radius, shadow } = themes;
|
|
32
39
|
return css `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Select/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Select/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAE,MAAc,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;KACpB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
|
|
@@ -53,6 +53,9 @@ const Base = (0, styled_components_1.default)(Base_1.Base) `
|
|
|
53
53
|
padding: ${spacingByChar(1.5)};
|
|
54
54
|
text-align: center;
|
|
55
55
|
z-index: ${zIndex};
|
|
56
|
+
box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
|
|
57
|
+
border-radius: 0;
|
|
58
|
+
box-sizing: border-box;
|
|
56
59
|
`;
|
|
57
60
|
}}
|
|
58
61
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,iDAA6C;AAC7C,mEAAyD;AAEzD,kCAA+C;AAO/C,mDAAsD;AACtD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAER,WAAW,IAAI,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;QAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACxD,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;YACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACpE,CACd;QACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,YAAY,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,IAC5D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;YACpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACW,CAChB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,eAAe,mBAyC3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,IAAA,uBAAG,EAAA;;;;;;iBAMG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM
|
|
1
|
+
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,iDAA6C;AAC7C,mEAAyD;AAEzD,kCAA+C;AAO/C,mDAAsD;AACtD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAER,WAAW,IAAI,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;QAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACxD,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;YACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACpE,CACd;QACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,YAAY,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,IAC5D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;YACpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACW,CAChB,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,eAAe,mBAyC3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,IAAA,uBAAG,EAAA;;;;;;iBAMG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM;;;;KAIlB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,UAAU,GAAG,2BAAM,CAAC,EAAE,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,IAAA,uBAAG,EAAA;gBACE,aAAa,CAAC,CAAC,CAAC;;;;;;;wBAOR,aAAa,CAAC,CAAC,CAAC;;;;;;KAMnC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,YAAY,GAAG,2BAAM,CAAC,EAAE,CAAmB;IAC7C,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IAClC,OAAO,IAAA,uBAAG,EAAA;gBACE,aAAa,CAAC,CAAC,CAAC;;;;;;;wBAOR,aAAa,CAAC,CAAC,CAAC;;;;;;KAMnC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props as InputProps } from '../Input';
|
|
3
3
|
export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "defaultValue"> & {
|
|
4
|
+
/** 通貨の値 */
|
|
4
5
|
value?: string | undefined;
|
|
6
|
+
/** デフォルトで表示する通貨の値 */
|
|
5
7
|
defaultValue?: string | undefined;
|
|
8
|
+
/** 入力値がフォーマットされたときに発火するコールバック関数 */
|
|
6
9
|
onFormatValue?: ((value: string) => void) | undefined;
|
|
7
10
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAQc;AAEd,oCAAqD;AACrD,+DAAsD;AACtD,mDAA+C;
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/CurrencyInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAQc;AAEd,oCAAqD;AACrD,+DAAsD;AACtD,mDAA+C;AAWlC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjD,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,SAAS,GAAG,EAAE,EAAE,EAAE;QACjB,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,SAAS,KAAK,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;YAC7D,OAAM;SACP;QACD,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAA;QAClC,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAAA;IAC3C,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;YACjE,WAAW,CAAC,IAAA,oCAAc,EAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;SAChD;QACD,2BAA2B;QAC3B,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC7B,2BAA2B;gBAC3B,WAAW,CAAC,IAAA,oCAAc,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;aACzC;iBAAM,IAAI,QAAQ,CAAC,OAAO,EAAE;gBAC3B,6BAA6B;gBAC7B,WAAW,CAAC,IAAA,oCAAc,EAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;aACpD;SACF;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzC,MAAM,WAAW,GAAG,CAAC,CAA+B,EAAE,EAAE;QACtD,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;YAC9D,WAAW,CAAC,aAAa,CAAC,CAAA;SAC3B;QACD,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAA+B,EAAE,EAAE;QACrD,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,aAAK,OACA,KAAK,EACT,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,GAC/C,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -12,11 +12,10 @@ function formatCurrency(value) {
|
|
|
12
12
|
const nonNumericRegExp = /[^0-9.-]/g;
|
|
13
13
|
if (converted.match(nonNumericRegExp) || isNaN(Number(converted))) {
|
|
14
14
|
// if value includes non-numeric characters, return value as it is
|
|
15
|
+
// otherwise, we assume `converted` contains only numeric characters
|
|
15
16
|
return value;
|
|
16
17
|
}
|
|
17
|
-
const
|
|
18
|
-
const splited = numeric.split('.');
|
|
19
|
-
const [integerPart, decimalPart] = splited;
|
|
18
|
+
const [integerPart, decimalPart] = converted.split('.');
|
|
20
19
|
const commaed = integerPart.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,'); // add comma to integer every 3 digits
|
|
21
20
|
if (!decimalPart) {
|
|
22
21
|
return commaed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"currencyInputHelper.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/currencyInputHelper.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,KAAc;IAC3C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IACD,MAAM,SAAS,GAAG,KAAK;SACpB,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,uCAAuC;SAChH,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,2BAA2B;SAChD,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA,CAAC,wCAAwC;IACtE,MAAM,gBAAgB,GAAG,WAAW,CAAA;IACpC,IAAI,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE;QACjE,kEAAkE;QAClE,OAAO,KAAK,CAAA;KACb;IACD,MAAM,
|
|
1
|
+
{"version":3,"file":"currencyInputHelper.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/currencyInputHelper.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,KAAc;IAC3C,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IACD,MAAM,SAAS,GAAG,KAAK;SACpB,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,uCAAuC;SAChH,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,2BAA2B;SAChD,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA,CAAC,wCAAwC;IACtE,MAAM,gBAAgB,GAAG,WAAW,CAAA;IACpC,IAAI,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE;QACjE,kEAAkE;QAClE,oEAAoE;QACpE,OAAO,KAAK,CAAA;KACb;IACD,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACvD,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA,CAAC,sCAAsC;IAC5G,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,OAAO,CAAA;KACf;IACD,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IACtD,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;QAChC,OAAO,OAAO,CAAA;KACf;IACD,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,CAAC;AAxBD,wCAwBC"}
|
|
@@ -1,17 +1,29 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export declare type Props =
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
/** input 要素の `type` 値 */
|
|
3
4
|
type?: HTMLInputElement['type'];
|
|
5
|
+
/** フォームにエラーがあるかどうか */
|
|
4
6
|
error?: boolean;
|
|
7
|
+
/** コンポーネントの幅 */
|
|
5
8
|
width?: number | string;
|
|
9
|
+
/** オートフォーカスを行うかどうか */
|
|
6
10
|
autoFocus?: boolean;
|
|
11
|
+
/** コンポーネント内の先頭に表示する内容 */
|
|
7
12
|
prefix?: ReactNode;
|
|
13
|
+
/** コンポーネント内の末尾に表示する内容 */
|
|
8
14
|
suffix?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Input: React.ForwardRefExoticComponent<
|
|
15
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'>;
|
|
16
|
+
export declare const Input: React.ForwardRefExoticComponent<{
|
|
17
|
+
/** input 要素の `type` 値 */
|
|
11
18
|
type?: string | undefined;
|
|
19
|
+
/** フォームにエラーがあるかどうか */
|
|
12
20
|
error?: boolean | undefined;
|
|
21
|
+
/** コンポーネントの幅 */
|
|
13
22
|
width?: string | number | undefined;
|
|
23
|
+
/** オートフォーカスを行うかどうか */
|
|
14
24
|
autoFocus?: boolean | undefined;
|
|
25
|
+
/** コンポーネント内の先頭に表示する内容 */
|
|
15
26
|
prefix?: ReactNode;
|
|
27
|
+
/** コンポーネント内の末尾に表示する内容 */
|
|
16
28
|
suffix?: ReactNode;
|
|
17
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -28,12 +28,19 @@ exports.Input = (0, react_1.forwardRef)(({ onFocus, onBlur, autoFocus, prefix, s
|
|
|
28
28
|
const theme = (0, useTheme_1.useTheme)();
|
|
29
29
|
const innerRef = (0, react_1.useRef)(null);
|
|
30
30
|
(0, react_1.useImperativeHandle)(ref, () => innerRef.current);
|
|
31
|
-
const handleFocus = (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
};
|
|
31
|
+
const handleFocus = (0, react_1.useMemo)(() => {
|
|
32
|
+
if (!onFocus) {
|
|
33
|
+
return undefined;
|
|
34
|
+
}
|
|
35
|
+
return (e) => onFocus(e);
|
|
36
|
+
}, [onFocus]);
|
|
37
|
+
const handleBlur = (0, react_1.useMemo)(() => {
|
|
38
|
+
if (!onBlur) {
|
|
39
|
+
return undefined;
|
|
40
|
+
}
|
|
41
|
+
return (e) => onBlur(e);
|
|
42
|
+
}, [onBlur]);
|
|
43
|
+
const handleWheel = (0, react_1.useMemo)(() => (props.type === 'number' ? disableWheel : undefined), []);
|
|
37
44
|
(0, react_1.useEffect)(() => {
|
|
38
45
|
if (autoFocus && innerRef.current) {
|
|
39
46
|
innerRef.current.focus();
|
|
@@ -42,9 +49,13 @@ exports.Input = (0, react_1.forwardRef)(({ onFocus, onBlur, autoFocus, prefix, s
|
|
|
42
49
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
43
50
|
return (react_1.default.createElement(Wrapper, { themes: theme, "$width": width, "$disabled": props.disabled, error: props.error, onClick: () => innerRef.current?.focus(), className: `${className} ${classNames.wrapper}` },
|
|
44
51
|
prefix && (react_1.default.createElement(Affix, { themes: theme, className: classNames.prefix }, prefix)),
|
|
45
|
-
react_1.default.createElement(StyledInput, { onFocus: handleFocus, onBlur: handleBlur, ...props, ref: innerRef, themes: theme, "aria-invalid": props.error || undefined, className: classNames.input }),
|
|
52
|
+
react_1.default.createElement(StyledInput, { onFocus: handleFocus, onBlur: handleBlur, onWheel: handleWheel, ...props, ref: innerRef, themes: theme, "aria-invalid": props.error || undefined, className: classNames.input }),
|
|
46
53
|
suffix && (react_1.default.createElement(Affix, { themes: theme, className: classNames.suffix }, suffix))));
|
|
47
54
|
});
|
|
55
|
+
const disableWheel = (e) => {
|
|
56
|
+
// wheel イベントに preventDefault はないため
|
|
57
|
+
e.target && e.target.blur();
|
|
58
|
+
};
|
|
48
59
|
const Wrapper = styled_components_1.default.span(({ themes, $width = 'auto', $disabled, error }) => {
|
|
49
60
|
const { border, color, radius, shadow, spacingByChar } = themes;
|
|
50
61
|
return (0, styled_components_1.css) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUc;AACd,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAiBlC,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAA+B,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAA;IAE3F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE;YACjC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,IACN,MAAM,EAAE,KAAK,YACL,KAAK,eACF,KAAK,CAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EACxC,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE9C,MAAM,IAAI,CACT,8BAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,IAC/C,MAAM,CACD,CACT;QACD,8BAAC,WAAW,IACV,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,KAChB,KAAK,EACT,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,KAAK,kBACC,KAAK,CAAC,KAAK,IAAI,SAAS,EACtC,SAAS,EAAE,UAAU,CAAC,KAAK,GAC3B;QACD,MAAM,IAAI,CACT,8BAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,IAC/C,MAAM,CACD,CACT,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;IACrC,mCAAmC;IACnC,CAAC,CAAC,MAAM,IAAK,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE,CAAA;AACnD,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,CAKxB,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAC/D,OAAO,IAAA,uBAAG,EAAA;;;;WAID,aAAa,CAAC,GAAG,CAAC;;qBAER,MAAM,CAAC,CAAC;cACf,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;qBACd,aAAa,CAAC,GAAG,CAAC;oBACnB,aAAa,CAAC,GAAG,CAAC;aACzB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;;;oBAG5C,MAAM,CAAC,OAAO;;;MAG5B,CAAC,SAAS;QACZ,KAAK;QACL,IAAA,uBAAG,EAAA;sBACe,KAAK,CAAC,MAAM;KAC7B;MACC,SAAS;QACX,IAAA,uBAAG,EAAA;;0BAEmB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;KAClD;GACF,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAC9B,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAClE,IAAA,uBAAG,EAAA;;;;;uBAKgB,MAAM,CAAC,CAAC;;;iBAGd,aAAa,CAAC,IAAI,CAAC;mBACjB,QAAQ,CAAC,CAAC;qBACR,OAAO,CAAC,IAAI;eAClB,KAAK,CAAC,UAAU;;;;gBAIf,QAAQ,CAAC,CAAC;;;iBAGT,KAAK,CAAC,SAAS;;;;iBAIf,KAAK,CAAC,aAAa;mCACD,KAAK,CAAC,aAAa;;;KAGjD,CACJ,CAAA;AACD,MAAM,KAAK,GAAG,2BAAM,CAAC,IAAI,CACvB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;aAKnB,KAAK,CAAC,SAAS;GACzB,CACF,CAAA"}
|
|
@@ -7,6 +7,7 @@ export declare type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>
|
|
|
7
7
|
files?: File[];
|
|
8
8
|
onAdd?: (addFiles: File[]) => void;
|
|
9
9
|
onDelete?: (index: number) => void;
|
|
10
|
+
error?: boolean;
|
|
10
11
|
hasFileList?: boolean;
|
|
11
12
|
};
|
|
12
13
|
export declare const InputFile: VFC<Props>;
|
|
@@ -26,12 +26,13 @@ const Button_1 = require("../Button");
|
|
|
26
26
|
const Icon_1 = require("../Icon");
|
|
27
27
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
28
28
|
const useClassNames_1 = require("./useClassNames");
|
|
29
|
-
const InputFile = ({ className = '', size = 'default', label, files = [], hasFileList = true, onAdd, onDelete, disabled = false, ...props }) => {
|
|
29
|
+
const InputFile = ({ className = '', size = 'default', label, files = [], hasFileList = true, onAdd, onDelete, disabled = false, error, ...props }) => {
|
|
30
30
|
const theme = (0, useTheme_1.useTheme)();
|
|
31
31
|
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
32
32
|
const labelDisabledClassName = disabled ? 'disabled' : '';
|
|
33
33
|
const labelSmallClassName = size === 's' ? 'small' : '';
|
|
34
34
|
const labelFocusedClassName = isFocused ? 'focus' : '';
|
|
35
|
+
const errorClassName = error ? 'error' : '';
|
|
35
36
|
const isUpdatingFiles = (0, react_1.useRef)(false);
|
|
36
37
|
const inputRef = (0, react_1.useRef)(null);
|
|
37
38
|
(0, react_1.useEffect)(() => {
|
|
@@ -62,8 +63,8 @@ const InputFile = ({ className = '', size = 'default', label, files = [], hasFil
|
|
|
62
63
|
react_1.default.createElement("span", null,
|
|
63
64
|
react_1.default.createElement(Button_1.TextButton, { prefix: react_1.default.createElement(Icon_1.FaTrashAltIcon, null), onClick: () => handleDelete(index), className: classNames.deleteButton }, "\u524A\u9664"))));
|
|
64
65
|
}))),
|
|
65
|
-
react_1.default.createElement(InputWrapper, { className: `${labelSmallClassName} ${labelDisabledClassName} ${labelFocusedClassName}`, themes: theme },
|
|
66
|
-
react_1.default.createElement("input", { ...props, type: "file", onChange: (e) => handleChange(e), disabled: disabled, className: classNames.input, ref: inputRef, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }),
|
|
66
|
+
react_1.default.createElement(InputWrapper, { className: `${labelSmallClassName} ${labelDisabledClassName} ${labelFocusedClassName} ${errorClassName}`, themes: theme },
|
|
67
|
+
react_1.default.createElement("input", { ...props, type: "file", onChange: (e) => handleChange(e), disabled: disabled, className: classNames.input, ref: inputRef, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), "aria-invalid": error || undefined }),
|
|
67
68
|
react_1.default.createElement(Prefix, { themes: theme },
|
|
68
69
|
react_1.default.createElement(Icon_1.FaFolderOpenIcon, null)),
|
|
69
70
|
label)));
|
|
@@ -77,6 +78,7 @@ const FileList = styled_components_1.default.ul(({ themes }) => {
|
|
|
77
78
|
return (0, styled_components_1.css) `
|
|
78
79
|
font-size: ${fontSize.M};
|
|
79
80
|
padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
|
|
81
|
+
margin-top: 0;
|
|
80
82
|
margin-bottom: ${spacingByChar(1)};
|
|
81
83
|
background-color: ${color.COLUMN};
|
|
82
84
|
list-style: none;
|
|
@@ -118,6 +120,9 @@ const InputWrapper = styled_components_1.default.span(({ themes }) => {
|
|
|
118
120
|
color: ${color.TEXT_BLACK};
|
|
119
121
|
}
|
|
120
122
|
}
|
|
123
|
+
&&.error {
|
|
124
|
+
border-color: ${color.DANGER};
|
|
125
|
+
}
|
|
121
126
|
|
|
122
127
|
> input[type='file'] {
|
|
123
128
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoF;AACpF,uEAA+C;AAE/C,sCAAsC;AACtC,kCAA0D;AAC1D,mDAAsD;AACtD,mDAA+C;
|
|
1
|
+
{"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ const Layout_1 = require("../Layout");
|
|
|
29
29
|
const Text_1 = require("../Text");
|
|
30
30
|
const Button_1 = require("../Button");
|
|
31
31
|
exports.messageTypes = ['info', 'success', 'error', 'warning'];
|
|
32
|
-
const NotificationBar = ({ type, message, onClose, children, role = type === 'info' ? 'status' : 'alert', className, ...props }) => {
|
|
32
|
+
const NotificationBar = ({ type, message, onClose, children, role = type === 'info' ? 'status' : 'alert', className = '', ...props }) => {
|
|
33
33
|
const theme = (0, useTheme_1.useTheme)();
|
|
34
34
|
const { color } = theme;
|
|
35
35
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAE/C,kCAMgB;AAChB,sCAA4C;AAC5C,kCAA8B;AAC9B,sCAAsC;AAEzB,QAAA,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAA;AAgBrE,MAAM,eAAe,GAAoC,CAAC,EAC/D,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC3C,SAAS,
|
|
1
|
+
{"version":3,"file":"NotificationBar.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import React, { SelectHTMLAttributes
|
|
2
|
-
declare type Option = {
|
|
3
|
-
value:
|
|
1
|
+
import React, { SelectHTMLAttributes } from 'react';
|
|
2
|
+
declare type Option<T extends string> = {
|
|
3
|
+
value: T;
|
|
4
4
|
} & Omit<React.OptionHTMLAttributes<HTMLOptionElement>, 'value'>;
|
|
5
|
-
declare type Optgroup = {
|
|
5
|
+
declare type Optgroup<T extends string> = {
|
|
6
6
|
label: string;
|
|
7
|
-
options: Option
|
|
7
|
+
options: Array<Option<T>>;
|
|
8
8
|
} & React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
|
|
9
|
-
declare type Props = {
|
|
10
|
-
options: Array<Option | Optgroup
|
|
9
|
+
declare type Props<T extends string> = {
|
|
10
|
+
options: Array<Option<T> | Optgroup<T>>;
|
|
11
|
+
onChangeValue?: (value: T) => void;
|
|
11
12
|
error?: boolean;
|
|
12
13
|
width?: number | string;
|
|
13
14
|
hasBlank?: boolean;
|
|
14
15
|
blankLabel?: string;
|
|
15
16
|
};
|
|
16
17
|
declare type ElementProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'children'>;
|
|
17
|
-
export declare
|
|
18
|
+
export declare function Select<T extends string>({ options, onChange, onChangeValue, error, width, hasBlank, blankLabel, className, disabled, ...props }: Props<T> & ElementProps): JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -26,13 +26,20 @@ const ua_1 = require("../../libs/ua");
|
|
|
26
26
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
27
27
|
const useClassNames_1 = require("./useClassNames");
|
|
28
28
|
const Icon_1 = require("../Icon");
|
|
29
|
-
|
|
29
|
+
function Select({ options, onChange, onChangeValue, error = false, width = '16.25em', hasBlank = false, blankLabel = '選択してください', className = '', disabled, ...props }) {
|
|
30
30
|
const theme = (0, useTheme_1.useTheme)();
|
|
31
31
|
const widthStyle = typeof width === 'number' ? `${width}px` : width;
|
|
32
32
|
const handleChange = (0, react_1.useCallback)((e) => {
|
|
33
33
|
if (onChange)
|
|
34
34
|
onChange(e);
|
|
35
|
-
|
|
35
|
+
if (onChangeValue) {
|
|
36
|
+
const flattenOptions = options.reduce((pre, cur) => pre.concat('value' in cur ? cur : cur.options), []);
|
|
37
|
+
const selectedOption = flattenOptions.find((option) => option.value === e.target.value);
|
|
38
|
+
if (selectedOption) {
|
|
39
|
+
onChangeValue(selectedOption.value);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}, [onChange, onChangeValue, options]);
|
|
36
43
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
37
44
|
return (react_1.default.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, "$width": widthStyle, error: error, disabled: disabled, themes: theme },
|
|
38
45
|
react_1.default.createElement(SelectBox, { onChange: handleChange, "aria-invalid": error || undefined, themes: theme, disabled: disabled, ...props },
|
|
@@ -48,7 +55,7 @@ const Select = ({ options, onChange, error = false, width = '16.25em', hasBlank
|
|
|
48
55
|
ua_1.isMobileSafari && react_1.default.createElement(BlankOptgroup, null)),
|
|
49
56
|
react_1.default.createElement(IconWrap, { themes: theme },
|
|
50
57
|
react_1.default.createElement(Icon_1.FaSortIcon, { color: "inherit" }))));
|
|
51
|
-
}
|
|
58
|
+
}
|
|
52
59
|
exports.Select = Select;
|
|
53
60
|
const Wrapper = styled_components_1.default.div(({ $width, error, disabled, themes }) => {
|
|
54
61
|
const { border, color, radius, shadow } = themes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Select/useClassNames.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Select/useClassNames.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AAEpC,6EAAyE;AACzE,qCAAiC;AAEjC,SAAgB,aAAa;IAC3B,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAE,eAAc,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;KACpB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC;AARD,sCAQC"}
|
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": "17.
|
|
4
|
+
"version": "17.3.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"dayjs": "^1.10.7",
|
|
@@ -13,16 +13,16 @@
|
|
|
13
13
|
"react-transition-group": "^4.4.2"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
|
-
"@babel/core": "^7.16.
|
|
17
|
-
"@commitlint/cli": "^16.0
|
|
16
|
+
"@babel/core": "^7.16.12",
|
|
17
|
+
"@commitlint/cli": "^16.1.0",
|
|
18
18
|
"@commitlint/config-conventional": "^16.0.0",
|
|
19
|
-
"@storybook/addon-a11y": "^6.4.
|
|
20
|
-
"@storybook/addon-essentials": "^6.4.
|
|
21
|
-
"@storybook/addons": "^6.4.
|
|
22
|
-
"@storybook/cli": "^6.4.
|
|
23
|
-
"@storybook/react": "^6.4.
|
|
24
|
-
"@storybook/theming": "^6.4.
|
|
25
|
-
"@swc/core": "^1.2.
|
|
19
|
+
"@storybook/addon-a11y": "^6.4.16",
|
|
20
|
+
"@storybook/addon-essentials": "^6.4.16",
|
|
21
|
+
"@storybook/addons": "^6.4.16",
|
|
22
|
+
"@storybook/cli": "^6.4.16",
|
|
23
|
+
"@storybook/react": "^6.4.16",
|
|
24
|
+
"@storybook/theming": "^6.4.16",
|
|
25
|
+
"@swc/core": "^1.2.135",
|
|
26
26
|
"@swc/jest": "^0.2.17",
|
|
27
27
|
"@types/jest": "^27.4.0",
|
|
28
28
|
"@types/lodash.merge": "^4.6.6",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"@types/react-dom": "^17.0.11",
|
|
33
33
|
"@types/react-test-renderer": "^17.0.1",
|
|
34
34
|
"@types/react-transition-group": "^4.4.4",
|
|
35
|
-
"@types/styled-components": "^5.1.
|
|
35
|
+
"@types/styled-components": "^5.1.21",
|
|
36
36
|
"babel-loader": "^8.2.3",
|
|
37
37
|
"ecma-version-validator-webpack-plugin": "^1.1.0",
|
|
38
38
|
"eslint": "^7.32.0",
|
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
"husky": "^7.0.4",
|
|
42
42
|
"jest": "^27.4.7",
|
|
43
43
|
"jest-styled-components": "^7.0.8",
|
|
44
|
-
"lint-staged": "^12.3.
|
|
44
|
+
"lint-staged": "^12.3.2",
|
|
45
45
|
"memory-fs": "^0.5.0",
|
|
46
46
|
"npm-run-all": "^4.1.5",
|
|
47
47
|
"postcss-jsx": "^0.36.4",
|
|
48
48
|
"postcss-syntax": "^0.36.2",
|
|
49
49
|
"prettier": "^2.5.1",
|
|
50
50
|
"prettier-config-smarthr": "^1.0.0",
|
|
51
|
-
"puppeteer": "^13.
|
|
51
|
+
"puppeteer": "^13.1.2",
|
|
52
52
|
"react": "^17.0.2",
|
|
53
53
|
"react-dom": "^17.0.2",
|
|
54
54
|
"react-test-renderer": "^17.0.2",
|
|
@@ -66,10 +66,10 @@
|
|
|
66
66
|
"stylelint-config-smarthr": "^1.0.2",
|
|
67
67
|
"stylelint-config-standard": "^24.0.0",
|
|
68
68
|
"stylelint-config-styled-components": "^0.1.1",
|
|
69
|
-
"testcafe": "^1.18.
|
|
69
|
+
"testcafe": "^1.18.3",
|
|
70
70
|
"ts-loader": "^9.2.6",
|
|
71
71
|
"ts-node": "^10.4.0",
|
|
72
|
-
"typescript": "^4.5.
|
|
72
|
+
"typescript": "^4.5.5",
|
|
73
73
|
"webpack": "^5.67.0"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|