@jirawatpyk/aura-react 4.15.0 → 4.17.0

package/dist/esm/Pagination.js

@@ -1,5 +1,6 @@
 'use client';
 import * as React from "react";
+import { Icon } from "./Icon.js";
 import { IconButton } from "./IconButton.js";
 import { cx, useMaybeControlled } from "./internal.js";
 import { useLinkComponent, useStrings } from "./locale.js";
@@ -31,7 +32,7 @@ const Pagination = React.forwardRef(function Pagination2(props, ref) {
     if (p >= 1 && p <= count && p !== page) st[1](p);
   }
   const link = props.getHref;
-  const Link = useLinkComponent();
+  const Link = useLinkComponent(props.linkComponent);
   function item(p, label, extra) {
     const common = Object.assign(
       {
@@ -66,29 +67,40 @@ const Pagination = React.forwardRef(function Pagination2(props, ref) {
       label
     );
   }
-  return /* @__PURE__ */ React.createElement("nav", { ref, className: cx("aura-pagination", props.className), "aria-label": props.label || t.pagination }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      icon: "chevron-left",
-      label: t.prevPage,
-      disabled: page <= 1,
-      onClick: function() {
-        go(page - 1);
-      }
-    }
-  ), /* @__PURE__ */ React.createElement("ol", { className: "aura-pagination__list" }, pageList(page, count, props.siblingCount == null ? 1 : props.siblingCount).map(function(p) {
+  function arrow(p, icon, label, rel, disabled) {
+    if (!link || disabled)
+      return /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          icon,
+          label,
+          disabled,
+          onClick: function() {
+            go(p);
+          }
+        }
+      );
+    return /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        href: link(p),
+        rel,
+        className: "aura-icon-btn",
+        "aria-label": label,
+        title: label,
+        onClick: function(e) {
+          if (props.onChange) {
+            e.preventDefault();
+            go(p);
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(Icon, { name: icon, size: "sm" })
+    );
+  }
+  return /* @__PURE__ */ React.createElement("nav", { ref, className: cx("aura-pagination", props.className), "aria-label": props.label || t.pagination }, arrow(page - 1, "chevron-left", t.prevPage, "prev", page <= 1), /* @__PURE__ */ React.createElement("ol", { className: "aura-pagination__list" }, pageList(page, count, props.siblingCount == null ? 1 : props.siblingCount).map(function(p) {
     return typeof p === "number" ? /* @__PURE__ */ React.createElement("li", { key: p }, item(p, p)) : /* @__PURE__ */ React.createElement("li", { key: p, className: "aura-pagination__gap", "aria-hidden": true }, "\u2026");
-  })), /* @__PURE__ */ React.createElement("span", { className: "aura-pagination__compact", "aria-hidden": true }, t.page(page, count)), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      icon: "chevron-right",
-      label: t.nextPage,
-      disabled: page >= count,
-      onClick: function() {
-        go(page + 1);
-      }
-    }
-  ));
+  })), /* @__PURE__ */ React.createElement("span", { className: "aura-pagination__compact", "aria-hidden": true }, t.page(page, count)), arrow(page + 1, "chevron-right", t.nextPage, "next", page >= count));
 });
 export {
   Pagination

package/dist/esm/Skeleton.js

@@ -18,7 +18,10 @@ const Skeleton = React.forwardRef(function Skeleton2(props, ref) {
       rows
     );
   }
-  const style = { width: props.width, height: props.height };
+  const style = {
+    width: props.width,
+    height: props.height
+  };
   if (v === "circle") {
     style.width = style.height = props.size || props.width || 40;
   }

package/dist/esm/Stat.js

@@ -7,7 +7,7 @@ const Stat = React.forwardRef(function Stat2(props, ref) {
   const ch = props.change;
   const dir = ch && (ch.direction || "flat");
   const tone = ch && (ch.tone || (dir === "up" ? "positive" : dir === "down" ? "negative" : "neutral"));
-  const Link = useLinkComponent();
+  const Link = useLinkComponent(props.linkComponent);
   const v = props.value;
   const numeric = typeof v === "number" || typeof v === "string" && /\d/.test(v) && /^[\s\d.,:+\-\u2212%()\u0E3F$\u20AC\u00A3\u00A5kKmMbB]+$/.test(v.replace(/\b[A-Z]{3}\b/g, ""));
   const Tag = props.href ? Link : props.onClick ? "button" : "div";

package/dist/esm/StatusPill.js

@@ -8,17 +8,8 @@ const TONE_ICON = {
   ready: "circle-check",
   blocked: "ban"
 };
-const TONE_WORDS = {
-  ready: ["ready", "done", "complete", "completed", "approved", "live", "passed"],
-  progress: ["in progress", "in review", "review", "syncing", "running", "pending"],
-  blocked: ["blocked", "failed", "error", "rejected", "on hold", "cancelled"]
-};
-function toneFor(status) {
-  const s = String(status == null ? "" : status).trim().toLowerCase();
-  for (const t in TONE_WORDS) if (TONE_WORDS[t].indexOf(s) >= 0) return t;
-  return "neutral";
-}
-const TONE_ORDER = { neutral: 0, progress: 1, ready: 2, blocked: 3 };
+import { toneFor } from "./status.js";
+import { toneFor as toneFor2, statusTone, TONE_ORDER } from "./status.js";
 const StatusPill = React.forwardRef(function StatusPill2(props, ref) {
   const tone = props.tone || toneFor(props.children);
   return /* @__PURE__ */ React.createElement("span", { ref, className: cx("aura-pill", "aura-pill--" + tone, props.className) }, /* @__PURE__ */ React.createElement(Icon, { name: TONE_ICON[tone] || "circle", size: 12 }), props.children);
@@ -26,6 +17,6 @@ const StatusPill = React.forwardRef(function StatusPill2(props, ref) {
 export {
   StatusPill,
   TONE_ORDER,
-  toneFor as statusTone,
-  toneFor
+  statusTone,
+  toneFor2 as toneFor
 };

package/dist/esm/TimePicker.js

@@ -15,18 +15,7 @@ function toMin(t) {
 function fromMin(n) {
   return pad(Math.floor(n / 60)) + ":" + pad(n % 60);
 }
-function parseTime(text) {
-  let s = String(text || "").trim().toLowerCase().replace(/\s*(น\.?|นาฬิกา)$/, "").trim();
-  const pm = /\s*(pm|p\.m\.)$/.test(s), am = /\s*(am|a\.m\.)$/.test(s);
-  s = s.replace(/\s*(am|pm|a\.m\.|p\.m\.)$/, "");
-  const m = /^(\d{1,2})(?:[:.](\d{2}))?$/.exec(s) || /^(\d{1,2})(\d{2})$/.exec(s);
-  if (!m) return null;
-  let hh = +m[1], mm = m[2] ? +m[2] : 0;
-  if (pm && hh < 12) hh += 12;
-  if (am && hh === 12) hh = 0;
-  if (hh > 23 || mm > 59) return null;
-  return pad(hh) + ":" + pad(mm);
-}
+import { parseTime } from "./text.js";
 const TimePicker = React.forwardRef(function TimePicker2(props, ref) {
   const t = useStrings();
   const auto = uid(), id = props.id || auto, listId = id + "-list";

package/dist/esm/breakpoints.js

@@ -0,0 +1,5 @@
+'use client';
+const breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+export {
+  breakpoints
+};

package/dist/esm/colorScheme.js

@@ -3,17 +3,7 @@ import * as React from "react";
 import { useStrings } from "./locale.js";
 import { IconButton } from "./IconButton.js";
 import { DropdownMenu } from "./DropdownMenu.js";
-const DEFAULT_KEY = "aura-color-scheme";
-const SCHEMES = ["light", "dark", "system"];
-const EVENT = "aura-color-scheme";
-function valid(v) {
-  return typeof v === "string" && SCHEMES.indexOf(v) >= 0;
-}
-function colorSchemeScript(options) {
-  const key = JSON.stringify(options && options.storageKey || DEFAULT_KEY);
-  const fallback = JSON.stringify(options && options.defaultScheme || "system");
-  return "(function(){try{var s=localStorage.getItem(" + key + ");if(s!=='light'&&s!=='dark'&&s!=='system')s=" + fallback + `;var d=document.documentElement;d.setAttribute("data-theme",s);var dark=s==='dark'||(s==='system'&&window.matchMedia('(prefers-color-scheme: dark)').matches);d.classList.toggle("dark",dark);}catch(e){}})();`;
-}
+import { DEFAULT_KEY, SCHEMES, EVENT, valid, colorSchemeScript } from "./colorSchemeScript.js";
 function ColorSchemeScript(props) {
   return /* @__PURE__ */ React.createElement(
     "script",

package/dist/esm/colorSchemeScript.js

@@ -0,0 +1,19 @@
+'use client';
+const DEFAULT_KEY = "aura-color-scheme";
+const SCHEMES = ["light", "dark", "system"];
+const EVENT = "aura-color-scheme";
+function valid(v) {
+  return typeof v === "string" && SCHEMES.indexOf(v) >= 0;
+}
+function colorSchemeScript(options) {
+  const key = JSON.stringify(options && options.storageKey || DEFAULT_KEY);
+  const fallback = JSON.stringify(options && options.defaultScheme || "system");
+  return "(function(){try{var s=localStorage.getItem(" + key + ");if(s!=='light'&&s!=='dark'&&s!=='system')s=" + fallback + `;var d=document.documentElement;d.setAttribute("data-theme",s);var dark=s==='dark'||(s==='system'&&window.matchMedia('(prefers-color-scheme: dark)').matches);d.classList.toggle("dark",dark);}catch(e){}})();`;
+}
+export {
+  DEFAULT_KEY,
+  EVENT,
+  SCHEMES,
+  colorSchemeScript,
+  valid
+};

package/dist/esm/dates.js

@@ -0,0 +1,164 @@
+'use client';
+const ERA = /^พ\.ศ\.\s?|\s?(BE|พ\.ศ\.)$/g;
+const pad = function(n) {
+  return (n < 10 ? "0" : "") + n;
+};
+function toISO(d) {
+  return d ? d.getFullYear() + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate()) : null;
+}
+function fromISO(s) {
+  if (!s) return null;
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
+  return m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;
+}
+function addDays(d, n) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+}
+function addMonths(d, n) {
+  const t = new Date(d.getFullYear(), d.getMonth() + n, 1);
+  const last = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+  return new Date(t.getFullYear(), t.getMonth(), Math.min(d.getDate(), last));
+}
+function same(a, b) {
+  return !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+const TAGS = { th: "th-TH", en: "en-GB", sv: "sv-SE" };
+function defaultCalendar(locale) {
+  return locale === "th" ? "buddhist" : "gregory";
+}
+function localeTag(locale, calendar) {
+  const cal = calendar || defaultCalendar(locale);
+  return (TAGS[locale || "en"] || "en-GB") + "-u-ca-" + (cal === "gregory" ? "gregory" : "buddhist");
+}
+const DATE_TEXT = {
+  th: {
+    prevYears: "\u0E0A\u0E48\u0E27\u0E07\u0E1B\u0E35\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
+    nextYears: "\u0E0A\u0E48\u0E27\u0E07\u0E1B\u0E35\u0E16\u0E31\u0E14\u0E44\u0E1B",
+    prevMonth: "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
+    nextMonth: "\u0E40\u0E14\u0E37\u0E2D\u0E19\u0E16\u0E31\u0E14\u0E44\u0E1B",
+    today: "\u0E27\u0E31\u0E19\u0E19\u0E35\u0E49",
+    clear: "\u0E25\u0E49\u0E32\u0E07",
+    chooseDate: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
+    datePlaceholder: "\u0E27\u0E27/\u0E14\u0E14/\u0E1B\u0E1B\u0E1B\u0E1B",
+    clearDate: "\u0E25\u0E49\u0E32\u0E07\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
+    openCalendar: "\u0E40\u0E1B\u0E34\u0E14\u0E1B\u0E0F\u0E34\u0E17\u0E34\u0E19",
+    chooseDates: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E0A\u0E48\u0E27\u0E07\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
+    rangePlaceholder: "\u0E27\u0E27/\u0E14\u0E14/\u0E1B\u0E1B\u0E1B\u0E1B \u2013 \u0E27\u0E27/\u0E14\u0E14/\u0E1B\u0E1B\u0E1B\u0E1B",
+    clearDates: "\u0E25\u0E49\u0E32\u0E07\u0E0A\u0E48\u0E27\u0E07\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
+    chooseStart: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19",
+    chooseEnd: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14"
+  },
+  en: {
+    prevYears: "Previous years",
+    nextYears: "Next years",
+    prevMonth: "Previous month",
+    nextMonth: "Next month",
+    today: "Today",
+    clear: "Clear",
+    chooseDate: "Choose date",
+    datePlaceholder: "DD/MM/YYYY",
+    clearDate: "Clear date",
+    openCalendar: "Open calendar",
+    chooseDates: "Choose dates",
+    rangePlaceholder: "DD/MM/YYYY \u2013 DD/MM/YYYY",
+    clearDates: "Clear dates",
+    chooseStart: "Choose the start date",
+    chooseEnd: "Choose the end date"
+  },
+  sv: {
+    prevYears: "Tidigare \xE5r",
+    nextYears: "Senare \xE5r",
+    prevMonth: "F\xF6reg\xE5ende m\xE5nad",
+    nextMonth: "N\xE4sta m\xE5nad",
+    today: "Idag",
+    clear: "Rensa",
+    chooseDate: "V\xE4lj datum",
+    datePlaceholder: "\xE5\xE5\xE5\xE5-mm-dd",
+    clearDate: "Rensa datum",
+    openCalendar: "\xD6ppna kalendern",
+    chooseDates: "V\xE4lj datum",
+    rangePlaceholder: "\xE5\xE5\xE5\xE5-mm-dd \u2013 \xE5\xE5\xE5\xE5-mm-dd",
+    clearDates: "Rensa datumen",
+    chooseStart: "V\xE4lj startdatum",
+    chooseEnd: "V\xE4lj slutdatum"
+  }
+};
+function dateText(locale) {
+  return DATE_TEXT[locale || "en"] || DATE_TEXT.en;
+}
+const fmtCache = {};
+const PRESETS = {
+  short: { day: "numeric", month: "short", year: "numeric" },
+  long: { day: "numeric", month: "long", year: "numeric" },
+  numeric: { day: "2-digit", month: "2-digit", year: "numeric" }
+};
+function fmt(tag, opts, d) {
+  const k = tag + JSON.stringify(opts);
+  if (!fmtCache[k]) fmtCache[k] = new Intl.DateTimeFormat(tag, opts);
+  return fmtCache[k].format(d);
+}
+function formatDate(iso, opts) {
+  const o = opts || {}, d = fromISO(iso);
+  if (!d) return "";
+  const f = typeof o.format === "object" ? o.format : PRESETS[o.format || "short"];
+  const loc = o.locale || "th";
+  return fmt(localeTag(loc, o.calendar || defaultCalendar(loc)), f, d).replace(ERA, "");
+}
+let MONTHS = null;
+function monthIndex(word) {
+  if (!MONTHS) {
+    MONTHS = {};
+    ["th-TH", "en-GB", "sv-SE"].forEach(function(tag) {
+      ["short", "long"].forEach(function(w) {
+        for (let i = 0; i < 12; i++) {
+          const n = new Intl.DateTimeFormat(tag, { month: w }).format(new Date(2020, i, 1)).toLowerCase().replace(/\.$/, "");
+          MONTHS[n] = i;
+          if (/^[a-zåäö]/.test(n)) MONTHS[n.slice(0, 3)] = i;
+        }
+      });
+    });
+  }
+  const k = word.toLowerCase().replace(/\.$/, "");
+  return MONTHS[k] != null ? MONTHS[k] : -1;
+}
+function parseDate(text) {
+  const s = String(text || "").trim();
+  let m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(s), y, mo, d;
+  if (m) {
+    y = +m[1];
+    mo = +m[2];
+    d = +m[3];
+  } else if (m = /^(\d{1,2})[\/.\-](\d{1,2})[\/.\-](\d{4})$/.exec(s)) {
+    d = +m[1];
+    mo = +m[2];
+    y = +m[3];
+  } else if ((m = /^(\d{1,2})\s+(\S+)\s+(\d{4})$/.exec(s.replace(ERA, "").trim())) && monthIndex(m[2]) >= 0) {
+    d = +m[1];
+    mo = monthIndex(m[2]) + 1;
+    y = +m[3];
+  } else return null;
+  if (y >= 2400) y -= 543;
+  const dt = new Date(y, mo - 1, d);
+  return dt.getMonth() === mo - 1 && dt.getDate() === d ? toISO(dt) : null;
+}
+export {
+  DATE_TEXT,
+  ERA,
+  MONTHS,
+  PRESETS,
+  TAGS,
+  addDays,
+  addMonths,
+  dateText,
+  defaultCalendar,
+  fmt,
+  fmtCache,
+  formatDate,
+  fromISO,
+  localeTag,
+  monthIndex,
+  pad,
+  parseDate,
+  same,
+  toISO
+};