strapi-plugin-oidc 1.7.3 → 1.7.5

package/dist/admin/{index-Bvgdj4LK.mjs → index-BfX_taLq.mjs}

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

package/dist/admin/{index-XU0Tj5JN.mjs → index-BjmTHbr9.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-Bvgdj4LK.mjs";
+import { g as getTrad } from "./index-BfX_taLq.mjs";
 import styled from "styled-components";
 import { Filter, ClipboardList, Server } from "lucide-react";
 function Role({ oidcRoles, roles, onChangeRole }) {
@@ -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;
@@ -139,6 +139,7 @@ function TagInputShell({
   inputProps,
   children
 }) {
+  const inputId = useId();
   return /* @__PURE__ */ jsxs(TagInputWrapper, { ref: wrapperRef, onClick: () => inputRef.current?.focus(), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", alignItems: "center", style: { flex: 1, minWidth: 0 }, children: [
       startIcon && /* @__PURE__ */ jsx(StartIconSlot, { children: startIcon }),
@@ -148,9 +149,16 @@ function TagInputShell({
         {
           ref: inputRef,
           type: "text",
-          autoComplete: "off",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
+          autoComplete: "off",
+          autoCorrect: "off",
+          autoCapitalize: "off",
+          spellCheck: false,
+          name: `tag-input-${inputId}`,
+          "data-form-type": "other",
+          "data-lpignore": "true",
+          "data-1p-ignore": "true",
           ...inputProps
         }
       )
@@ -515,6 +523,19 @@ const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, {
   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 +583,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 +1003,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-DKHHaEkG.js → index-CLUIKIK3.js}

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

package/dist/admin/{index-CLNsX-aa.js → index-CacQfQ3a.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-DKHHaEkG.js");
+const index = require("./index-CLUIKIK3.js");
 const styled = require("styled-components");
 const lucideReact = require("lucide-react");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -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;
@@ -143,6 +143,7 @@ function TagInputShell({
   inputProps,
   children
 }) {
+  const inputId = react.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(TagInputWrapper, { ref: wrapperRef, onClick: () => inputRef.current?.focus(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", alignItems: "center", style: { flex: 1, minWidth: 0 }, children: [
       startIcon && /* @__PURE__ */ jsxRuntime.jsx(StartIconSlot, { children: startIcon }),
@@ -152,9 +153,16 @@ function TagInputShell({
         {
           ref: inputRef,
           type: "text",
-          autoComplete: "off",
           placeholder: value.length === 0 ? placeholder : "",
           "aria-label": placeholder,
+          autoComplete: "off",
+          autoCorrect: "off",
+          autoCapitalize: "off",
+          spellCheck: false,
+          name: `tag-input-${inputId}`,
+          "data-form-type": "other",
+          "data-lpignore": "true",
+          "data-1p-ignore": "true",
           ...inputProps
         }
       )
@@ -519,6 +527,19 @@ const DATE_FORMATTER = new Intl.DateTimeFormat(userLocale, {
   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();
 }
@@ -566,7 +587,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]);
@@ -986,7 +1007,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.js

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

package/dist/admin/index.mjs

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

package/package.json

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