@openameba/spindle-ui 3.2.3 → 3.2.5

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,+EAAyD;AACzD,iFAA2D;AAuB3D,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,eAAe,GAAG,GAAG,CAAC;AAErB,IAAM,YAAY,GAAoB,UAAC,EAM7C;QALC,iBAAiB,uBAAA,EACjB,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,OAAO,aAAA;IAED,IAAA,KAA8B,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;IAC1D,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IACtD,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,IAAM,UAAU,GAAG,IAAA,cAAM,EAAwC,EAAE,CAAC,CAAC;IACrE,IAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,SAA0B;QAC1D,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,cAAc,GAClB,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;QAC5D,gBAAgB,CAAC,UAAU,GAAG,gBAAgB,CAAC,UAAU,GAAG,cAAc,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UACE,CAE0C,EAC1C,EAAU;QAEV,IAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAC,CAAC;QAC7D,6BAA6B;QAC7B,IAAI,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,YAAY,CAAC,eAAe,CAAC,MAAK,MAAM,EAAE,CAAC;YAClE,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,CAAC;QAElB,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;;QACvD,IAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;QAEnC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,6CAA6C;gBAC7C,IAAM,eAAe,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBACpE,IAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC1D,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5C,MAAM;YACR,CAAC;YACD,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,6CAA6C;gBAC7C,IAAM,eAAe,GAAG,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBACjE,IAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC1D,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5C,MAAM;YACR,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;gBACvD,iCAAiC;gBACjC,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC,eAAe,CAAC,MAAK,MAAM,EAAE,CAAC;oBAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC;gBACD,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,CAAC,CACvB,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAC9B,UAAC,CAAC,EAAE,KAAK,YAAK,OAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,mCAAI,IAAA,iBAAS,GAAqB,CAAA,EAAA,CAC1E,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAM,qBAAqB,GAAG;YAC5B,iBAAiB,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACnD,iBAAiB,CACf,gBAAgB,CAAC,WAAW;gBAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,gBAAgB,CAAC,UAAU,CAAC,CACxE,CAAC;QACJ,CAAC,CAAC;QAEF,qBAAqB,EAAE,CAAC;QACxB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACzD,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QAEnE,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;YAC5D,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAE;YACT,UAAU;YACV,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,SAAS,IAAI,UAAG,UAAU,aAAU;SACrC;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE;QAER,OAAO,KAAK,YAAY,IAAI,CAC3B,uCACE,SAAS,EAAE;gBACT,UAAG,UAAU,WAAQ;gBACrB,UAAG,UAAU,iBAAc;gBAC3B,cAAc,IAAI,WAAW;aAC9B;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE;YAET,0CACE,SAAS,EAAE,UAAG,UAAU,iBAAc,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,MAAM,CAAC,EAApB,CAAoB;gBAEnC,8BAAC,yBAAe,kBAAY,0BAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACrD,CACL,CACP;QAED,uCACE,SAAS,EAAE,UAAG,UAAU,eAAY,EACpC,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,YAAY,IAEhB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;YACjB,IAAA,KAAK,GAAqB,MAAM,MAA3B,EAAE,EAAE,GAAiB,MAAM,GAAvB,EAAE,UAAU,GAAK,MAAM,WAAX,CAAY;YACzC,IAAM,UAAU,GAAG,EAAE,KAAK,UAAU,CAAC;YAErC,OAAO,CACL,2DACiB,UAAG,EAAE,cAAW,mBAChB,UAAU,EACzB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;oBACL,QAAQ,EACN,OAAO,KAAK,OAAO;wBACjB,CAAC,CAAC,eAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,MAAG;wBACjC,CAAC,CAAC,aAAa;iBACpB,EACD,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9B,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,EAAlB,CAAkB,EAClC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB;gBAEzC,wCAAM,SAAS,EAAE,UAAG,UAAU,kBAAe;oBAC3C,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,KAAK,CAAQ;oBACrD,UAAU,IAAI,CACb;wBACE,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,UAAU,CAAQ;wBAC3D,wCAAM,SAAS,EAAE,UAAG,UAAU,oBAAiB,aAAU,CACxD,CACJ,CACI,CACA,CACV,CAAC;QACJ,CAAC,CAAC,CACE;QAEL,OAAO,KAAK,YAAY,IAAI,CAC3B,uCACE,SAAS,EAAE;gBACT,UAAG,UAAU,WAAQ;gBACrB,UAAG,UAAU,kBAAe;gBAC5B,cAAc,IAAI,WAAW;aAC9B;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE;YAET,0CACE,SAAS,EAAE,UAAG,UAAU,iBAAc,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,MAAM,CAAC,EAApB,CAAoB;gBAEnC,8BAAC,0BAAgB,kBAAY,0BAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACtD,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvNW,QAAA,YAAY,gBAuNvB"}
+{"version":3,"file":"UnderlineTab.js","sourceRoot":"","sources":["../../../src/NavigationTab/UnderlineTab/UnderlineTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,iFAAyD;AACzD,mFAA2D;AAuB3D,MAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,MAAM,eAAe,GAAG,GAAG,CAAC;AAErB,MAAM,YAAY,GAAoB,CAAC,EAC5C,iBAAiB,EACjB,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,OAAO,EACjB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwC,EAAE,CAAC,CAAC;IACrE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,SAA0B,EAAE,EAAE;QAC9D,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAClB,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;QAC5D,gBAAgB,CAAC,UAAU,GAAG,gBAAgB,CAAC,UAAU,GAAG,cAAc,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CACE,CAE0C,EAC1C,EAAU,EACV,EAAE;QACF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC7D,6BAA6B;QAC7B,IAAI,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,YAAY,CAAC,eAAe,CAAC,MAAK,MAAM,EAAE,CAAC;YAClE,OAAO;QACT,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,CAAC;QAElB,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAyC,EAAE,KAAa,EAAE,EAAE;;QAC3D,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;QAEnC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,6CAA6C;gBAC7C,MAAM,eAAe,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBACpE,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC1D,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5C,MAAM;YACR,CAAC;YACD,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,6CAA6C;gBAC7C,MAAM,eAAe,GAAG,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBACjE,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC1D,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;gBAC5C,MAAM;YACR,CAAC;YACD,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;gBACvD,iCAAiC;gBACjC,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC,eAAe,CAAC,MAAK,MAAM,EAAE,CAAC;oBAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACrB,CAAC;gBACD,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,CAAC,CACvB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAC9B,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,mCAAI,IAAA,iBAAS,GAAqB,CAAA,EAAA,CAC1E,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,iBAAiB,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACnD,iBAAiB,CACf,gBAAgB,CAAC,WAAW;gBAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,gBAAgB,CAAC,UAAU,CAAC,CACxE,CAAC;QACJ,CAAC,CAAC;QAEF,qBAAqB,EAAE,CAAC;QACxB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACzD,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;YAC5D,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;QACxE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uCACE,SAAS,EAAE;YACT,UAAU;YACV,GAAG,UAAU,KAAK,OAAO,EAAE;YAC3B,SAAS,IAAI,GAAG,UAAU,UAAU;SACrC;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;aACT,IAAI,EAAE;QAER,OAAO,KAAK,YAAY,IAAI,CAC3B,uCACE,SAAS,EAAE;gBACT,GAAG,UAAU,QAAQ;gBACrB,GAAG,UAAU,cAAc;gBAC3B,cAAc,IAAI,WAAW;aAC9B;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE;YAET,0CACE,SAAS,EAAE,GAAG,UAAU,cAAc,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;gBAEnC,8BAAC,yBAAe,kBAAY,0BAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACrD,CACL,CACP;QAED,uCACE,SAAS,EAAE,GAAG,UAAU,YAAY,EACpC,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,YAAY,IAEhB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;YACzC,MAAM,UAAU,GAAG,EAAE,KAAK,UAAU,CAAC;YAErC,OAAO,CACL,2DACiB,GAAG,EAAE,WAAW,mBAChB,UAAU,EACzB,SAAS,EAAE,GAAG,UAAU,SAAS,EACjC,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;oBACL,QAAQ,EACN,OAAO,KAAK,OAAO;wBACjB,CAAC,CAAC,QAAQ,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG;wBACjC,CAAC,CAAC,aAAa;iBACpB,EACD,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9B,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,EAClC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC;gBAEzC,wCAAM,SAAS,EAAE,GAAG,UAAU,eAAe;oBAC3C,wCAAM,SAAS,EAAE,GAAG,UAAU,QAAQ,IAAG,KAAK,CAAQ;oBACrD,UAAU,IAAI,CACb;wBACE,wCAAM,SAAS,EAAE,GAAG,UAAU,QAAQ,IAAG,UAAU,CAAQ;wBAC3D,wCAAM,SAAS,EAAE,GAAG,UAAU,iBAAiB,aAAU,CACxD,CACJ,CACI,CACA,CACV,CAAC;QACJ,CAAC,CAAC,CACE;QAEL,OAAO,KAAK,YAAY,IAAI,CAC3B,uCACE,SAAS,EAAE;gBACT,GAAG,UAAU,QAAQ;gBACrB,GAAG,UAAU,eAAe;gBAC5B,cAAc,IAAI,WAAW;aAC9B;iBACE,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE;YAET,0CACE,SAAS,EAAE,GAAG,UAAU,cAAc,EACtC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;gBAEnC,8BAAC,0BAAgB,kBAAY,0BAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACtD,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvNW,QAAA,YAAY,gBAuNvB"}

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') {

package/Pagination/Pagination.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,97 +32,82 @@ 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.Pagination = void 0;
-var react_1 = __importStar(require("react"));
-var MenuHorizontal_1 = __importDefault(require("../Icon/MenuHorizontal"));
-var getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
-var useShowItem_1 = require("./hooks/useShowItem");
-var PaginationItem_1 = __importDefault(require("./PaginationItem"));
-var BLOCK_NAME = 'spui-Pagination';
+const react_1 = __importStar(require("react"));
+const MenuHorizontal_1 = __importDefault(require("../Icon/MenuHorizontal"));
+const getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
+const useShowItem_1 = require("./hooks/useShowItem");
+const PaginationItem_1 = __importDefault(require("./PaginationItem"));
+const BLOCK_NAME = 'spui-Pagination';
 // ページ総数の閾値
-var TOTAL_THRESHOLD = 100;
+const TOTAL_THRESHOLD = 100;
 // ウィンドウリサイズ時の間引き処理時間
-var RESIZE_DELAY_TIME = 800;
-var Pagination = function (props) {
-    var current = props.current, total = props.total, linkFollowType = props.linkFollowType, _a = props.showTotal, showTotal = _a === void 0 ? false : _a, onPageChange = props.onPageChange, createUrl = props.createUrl, className = props.className, rest = __rest(props, ["current", "total", "linkFollowType", "showTotal", "onPageChange", "createUrl", "className"]);
-    var handleMatchMedia = typeof window !== 'undefined' && window.matchMedia
+const RESIZE_DELAY_TIME = 800;
+const Pagination = (props) => {
+    const { current, total, linkFollowType, showTotal = false, onPageChange, createUrl, className, ...rest } = props;
+    const handleMatchMedia = typeof window !== 'undefined' && window.matchMedia
         ? window.matchMedia('(max-width: 360px)')
         : undefined;
-    var isMatchMedia = (0, react_1.useRef)(handleMatchMedia);
-    var _b = (0, react_1.useState)(function () {
-        return isMatchMedia.current ? isMatchMedia.current.matches : false;
-    }), matches = _b[0], setMatches = _b[1];
-    var onChangeView = (0, react_1.useCallback)(function () {
-        var isMatchMedia = handleMatchMedia;
+    const isMatchMedia = (0, react_1.useRef)(handleMatchMedia);
+    const [matches, setMatches] = (0, react_1.useState)(() => isMatchMedia.current ? isMatchMedia.current.matches : false);
+    const onChangeView = (0, react_1.useCallback)(() => {
+        const isMatchMedia = handleMatchMedia;
         setMatches((isMatchMedia === null || isMatchMedia === void 0 ? void 0 : isMatchMedia.matches) ? isMatchMedia.matches : false);
     }, [handleMatchMedia]);
-    var onOrientationchange = (0, react_1.useCallback)(function () {
+    const onOrientationchange = (0, react_1.useCallback)(() => {
         onChangeView();
     }, [onChangeView]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('orientationchange', onOrientationchange, false);
-        return function () {
-            return window.removeEventListener('orientationchange', onOrientationchange);
-        };
+        return () => window.removeEventListener('orientationchange', onOrientationchange);
     }, [onOrientationchange]);
-    var onResizeView = (0, react_1.useCallback)(function () {
-        setTimeout(function () {
+    const onResizeView = (0, react_1.useCallback)(() => {
+        setTimeout(() => {
             onChangeView();
         }, RESIZE_DELAY_TIME);
     }, [onChangeView]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         window.addEventListener('resize', onResizeView, false);
-        return function () { return window.removeEventListener('resize', onResizeView); };
+        return () => window.removeEventListener('resize', onResizeView);
     }, [onResizeView]);
-    var displayItem = (0, useShowItem_1.useShowItem)({
-        current: current,
-        total: total,
+    const displayItem = (0, useShowItem_1.useShowItem)({
+        current,
+        total,
         showItemSize: matches ? 3 : 5,
         totalThreshold: TOTAL_THRESHOLD,
     });
-    var handleClick = (0, react_1.useCallback)(function (event, pageNumber) {
+    const handleClick = (0, react_1.useCallback)((event, pageNumber) => {
         onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(event, pageNumber);
     }, [onPageChange]);
-    var showPrevNext = total < TOTAL_THRESHOLD;
-    var showFirstLast = total >= TOTAL_THRESHOLD;
-    return (react_1.default.createElement("nav", __assign({ "aria-label": "\u30DA\u30FC\u30B8\u30CD\u30FC\u30B7\u30E7\u30F3", className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim() }, rest),
-        react_1.default.createElement("ul", { className: "".concat(BLOCK_NAME, "-list") },
-            showFirstLast && (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item ").concat(BLOCK_NAME, "-item--first") },
+    const showPrevNext = total < TOTAL_THRESHOLD;
+    const showFirstLast = total >= TOTAL_THRESHOLD;
+    return (react_1.default.createElement("nav", { "aria-label": "\u30DA\u30FC\u30B8\u30CD\u30FC\u30B7\u30E7\u30F3", className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), ...rest },
+        react_1.default.createElement("ul", { className: `${BLOCK_NAME}-list` },
+            showFirstLast && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--first` },
                 react_1.default.createElement(PaginationItem_1.default, { type: "first", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
-            showPrevNext && (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item ").concat(BLOCK_NAME, "-item--prev") },
+            showPrevNext && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--prev` },
                 react_1.default.createElement(PaginationItem_1.default, { type: "prev", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
-            displayItem.map(function (pageNumber, index) {
-                var isCurrent = current === pageNumber;
+            displayItem.map((pageNumber, index) => {
+                const isCurrent = current === pageNumber;
                 // 数字が隣接していない場合に表示
-                var showEllipsis = !!displayItem[index + 1] && displayItem[index + 1] - pageNumber > 1;
-                return (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item"), key: "pagination-item-".concat(pageNumber) },
-                    react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link"), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), href: isCurrent ? '#' : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: isCurrent
+                const showEllipsis = !!displayItem[index + 1] && displayItem[index + 1] - pageNumber > 1;
+                return (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item`, key: `pagination-item-${pageNumber}` },
+                    react_1.default.createElement("a", { className: `${BLOCK_NAME}-link`, rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType, pageNumber }), href: isCurrent ? '#' : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: isCurrent
                             ? undefined
-                            : function (e) {
+                            : (e) => {
                                 handleClick(e, pageNumber);
-                            }, "aria-label": "".concat(pageNumber, "\u30DA\u30FC\u30B8\u76EE") }, pageNumber),
-                    showEllipsis && (react_1.default.createElement(MenuHorizontal_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-ellipsis") }))));
+                            }, "aria-label": `${pageNumber}ページ目` }, pageNumber),
+                    showEllipsis && (react_1.default.createElement(MenuHorizontal_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-ellipsis` }))));
             }),
-            showPrevNext && (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item ").concat(BLOCK_NAME, "-item--next") },
+            showPrevNext && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--next` },
                 react_1.default.createElement(PaginationItem_1.default, { type: "next", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
-            showFirstLast && (react_1.default.createElement("li", { className: "".concat(BLOCK_NAME, "-item ").concat(BLOCK_NAME, "-item--last") },
+            showFirstLast && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--last` },
                 react_1.default.createElement(PaginationItem_1.default, { type: "last", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl })))),
-        showTotal && (react_1.default.createElement("p", { className: "".concat(BLOCK_NAME, "-total") },
+        showTotal && (react_1.default.createElement("p", { className: `${BLOCK_NAME}-total` },
             current,
             "/",
             total,

package/Pagination/Pagination.js.map

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

package/Pagination/Pagination.mjs

@@ -17,7 +17,7 @@ export const Pagination = (props) => {
     const [matches, setMatches] = useState(() => isMatchMedia.current ? isMatchMedia.current.matches : false);
     const onChangeView = useCallback(() => {
         const isMatchMedia = handleMatchMedia;
-        setMatches(isMatchMedia?.matches ? isMatchMedia.matches : false);
+        setMatches((isMatchMedia === null || isMatchMedia === void 0 ? void 0 : isMatchMedia.matches) ? isMatchMedia.matches : false);
     }, [handleMatchMedia]);
     const onOrientationchange = useCallback(() => {
         onChangeView();
@@ -42,7 +42,7 @@ export const Pagination = (props) => {
         totalThreshold: TOTAL_THRESHOLD,
     });
     const handleClick = useCallback((event, pageNumber) => {
-        onPageChange?.(event, pageNumber);
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(event, pageNumber);
     }, [onPageChange]);
     const showPrevNext = total < TOTAL_THRESHOLD;
     const showFirstLast = total >= TOTAL_THRESHOLD;

package/Pagination/PaginationItem.js

@@ -4,62 +4,59 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationItem = void 0;
-var react_1 = __importDefault(require("react"));
-var ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
-var ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
-var TriangleendLeftBold_1 = __importDefault(require("../Icon/TriangleendLeftBold"));
-var TriangleendRightBold_1 = __importDefault(require("../Icon/TriangleendRightBold"));
-var getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
-var useItemPageNumber_1 = require("./hooks/useItemPageNumber");
-var BLOCK_NAME = 'spui-PaginationItem';
-exports.PaginationItem = react_1.default.memo(function PaginationItem(_a) {
-    var type = _a.type, current = _a.current, total = _a.total, linkFollowType = _a.linkFollowType, onClick = _a.onClick, createUrl = _a.createUrl;
-    var isDisabled = type === 'first' || type === 'prev' ? current === 1 : current === total;
-    var isShowLabel = type === 'prev' || type === 'next';
-    var pageNumber = (0, useItemPageNumber_1.useItemPageNumber)({
-        type: type,
-        isDisabled: isDisabled,
-        current: current,
-        total: total,
-    }).pageNumber;
-    var itemPropMap = {
+const react_1 = __importDefault(require("react"));
+const ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
+const ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
+const TriangleendLeftBold_1 = __importDefault(require("../Icon/TriangleendLeftBold"));
+const TriangleendRightBold_1 = __importDefault(require("../Icon/TriangleendRightBold"));
+const getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
+const useItemPageNumber_1 = require("./hooks/useItemPageNumber");
+const BLOCK_NAME = 'spui-PaginationItem';
+exports.PaginationItem = react_1.default.memo(function PaginationItem({ type, current, total, linkFollowType, onClick, createUrl, }) {
+    const isDisabled = type === 'first' || type === 'prev' ? current === 1 : current === total;
+    const isShowLabel = type === 'prev' || type === 'next';
+    const { pageNumber } = (0, useItemPageNumber_1.useItemPageNumber)({
+        type,
+        isDisabled,
+        current,
+        total,
+    });
+    const itemPropMap = {
         first: {
             label: '最初へ',
             icon: function iconElement() {
-                return (react_1.default.createElement(TriangleendLeftBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon") }));
+                return (react_1.default.createElement(TriangleendLeftBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
             },
         },
         prev: {
             label: '前へ',
             icon: function iconElement() {
-                return (react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon") }));
+                return (react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
             },
         },
         next: {
             label: '次へ',
             icon: function iconElement() {
-                return (react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon") }));
+                return (react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
             },
         },
         last: {
             label: '最後へ',
             icon: function iconElement() {
-                return (react_1.default.createElement(TriangleendRightBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon") }));
+                return (react_1.default.createElement(TriangleendRightBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
             },
         },
     };
-    var PaginationItemLabel = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-        isShowLabel && (react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, itemPropMap[type].label)),
-        itemPropMap[type].icon())); };
-    return isDisabled ? (react_1.default.createElement("button", { type: "button", className: "".concat(BLOCK_NAME, "-link ").concat(BLOCK_NAME, "-link--").concat(type), "aria-label": itemPropMap[type].label, disabled: true },
-        react_1.default.createElement(PaginationItemLabel, null))) : (react_1.default.createElement("a", { className: "".concat(BLOCK_NAME, "-link ").concat(BLOCK_NAME, "-link--").concat(type), rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType: linkFollowType, pageNumber: pageNumber }), "aria-label": itemPropMap[type].label, href: createUrl(pageNumber), onClick: function (e) {
+    const PaginationItemLabel = () => (react_1.default.createElement(react_1.default.Fragment, null,
+        isShowLabel && (react_1.default.createElement("span", { className: `${BLOCK_NAME}-label` }, itemPropMap[type].label)),
+        itemPropMap[type].icon()));
+    return isDisabled ? (react_1.default.createElement("button", { type: "button", className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, "aria-label": itemPropMap[type].label, disabled: true },
+        react_1.default.createElement(PaginationItemLabel, null))) : (react_1.default.createElement("a", { className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType, pageNumber }), "aria-label": itemPropMap[type].label, href: createUrl(pageNumber), onClick: (e) => {
             onClick(e, pageNumber);
         } },
         react_1.default.createElement(PaginationItemLabel, null)));
-}, function (prevProps, nextProps) {
-    return prevProps.type === nextProps.type &&
-        prevProps.current === nextProps.current &&
-        prevProps.total === nextProps.total;
-});
+}, (prevProps, nextProps) => prevProps.type === nextProps.type &&
+    prevProps.current === nextProps.current &&
+    prevProps.total === nextProps.total);
 exports.default = exports.PaginationItem;
 //# sourceMappingURL=PaginationItem.js.map

package/Pagination/PaginationItem.js.map

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

package/Pagination/helpers/getLinkRelAttribute.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLinkRelAttribute = getLinkRelAttribute;
-function getLinkRelAttribute(_a) {
-    var linkFollowType = _a.linkFollowType, pageNumber = _a.pageNumber;
+function getLinkRelAttribute({ linkFollowType, pageNumber }) {
     switch (linkFollowType) {
         case 'all':
             return undefined;

package/Pagination/helpers/getLinkRelAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLinkRelAttribute.js","sourceRoot":"","sources":["../../../src/Pagination/helpers/getLinkRelAttribute.ts"],"names":[],"mappings":";;AAOA,kDASC;AATD,SAAgB,mBAAmB,CAAC,EAAuC;QAArC,cAAc,oBAAA,EAAE,UAAU,gBAAA;IAC9D,QAAQ,cAAc,EAAE,CAAC;QACvB,KAAK,KAAK;YACR,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IACrD,CAAC;AACH,CAAC"}
+{"version":3,"file":"getLinkRelAttribute.js","sourceRoot":"","sources":["../../../src/Pagination/helpers/getLinkRelAttribute.ts"],"names":[],"mappings":";;AAOA,kDASC;AATD,SAAgB,mBAAmB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAW;IACzE,QAAQ,cAAc,EAAE,CAAC;QACvB,KAAK,KAAK;YACR,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IACrD,CAAC;AACH,CAAC"}