@openameba/spindle-ui 3.2.4 → 3.2.5

package/Modal/AppealModal/AppealModal.mjs

@@ -9,45 +9,44 @@ const Frame = forwardRef(function AppealModal({ children, className, open, size
     const dialogEl = useRef(null);
     const handleFormSubmit = (event) => {
         event.preventDefault(); // To be closed with the open prop
-        onClose?.(event);
+        onClose === null || onClose === void 0 ? void 0 : onClose(event);
     };
     const handleDialogClick = (event) => {
         // Detect backdrop click
         if (event.target === dialogEl.current) {
-            onClose?.(event);
+            onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
     const handleDialogClose = (event) => {
         // Detect escape key type
         if (event.target === dialogEl.current) {
-            onClose?.(event);
+            onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
     useEffect(() => {
+        var _a, _b;
         const dialog = dialogEl.current;
         if (!dialog) {
             return;
         }
         if (open) {
-            !dialog.open && dialog.showModal?.();
+            !dialog.open && ((_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog));
         }
         else {
-            dialog?.close?.();
+            (_b = dialog === null || dialog === void 0 ? void 0 : dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog);
         }
     }, [open]);
-    return (
-        /* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
-        (React.createElement("dialog", { className: [BLOCK_NAME, `${BLOCK_NAME}--${size}`, className]
-                .filter(Boolean)
-                .join(' ')
-                .trim(), ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest }, React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
+    return (React.createElement("dialog", { className: [BLOCK_NAME, `${BLOCK_NAME}--${size}`, className]
+            .filter(Boolean)
+            .join(' ')
+            .trim(), ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
+        React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
             React.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
                 React.createElement(IconButton, { "aria-label": "\u3068\u3058\u308B", variant: "neutral" },
                     React.createElement(CrossBold, { "aria-hidden": "true" }))),
             children,
             React.createElement("div", { className: `${BLOCK_NAME}-closeTextButton` },
-                React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))))
-    );
+                React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))));
 });
 const StyleOnly = ({ className, children, size = 'large', ...rest }) => {
     return (React.createElement("div", { className: [

package/Modal/SemiModal/SemiModal.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,50 +32,38 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SemiModal = void 0;
-var react_1 = __importStar(require("react"));
-var use_callback_ref_1 = require("use-callback-ref");
-var CrossBold_1 = __importDefault(require("../../Icon/CrossBold"));
-var IconButton_1 = require("../../IconButton");
-var BLOCK_NAME = 'spui-SemiModal';
-var Frame = (0, react_1.forwardRef)(function SemiModal(_a, ref) {
-    var children = _a.children, open = _a.open, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.type, type = _c === void 0 ? 'popup' : _c, onClose = _a.onClose, rest = __rest(_a, ["children", "open", "size", "type", "onClose"]);
-    var dialogEl = (0, react_1.useRef)(null);
+const react_1 = __importStar(require("react"));
+const use_callback_ref_1 = require("use-callback-ref");
+const CrossBold_1 = __importDefault(require("../../Icon/CrossBold"));
+const IconButton_1 = require("../../IconButton");
+const BLOCK_NAME = 'spui-SemiModal';
+const Frame = (0, react_1.forwardRef)(function SemiModal({ children, open, size = 'medium', type = 'popup', onClose, ...rest }, ref) {
+    const dialogEl = (0, react_1.useRef)(null);
     // 閉じるアイコンを押した時
-    var handleFormSubmit = function (event) {
+    const handleFormSubmit = (event) => {
         event.preventDefault(); // To be closed with the open prop
         onClose === null || onClose === void 0 ? void 0 : onClose(event);
     };
     // backdropを押した時
-    var handleDialogClick = function (event) {
+    const handleDialogClick = (event) => {
         // Detect backdrop click
         if (event.target === dialogEl.current) {
             onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
     //EscKeyを押したとき
-    var handleDialogClose = function (event) {
+    const handleDialogClose = (event) => {
         // Detect escape key type
         if (event.target === dialogEl.current) {
             onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d;
         if (!dialogEl.current) {
             return;
@@ -98,50 +75,43 @@ var Frame = (0, react_1.forwardRef)(function SemiModal(_a, ref) {
             (_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
         }
     }, [open]);
-    return (
-    /* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
-    react_1.default.createElement("dialog", __assign({ className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size }, rest),
-        react_1.default.createElement("form", { className: "".concat(BLOCK_NAME, "-frame"), method: "dialog", onSubmit: handleFormSubmit }, children)));
+    return (react_1.default.createElement("dialog", { className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
+        react_1.default.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)));
 });
-var Header = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("header", __assign({ className: "".concat(BLOCK_NAME, "-header") }, rest),
+const Header = ({ children, ...rest }) => {
+    return (react_1.default.createElement("header", { className: `${BLOCK_NAME}-header`, ...rest },
         children,
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-closeIconButton") },
+        react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
             react_1.default.createElement(IconButton_1.IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
-                react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-closeIcon") })))));
+                react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-closeIcon` })))));
 };
-var HeaderTitle = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-headerTitle") }, rest), children));
+const HeaderTitle = ({ children, ...rest }) => {
+    return (react_1.default.createElement("p", { className: `${BLOCK_NAME}-headerTitle`, ...rest }, children));
 };
-var Contents = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-contents") }, rest), children));
+const Contents = ({ children, ...rest }) => {
+    return (react_1.default.createElement("div", { className: `${BLOCK_NAME}-contents`, ...rest }, children));
 };
-var Footer = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-footer") }, rest), children));
+const Footer = ({ children, ...rest }) => {
+    return (react_1.default.createElement("div", { className: `${BLOCK_NAME}-footer`, ...rest }, children));
 };
-var StyleOnly = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.type, type = _c === void 0 ? 'popup' : _c, rest = __rest(_a, ["className", "children", "size", "type"]);
-    return (react_1.default.createElement("div", __assign({ className: [
+const StyleOnly = ({ className, children, size = 'medium', type = 'popup', ...rest }) => {
+    return (react_1.default.createElement("div", { className: [
             BLOCK_NAME,
-            "".concat(BLOCK_NAME, "--styleOnly"),
-            "".concat(BLOCK_NAME, "--").concat(size),
+            `${BLOCK_NAME}--styleOnly`,
+            `${BLOCK_NAME}--${size}`,
             className,
         ]
             .filter(Boolean)
             .join(' ')
-            .trim() }, rest, { "data-type": type, "data-size": size }),
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-frame") }, children)));
+            .trim(), ...rest, "data-type": type, "data-size": size },
+        react_1.default.createElement("div", { className: `${BLOCK_NAME}-frame` }, children)));
 };
 exports.SemiModal = {
-    Frame: Frame,
-    Header: Header,
-    HeaderTitle: HeaderTitle,
-    Contents: Contents,
-    Footer: Footer,
-    StyleOnly: StyleOnly,
+    Frame,
+    Header,
+    HeaderTitle,
+    Contents,
+    Footer,
+    StyleOnly,
 };
 //# sourceMappingURL=SemiModal.js.map

package/Modal/SemiModal/SemiModal.js.map

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

package/Modal/SemiModal/SemiModal.mjs

@@ -8,41 +8,36 @@ const Frame = forwardRef(function SemiModal({ children, open, size = 'medium', t
     // 閉じるアイコンを押した時
     const handleFormSubmit = (event) => {
         event.preventDefault(); // To be closed with the open prop
-        onClose?.(event);
+        onClose === null || onClose === void 0 ? void 0 : onClose(event);
     };
     // backdropを押した時
     const handleDialogClick = (event) => {
         // Detect backdrop click
         if (event.target === dialogEl.current) {
-            onClose?.(event);
+            onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
     //EscKeyを押したとき
     const handleDialogClose = (event) => {
         // Detect escape key type
         if (event.target === dialogEl.current) {
-            onClose?.(event);
+            onClose === null || onClose === void 0 ? void 0 : onClose(event);
         }
     };
     useEffect(() => {
+        var _a, _b, _c, _d;
         if (!dialogEl.current) {
             return;
         }
         if (open) {
-            dialogEl.current?.showModal?.();
+            (_b = (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.showModal) === null || _b === void 0 ? void 0 : _b.call(_a);
         }
         else {
-            dialogEl.current?.close?.();
+            (_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
         }
     }, [open]);
-    return (
-        /* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
-        (React.createElement(
-            "dialog",
-            { className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
-            React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)
-        ))
-    );
+    return (React.createElement("dialog", { className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
+        React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)));
 });
 const Header = ({ children, ...rest }) => {
     return (React.createElement("header", { className: `${BLOCK_NAME}-header`, ...rest },

package/NavigationTab/UnderlineTab/UnderlineTab.js

@@ -37,28 +37,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnderlineTab = void 0;
-var react_1 = __importStar(require("react"));
-var ChevronLeftBold_1 = __importDefault(require("../../Icon/ChevronLeftBold"));
-var ChevronRightBold_1 = __importDefault(require("../../Icon/ChevronRightBold"));
-var BLOCK_NAME = 'spui-UnderlineTab';
-var SCROLL_DISTANCE = 150;
-var UnderlineTab = function (_a) {
-    var defaultSelectedId = _a.defaultSelectedId, options = _a.options, _b = _a.hasBorder, hasBorder = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? 'fixed' : _c, onClick = _a.onClick;
-    var _d = (0, react_1.useState)(defaultSelectedId), selectedId = _d[0], setSelectedId = _d[1];
-    var _e = (0, react_1.useState)(false), showPrevButton = _e[0], setShowPrevButton = _e[1];
-    var _f = (0, react_1.useState)(false), showNextButton = _f[0], setShowNextButton = _f[1];
-    var buttonsRef = (0, react_1.useRef)([]);
-    var containerRef = (0, react_1.useRef)(null);
-    var handleScroll = (0, react_1.useCallback)(function (direction) {
-        var containerElement = containerRef.current;
+const react_1 = __importStar(require("react"));
+const ChevronLeftBold_1 = __importDefault(require("../../Icon/ChevronLeftBold"));
+const ChevronRightBold_1 = __importDefault(require("../../Icon/ChevronRightBold"));
+const BLOCK_NAME = 'spui-UnderlineTab';
+const SCROLL_DISTANCE = 150;
+const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, variant = 'fixed', onClick, }) => {
+    const [selectedId, setSelectedId] = (0, react_1.useState)(defaultSelectedId);
+    const [showPrevButton, setShowPrevButton] = (0, react_1.useState)(false);
+    const [showNextButton, setShowNextButton] = (0, react_1.useState)(false);
+    const buttonsRef = (0, react_1.useRef)([]);
+    const containerRef = (0, react_1.useRef)(null);
+    const handleScroll = (0, react_1.useCallback)((direction) => {
+        const containerElement = containerRef.current;
         if (!containerElement) {
             return;
         }
-        var scrollDistance = direction === 'next' ? SCROLL_DISTANCE : -SCROLL_DISTANCE;
+        const scrollDistance = direction === 'next' ? SCROLL_DISTANCE : -SCROLL_DISTANCE;
         containerElement.scrollLeft = containerElement.scrollLeft + scrollDistance;
     }, []);
-    var handleClick = (0, react_1.useCallback)(function (e, id) {
-        var targetButtonElement = document.querySelector("#".concat(id));
+    const handleClick = (0, react_1.useCallback)((e, id) => {
+        const targetButtonElement = document.querySelector(`#${id}`);
         // 既に選択中の項目に対してクリックした場合は何もしない
         if ((targetButtonElement === null || targetButtonElement === void 0 ? void 0 : targetButtonElement.getAttribute('aria-selected')) === 'true') {
             return;
@@ -68,28 +67,28 @@ var UnderlineTab = function (_a) {
             onClick(e, id);
         }
     }, [onClick]);
-    var handleKeyDown = (0, react_1.useCallback)(function (e, index) {
+    const handleKeyDown = (0, react_1.useCallback)((e, index) => {
         var _a, _b;
-        var totalLength = options.length;
+        const totalLength = options.length;
         switch (e.key) {
             case 'ArrowLeft': {
                 // 基本的には1つ前の要素に移動。ただし、既に先頭の要素にいる場合はリストの最後尾に移動
-                var prevButtonIndex = index - 1 < 0 ? totalLength - 1 : index - 1;
-                var prevButtonRef = buttonsRef.current[prevButtonIndex];
+                const prevButtonIndex = index - 1 < 0 ? totalLength - 1 : index - 1;
+                const prevButtonRef = buttonsRef.current[prevButtonIndex];
                 (_a = prevButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 handleClick(e, options[prevButtonIndex].id);
                 break;
             }
             case 'ArrowRight': {
                 // 基本的には1つ後の要素に移動。ただし、既に最後尾の要素にいる場合はリストの先頭に移動
-                var nextButtonIndex = index + 1 >= totalLength ? 0 : index + 1;
-                var nextButtonRef = buttonsRef.current[nextButtonIndex];
+                const nextButtonIndex = index + 1 >= totalLength ? 0 : index + 1;
+                const nextButtonRef = buttonsRef.current[nextButtonIndex];
                 (_b = nextButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
                 handleClick(e, options[nextButtonIndex].id);
                 break;
             }
             case 'Enter': {
-                var targetButton = buttonsRef.current[index].current;
+                const targetButton = buttonsRef.current[index].current;
                 // 既に選択中の項目に対してEnterを押下した場合は無効にする
                 if ((targetButton === null || targetButton === void 0 ? void 0 : targetButton.getAttribute('aria-selected')) === 'true') {
                     e.preventDefault();
@@ -98,18 +97,18 @@ var UnderlineTab = function (_a) {
             }
         }
     }, [options, handleClick]);
-    (0, react_1.useEffect)(function () {
-        buttonsRef.current = options.map(function (_, index) { var _a; return (_a = buttonsRef.current[index]) !== null && _a !== void 0 ? _a : (0, react_1.createRef)(); });
+    (0, react_1.useEffect)(() => {
+        buttonsRef.current = options.map((_, index) => { var _a; return (_a = buttonsRef.current[index]) !== null && _a !== void 0 ? _a : (0, react_1.createRef)(); });
     }, [options]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (variant !== 'scrollable') {
             return;
         }
-        var containerElement = containerRef.current;
+        const containerElement = containerRef.current;
         if (!containerElement) {
             return;
         }
-        var updateDisplayedButton = function () {
+        const updateDisplayedButton = () => {
             setShowPrevButton(containerElement.scrollLeft > 0);
             setShowNextButton(containerElement.scrollWidth >
                 Math.ceil(containerElement.clientWidth + containerElement.scrollLeft));
@@ -117,7 +116,7 @@ var UnderlineTab = function (_a) {
         updateDisplayedButton();
         window.addEventListener('resize', updateDisplayedButton);
         containerElement.addEventListener('scroll', updateDisplayedButton);
-        return function () {
+        return () => {
             window.removeEventListener('resize', updateDisplayedButton);
             containerElement.removeEventListener('scroll', updateDisplayedButton);
         };
@@ -127,45 +126,45 @@ var UnderlineTab = function (_a) {
     }
     return (react_1.default.createElement("div", { className: [
             BLOCK_NAME,
-            "".concat(BLOCK_NAME, "--").concat(variant),
-            hasBorder && "".concat(BLOCK_NAME, "--border"),
+            `${BLOCK_NAME}--${variant}`,
+            hasBorder && `${BLOCK_NAME}--border`,
         ]
             .filter(Boolean)
             .join(' ')
             .trim() },
         variant === 'scrollable' && (react_1.default.createElement("div", { className: [
-                "".concat(BLOCK_NAME, "-arrow"),
-                "".concat(BLOCK_NAME, "-arrow--left"),
+                `${BLOCK_NAME}-arrow`,
+                `${BLOCK_NAME}-arrow--left`,
                 showPrevButton && 'is-showed',
             ]
                 .filter(Boolean)
                 .join(' ')
                 .trim() },
-            react_1.default.createElement("button", { className: "".concat(BLOCK_NAME, "-arrowButton"), type: "button", onClick: function () { return handleScroll('prev'); } },
+            react_1.default.createElement("button", { className: `${BLOCK_NAME}-arrowButton`, type: "button", onClick: () => handleScroll('prev') },
                 react_1.default.createElement(ChevronLeftBold_1.default, { "aria-label": "\u5DE6\u306B\u79FB\u52D5", height: 16, width: 16 })))),
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-container"), role: "tablist", ref: containerRef }, options.map(function (option, index) {
-            var label = option.label, id = option.id, countBadge = option.countBadge;
-            var isSelected = id === selectedId;
-            return (react_1.default.createElement("button", { "aria-controls": "".concat(id, "-tabpanel"), "aria-selected": isSelected, className: "".concat(BLOCK_NAME, "-button"), key: id, id: id, style: {
+        react_1.default.createElement("div", { className: `${BLOCK_NAME}-container`, role: "tablist", ref: containerRef }, options.map((option, index) => {
+            const { label, id, countBadge } = option;
+            const isSelected = id === selectedId;
+            return (react_1.default.createElement("button", { "aria-controls": `${id}-tabpanel`, "aria-selected": isSelected, className: `${BLOCK_NAME}-button`, key: id, id: id, style: {
                     maxWidth: variant === 'fixed'
-                        ? "calc(".concat(100 / options.length, "%")
+                        ? `calc(${100 / options.length}%`
                         : 'fit-content',
-                }, tabIndex: isSelected ? 0 : -1, type: "button", ref: buttonsRef.current[index], role: "tab", onClick: function (e) { return handleClick(e, id); }, onKeyDown: function (e) { return handleKeyDown(e, index); } },
-                react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-labelWrapper") },
-                    react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, label),
+                }, tabIndex: isSelected ? 0 : -1, type: "button", ref: buttonsRef.current[index], role: "tab", onClick: (e) => handleClick(e, id), onKeyDown: (e) => handleKeyDown(e, index) },
+                react_1.default.createElement("span", { className: `${BLOCK_NAME}-labelWrapper` },
+                    react_1.default.createElement("span", { className: `${BLOCK_NAME}-label` }, label),
                     countBadge && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-badge") }, countBadge),
-                        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visuallyHidden") }, "\u4EF6"))))));
+                        react_1.default.createElement("span", { className: `${BLOCK_NAME}-badge` }, countBadge),
+                        react_1.default.createElement("span", { className: `${BLOCK_NAME}-visuallyHidden` }, "\u4EF6"))))));
         })),
         variant === 'scrollable' && (react_1.default.createElement("div", { className: [
-                "".concat(BLOCK_NAME, "-arrow"),
-                "".concat(BLOCK_NAME, "-arrow--right"),
+                `${BLOCK_NAME}-arrow`,
+                `${BLOCK_NAME}-arrow--right`,
                 showNextButton && 'is-showed',
             ]
                 .filter(Boolean)
                 .join(' ')
                 .trim() },
-            react_1.default.createElement("button", { className: "".concat(BLOCK_NAME, "-arrowButton"), type: "button", onClick: function () { return handleScroll('next'); } },
+            react_1.default.createElement("button", { className: `${BLOCK_NAME}-arrowButton`, type: "button", onClick: () => handleScroll('next') },
                 react_1.default.createElement(ChevronRightBold_1.default, { "aria-label": "\u53F3\u306B\u79FB\u52D5", height: 16, width: 16 }))))));
 };
 exports.UnderlineTab = UnderlineTab;

package/NavigationTab/UnderlineTab/UnderlineTab.js.map

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

package/NavigationTab/UnderlineTab/UnderlineTab.mjs

@@ -20,7 +20,7 @@ export const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, va
     const handleClick = useCallback((e, id) => {
         const targetButtonElement = document.querySelector(`#${id}`);
         // 既に選択中の項目に対してクリックした場合は何もしない
-        if (targetButtonElement?.getAttribute('aria-selected') === 'true') {
+        if ((targetButtonElement === null || targetButtonElement === void 0 ? void 0 : targetButtonElement.getAttribute('aria-selected')) === 'true') {
             return;
         }
         setSelectedId(id);
@@ -29,13 +29,14 @@ export const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, va
         }
     }, [onClick]);
     const handleKeyDown = useCallback((e, index) => {
+        var _a, _b;
         const totalLength = options.length;
         switch (e.key) {
             case 'ArrowLeft': {
                 // 基本的には1つ前の要素に移動。ただし、既に先頭の要素にいる場合はリストの最後尾に移動
                 const prevButtonIndex = index - 1 < 0 ? totalLength - 1 : index - 1;
                 const prevButtonRef = buttonsRef.current[prevButtonIndex];
-                prevButtonRef.current?.focus();
+                (_a = prevButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                 handleClick(e, options[prevButtonIndex].id);
                 break;
             }
@@ -43,14 +44,14 @@ export const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, va
                 // 基本的には1つ後の要素に移動。ただし、既に最後尾の要素にいる場合はリストの先頭に移動
                 const nextButtonIndex = index + 1 >= totalLength ? 0 : index + 1;
                 const nextButtonRef = buttonsRef.current[nextButtonIndex];
-                nextButtonRef.current?.focus();
+                (_b = nextButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
                 handleClick(e, options[nextButtonIndex].id);
                 break;
             }
             case 'Enter': {
                 const targetButton = buttonsRef.current[index].current;
                 // 既に選択中の項目に対してEnterを押下した場合は無効にする
-                if (targetButton?.getAttribute('aria-selected') === 'true') {
+                if ((targetButton === null || targetButton === void 0 ? void 0 : targetButton.getAttribute('aria-selected')) === 'true') {
                     e.preventDefault();
                 }
                 break;
@@ -58,7 +59,7 @@ export const UnderlineTab = ({ defaultSelectedId, options, hasBorder = false, va
         }
     }, [options, handleClick]);
     useEffect(() => {
-        buttonsRef.current = options.map((_, index) => buttonsRef.current[index] ?? createRef());
+        buttonsRef.current = options.map((_, index) => { var _a; return (_a = buttonsRef.current[index]) !== null && _a !== void 0 ? _a : createRef(); });
     }, [options]);
     useEffect(() => {
         if (variant !== 'scrollable') {