itmar-block-packages 2.1.2 → 3.0.2

package/build/esm/DateElm.js

@@ -1,308 +1,281 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+import { createElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { nanoid } from './node_modules/nanoid/non-secure/index.js';
 import { PanelBody, PanelRow, __experimentalNumberControl } from '@wordpress/components';
 
 //期間の設定から選択できる月の情報オブジェクトを配列にする関数
-var generateDateArray = (dateObj, isMonth) => {
-  var {
-    startYear,
-    startMonth,
-    endYear,
-    endMonth
-  } = dateObj;
-  var result = [];
-  for (var year = startYear; year <= endYear; year++) {
-    if (isMonth) {
-      var monthStart = year === startYear ? startMonth : 1;
-      var monthEnd = year === endYear ? endMonth : 12;
-      for (var month = monthStart; month <= monthEnd; month++) {
-        var unitObj = {
-          id: nanoid(5),
-          value: "".concat(year, "/").concat(month.toString().padStart(2, "0")),
-          label: "".concat(year, "/").concat(month.toString().padStart(2, "0")),
-          classname: "filter_date"
-        };
-        result.push(unitObj);
-      }
-    } else {
-      var _unitObj = {
-        id: nanoid(5),
-        value: "".concat(year),
-        label: "".concat(year),
-        classname: "filter_date"
-      };
-      result.push(_unitObj);
+const generateDateArray = (dateObj, isMonth) => {
+    const { startYear, startMonth, endYear, endMonth } = dateObj;
+    const result = [];
+    for (let year = startYear; year <= endYear; year++) {
+        if (isMonth) {
+            const monthStart = year === startYear ? startMonth : 1;
+            const monthEnd = year === endYear ? endMonth : 12;
+            for (let month = monthStart; month <= monthEnd; month++) {
+                const unitObj = {
+                    id: nanoid(5),
+                    value: `${year}/${month.toString().padStart(2, "0")}`,
+                    label: `${year}/${month.toString().padStart(2, "0")}`,
+                    classname: "filter_date",
+                };
+                result.push(unitObj);
+            }
+        }
+        else {
+            const unitObj = {
+                id: nanoid(5),
+                value: `${year}`,
+                label: `${year}`,
+                classname: "filter_date",
+            };
+            result.push(unitObj);
+        }
     }
-  }
-  return result;
+    return result;
 };
-
-//与えられた月から日付と曜日を要素とする配列を生成する
-var generateMonthCalendar = function generateMonthCalendar(dateString) {
-  var holidays = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var [year, month] = dateString.split("/").map(Number);
-  var date = new Date(year, month - 1, 1);
-  var lastDay = new Date(year, month, 0).getDate();
-  var calendar = [];
-  var _loop = function _loop(day) {
-    date.setDate(day);
-    //祝日の情報
-    var holidayItem = holidays === null || holidays === void 0 ? void 0 : holidays.find(item => {
-      var _item$date;
-      var s = String((_item$date = item.date) !== null && _item$date !== void 0 ? _item$date : "");
-
-      // item.date から YYYY, MM, DD を取り出す（"YYYYMMDD" / "YYYY-MM-DD" などに対応）
-      var yearStr = s.slice(0, 4);
-      var monthStr = s.replace(/\D/g, "").slice(4, 6); // 数字だけにして5-6桁
-      var dayStr = s.replace(/\D/g, "").slice(6, 8); // 数字だけにして7-8桁
-
-      var itemYear = Number(yearStr);
-      var itemMonth = Number(monthStr);
-      var itemDay = Number(dayStr);
-      return itemYear === year && itemMonth === month && itemDay === day;
-    });
-    //日付情報オブジェクト
-    var dayObj = holidayItem ? {
-      date: day,
-      weekday: date.getDay(),
-      holiday: holidayItem.name
-    } : {
-      date: day,
-      weekday: date.getDay()
-    };
-    calendar.push(dayObj);
-  };
-  for (var day = 1; day <= lastDay; day++) {
-    _loop(day);
-  }
-  return calendar;
+const generateMonthCalendar = (dateString, holidays = null) => {
+    const [year, month] = dateString.split("/").map(Number);
+    const date = new Date(year, month - 1, 1);
+    const lastDay = new Date(year, month, 0).getDate();
+    const calendar = [];
+    for (let day = 1; day <= lastDay; day++) {
+        date.setDate(day);
+        //祝日の情報
+        const holidayItem = holidays?.find((item) => {
+            const s = String(item.date ?? "");
+            // item.date から YYYY, MM, DD を取り出す（"YYYYMMDD" / "YYYY-MM-DD" などに対応）
+            const yearStr = s.slice(0, 4);
+            const monthStr = s.replace(/\D/g, "").slice(4, 6); // 数字だけにして5-6桁
+            const dayStr = s.replace(/\D/g, "").slice(6, 8); // 数字だけにして7-8桁
+            const itemYear = Number(yearStr);
+            const itemMonth = Number(monthStr);
+            const itemDay = Number(dayStr);
+            return itemYear === year && itemMonth === month && itemDay === day;
+        });
+        //日付情報オブジェクト
+        const dayObj = holidayItem
+            ? {
+                date: day,
+                weekday: date.getDay(),
+                holiday: holidayItem.name,
+            }
+            : {
+                date: day,
+                weekday: date.getDay(),
+            };
+        calendar.push(dayObj);
+    }
+    return calendar;
 };
-
-//期間設定のインスペクターコントロール
-var PeriodCtrl = _ref => {
-  var {
-    startYear,
-    endYear,
-    dateSpan,
-    isMonth,
-    onChange: _onChange
-  } = _ref;
-  return /*#__PURE__*/React.createElement(PanelBody, {
-    title: __("Period Setting", "block-collections"),
-    initialOpen: true,
-    className: "form_setteing_ctrl"
-  }, /*#__PURE__*/React.createElement("label", null, __("Start of period", "block-collections")), /*#__PURE__*/React.createElement(PanelRow, {
-    className: "itmar_date_span"
-  }, /*#__PURE__*/React.createElement(__experimentalNumberControl, {
-    label: __("Year", "block-collections"),
-    labelPosition: "side",
-    max: endYear,
-    min: startYear,
-    onChange: newValue => {
-      var newSpanObj = {
-        dateSpan: _objectSpread2(_objectSpread2({}, dateSpan), {}, {
-          startYear: Number(newValue)
-        })
-      };
-      _onChange(newSpanObj);
-    },
-    value: dateSpan.startYear
-  }), isMonth && /*#__PURE__*/React.createElement(__experimentalNumberControl, {
-    label: __("Month", "block-collections"),
-    labelPosition: "side",
-    max: 12,
-    min: 1,
-    onChange: newValue => {
-      var newSpanObj = {
-        dateSpan: _objectSpread2(_objectSpread2({}, dateSpan), {}, {
-          startMonth: Number(newValue)
-        })
-      };
-      _onChange(newSpanObj);
-    },
-    value: dateSpan.startMonth
-  })), /*#__PURE__*/React.createElement("label", null, __("End of period", "block-collections")), /*#__PURE__*/React.createElement(PanelRow, {
-    className: "itmar_date_span"
-  }, /*#__PURE__*/React.createElement(__experimentalNumberControl, {
-    label: __("Year", "block-collections"),
-    labelPosition: "side",
-    max: endYear,
-    min: startYear,
-    onChange: newValue => {
-      var newSpanObj = {
-        dateSpan: _objectSpread2(_objectSpread2({}, dateSpan), {}, {
-          endYear: Number(newValue)
-        })
-      };
-      _onChange(newSpanObj);
-    },
-    value: dateSpan.endYear
-  }), /*#__PURE__*/React.createElement(__experimentalNumberControl, {
-    label: __("Month", "block-collections"),
-    labelPosition: "side",
-    max: 12,
-    min: 1,
-    onChange: newValue => {
-      var newSpanObj = {
-        dateSpan: _objectSpread2(_objectSpread2({}, dateSpan), {}, {
-          endMonth: Number(newValue)
-        })
-      };
-      _onChange(newSpanObj);
-    },
-    value: dateSpan.endMonth
-  })));
+const PeriodCtrl = ({ startYear, endYear, dateSpan, isMonth, onChange, }) => {
+    return (createElement(PanelBody, { title: __("Period Setting", "block-collections"), initialOpen: true, className: "form_setteing_ctrl" },
+        createElement("label", null, __("Start of period", "block-collections")),
+        createElement(PanelRow, { className: "itmar_date_span" },
+            createElement(__experimentalNumberControl, { label: __("Year", "block-collections"), labelPosition: "side", max: endYear, min: startYear, onChange: (newValue) => {
+                    const newSpanObj = {
+                        dateSpan: {
+                            ...dateSpan,
+                            startYear: Number(newValue),
+                        },
+                    };
+                    onChange(newSpanObj);
+                }, value: dateSpan.startYear }),
+            isMonth && (createElement(__experimentalNumberControl, { label: __("Month", "block-collections"), labelPosition: "side", max: 12, min: 1, onChange: (newValue) => {
+                    const newSpanObj = {
+                        dateSpan: {
+                            ...dateSpan,
+                            startMonth: Number(newValue),
+                        },
+                    };
+                    onChange(newSpanObj);
+                }, value: dateSpan.startMonth }))),
+        createElement("label", null, __("End of period", "block-collections")),
+        createElement(PanelRow, { className: "itmar_date_span" },
+            createElement(__experimentalNumberControl, { label: __("Year", "block-collections"), labelPosition: "side", max: endYear, min: startYear, onChange: (newValue) => {
+                    const newSpanObj = {
+                        dateSpan: {
+                            ...dateSpan,
+                            endYear: Number(newValue),
+                        },
+                    };
+                    onChange(newSpanObj);
+                }, value: dateSpan.endYear }),
+            createElement(__experimentalNumberControl, { label: __("Month", "block-collections"), labelPosition: "side", max: 12, min: 1, onChange: (newValue) => {
+                    const newSpanObj = {
+                        dateSpan: {
+                            ...dateSpan,
+                            endMonth: Number(newValue),
+                        },
+                    };
+                    onChange(newSpanObj);
+                }, value: dateSpan.endMonth }))));
 };
-
-//日付から期間のクエリー用の配列を生成
-var getPeriodQuery = dateString => {
-  if (!dateString) {
-    return null; //与えられた文字列が空ならnullをかえす
-  }
-  var parts = dateString.split("/");
-  var year = parseInt(parts[0], 10);
-  var month = parts.length > 1 ? parseInt(parts[1], 10) : null;
-  var day = parts.length > 2 ? parseInt(parts[2], 10) : null;
-  var startDate, endDate;
-  if (day) {
-    // 特定の日
-    startDate = new Date(year, month - 1, day, 0, 0, 0, -1);
-    endDate = new Date(year, month - 1, day, 23, 59, 59, 1000);
-  } else if (month) {
-    // 特定の月
-    startDate = new Date(year, month - 1, 1, 0, 0, 0, -1);
-    endDate = new Date(year, month, 1, 0, 0, 0, 0);
-  } else {
-    // 特定の年
-    startDate = new Date(year, 0, 1, 0, 0, 0, -1);
-    endDate = new Date(year + 1, 0, 1, 0, 0, 0, 0);
-  }
-  return {
-    after: startDate.toISOString(),
-    before: endDate.toISOString()
-  };
+const getPeriodQuery = (dateString) => {
+    if (!dateString) {
+        return null; //与えられた文字列が空ならnullをかえす
+    }
+    const parts = dateString.split("/");
+    // 1. 年は必須。取れない場合は null を返す
+    const year = parts[0] ? parseInt(parts[0], 10) : null;
+    if (year === null || isNaN(year))
+        return null;
+    // 2. 月と日を「数値」または「undefined」として安全に抽出
+    // NaN を避けるために、条件式で厳密にチェックします
+    const month = parts.length > 1 && !isNaN(parseInt(parts[1], 10))
+        ? parseInt(parts[1], 10)
+        : undefined;
+    const day = parts.length > 2 && !isNaN(parseInt(parts[2], 10))
+        ? parseInt(parts[2], 10)
+        : undefined;
+    let startDate;
+    let endDate;
+    // 3. 判定ロジック（undefined を使った方が TS の相性が良いです）
+    if (month !== undefined && day !== undefined) {
+        startDate = new Date(year, month - 1, day, 0, 0, 0, -1);
+        endDate = new Date(year, month - 1, day, 23, 59, 59, 1000);
+    }
+    else if (month !== undefined) {
+        startDate = new Date(year, month - 1, 1, 0, 0, 0, -1);
+        endDate = new Date(year, month, 1, 0, 0, 0, 0);
+    }
+    else {
+        startDate = new Date(year, 0, 1, 0, 0, 0, -1);
+        endDate = new Date(year + 1, 0, 1, 0, 0, 0, 0);
+    }
+    return {
+        after: startDate.toISOString(),
+        before: endDate.toISOString(),
+    };
 };
-
 //本日の日付から'YYYY/MM'形式の日付文字列を生成する
-var getTodayYearMonth = () => {
-  var today = new Date();
-  var year = today.getFullYear();
-  var month = String(today.getMonth() + 1).padStart(2, "0");
-  return "".concat(year, "/").concat(month);
+const getTodayYearMonth = () => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, "0");
+    return `${year}/${month}`;
 };
 //本日の日付から年を返す
-var getTodayYear = () => {
-  var today = new Date();
-  return today.getFullYear();
+const getTodayYear = () => {
+    const today = new Date();
+    return today.getFullYear();
 };
 //本日の日付から月を返す
-var getTodayMonth = () => {
-  var today = new Date();
-  return today.getMonth() + 1;
+const getTodayMonth = () => {
+    const today = new Date();
+    return today.getMonth() + 1;
 };
-
-// "2026/01" -> { ym:"2026-01", from:"2026-01-01", to:"2026-01-31", year:2026, month:1 }
-var pad2 = n => String(n).padStart(2, "0");
-var getMonthRangeYmd = selectedMonth => {
-  if (!selectedMonth) return {
-    ym: "",
-    from: "",
-    to: "",
-    year: 0,
-    month: 0,
-    lastDay: 0
-  };
-  var [yStr, mStr] = String(selectedMonth).split("/");
-  var year = Number(yStr);
-  var month = Number(mStr);
-  if (!year || !month) return {
-    ym: "",
-    from: "",
-    to: "",
-    year: 0,
-    month: 0,
-    lastDay: 0
-  };
-  var lastDay = new Date(year, month, 0).getDate();
-  var mm = pad2(month);
-  return {
-    ym: "".concat(year, "-").concat(mm),
-    from: "".concat(year, "-").concat(mm, "-01"),
-    to: "".concat(year, "-").concat(mm, "-").concat(pad2(lastDay)),
-    year,
-    month,
-    lastDay
-  };
+const pad2 = (n) => String(n).padStart(2, "0");
+const getMonthRangeYmd = (selectedMonth) => {
+    // 初期値（エラー時や未選択時）
+    const defaultRange = {
+        ym: "",
+        from: "",
+        to: "",
+        year: 0,
+        month: 0,
+        lastDay: 0,
+    };
+    if (!selectedMonth)
+        return defaultRange;
+    const [yStr, mStr] = String(selectedMonth).split("/");
+    const year = Number(yStr);
+    const month = Number(mStr);
+    // 2. NaN チェックを含めたガード
+    if (isNaN(year) || isNaN(month) || year === 0 || month === 0) {
+        return defaultRange;
+    }
+    // その月の「0日目」を指定することで、前月の最終日（＝今月の末日）を取得
+    const lastDay = new Date(year, month, 0).getDate();
+    const mm = pad2(month);
+    return {
+        ym: `${year}-${mm}`,
+        from: `${year}-${mm}-01`,
+        to: `${year}-${mm}-${pad2(lastDay)}`,
+        year,
+        month,
+        lastDay,
+    };
 };
-var normalizeDateYYYYMMDD = value => {
-  // 期待値: 'YYYY-MM-DD'
-  if (!value) return "";
-  return String(value).slice(0, 10);
+const normalizeDateYYYYMMDD = (value) => {
+    // 期待値: 'YYYY-MM-DD'
+    if (!value)
+        return "";
+    return String(value).slice(0, 10);
 };
-var toYmdFromMonthAndDay = (selectedMonth, dayValue) => {
-  if (!dayValue) return "";
-  var dayStr = String(dayValue).trim();
-
-  // already "YYYY-MM-DD"
-  if (/^\d{4}-\d{2}-\d{2}$/.test(dayStr)) return dayStr;
-
-  // 8 digits "YYYYMMDD"
-  if (/^\d{8}$/.test(dayStr)) {
-    var y = dayStr.slice(0, 4);
-    var m = dayStr.slice(4, 6);
-    var d = dayStr.slice(6, 8);
-    return "".concat(y, "-").concat(m, "-").concat(d);
-  }
-  // day-of-month number
-  var dayNum = Number(dayStr);
-  if (!selectedMonth || !dayNum) return "";
-  var [yStr, mStr] = String(selectedMonth).split("/");
-  if (!yStr || !mStr) return "";
-  return "".concat(yStr, "-").concat(pad2(Number(mStr)), "-").concat(pad2(dayNum));
+/**
+ * 様々な形式の「日」の入力と「選択された月」を組み合わせて YYYY-MM-DD 形式を返す
+ */
+const toYmdFromMonthAndDay = (selectedMonth, dayValue) => {
+    if (!dayValue)
+        return "";
+    const dayStr = String(dayValue).trim();
+    // already "YYYY-MM-DD"
+    if (/^\d{4}-\d{2}-\d{2}$/.test(dayStr))
+        return dayStr;
+    // 8 digits "YYYYMMDD"
+    if (/^\d{8}$/.test(dayStr)) {
+        const y = dayStr.slice(0, 4);
+        const m = dayStr.slice(4, 6);
+        const d = dayStr.slice(6, 8);
+        return `${y}-${m}-${d}`;
+    }
+    // day-of-month number
+    const dayNum = Number(dayStr);
+    if (!selectedMonth || !dayNum)
+        return "";
+    const [yStr, mStr] = String(selectedMonth).split("/");
+    if (!yStr || !mStr)
+        return "";
+    return `${yStr}-${pad2(Number(mStr))}-${pad2(dayNum)}`;
 };
-
 /* ------------------------------
 カレンダー用グリッドAreasの生成関数
 ------------------------------ */
-var week = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
-var generateGridAreas = (firstDayOfMonth, totalDays, isMonday) => {
-  var areas = [];
-  var currentDay = 1;
-  //月曜日を先頭に持ってくる場合の係数
-  var mondayFirstDay = firstDayOfMonth - 1 < 0 ? 6 : firstDayOfMonth - 1;
-  //先頭曜日の選択
-  var modifyFirstDay = isMonday ? mondayFirstDay : firstDayOfMonth;
-
-  //曜日ラベル
-  var weekLabels = [];
-  var week_index;
-  for (var i = 0; i < 7; i++) {
-    week_index = isMonday ? i + 1 : i; //月曜日を先頭に持ってくる場合の補正
-    if (week_index > 6) week_index = 0;
-    weekLabels.push(week[week_index]);
-  }
-  areas.push(weekLabels.join(" "));
-  for (var _i = 0; _i < 6; _i++) {
-    // 6週分のループ
-    var _week = [];
-    for (var j = 0; j < 7; j++) {
-      // 1週間の7日分のループ
-      if (_i === 0 && j < modifyFirstDay || currentDay > totalDays) {
-        _week.push("empty".concat(_i));
-      } else {
-        _week.push("day".concat(currentDay));
-        currentDay++;
-      }
+const WEEK_NAMES = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
+/**
+ * カレンダーの grid-template-areas 用の文字列を生成する
+ * @param firstDayOfMonth 月の最初の日の曜日番号 (0:日, 1:月...)
+ * @param totalDays 月の総日数 (28-31)
+ * @param isMonday 月曜始まりにするかどうか
+ */
+const generateGridAreas = (firstDayOfMonth, totalDays, isMonday) => {
+    let areas = [];
+    let currentDay = 1;
+    //月曜日を先頭に持ってくる場合の係数
+    const mondayFirstDay = firstDayOfMonth - 1 < 0 ? 6 : firstDayOfMonth - 1;
+    //先頭曜日の選択
+    const modifyFirstDay = isMonday ? mondayFirstDay : firstDayOfMonth;
+    //曜日ラベル
+    let weekLabels = [];
+    let week_index;
+    for (let i = 0; i < 7; i++) {
+        week_index = isMonday ? i + 1 : i; //月曜日を先頭に持ってくる場合の補正
+        if (week_index > 6)
+            week_index = 0;
+        weekLabels.push(WEEK_NAMES[week_index]);
     }
-    if (_i == 5) {
-      //最後の週
-      _week[5] = "day_clear";
-      _week[6] = "day_clear";
+    areas.push(weekLabels.join(" "));
+    for (let i = 0; i < 6; i++) {
+        // 6週分のループ
+        let week = [];
+        for (let j = 0; j < 7; j++) {
+            // 1週間の7日分のループ
+            if ((i === 0 && j < modifyFirstDay) || currentDay > totalDays) {
+                week.push(`empty${i}`);
+            }
+            else {
+                week.push(`day${currentDay}`);
+                currentDay++;
+            }
+        }
+        if (i == 5) {
+            //最後の週
+            week[5] = "day_clear";
+            week[6] = "day_clear";
+        }
+        areas.push(week.join(" "));
     }
-    areas.push(_week.join(" "));
-  }
-  return areas.map(week => "\"".concat(week, "\"")).join("\n");
+    return areas.map((week) => `"${week}"`).join("\n");
 };
 
 export { PeriodCtrl, generateDateArray, generateGridAreas, generateMonthCalendar, getMonthRangeYmd, getPeriodQuery, getTodayMonth, getTodayYear, getTodayYearMonth, normalizeDateYYYYMMDD, toYmdFromMonthAndDay };