strapi-plugin-oidc 1.7.2 → 1.7.4

package/dist/admin/{index-BkJB6R7y.mjs → index-5ifX6lA1.mjs}

@@ -165,7 +165,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await import("./index-BJqQjQee.mjs");
+          return await import("./index-BO4eHxAw.mjs");
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/{index-BJqQjQee.mjs → index-BO4eHxAw.mjs}

@@ -5,7 +5,7 @@ import { useState, useRef, useId, useEffect, useCallback, useReducer, useMemo, m
 import { Typography, Flex, Box, MultiSelect, MultiSelectOption, Dialog, Button, Table, Pagination, PreviousLink, NextLink, PageLink, Field, Divider, Thead, Tr, Th, Tbody, Td, IconButton, Tooltip, Alert } from "@strapi/design-system";
 import { Cross, WarningCircle, Plus, Download, Upload, Trash, Calendar, Mail, Information } from "@strapi/icons";
 import { useIntl } from "react-intl";
-import { g as getTrad } from "./index-BkJB6R7y.mjs";
+import { g as getTrad } from "./index-5ifX6lA1.mjs";
 import styled from "styled-components";
 import { Filter, ClipboardList, Server } from "lucide-react";
 function Role({ oidcRoles, roles, onChangeRole }) {
@@ -71,7 +71,7 @@ const TagInputWrapper = styled(Box)`
   border: 1px solid ${({ theme }) => theme.colors.neutral200};
   background-color: ${({ theme }) => theme.colors.neutral0};
   cursor: text;
-  min-width: 180px;
+  min-width: 220px;
   min-height: 4rem;
   flex: 0 0 auto;
 
@@ -80,7 +80,7 @@ const TagInputWrapper = styled(Box)`
     box-shadow: 0 0 0 2px ${({ theme }) => theme.colors.primary100};
   }
 `;
-const TagStyledInput = styled.input.attrs({ autocomplete: "off" })`
+const TagStyledInput = styled.input`
   border: none;
   background: transparent;
   outline: none;
@@ -148,7 +148,6 @@ function TagInputShell({
         {
           ref: inputRef,
           type: "text",
-          autoComplete: "off",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
           ...inputProps
@@ -353,7 +352,8 @@ function ComboboxTagInput({ value, onChange, placeholder, startIcon, options })
         "aria-autocomplete": "list",
         "aria-expanded": dropdownOpen,
         "aria-controls": listboxId,
-        "aria-activedescendant": activeDescendant
+        "aria-activedescendant": activeDescendant,
+        autoComplete: "off"
       },
       children: dropdownOpen && /* @__PURE__ */ jsx(Dropdown, { id: listboxId, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
         DropdownItem,
@@ -510,7 +510,24 @@ function getDaysInMonth(year, month) {
 const userLocale = typeof navigator !== "undefined" && navigator.language || "en-US";
 const MONTH_FORMATTER = new Intl.DateTimeFormat(userLocale, { month: "long" });
 const WEEKDAY_FORMATTER = new Intl.DateTimeFormat(userLocale, { weekday: "short" });
-const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, { dateStyle: "full" });
+const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+});
+function formatRange(start, end) {
+  const sameYear = start.getFullYear() === end.getFullYear();
+  const sameMonth = sameYear && start.getMonth() === end.getMonth();
+  const startStr = DATE_FORMATTER.format(start);
+  const endStr = DATE_FORMATTER.format(end);
+  if (sameMonth) {
+    return `${start.getDate()} – ${endStr}`;
+  }
+  if (sameYear) {
+    return `${startStr.split(" ").slice(0, 2).join(" ")} – ${endStr}`;
+  }
+  return `${startStr} – ${endStr}`;
+}
 function toUtcMidnightIso(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString();
 }
@@ -558,7 +575,7 @@ function TagDateInput({ value = [], onChange, placeholder, startIcon }) {
   const handleConfirm = () => {
     if (pendingDates.length === 0) return;
     const sortedPending = [...pendingDates].sort((a, b) => a.getTime() - b.getTime());
-    const display = sortedPending.length === 1 ? DATE_FORMATTER.format(sortedPending[0]) : `${DATE_FORMATTER.format(sortedPending[0])} – ${DATE_FORMATTER.format(sortedPending[sortedPending.length - 1])}`;
+    const display = sortedPending.length === 1 ? DATE_FORMATTER.format(sortedPending[0]) : formatRange(sortedPending[0], sortedPending[sortedPending.length - 1]);
     const datesStr = sortedPending.length === 1 ? [toUtcMidnightIso(sortedPending[0])] : getDatesBetween(sortedPending[0], sortedPending[sortedPending.length - 1]);
     const selection = { dates: datesStr, display };
     onChange([...value, selection]);
@@ -978,7 +995,7 @@ function Whitelist({
         /* @__PURE__ */ jsx(Tbody, { children: users.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage(getTrad("whitelist.table.empty")) }) }) }) }) : paginatedUsers.map((user, index) => /* @__PURE__ */ jsxs(Tr, { children: [
           /* @__PURE__ */ jsx(Td, { children: index + 1 + (page - 1) * PAGE_SIZE$1 }),
           /* @__PURE__ */ jsx(Td, { children: user.email }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(LocalizedDate, { date: user.createdAt, options: { month: "long" } }) }),
+          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(LocalizedDate, { date: user.createdAt, options: { second: "2-digit" } }) }),
           /* @__PURE__ */ jsx(Td, { style: { paddingRight: 0 }, children: /* @__PURE__ */ jsx(
             Flex,
             {

package/dist/admin/{index-hjzLEp0H.js → index-Bkm_yRhZ.js}

@@ -7,7 +7,7 @@ const react = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const reactIntl = require("react-intl");
-const index = require("./index-B0piQv3P.js");
+const index = require("./index-BxbFHOUO.js");
 const styled = require("styled-components");
 const lucideReact = require("lucide-react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -75,7 +75,7 @@ const TagInputWrapper = styled__default.default(designSystem.Box)`
   border: 1px solid ${({ theme }) => theme.colors.neutral200};
   background-color: ${({ theme }) => theme.colors.neutral0};
   cursor: text;
-  min-width: 180px;
+  min-width: 220px;
   min-height: 4rem;
   flex: 0 0 auto;
 
@@ -84,7 +84,7 @@ const TagInputWrapper = styled__default.default(designSystem.Box)`
     box-shadow: 0 0 0 2px ${({ theme }) => theme.colors.primary100};
   }
 `;
-const TagStyledInput = styled__default.default.input.attrs({ autocomplete: "off" })`
+const TagStyledInput = styled__default.default.input`
   border: none;
   background: transparent;
   outline: none;
@@ -152,7 +152,6 @@ function TagInputShell({
         {
           ref: inputRef,
           type: "text",
-          autoComplete: "off",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
           ...inputProps
@@ -357,7 +356,8 @@ function ComboboxTagInput({ value, onChange, placeholder, startIcon, options })
         "aria-autocomplete": "list",
         "aria-expanded": dropdownOpen,
         "aria-controls": listboxId,
-        "aria-activedescendant": activeDescendant
+        "aria-activedescendant": activeDescendant,
+        autoComplete: "off"
       },
       children: dropdownOpen && /* @__PURE__ */ jsxRuntime.jsx(Dropdown, { id: listboxId, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
         DropdownItem,
@@ -514,7 +514,24 @@ function getDaysInMonth(year, month) {
 const userLocale = typeof navigator !== "undefined" && navigator.language || "en-US";
 const MONTH_FORMATTER = new Intl.DateTimeFormat(userLocale, { month: "long" });
 const WEEKDAY_FORMATTER = new Intl.DateTimeFormat(userLocale, { weekday: "short" });
-const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, { dateStyle: "full" });
+const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+});
+function formatRange(start, end) {
+  const sameYear = start.getFullYear() === end.getFullYear();
+  const sameMonth = sameYear && start.getMonth() === end.getMonth();
+  const startStr = DATE_FORMATTER.format(start);
+  const endStr = DATE_FORMATTER.format(end);
+  if (sameMonth) {
+    return `${start.getDate()} – ${endStr}`;
+  }
+  if (sameYear) {
+    return `${startStr.split(" ").slice(0, 2).join(" ")} – ${endStr}`;
+  }
+  return `${startStr} – ${endStr}`;
+}
 function toUtcMidnightIso(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString();
 }
@@ -562,7 +579,7 @@ function TagDateInput({ value = [], onChange, placeholder, startIcon }) {
   const handleConfirm = () => {
     if (pendingDates.length === 0) return;
     const sortedPending = [...pendingDates].sort((a, b) => a.getTime() - b.getTime());
-    const display = sortedPending.length === 1 ? DATE_FORMATTER.format(sortedPending[0]) : `${DATE_FORMATTER.format(sortedPending[0])} – ${DATE_FORMATTER.format(sortedPending[sortedPending.length - 1])}`;
+    const display = sortedPending.length === 1 ? DATE_FORMATTER.format(sortedPending[0]) : formatRange(sortedPending[0], sortedPending[sortedPending.length - 1]);
     const datesStr = sortedPending.length === 1 ? [toUtcMidnightIso(sortedPending[0])] : getDatesBetween(sortedPending[0], sortedPending[sortedPending.length - 1]);
     const selection = { dates: datesStr, display };
     onChange([...value, selection]);
@@ -982,7 +999,7 @@ function Whitelist({
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: users.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: formatMessage(index.getTrad("whitelist.table.empty")) }) }) }) }) : paginatedUsers.map((user, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: index$1 + 1 + (page - 1) * PAGE_SIZE$1 }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: user.email }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: user.createdAt, options: { month: "long" } }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(LocalizedDate, { date: user.createdAt, options: { second: "2-digit" } }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { paddingRight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
             designSystem.Flex,
             {

package/dist/admin/{index-B0piQv3P.js → index-BxbFHOUO.js}

@@ -166,7 +166,7 @@ const index = {
           defaultMessage: "Configuration"
         },
         Component: async () => {
-          return await Promise.resolve().then(() => require("./index-hjzLEp0H.js"));
+          return await Promise.resolve().then(() => require("./index-Bkm_yRhZ.js"));
         },
         permissions: [{ action: "plugin::strapi-plugin-oidc.read", subject: null }]
       }

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-B0piQv3P.js");
+const index = require("./index-BxbFHOUO.js");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-BkJB6R7y.mjs";
+import { i } from "./index-5ifX6lA1.mjs";
 export {
   i as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-oidc",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "A Strapi plugin that provides OpenID Connect (OIDC) authentication functionality for the Strapi Admin Panel.",
   "strapi": {
     "displayName": "OIDC Plugin",