smarthr-ui 21.4.4 → 22.1.0

package/CHANGELOG.md

@@ -2,6 +2,44 @@
 
 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.
 
+## [22.1.0](https://github.com/kufu/smarthr-ui/compare/v22.0.0...v22.1.0) (2022-07-05)
+
+
+### Features
+
+* Select にサイズ小を追加 ([#2600](https://github.com/kufu/smarthr-ui/issues/2600)) ([0fd4b28](https://github.com/kufu/smarthr-ui/commit/0fd4b280b5f70ddf16439cedb876a823cac8ab47))
+* StatusLabel に type=green を追加 ([#2627](https://github.com/kufu/smarthr-ui/issues/2627)) ([de94ce7](https://github.com/kufu/smarthr-ui/commit/de94ce729ff315bdf5a8bbd63d87e075c52a729a))
+* Textarea が入力に依って自動で広がるよう機能追加 ([#2598](https://github.com/kufu/smarthr-ui/issues/2598)) ([d518192](https://github.com/kufu/smarthr-ui/commit/d51819268d0d2fa936f3c67f8a5f97256db53e14))
+
+## [22.0.0](https://github.com/kufu/smarthr-ui/compare/v21.4.1...v22.0.0) (2022-06-24)
+
+
+### ⚠ BREAKING CHANGES
+
+* 黄色の使い方と注意アイコンの使い方を見直す (#2578)
+
+### Features
+
+* 黄色の使い方と注意アイコンの使い方を見直す ([#2578](https://github.com/kufu/smarthr-ui/issues/2578)) ([f98dfaf](https://github.com/kufu/smarthr-ui/commit/f98dfaf2145473c5daabdffb5f3bb039b6deb180))
+
+
+### Bug Fixes
+
+* `Header` 関連コンポーネントの theme 参照の修正 ([#2604](https://github.com/kufu/smarthr-ui/issues/2604)) ([a2f7e32](https://github.com/kufu/smarthr-ui/commit/a2f7e32df5a2001155b6c601c78566ed3f4fa33d))
+* change not to use DOMRect outside useEffect or handle ([#2596](https://github.com/kufu/smarthr-ui/issues/2596)) ([1ca6a10](https://github.com/kufu/smarthr-ui/commit/1ca6a102e5fc7d02b59d9aec3e0c572273b719da))
+* fix combobox listbox partial rendering ([#2588](https://github.com/kufu/smarthr-ui/issues/2588)) ([dccc06d](https://github.com/kufu/smarthr-ui/commit/dccc06d872482fe7159aa5fa8f18086eccf0caee))
+* fix reference of theme ([#2586](https://github.com/kufu/smarthr-ui/issues/2586)) ([139ab4e](https://github.com/kufu/smarthr-ui/commit/139ab4e8ebf7a7900814f195d73da9598c7b9b5b))
+* SmartHRLogo が ThemeProvider 前提で書かれていたので修正 ([#2593](https://github.com/kufu/smarthr-ui/issues/2593)) ([df1e3c3](https://github.com/kufu/smarthr-ui/commit/df1e3c32d79e71b176b1e6e286fef28b12c924bf))
+* ヘッダーが ThemeProvider 前提で書かれている箇所を useTheme を使うように修正 ([#2601](https://github.com/kufu/smarthr-ui/issues/2601)) ([62c26cb](https://github.com/kufu/smarthr-ui/commit/62c26cbfdc39375544e1d986fcf38db34be4a0f8))
+* ボタンの displayName を明示的に設定 ([#2585](https://github.com/kufu/smarthr-ui/issues/2585)) ([87b09b0](https://github.com/kufu/smarthr-ui/commit/87b09b0309274d33a5965b246d3aad8ec68cd9a1))
+
+### [21.4.5](https://github.com/kufu/smarthr-ui/compare/v21.4.4...v21.4.5) (2022-06-24)
+
+
+### Bug Fixes
+
+* `Header` の theme 参照修正のバックポート対応 ([#2605](https://github.com/kufu/smarthr-ui/issues/2605)) ([0a79803](https://github.com/kufu/smarthr-ui/commit/0a79803cc5ba27ab44a9230aa9db9c0e71768965))
+
 ### [21.4.4](https://github.com/kufu/smarthr-ui/compare/v21.4.3...v21.4.4) (2022-06-23)
 
 

package/esm/components/BackgroundJobsPanel/JobIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTheme } from '../../hooks/useTheme';
-import { FaCheckCircleIcon, FaCloudDownloadAltIcon, FaExclamationTriangleIcon, FaSyncAltIcon, FaTimesCircleIcon, } from '../Icon';
+import { FaCheckCircleIcon, FaCloudDownloadAltIcon, FaExclamationCircleIcon, FaSyncAltIcon, WarningIcon, } from '../Icon';
 export const JobIcon = ({ status }) => {
     const Icon = getIcon(status);
     const color = useIconColor(status);
@@ -13,9 +13,9 @@ function getIcon(status) {
         case 'downloading':
             return FaCloudDownloadAltIcon;
         case 'warning':
-            return FaExclamationTriangleIcon;
+            return WarningIcon;
         case 'error':
-            return FaTimesCircleIcon;
+            return FaExclamationCircleIcon;
         case 'done':
             return FaCheckCircleIcon;
     }
@@ -29,7 +29,7 @@ function useIconColor(status) {
         case 'error':
             return color.DANGER;
         case 'done':
-            return color.TEXT_GREY;
+            return color.MAIN;
         default:
             return color.TEXT_BLACK;
     }

package/esm/components/BackgroundJobsPanel/JobIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobIcon.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/JobIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACb,iBAAiB,GAElB,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,MAAM,OAAO,GAAe,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAElC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;AAC/B,CAAC,CAAA;AAED,SAAS,OAAO,CAAC,MAAc;IAC7B,QAAQ,MAAM,EAAE;QACd,KAAK,YAAY;YACf,OAAO,aAAa,CAAA;QACtB,KAAK,aAAa;YAChB,OAAO,sBAAsB,CAAA;QAC/B,KAAK,SAAS;YACZ,OAAO,yBAAyB,CAAA;QAClC,KAAK,OAAO;YACV,OAAO,iBAAiB,CAAA;QAC1B,KAAK,MAAM;YACT,OAAO,iBAAiB,CAAA;KAC3B;AACH,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,QAAQ,MAAM,EAAE;QACd,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAA;QACtB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,MAAM,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,SAAS,CAAA;QACxB;YACE,OAAO,KAAK,CAAC,UAAU,CAAA;KAC1B;AACH,CAAC"}
+{"version":3,"file":"JobIcon.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/JobIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,aAAa,EAEb,WAAW,GACZ,MAAM,SAAS,CAAA;AAMhB,MAAM,CAAC,MAAM,OAAO,GAAe,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAElC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;AAC/B,CAAC,CAAA;AAED,SAAS,OAAO,CAAC,MAAc;IAC7B,QAAQ,MAAM,EAAE;QACd,KAAK,YAAY;YACf,OAAO,aAAa,CAAA;QACtB,KAAK,aAAa;YAChB,OAAO,sBAAsB,CAAA;QAC/B,KAAK,SAAS;YACZ,OAAO,WAAW,CAAA;QACpB,KAAK,OAAO;YACV,OAAO,uBAAuB,CAAA;QAChC,KAAK,MAAM;YACT,OAAO,iBAAiB,CAAA;KAC3B;AACH,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,QAAQ,MAAM,EAAE;QACd,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAA;QACtB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,MAAM,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,IAAI,CAAA;QACnB;YACE,OAAO,KAAK,CAAC,UAAU,CAAA;KAC1B;AACH,CAAC"}

package/esm/components/ComboBox/ComboBoxContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type ComboBoxContextType = {
+    listBoxClassNames: {
+        dropdownList: string;
+        addButton: string;
+        selectButton: string;
+        noItems: string;
+    };
+};
+export declare const ComboBoxContext: import("react").Context<ComboBoxContextType>;
+export {};

package/esm/components/ComboBox/ComboBoxContext.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+export const ComboBoxContext = createContext({
+    listBoxClassNames: {
+        dropdownList: '',
+        addButton: '',
+        selectButton: '',
+        noItems: '',
+    },
+});
+//# sourceMappingURL=ComboBoxContext.js.map

package/esm/components/ComboBox/ComboBoxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxContext.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBoxContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWrC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAsB;IAChE,iBAAiB,EAAE;QACjB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,CAAA"}

package/esm/components/ComboBox/ListBoxItem.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+import { ComboBoxOption } from './types';
+declare type Props<T> = {
+    option: ComboBoxOption<T>;
+    isActive: boolean;
+    onAdd: (option: ComboBoxOption<T>) => void;
+    onSelect: (option: ComboBoxOption<T>) => void;
+    onMouseOver: (option: ComboBoxOption<T>) => void;
+    activeRef: RefObject<HTMLButtonElement>;
+};
+declare function ListBoxItem<T>({ option, isActive, onAdd, onSelect, onMouseOver, activeRef }: Props<T>): JSX.Element;
+declare const Memoized: typeof ListBoxItem;
+export { Memoized as ListBoxItem };

package/esm/components/ComboBox/ListBoxItem.js

@@ -0,0 +1,88 @@
+import React, { useCallback, useContext } from 'react';
+import styled, { css } from 'styled-components';
+import { useTheme } from '../../hooks/useTheme';
+import { FaPlusCircleIcon } from '../Icon';
+import { ComboBoxContext } from './ComboBoxContext';
+function ListBoxItem({ option, isActive, onAdd, onSelect, onMouseOver, activeRef }) {
+    const className = isActive ? 'active' : '';
+    const { item, selected, isNew } = option;
+    const { label, disabled } = item;
+    const handleAdd = useCallback(() => {
+        onAdd(option);
+    }, [onAdd, option]);
+    const handleSelect = useCallback(() => {
+        onSelect(option);
+    }, [onSelect, option]);
+    const handleMouseOver = useCallback(() => {
+        onMouseOver(option);
+    }, [onMouseOver, option]);
+    const theme = useTheme();
+    const { listBoxClassNames: classNames } = useContext(ComboBoxContext);
+    return isNew ? (React.createElement(AddButton, { key: option.id, themes: theme, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: `${className} ${classNames.addButton}`, ref: isActive ? activeRef : undefined },
+        React.createElement(AddIcon, { color: theme.color.TEXT_LINK, themes: theme }),
+        React.createElement(AddText, { themes: theme },
+            "\u300C",
+            label,
+            "\u300D\u3092\u8FFD\u52A0"))) : (React.createElement(SelectButton, { key: option.id, type: "button", themes: theme, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: `${className} ${classNames.selectButton}`, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
+}
+const typedMemo = React.memo;
+const Memoized = typedMemo(ListBoxItem);
+export { Memoized as ListBoxItem };
+const SelectButton = styled.button `
+  ${({ themes }) => {
+    const { fontSize, leading, spacingByChar, color } = themes;
+    return css `
+      display: block;
+      min-width: 100%;
+      border: none;
+      padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
+      background-color: ${color.WHITE};
+      font-size: ${fontSize.M};
+      line-height: ${leading.NONE};
+      text-align: left;
+      cursor: pointer;
+
+      &.active {
+        background-color: ${color.hoverColor(color.WHITE)};
+        color: inherit;
+      }
+
+      &[aria-selected='true'] {
+        background-color: ${color.MAIN};
+        color: ${color.TEXT_WHITE};
+        &.active {
+          background-color: ${color.hoverColor(color.MAIN)};
+        }
+      }
+
+      &[disabled] {
+        color: ${color.TEXT_DISABLED};
+        cursor: not-allowed;
+      }
+    `;
+}}
+`;
+const AddButton = styled(SelectButton) `
+  display: flex;
+  align-items: center;
+  min-width: 100%;
+`;
+const AddIcon = styled(FaPlusCircleIcon) `
+  ${({ themes }) => {
+    const { spacingByChar } = themes;
+    return css `
+      position: relative;
+      top: -1px;
+      margin-right: ${spacingByChar(0.25)};
+    `;
+}}
+`;
+const AddText = styled.span `
+  ${({ themes }) => {
+    const { color } = themes;
+    return css `
+      color: ${color.TEXT_LINK};
+    `;
+}}
+`;
+//# sourceMappingURL=ListBoxItem.js.map

package/esm/components/ComboBox/ListBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxItem.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAWnD,SAAS,WAAW,CAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAY;IAC7F,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAEhC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,MAAM,CAAC,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEtB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,WAAW,CAAC,MAAM,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IAErE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IACR,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,SAAS,EAAE,EACjD,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAErC,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,GAAI;QACxD,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;;YAAI,KAAK;uCAAe,CACpC,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,WAAW,EAAE,eAAe,EAC5B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,YAAY,EAAE,mBACrC,QAAQ,EACvB,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAEpC,KAAK,CACO,CAChB,CAAA;AACH,CAAC;AACD,MAAM,SAAS,GAAmB,KAAK,CAAC,IAAI,CAAA;AAC5C,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AACvC,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,CAAA;AAElC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;IACjD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAE1D,OAAO,GAAG,CAAA;;;;iBAIG,aAAa,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC;0BAC7B,KAAK,CAAC,KAAK;mBAClB,QAAQ,CAAC,CAAC;qBACR,OAAO,CAAC,IAAI;;;;;4BAKL,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;;;;;4BAK7B,KAAK,CAAC,IAAI;iBACrB,KAAK,CAAC,UAAU;;8BAEH,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;;;;;iBAKzC,KAAK,CAAC,aAAa;;;KAG/B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;CAIrC,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAmB;IACvD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IAEhC,OAAO,GAAG,CAAA;;;sBAGQ,aAAa,CAAC,IAAI,CAAC;KACpC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;eACC,KAAK,CAAC,SAAS;KACzB,CAAA;AACH,CAAC;CACF,CAAA"}

package/esm/components/ComboBox/MultiComboBox.js

@@ -2,59 +2,67 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef, useState, } from
 import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { useOuterClick } from '../../hooks/useOuterClick';
+import { useId } from '../../hooks/useId';
 import { hasParentElementByClassName } from './multiComboBoxHelper';
-import { useClassNames } from './useClassNames';
+import { useMultiComboBoxClassNames } from './useClassNames';
 import { FaCaretDownIcon } from '../Icon';
-import { useListBox } from './useListBox';
+import { useOptions } from './useOptions';
+import { useFocusControl } from './useFocusControl';
 import { MultiSelectedItem } from './MultiSelectedItem';
-import { convertMatchableString } from './comboBoxHelper';
+import { useListBox } from './useListBox';
+import { ComboBoxContext } from './ComboBoxContext';
 export function MultiComboBox({ items, selectedItems, name, disabled = false, error = false, creatable = false, placeholder = '', isLoading, selectedItemEllipsis, width = 'auto', inputValue: controlledInputValue, className = '', onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, ...props }) {
     const theme = useTheme();
-    const classNames = useClassNames().multi;
+    const classNames = useMultiComboBoxClassNames();
     const outerRef = useRef(null);
-    const inputRef = useRef(null);
     const [isFocused, setIsFocused] = useState(false);
     const isInputControlled = useMemo(() => controlledInputValue !== undefined, [controlledInputValue]);
     const [uncontrolledInputValue, setUncontrolledInputValue] = useState('');
     const inputValue = isInputControlled ? controlledInputValue : uncontrolledInputValue;
     const [isComposing, setIsComposing] = useState(false);
-    const selectedLabels = useMemo(() => selectedItems.map(({ label }) => label), [selectedItems]);
-    const filteredItems = useMemo(() => items.filter(({ label }) => {
-        if (selectedLabels.includes(label))
-            return false;
-        if (!inputValue)
-            return true;
-        return convertMatchableString(label).includes(convertMatchableString(inputValue));
-    }), [inputValue, items, selectedLabels]);
-    const isDuplicate = items.some((item) => item.label === inputValue);
-    const hasSelectableExactMatch = filteredItems.some((item) => item.label === inputValue);
-    const { renderListBox, calculateDropdownRect, resetActiveOptionIndex, handleInputKeyDown, listBoxRef, aria, } = useListBox({
-        items: filteredItems,
+    const { options } = useOptions({
+        items,
+        selected: selectedItems,
+        creatable,
         inputValue,
-        onAdd,
-        onSelect: (selected) => {
+    });
+    const handleDelete = useCallback((item) => {
+        onDelete && onDelete(item);
+        onChangeSelected &&
+            onChangeSelected(selectedItems.filter((selected) => selected.label !== item.label || selected.value !== item.value));
+    }, [onChangeSelected, onDelete, selectedItems]);
+    const handleSelect = useCallback((selected) => {
+        const matchedSelectedItem = selectedItems.find((item) => item.label === selected.label && item.value === selected.value);
+        if (matchedSelectedItem !== undefined) {
+            if (matchedSelectedItem.deletable !== false) {
+                handleDelete(selected);
+            }
+        }
+        else {
             onSelect && onSelect(selected);
             onChangeSelected && onChangeSelected(selectedItems.concat(selected));
-        },
+        }
+    }, [handleDelete, onChangeSelected, onSelect, selectedItems]);
+    const { renderListBox, activeOption, handleKeyDown: handleListBoxKeyDown, listBoxId, listBoxRef, } = useListBox({
+        options,
+        onAdd,
+        onSelect: handleSelect,
         isExpanded: isFocused,
-        isAddable: creatable && !!inputValue && !isDuplicate,
-        isDuplicate: creatable && !!inputValue && isDuplicate && !hasSelectableExactMatch,
-        hasNoMatch: (!creatable && filteredItems.length === 0) ||
-            (creatable && filteredItems.length === 0 && !inputValue),
         isLoading,
-        classNames: classNames.listBox,
+        triggerRef: outerRef,
     });
+    const { deletionButtonRefs, inputRef, focusPrevDeletionButton, focusNextDeletionButton, resetDeletionButtonFocus, } = useFocusControl(selectedItems.length);
     const focus = useCallback(() => {
         onFocus && onFocus();
         setIsFocused(true);
-        resetActiveOptionIndex();
-    }, [onFocus, resetActiveOptionIndex]);
+    }, [onFocus]);
     const blur = useCallback(() => {
         if (!isFocused)
             return;
         onBlur && onBlur();
         setIsFocused(false);
-    }, [isFocused, onBlur]);
+        resetDeletionButtonFocus();
+    }, [isFocused, onBlur, resetDeletionButtonFocus]);
     const caretIconColor = useMemo(() => {
         if (isFocused)
             return theme.color.TEXT_BLACK;
@@ -62,9 +70,7 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, er
             return theme.color.TEXT_DISABLED;
         return theme.color.TEXT_GREY;
     }, [disabled, isFocused, theme]);
-    useOuterClick([outerRef, listBoxRef], useCallback(() => {
-        blur();
-    }, [blur]));
+    useOuterClick([outerRef, listBoxRef], blur);
     useLayoutEffect(() => {
         if (!isInputControlled) {
             setUncontrolledInputValue('');
@@ -72,35 +78,76 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, er
         if (isFocused && inputRef.current) {
             inputRef.current.focus();
         }
-    }, [isFocused, isInputControlled, selectedItems]);
-    useLayoutEffect(() => {
-        // ドロップダウン表示時に位置を計算する
-        if (outerRef.current && isFocused) {
-            calculateDropdownRect(outerRef.current);
+    }, [inputRef, isFocused, isInputControlled, selectedItems]);
+    const handleKeyDown = useCallback((e) => {
+        if (isComposing) {
+            return;
         }
-        // 選択済みアイテムによってコンボボックスの高さが変わりうるので selectedItems を依存に含める
-    }, [calculateDropdownRect, isFocused, selectedItems]);
-    return (React.createElement(Container, { ...props, themes: theme, width: width, ref: outerRef, className: `${className} ${classNames.wrapper}`, onClick: (e) => {
-            if (!hasParentElementByClassName(e.target, classNames.deleteButton) &&
-                !disabled &&
-                !isFocused) {
-                focus();
-            }
-        }, onKeyDown: (e) => {
-            if (e.key === 'Escape' || e.key === 'Esc') {
-                e.stopPropagation();
-                blur();
+        else if (e.key === 'Escape' || e.key === 'Esc') {
+            e.stopPropagation();
+            blur();
+        }
+        else if (e.key === 'Tab') {
+            if (isFocused) {
+                // フォーカスがコンポーネントを抜けるように先に input をフォーカスしておく
+                inputRef.current?.focus();
             }
-        }, role: "combobox", "aria-owns": aria.listBoxId, "aria-haspopup": "listbox", "aria-expanded": isFocused, "aria-invalid": error || undefined, "aria-disabled": disabled },
-        React.createElement(InputArea, { themes: theme },
-            React.createElement(List, { themes: theme },
-                selectedItems.map((selectedItem) => (React.createElement("li", { key: selectedItem.label },
-                    React.createElement(MultiSelectedItem, { item: selectedItem, disabled: disabled, onDelete: () => {
-                            onDelete && onDelete(selectedItem);
-                            onChangeSelected &&
-                                onChangeSelected(selectedItems.filter((selected) => selected.label !== selectedItem.label ||
-                                    selected.value !== selectedItem.value));
-                        }, enableEllipsis: selectedItemEllipsis })))),
+            blur();
+        }
+        else if (e.key === 'Left' || e.key === 'ArrowLeft') {
+            e.stopPropagation();
+            focusPrevDeletionButton();
+        }
+        else if (e.key === 'Right' || e.key === 'ArrowRight') {
+            e.stopPropagation();
+            focusNextDeletionButton();
+        }
+        else {
+            e.stopPropagation();
+            inputRef.current?.focus();
+            resetDeletionButtonFocus();
+        }
+        handleListBoxKeyDown(e);
+    }, [
+        blur,
+        focusNextDeletionButton,
+        focusPrevDeletionButton,
+        handleListBoxKeyDown,
+        inputRef,
+        isComposing,
+        isFocused,
+        resetDeletionButtonFocus,
+    ]);
+    const handleInputKeyDown = useCallback((e) => {
+        if (e.key === 'Down' || e.key === 'ArrowDown' || e.key === 'Up' || e.key === 'ArrowUp') {
+            // 上下キー入力はリストボックスの activeDescendant の移動に用いるため、input 内では作用させない
+            e.preventDefault();
+        }
+    }, []);
+    const contextValue = useMemo(() => ({
+        listBoxClassNames: classNames.listBox,
+    }), [classNames.listBox]);
+    const wrapperClassNames = [
+        className,
+        isFocused && 'focused',
+        error && 'invalid',
+        disabled && 'disabled',
+        classNames.wrapper,
+    ]
+        .filter((text) => text !== false && text !== '')
+        .join(' ');
+    const selectedListId = useId();
+    return (React.createElement(ComboBoxContext.Provider, { value: contextValue },
+        React.createElement(Container, { ...props, themes: theme, width: width, ref: outerRef, className: wrapperClassNames, onClick: (e) => {
+                if (!hasParentElementByClassName(e.target, classNames.deleteButton) &&
+                    !disabled &&
+                    !isFocused) {
+                    focus();
+                }
+            }, onKeyDown: handleKeyDown, role: "group" },
+            React.createElement(InputArea, { themes: theme },
+                React.createElement(SelectedList, { id: selectedListId, "aria-label": "\u9078\u629E\u6E08\u307F\u30A2\u30A4\u30C6\u30E0", className: classNames.selectedList }, selectedItems.map((selectedItem, i) => (React.createElement("li", { key: `${selectedItem.label}-${selectedItem.value}` },
+                    React.createElement(MultiSelectedItem, { item: selectedItem, disabled: disabled, onDelete: handleDelete, enableEllipsis: selectedItemEllipsis, buttonRef: deletionButtonRefs[i] }))))),
                 React.createElement(InputWrapper, { className: isFocused ? undefined : 'hidden' },
                     React.createElement(Input, { type: "text", name: name, value: inputValue, disabled: disabled, ref: inputRef, themes: theme, onChange: (e) => {
                             if (onChange)
@@ -111,24 +158,15 @@ export function MultiComboBox({ items, selectedItems, name, disabled = false, er
                                 setUncontrolledInputValue(e.currentTarget.value);
                             }
                         }, onFocus: () => {
+                            resetDeletionButtonFocus();
                             if (!isFocused) {
                                 focus();
                             }
-                        }, onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onKeyDown: (e) => {
-                            if (isComposing) {
-                                return;
-                            }
-                            if (e.key === 'Tab') {
-                                blur();
-                                return;
-                            }
-                            handleInputKeyDown(e);
-                        }, autoComplete: "off", "aria-activedescendant": aria.activeDescendant, "aria-autocomplete": "list", "aria-controls": aria.listBoxId, className: classNames.input })),
-                selectedItems.length === 0 && placeholder && !isFocused && (React.createElement("li", null,
-                    React.createElement(Placeholder, { themes: theme, className: classNames.placeholder }, placeholder))))),
-        React.createElement(Suffix, { themes: theme },
-            React.createElement(FaCaretDownIcon, { color: caretIconColor })),
-        renderListBox()));
+                        }, onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onKeyDown: handleInputKeyDown, autoComplete: "off", tabIndex: 0, role: "combobox", "aria-activedescendant": activeOption?.id, "aria-controls": `${listBoxId} ${selectedListId}`, "aria-haspopup": "listbox", "aria-expanded": isFocused, "aria-invalid": error || undefined, "aria-disabled": disabled, "aria-autocomplete": "list", className: classNames.input })),
+                selectedItems.length === 0 && placeholder && !isFocused && (React.createElement(Placeholder, { themes: theme, className: classNames.placeholder }, placeholder))),
+            React.createElement(Suffix, { themes: theme },
+                React.createElement(FaCaretDownIcon, { color: caretIconColor })),
+            renderListBox())));
 }
 const Container = styled.div `
   ${({ themes, width }) => {
@@ -144,15 +182,15 @@ const Container = styled.div `
       background-color: ${color.WHITE};
       cursor: text;
 
-      &[aria-expanded='true'] {
+      &.focused {
         box-shadow: ${shadow.OUTLINE};
       }
 
-      &[aria-invalid='true'] {
+      &.invalid {
         border-color: ${color.DANGER};
       }
 
-      &[aria-disabled='true'] {
+      &.disabled {
         background-color: ${color.COLUMN};
         cursor: not-allowed;
       }
@@ -162,33 +200,24 @@ const Container = styled.div `
 const InputArea = styled.div `
   ${({ themes: { spacingByChar } }) => css `
     flex: 1;
-    overflow-y: auto;
+    display: flex;
+    flex-wrap: wrap;
+    gap: ${spacingByChar(0.5)};
+    min-height: calc(1em + ${spacingByChar(0.5)} * 2);
     max-height: 300px;
-    padding-left: ${spacingByChar(0.5)};
+    margin: ${spacingByChar(0.25)} ${spacingByChar(0.5)};
+    overflow-y: auto;
   `}
 `;
-const smallMargin = 6.5;
-const borderWidth = 1;
-const List = styled.ul `
-  ${({ themes }) => {
-    const { fontSize: { pxToRem }, spacingByChar, } = themes;
-    return css `
-      display: flex;
-      flex-wrap: wrap;
-      margin: ${pxToRem(smallMargin - borderWidth)} 0 0;
-      padding: 0;
-      list-style: none;
-
-      > li {
-        min-height: 27px;
-        max-width: calc(100% - ${spacingByChar(0.5)});
-        margin-right: ${spacingByChar(0.5)};
-        margin-bottom: ${pxToRem(smallMargin - borderWidth)};
-      }
-    `;
-}}
+const SelectedList = styled.ul `
+  display: contents;
+  list-style: none;
+  li {
+    /** 選択済みアイテムのラベルの省略表示のために幅を計算させる */
+    min-width: 0;
+  }
 `;
-const InputWrapper = styled.li `
+const InputWrapper = styled.div `
   &.hidden {
     position: absolute;
     opacity: 0;
@@ -196,13 +225,16 @@ const InputWrapper = styled.li `
   }
 
   flex: 1;
+  display: flex;
+  align-items: center;
 `;
 const Input = styled.input `
   ${({ themes }) => {
-    const { fontSize } = themes;
+    const { fontSize, spacingByChar } = themes;
     return css `
       min-width: 80px;
       width: 100%;
+      min-height: calc(1em + ${spacingByChar(0.5)} * 2);
       border: none;
       font-size: ${fontSize.M};
       box-sizing: border-box;
@@ -218,9 +250,9 @@ const Placeholder = styled.p `
     const { color, fontSize } = themes;
     return css `
       margin: 0;
+      align-self: center;
       color: ${color.TEXT_GREY};
       font-size: ${fontSize.M};
-      line-height: 25px;
     `;
 }}
 `;

package/esm/components/ComboBox/MultiComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/MultiComboBox.tsx"],"names":[],"mappings":"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"}

package/esm/components/ComboBox/MultiSelectedItem.d.ts

@@ -1,5 +1,12 @@
-/// <reference types="react" />
-import { Props as InnerProps } from './MultiSelectedItemInner';
-declare type Props<T> = Omit<InnerProps<T>, 'onEllipsis'>;
-export declare function MultiSelectedItem<T>(props: Props<T>): JSX.Element;
-export {};
+import { RefObject } from 'react';
+import { ComboBoxItem } from './types';
+export declare type Props<T> = {
+    item: ComboBoxItem<T> & {
+        deletable?: boolean;
+    };
+    disabled: boolean;
+    onDelete: (item: ComboBoxItem<T>) => void;
+    enableEllipsis?: boolean;
+    buttonRef: RefObject<HTMLButtonElement>;
+};
+export declare function MultiSelectedItem<T>({ item, disabled, onDelete, enableEllipsis, buttonRef, }: Props<T>): JSX.Element;