smarthr-ui 20.0.0 → 20.1.2

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 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.
 
+### [20.1.2](https://github.com/kufu/smarthr-ui/compare/v20.1.1...v20.1.2) (2022-04-06)
+
+
+### Bug Fixes
+
+* ballonのtriangleがretinaディスプレイなどで条件が揃うと表示崩れするバグを修正 ([#2399](https://github.com/kufu/smarthr-ui/issues/2399)) ([2d41e03](https://github.com/kufu/smarthr-ui/commit/2d41e0357f9ac2ca413d7733cf22ae95cabe75b0))
+
+### [20.1.1](https://github.com/kufu/smarthr-ui/compare/v20.1.0...v20.1.1) (2022-03-30)
+
+
+### Bug Fixes
+
+* `TabBar` のモバイル表示調整 (SHRUI-539) ([#2358](https://github.com/kufu/smarthr-ui/issues/2358)) ([f3f658b](https://github.com/kufu/smarthr-ui/commit/f3f658baf14fbe5ad51384fcc57fde405a00796e))
+
+## [20.1.0](https://github.com/kufu/smarthr-ui/compare/v20.0.0...v20.1.0) (2022-03-17)
+
+
+### Features
+
+* add Reel component ([#2345](https://github.com/kufu/smarthr-ui/issues/2345)) ([2b14f5b](https://github.com/kufu/smarthr-ui/commit/2b14f5b64dec8d313af1691ccc5483ebe30795d7))
+
+
+### Bug Fixes
+
+* `Dropdown` のモバイル表示調整 (SHRUI-536) ([#2325](https://github.com/kufu/smarthr-ui/issues/2325)) ([4f95c3f](https://github.com/kufu/smarthr-ui/commit/4f95c3feb9d19402dfa92826181a71b3982c400d))
+* add Reel wrapper to Pagination ([#2350](https://github.com/kufu/smarthr-ui/issues/2350)) ([c28baaa](https://github.com/kufu/smarthr-ui/commit/c28baaa88b584a5ad388044b7691e57928e7ad45))
+* Balloon の三角形関連のスタイルを改善 ([#2348](https://github.com/kufu/smarthr-ui/issues/2348)) ([ab1a65c](https://github.com/kufu/smarthr-ui/commit/ab1a65c0624775fab3e07883228aea45d92a800b))
+
 ## [20.0.0](https://github.com/kufu/smarthr-ui/compare/v19.1.0...v20.0.0) (2022-03-08)
 
 

package/esm/components/BackgroundJobsPanel/BackgroundJobsList.d.ts

@@ -4,7 +4,7 @@ declare type Props = {
 };
 declare type ElementProps = Omit<HTMLAttributes<HTMLUListElement>, keyof Props>;
 declare const BackgroundJobsList: VFC<Props & ElementProps>;
-declare const Item: import("styled-components").StyledComponent<"li", any, {}, never>;
+declare const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 declare const ListAndItem: typeof BackgroundJobsList & {
     Item: typeof Item;
 };

package/esm/components/Balloon/Balloon.js

@@ -11,109 +11,85 @@ export const Balloon = ({ horizontal, vertical, className = '', ...props }) => {
     const classNames = `${horizontal} ${vertical} ${className} ${wrapper}`;
     return React.createElement(Base, { className: classNames, themes: themes, ...props });
 };
+// HINT: trianble部分はRetinaディスプレイなどで途切れてしまう場合があるので
+// 1pxほど大きめに描画してbody部分と被るようにしています。
 const Base = styled.div `
   ${({ themes }) => {
-    const { color, border, fontSize, shadow } = themes;
+    const { color, fontSize } = themes;
     return css `
       position: relative;
       display: inline-block;
       font-size: ${fontSize.S};
       border-radius: 4px;
-      box-shadow: ${shadow.LAYER2};
+      filter: drop-shadow(
+        0 2px 2.5px rgba(0, 0, 0, 0.33)
+      ); /* drop-shadow は spread-radius を受け付けないので shadow.LAYER2 に近い値をハードコーディングしている */
       white-space: nowrap;
+      transform: translateZ(0); /* safari で filter を正しく描画するために必要 */
 
-      &::before,
-      &::after {
+      &::before {
         display: block;
         position: absolute;
-        border-style: ${border.lineStyle};
         content: '';
+        background-color: ${color.WHITE};
       }
 
       background-color: ${color.WHITE};
       color: ${color.TEXT_BLACK};
 
       &.top {
-        &::before,
-        &::after {
-          border-width: 0 5px 5px;
-        }
         &::before {
-          top: -5px;
-          border-color: transparent transparent ${color.BORDER};
-        }
-        &::after {
           top: -4px;
-          border-color: transparent transparent ${color.WHITE};
+          width: 10px;
+          height: 5px;
+          clip-path: polygon(50% 0, 100% 100%, 0 100%);
         }
       }
       &.bottom {
-        &::before,
-        &::after {
-          border-width: 5px 5px 0;
-        }
         &::before {
-          bottom: -5px;
-          border-color: ${color.BORDER} transparent transparent;
-        }
-        &::after {
           bottom: -4px;
-          border-color: ${color.WHITE} transparent transparent;
+          width: 10px;
+          height: 5px;
+          clip-path: polygon(0 0, 100% 0, 50% 100%);
         }
       }
 
       &.right {
-        &::before,
-        &::after {
+        &::before {
           right: 24px;
         }
       }
       &.center {
-        &::before,
-        &::after {
+        &::before {
           left: 50%;
           transform: translateX(-5px);
         }
       }
       &.left {
-        &::before,
-        &::after {
+        &::before {
           left: 24px;
         }
       }
 
       &.middle {
-        &::before,
-        &::after {
+        &::before {
           top: 50%;
           transform: translateY(-5px);
         }
         &.left {
-          &::before,
-          &::after {
-            border-width: 5px 5px 5px 0;
-          }
           &::before {
-            left: -5px;
-            border-color: transparent ${color.BORDER} transparent transparent;
-          }
-          &::after {
             left: -4px;
-            border-color: transparent ${color.WHITE} transparent transparent;
+            width: 5px;
+            height: 10px;
+            clip-path: polygon(100% 0, 100% 100%, 0 50%);
           }
         }
         &.right {
-          &::before,
-          &::after {
-            border-width: 5px 0 5px 5px;
-          }
           &::before {
-            right: -5px;
-            border-color: transparent transparent transparent ${color.BORDER};
-          }
-          &::after {
             right: -4px;
-            border-color: transparent transparent transparent ${color.WHITE};
+            width: 5px;
+            height: 10px;
+            clip-path: polygon(0 0, 100% 50%, 0 100%);
           }
         }
       }

package/esm/components/Balloon/Balloon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,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;AAmB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACpD,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAA;KAC9F;IAED,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACnC,MAAM,UAAU,GAAG,GAAG,UAAU,IAAI,QAAQ,IAAI,SAAS,IAAI,OAAO,EAAE,CAAA;IAEtE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAElD,OAAO,GAAG,CAAA;;;mBAGK,QAAQ,CAAC,CAAC;;oBAET,MAAM,CAAC,MAAM;;;;;;;wBAOT,MAAM,CAAC,SAAS;;;;0BAId,KAAK,CAAC,KAAK;eACtB,KAAK,CAAC,UAAU;;;;;;;;;kDASmB,KAAK,CAAC,MAAM;;;;kDAIZ,KAAK,CAAC,KAAK;;;;;;;;;;0BAUnC,KAAK,CAAC,MAAM;;;;0BAIZ,KAAK,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqCG,KAAK,CAAC,MAAM;;;;wCAIZ,KAAK,CAAC,KAAK;;;;;;;;;;gEAUa,KAAK,CAAC,MAAM;;;;gEAIZ,KAAK,CAAC,KAAK;;;;KAItE,CAAA;AACH,CAAC;CACF,CAAA"}
+{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,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;AAmB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACpD,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAA;KAC9F;IAED,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACnC,MAAM,UAAU,GAAG,GAAG,UAAU,IAAI,QAAQ,IAAI,SAAS,IAAI,OAAO,EAAE,CAAA;IAEtE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAA;AACnE,CAAC,CAAA;AAED,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAElC,OAAO,GAAG,CAAA;;;mBAGK,QAAQ,CAAC,CAAC;;;;;;;;;;;;4BAYD,KAAK,CAAC,KAAK;;;0BAGb,KAAK,CAAC,KAAK;eACtB,KAAK,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0D1B,CAAA;AACH,CAAC;CACF,CAAA"}

package/esm/components/Button/BaseButton.d.ts

@@ -38,5 +38,5 @@ export declare type BaseProps = {
 };
 export declare const buttonFactory: <Props extends BaseProps>(tag: Tag) => React.VFC<Props>;
 export declare const BaseButton: VFC<ButtonProps>;
-export declare const BaseButtonAnchor: import("styled-components").StyledComponent<React.VFC<AnchorProps>, any, {}, never>;
+export declare const BaseButtonAnchor: import("styled-components").StyledComponent<React.VFC<AnchorProps>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/esm/components/Button/UnstyledButton.d.ts

@@ -1 +1 @@
-export declare const UnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const UnstyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/esm/components/Dialog/DialogContentInner.js

@@ -16,7 +16,6 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
     const classNames = useClassNames().dialog;
     const theme = useTheme();
     const innerRef = useRef(null);
-    const focusTarget = useRef(null);
     useHandleEscape(useCallback(() => {
         if (!isOpen) {
             return;
@@ -33,10 +32,8 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
         React.createElement(DialogOverlap, { isOpen: isOpen },
             React.createElement(Layout, { className: classNames.wrapper, id: id },
                 React.createElement(Background, { onClick: handleClickOverlay, themes: theme, className: classNames.background }),
-                React.createElement(FocusTrap, null,
-                    React.createElement(Inner, { "$width": width, ref: innerRef, themes: theme, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true", className: `${className} ${classNames.dialog}`, ...props },
-                        React.createElement("div", { ref: focusTarget, tabIndex: -1, "aria-label": ariaLabel }),
-                        children)),
+                React.createElement(Inner, { "$width": width, ref: innerRef, themes: theme, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true", className: `${className} ${classNames.dialog}`, ...props },
+                    React.createElement(FocusTrap, null, children)),
                 React.createElement(BodyScrollSuppressor, null)))));
 };
 const Layout = styled.div `
@@ -70,9 +67,9 @@ const Inner = styled.div `
               100vw - max(${left || 0}px, ${spacingByChar(0.5)}) -
                 max(${right || 0}px, ${spacingByChar(0.5)})
             ),
-            800px /* TODO: 幅の定義が決まり theme に入ったら差し替える */
+            800px
           );
-        `;
+        `; /* TODO: 幅の定数指定は、トークンが決まり theme に入ったら差し替える */
     return css `
       position: absolute;
       top: ${positionTop};

package/esm/components/Dialog/DialogContentInner.js.map

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

package/esm/components/Dialog/FocusTrap.d.ts

@@ -1,10 +1,6 @@
-import React, { ReactNode, VFC } from 'react';
+import { ReactNode, VFC } from 'react';
 declare type Props = {
     children: ReactNode;
 };
 export declare const FocusTrap: VFC<Props>;
-export declare function useTriggerFocusControl(targetRef: React.RefObject<HTMLElement>): {
-    moveFocusFromTrigger: () => void;
-    returnFocusToTrigger: () => void;
-};
 export {};

package/esm/components/Dialog/FocusTrap.js

@@ -1,7 +1,8 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import { tabbable } from '../../libs/tabbable';
 export const FocusTrap = ({ children }) => {
     const ref = useRef(null);
+    const focusTargetRef = useRef(null);
     const handleKeyDown = useCallback((e) => {
         if (e.key !== 'Tab' || ref.current === null) {
             return;
@@ -28,35 +29,18 @@ export const FocusTrap = ({ children }) => {
             window.removeEventListener('keydown', handleKeyDown);
         };
     }, [handleKeyDown]);
-    const { moveFocusFromTrigger, returnFocusToTrigger } = useTriggerFocusControl(ref);
     useEffect(() => {
-        moveFocusFromTrigger();
-        return returnFocusToTrigger;
-    }, [moveFocusFromTrigger, returnFocusToTrigger]);
-    return React.createElement("div", { ref: ref }, children);
-};
-export function useTriggerFocusControl(targetRef) {
-    const [triggerElement, setTriggerElement] = useState(null);
-    const moveFocusFromTrigger = useCallback(() => {
-        setTriggerElement(document.activeElement);
-        setTimeout(() => {
-            // delay focus on the first element so that is occurs last
-            if (targetRef.current === null) {
-                return;
-            }
-            const tabbables = tabbable(targetRef.current);
-            const firstTabbale = tabbables[0];
-            if (firstTabbale) {
-                firstTabbale.focus();
+        const triggerElement = document.activeElement;
+        focusTargetRef.current?.focus();
+        return () => {
+            // フォーカストラップ終了時にトリガにフォーカスを戻す
+            if (triggerElement instanceof HTMLElement) {
+                triggerElement.focus();
             }
-        }, 1);
-    }, [targetRef]);
-    const returnFocusToTrigger = useCallback(() => {
-        if (triggerElement instanceof HTMLElement) {
-            triggerElement.focus();
-        }
-        setTriggerElement(null);
-    }, [triggerElement]);
-    return { moveFocusFromTrigger, returnFocusToTrigger };
-}
+        };
+    }, []);
+    return (React.createElement("div", { ref: ref },
+        React.createElement("div", { ref: focusTargetRef, tabIndex: -1 }),
+        children));
+};
 //# sourceMappingURL=FocusTrap.js.map

package/esm/components/Dialog/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../src/components/Dialog/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpD,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAC/C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAgB,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YAC3C,OAAM;SACP;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA;QAC1E,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,OAAM;SACP;QACD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACnD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;QAC5E,IAAI,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,YAAY,EAAE;YACjD,WAAW,CAAC,KAAK,EAAE,CAAA;YACnB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;aAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,WAAW,EAAE;YACxD,YAAY,CAAC,KAAK,EAAE,CAAA;YACpB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAA;QAC7C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QAE/B,OAAO,GAAG,EAAE;YACV,4BAA4B;YAC5B,IAAI,cAAc,YAAY,WAAW,EAAE;gBACzC,cAAc,CAAC,KAAK,EAAE,CAAA;aACvB;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QAEX,6BAAK,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI;QACzC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Dialog/ModelessDialog.js

@@ -9,11 +9,11 @@ import { Base } from '../Base';
 import { SecondaryButton } from '../Button';
 import { FaGripHorizontalIcon, FaTimesIcon } from '../Icon';
 import { DialogOverlap } from './DialogOverlap';
-import { useTriggerFocusControl } from './FocusTrap';
 import { useClassNames } from './useClassNames';
 export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose, onPressEscape, width, height, top, left, right, bottom, portalParent, className = '', ...props }) => {
     const portalContainer = useRef(document.createElement('div')).current;
     const wrapperRef = useRef(null);
+    const focusTargetRef = useRef(null);
     const [wrapperPosition, setWrapperPosition] = useState(undefined);
     const [centering, setCentering] = useState({});
     const [position, setPosition] = useState({
@@ -39,13 +39,12 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
             onPressEscape && onPressEscape();
         }
     }, [isOpen, onPressEscape]));
-    const { moveFocusFromTrigger } = useTriggerFocusControl(wrapperRef);
     useLayoutEffect(() => {
         if (isOpen) {
             setPosition({ x: 0, y: 0 });
-            moveFocusFromTrigger();
+            focusTargetRef.current?.focus();
         }
-    }, [isOpen, moveFocusFromTrigger]);
+    }, [isOpen]);
     useEffect(() => {
         // 中央寄せの座標計算を行う
         if (!wrapperRef.current || !isOpen) {
@@ -117,7 +116,7 @@ export const ModelessDialog = ({ header, children, footer, isOpen, onClickClose,
                     height,
                 }, ref: wrapperRef, role: "dialog", "aria-labelledby": labelId, ...props },
                 React.createElement(Box, { isWidthAuto: width === undefined, left: left, right: right, themes: theme, className: classNames.box },
-                    React.createElement("div", { tabIndex: -1 }),
+                    React.createElement("div", { tabIndex: -1, ref: focusTargetRef }),
                     React.createElement(Header, { className: classNames.header, themes: theme },
                         React.createElement(Title, { id: labelId, themes: theme }, header),
                         React.createElement(DialogHandler, { className: classNames.handle, themes: theme, tabIndex: 0, role: "slider", "aria-label": "\u30C0\u30A4\u30A2\u30ED\u30B0\u306E\u4F4D\u7F6E", "aria-valuetext": wrapperPosition &&
@@ -142,14 +141,14 @@ const Box = styled(Base).attrs({ radius: 'm', layer: 3 }) `
       flex-direction: column;
       ${isWidthAuto &&
         css `
-        max-width: min(
-          calc(
-            100vw - max(${leftMargin}, ${spacingByChar(0.5)}) -
-              max(${rightMargin}, ${spacingByChar(0.5)})
-          ),
-          800px /* TODO: 幅の定義が決まり theme に入ったら差し替える */
-        );
-      `}
+          max-width: min(
+            calc(
+              100vw - max(${leftMargin}, ${spacingByChar(0.5)}) -
+                max(${rightMargin}, ${spacingByChar(0.5)})
+            ),
+            800px
+          );
+        ` /* TODO: 幅の定数指定は、トークンが決まり theme に入ったら差し替える */}
       height: 100%;
       max-height: 100vh;
     `;

package/esm/components/Dialog/ModelessDialog.js.map

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

package/esm/components/Dropdown/DropdownContentInner.js

@@ -1,7 +1,7 @@
-import React, { createContext, useCallback, useLayoutEffect, useRef, useState } from 'react';
+import React, { createContext, useLayoutEffect, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
-import { getContentBoxStyle, getFirstTabbable } from './dropdownHelper';
+import { getContentBoxStyle } from './dropdownHelper';
 import { DropdownCloser } from './DropdownCloser';
 import { useKeyboardNavigation } from './useKeyboardNavigation';
 export const DropdownContentInnerContext = createContext({
@@ -11,66 +11,61 @@ export const DropdownContentInner = ({ triggerRect, scrollable, children, classN
     const theme = useTheme();
     const [isActive, setIsActive] = useState(false);
     const [contentBox, setContentBox] = useState({
-        top: '0',
-        left: '0',
+        top: 'auto',
         maxHeight: '',
     });
     const wrapperRef = useRef(null);
+    const focusTargetRef = useRef(null);
     useLayoutEffect(() => {
         if (wrapperRef.current) {
             setContentBox(getContentBoxStyle(triggerRect, {
                 width: wrapperRef.current.offsetWidth,
                 height: wrapperRef.current.offsetHeight,
             }, {
-                width: innerWidth,
+                width: document.body.clientWidth,
                 height: innerHeight,
             }, {
-                top: pageYOffset,
-                left: pageXOffset,
+                top: scrollY,
+                left: scrollX,
             }));
             setIsActive(true);
         }
     }, [triggerRect]);
-    const focusContent = useCallback(() => {
-        // delay for waiting to change the inner contents to visible
-        const firstTabbale = getFirstTabbable(wrapperRef);
-        if (firstTabbale) {
-            firstTabbale.focus();
-            return true;
-        }
-        return false;
-    }, []);
     useLayoutEffect(() => {
         if (isActive) {
-            // when the dropdwon content becomes active, focus a first tabbable element in it
-            setTimeout(() => {
-                // delay for waiting to change the inner contents to visible
-                if (!focusContent()) {
-                    setTimeout(() => {
-                        focusContent();
-                    }, 100);
-                }
-            }, 30);
+            focusTargetRef.current?.focus();
         }
-    }, [isActive, focusContent]);
+    }, [isActive]);
     useKeyboardNavigation(wrapperRef);
-    return (React.createElement(Wrapper, { ref: wrapperRef, contentBox: contentBox, className: `${className} ${isActive ? 'active' : ''}`, themes: theme }, controllable ? (React.createElement(ControllableWrapper, { scrollable: scrollable, contentBox: contentBox }, children)) : (React.createElement(DropdownContentInnerContext.Provider, { value: { maxHeight: contentBox.maxHeight } },
-        React.createElement(DropdownCloser, null, children)))));
+    return (React.createElement(Wrapper, { ref: wrapperRef, contentBox: contentBox, className: `${className} ${isActive ? 'active' : ''}`, themes: theme },
+        React.createElement("div", { tabIndex: -1, ref: focusTargetRef }),
+        controllable ? (React.createElement(ControllableWrapper, { scrollable: scrollable, contentBox: contentBox }, children)) : (React.createElement(DropdownContentInnerContext.Provider, { value: { maxHeight: contentBox.maxHeight } },
+            React.createElement(DropdownCloser, null, children)))));
 };
 const Wrapper = styled.div `
   ${({ contentBox, themes }) => {
-    const { color, radius, zIndex, shadow } = themes;
+    const { color, radius, zIndex, shadow, spacingByChar } = themes;
+    const leftMargin = contentBox.left === undefined ? spacingByChar(0.5) : `max(${contentBox.left}, 0px)`;
+    const rightMargin = contentBox.right === undefined ? spacingByChar(0.5) : `max(${contentBox.right}, 0px)`;
     return css `
       display: flex;
       visibility: hidden;
       z-index: ${zIndex.OVERLAP_BASE};
       position: absolute;
       top: ${contentBox.top};
-      left: ${contentBox.left};
+      ${contentBox.left !== undefined &&
+        css `
+        left: ${contentBox.left};
+      `}
+      ${contentBox.right !== undefined &&
+        css `
+        right: ${contentBox.right};
+      `}
+      max-width: calc(100% - ${leftMargin} - ${rightMargin});
+      word-break: break-word;
       border-radius: ${radius.m};
       box-shadow: ${shadow.LAYER3};
       background-color: ${color.WHITE};
-      white-space: nowrap;
 
       &.active {
         visibility: visible;

package/esm/components/Dropdown/DropdownContentInner.js.map

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

package/esm/components/Dropdown/dropdownHelper.d.ts

@@ -11,7 +11,8 @@ declare type Size = {
 };
 export declare type ContentBoxStyle = {
     top: string;
-    left: string;
+    left?: string;
+    right?: string;
     maxHeight: string;
 };
 export declare function isEventFromChild(e: Event, parent: Element | null): boolean;

package/esm/components/Dropdown/dropdownHelper.js

@@ -8,32 +8,38 @@ export function isEventFromChild(e, parent) {
 export function getContentBoxStyle(triggerRect, contentSize, windowSize, scroll) {
     const contentBox = {
         top: 'auto',
-        left: 'auto',
         maxHeight: '',
     };
     if (triggerRect.bottom + contentSize.height <= windowSize.height) {
+        // ドロップダウンのサイズがトリガの下側の領域に収まる場合
         contentBox.top = `${scroll.top + triggerRect.bottom - 5}px`;
     }
     else if (triggerRect.top - contentSize.height >= 0) {
+        // ドロップダウンのサイズがトリガの上川の領域に収まる場合
         contentBox.top = `${scroll.top + triggerRect.top - contentSize.height + 5}px`;
     }
     else {
         const padding = 10;
-        if (triggerRect.top + (triggerRect.bottom - triggerRect.top) / 2 < windowSize.height / 2) {
+        const triggerHeight = triggerRect.bottom - triggerRect.top;
+        if (triggerRect.top + triggerHeight / 2 < windowSize.height / 2) {
+            // 下側の領域のほうが広い場合
             contentBox.top = `${scroll.top + triggerRect.bottom - 5}px`;
             contentBox.maxHeight = `${windowSize.height - triggerRect.bottom - padding}px`;
         }
         else {
+            // 上側の領域のほうが広い場合
             contentBox.top = `${scroll.top + padding + 5}px`;
             contentBox.maxHeight = `${triggerRect.top - padding}px`;
         }
     }
     const triggerAlignCenter = triggerRect.left + (triggerRect.right - triggerRect.left) / 2;
     if (triggerAlignCenter <= windowSize.width / 2) {
+        // トリガが画面左寄りの場合
         contentBox.left = `${scroll.left + triggerRect.left - 5}px`;
     }
     else {
-        contentBox.left = `${scroll.left + triggerRect.right - contentSize.width + 5}px`;
+        // トリガが画面右寄りの場合
+        contentBox.right = `${windowSize.width - triggerRect.right - scroll.left - 5}px`;
     }
     return contentBox;
 }

package/esm/components/Dropdown/dropdownHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownHelper.js","sourceRoot":"","sources":["../../../src/components/Dropdown/dropdownHelper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAgB9C,MAAM,UAAU,gBAAgB,CAAC,CAAQ,EAAE,MAAsB;IAC/D,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,CAAA;IAC7B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAC9C,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,WAAiB,EACjB,WAAiB,EACjB,UAAgB,EAChB,MAGC;IAED,MAAM,UAAU,GAAoB;QAClC,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,EAAE;KACd,CAAA;IAED,IAAI,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,EAAE;QAChE,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;KAC5D;SAAM,IAAI,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE;QACpD,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;KAC9E;SAAM;QACL,MAAM,OAAO,GAAG,EAAE,CAAA;QAElB,IAAI,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YACxF,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;YAC3D,UAAU,CAAC,SAAS,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,OAAO,IAAI,CAAA;SAC/E;aAAM;YACL,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,OAAO,GAAG,CAAC,IAAI,CAAA;YAChD,UAAU,CAAC,SAAS,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,OAAO,IAAI,CAAA;SACxD;KACF;IAED,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAExF,IAAI,kBAAkB,IAAI,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE;QAC9C,UAAU,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,IAAI,CAAA;KAC5D;SAAM;QACL,UAAU,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,IAAI,CAAA;KACjF;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAA2B;IAC1D,IAAI,GAAG,CAAC,OAAO,EAAE;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAClC,OAAO,aAAa,CAAA;KACrB;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}
+{"version":3,"file":"dropdownHelper.js","sourceRoot":"","sources":["../../../src/components/Dropdown/dropdownHelper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAiB9C,MAAM,UAAU,gBAAgB,CAAC,CAAQ,EAAE,MAAsB;IAC/D,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,CAAA;IAC7B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAC9C,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,WAAiB,EACjB,WAAiB,EACjB,UAAgB,EAChB,MAGC;IAED,MAAM,UAAU,GAAoB;QAClC,GAAG,EAAE,MAAM;QACX,SAAS,EAAE,EAAE;KACd,CAAA;IAED,IAAI,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,EAAE;QAChE,8BAA8B;QAC9B,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;KAC5D;SAAM,IAAI,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE;QACpD,8BAA8B;QAC9B,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;KAC9E;SAAM;QACL,MAAM,OAAO,GAAG,EAAE,CAAA;QAClB,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,CAAA;QAE1D,IAAI,WAAW,CAAC,GAAG,GAAG,aAAa,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/D,gBAAgB;YAChB,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA;YAC3D,UAAU,CAAC,SAAS,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,OAAO,IAAI,CAAA;SAC/E;aAAM;YACL,gBAAgB;YAChB,UAAU,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,OAAO,GAAG,CAAC,IAAI,CAAA;YAChD,UAAU,CAAC,SAAS,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,OAAO,IAAI,CAAA;SACxD;KACF;IAED,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAExF,IAAI,kBAAkB,IAAI,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE;QAC9C,eAAe;QACf,UAAU,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,IAAI,CAAA;KAC5D;SAAM;QACL,eAAe;QACf,UAAU,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,IAAI,CAAA;KACjF;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAA2B;IAC1D,IAAI,GAAG,CAAC,OAAO,EAAE;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QAClC,OAAO,aAAa,CAAA;KACrB;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}