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.
Files changed (38) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/esm/components/BottomFixedArea/BottomFixedArea.js +3 -0
  3. package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  4. package/esm/components/Input/CurrencyInput/CurrencyInput.d.ts +3 -0
  5. package/esm/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
  6. package/esm/components/Input/CurrencyInput/currencyInputHelper.js +2 -3
  7. package/esm/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
  8. package/esm/components/Input/Input.d.ts +16 -4
  9. package/esm/components/Input/Input.js +19 -8
  10. package/esm/components/Input/Input.js.map +1 -1
  11. package/esm/components/InputFile/InputFile.d.ts +1 -0
  12. package/esm/components/InputFile/InputFile.js +8 -3
  13. package/esm/components/InputFile/InputFile.js.map +1 -1
  14. package/esm/components/NotificationBar/NotificationBar.js +1 -1
  15. package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
  16. package/esm/components/Select/Select.d.ts +9 -8
  17. package/esm/components/Select/Select.js +10 -3
  18. package/esm/components/Select/Select.js.map +1 -1
  19. package/esm/components/Select/useClassNames.js.map +1 -1
  20. package/lib/components/BottomFixedArea/BottomFixedArea.js +3 -0
  21. package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  22. package/lib/components/Input/CurrencyInput/CurrencyInput.d.ts +3 -0
  23. package/lib/components/Input/CurrencyInput/CurrencyInput.js.map +1 -1
  24. package/lib/components/Input/CurrencyInput/currencyInputHelper.js +2 -3
  25. package/lib/components/Input/CurrencyInput/currencyInputHelper.js.map +1 -1
  26. package/lib/components/Input/Input.d.ts +16 -4
  27. package/lib/components/Input/Input.js +18 -7
  28. package/lib/components/Input/Input.js.map +1 -1
  29. package/lib/components/InputFile/InputFile.d.ts +1 -0
  30. package/lib/components/InputFile/InputFile.js +8 -3
  31. package/lib/components/InputFile/InputFile.js.map +1 -1
  32. package/lib/components/NotificationBar/NotificationBar.js +1 -1
  33. package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
  34. package/lib/components/Select/Select.d.ts +9 -8
  35. package/lib/components/Select/Select.js +10 -3
  36. package/lib/components/Select/Select.js.map +1 -1
  37. package/lib/components/Select/useClassNames.js.map +1 -1
  38. 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
 
@@ -30,6 +30,9 @@ const Base = styled(BaseComponent) `
30
30
  padding: ${spacingByChar(1.5)};
31
31
  text-align: center;
32
32
  z-index: ${zIndex};
33
+ box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
34
+ border-radius: 0;
35
+ box-sizing: border-box;
33
36
  `;
34
37
  }}
35
38
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"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"}
@@ -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;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,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,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;YACjE,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;SAChD;QACD,2BAA2B;QAC3B,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC7B,2BAA2B;gBAC3B,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;aACzC;iBAAM,IAAI,QAAQ,CAAC,OAAO,EAAE;gBAC3B,6BAA6B;gBAC7B,WAAW,CAAC,cAAc,CAAC,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,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,KAAK,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"}
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 numeric = converted.replace(nonNumericRegExp, ''); // remove non-numeric characters
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,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA,CAAC,gCAAgC;IACxF,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAClC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,OAAO,CAAA;IAC1C,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
+ {"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 = Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {
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<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & {
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 = (e) => {
10
- onFocus && onFocus(e);
11
- };
12
- const handleBlur = (e) => {
13
- onBlur && onBlur(e);
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":"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"}
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":"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"}
1
+ {"version":3,"file":"InputFile.js","sourceRoot":"","sources":["../../../src/components/InputFile/InputFile.tsx"],"names":[],"mappings":"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"}
@@ -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":"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"}
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, VFC } from 'react';
2
- declare type Option = {
3
- value: string;
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 const Select: VFC<Props & ElementProps>;
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 const Select = ({ options, onChange, error = false, width = '16.25em', hasBlank = false, blankLabel = '選択してください', className = '', disabled, ...props }) => {
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
- }, [onChange]);
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":"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"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAqBpC,MAAM,UAAU,MAAM,CAAmB,EACvC,OAAO,EACP,QAAQ,EACR,aAAa,EACb,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,UAAU,EACvB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACgB;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnE,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAiC,EAAE,EAAE;QACpC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QACzB,IAAI,aAAa,EAAE;YACjB,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5D,EAAsB,CACvB,CAAA;YACD,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACvF,IAAI,cAAc,EAAE;gBAClB,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;aACpC;SACF;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,CACnC,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IACN,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,YACvC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK;QAEb,oBAAC,SAAS,IACR,QAAQ,EAAE,YAAY,kBACR,KAAK,IAAI,SAAS,EAChC,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,QAAQ,KACd,KAAK;YAER,QAAQ,IAAI,gCAAQ,KAAK,EAAC,EAAE,IAAE,UAAU,CAAU;YAClD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBACtB,IAAI,OAAO,IAAI,MAAM,EAAE;oBACrB,OAAO,CACL,gCAAQ,GAAG,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,MAAM,CAAC,KAAK,CACN,CACV,CAAA;iBACF;gBAED,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAA;gBAEvD,OAAO,CACL,kCAAU,GAAG,EAAE,QAAQ,CAAC,KAAK,KAAM,QAAQ,IACxC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,CACrC,gCAAQ,GAAG,EAAE,aAAa,CAAC,KAAK,KAAM,aAAa,IAChD,aAAa,CAAC,KAAK,CACb,CACV,CAAC,CACO,CACZ,CAAA;YACH,CAAC,CAAC;YAEA,mDAAmD;YACnD,cAAc,IAAI,oBAAC,aAAa,OAAG,CAE3B;QACZ,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK;YACrB,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,GAAG,CACrB,CACH,CACX,CAAA;AACH,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAKvB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAChD,OAAO,GAAG,CAAA;;;qBAGS,MAAM,CAAC,CAAC;cACf,MAAM,CAAC,SAAS;wBACN,KAAK,CAAC,KAAK;aACtB,MAAM;;;QAGX,CAAC,QAAQ;QACX,GAAG,CAAA;4BACmB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;OAClD;;;QAGC,MAAM,CAAC,oBAAoB;;;MAG7B,KAAK;QACP,GAAG,CAAA;sBACe,KAAK,CAAC,MAAM;KAC7B;MACC,QAAQ;QACV,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM;eACvB,KAAK,CAAC,aAAa;KAC7B;GACF,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAmB;IAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAE1D,OAAO,GAAG,CAAA;;;;;;;iBAOG,aAAa,CAAC,IAAI,CAAC;uBACb,aAAa,CAAC,CAAC,CAAC;sBACjB,aAAa,CAAC,GAAG,CAAC;mBACrB,QAAQ,CAAC,CAAC;eACd,KAAK,CAAC,UAAU;qBACV,OAAO,CAAC,IAAI;;;;iBAIhB,KAAK,CAAC,SAAS;;;;;;;iBAOf,KAAK,CAAC,aAAa;;KAE/B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAEvC,OAAO,GAAG,CAAA;;;;eAIC,aAAa,CAAC,IAAI,CAAC;;;;eAInB,KAAK,CAAC,SAAS;;QAEtB,SAAS;iBACA,KAAK,CAAC,aAAa;;QAE5B,SAAS;iBACA,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAA;;CAEpC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Select/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IACtE,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;KACpB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
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;KAClB,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
+ {"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;AAQlC,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"}
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 numeric = converted.replace(nonNumericRegExp, ''); // remove non-numeric characters
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,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA,CAAC,gCAAgC;IACxF,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAClC,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,OAAO,CAAA;IAC1C,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;AAzBD,wCAyBC"}
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 = Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {
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<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & {
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 = (e) => {
32
- onFocus && onFocus(e);
33
- };
34
- const handleBlur = (e) => {
35
- onBlur && onBlur(e);
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":"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"}
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>;
@@ -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":"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"}
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":"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"}
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, VFC } from 'react';
2
- declare type Option = {
3
- value: string;
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 const Select: VFC<Props & ElementProps>;
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
- const Select = ({ options, onChange, error = false, width = '16.25em', hasBlank = false, blankLabel = '選択してください', className = '', disabled, ...props }) => {
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
- }, [onChange]);
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":"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"}
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,iCAA+B;AAE/B,6EAAyE;AACzE,qCAAiC;AAEjC,SAAgB,aAAa;IAC3B,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC,eAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IACtE,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"}
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.2.0",
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.7",
17
- "@commitlint/cli": "^16.0.3",
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.13",
20
- "@storybook/addon-essentials": "^6.4.13",
21
- "@storybook/addons": "^6.4.13",
22
- "@storybook/cli": "^6.4.13",
23
- "@storybook/react": "^6.4.13",
24
- "@storybook/theming": "^6.4.13",
25
- "@swc/core": "^1.2.133",
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.20",
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.1",
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.0.1",
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.2",
69
+ "testcafe": "^1.18.3",
70
70
  "ts-loader": "^9.2.6",
71
71
  "ts-node": "^10.4.0",
72
- "typescript": "^4.5.4",
72
+ "typescript": "^4.5.5",
73
73
  "webpack": "^5.67.0"
74
74
  },
75
75
  "peerDependencies": {