@payloadcms/ui 3.0.0-beta.85 → 3.0.0-beta.87

package/dist/exports/client/chunk-UGBVRIVY.js

@@ -0,0 +1,14 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{c as T}from"react/compiler-runtime";import*as p from"react";var k=(i,e)=>{let t=T(9),s=e===void 0?!1:e,[l,r]=p.useState(!1),u=p.useRef(void 0),m;t[0]!==i?(m=()=>(r(!1),clearTimeout(u.current),u.current=setTimeout(()=>{r(!0)},i),()=>{clearTimeout(u.current)}),t[0]=i,t[1]=m):m=t[1];let o=m,d,n;t[2]!==s||t[3]!==o?(d=()=>{s&&o()},n=[o,s],t[2]=s,t[3]=o,t[4]=d,t[5]=n):(d=t[4],n=t[5]),p.useEffect(d,n);let c;return t[6]!==l||t[7]!==o?(c=[l,o],t[6]=l,t[7]=o,t[8]=c):c=t[8],c};import{c as $}from"react/compiler-runtime";import{jsx as y}from"react/jsx-runtime";import"react";var _=({animationDelay:i="0ms",height:e="60px",width:t="100%"})=>y("div",{className:"shimmer-effect",style:{height:typeof e=="number"?`${e}px`:e,width:typeof t=="number"?`${t}px`:t},children:y("div",{className:"shimmer-effect__shine",style:{animationDelay:i}})}),K=i=>{let e=$(7),{className:t,count:s,height:l,renderDelay:r,shimmerDelay:u,shimmerItemClassName:m,width:o}=i,d=r===void 0?500:r,n=u===void 0?25:u,c=typeof n=="number"?`${n}ms`:n,[h]=k(d,!0);if(!h)return null;let f;return e[0]!==s||e[1]!==m||e[2]!==c||e[3]!==l||e[4]!==o||e[5]!==t?(f=y("div",{className:t,children:[...Array(s)].map((x,a)=>y("div",{className:m,children:y(_,{animationDelay:`calc(${a} * ${c})`,height:l,width:o})},a))}),e[0]=s,e[1]=m,e[2]=c,e[3]=l,e[4]=o,e[5]=t,e[6]=f):f=e[6],f};import{c as M}from"react/compiler-runtime";import{jsx as R}from"react/jsx-runtime";import{createContext as b,useContext as v,useEffect as E,useState as D}from"react";var A={autoMode:!0,setTheme:()=>null,theme:"light"},C=b(A);function w(i,e,t){let s=new Date;s.setTime(s.getTime()+t*24*60*60*1e3);let l="expires="+s.toUTCString();document.cookie=i+"="+e+";"+l+";path=/"}var N=i=>{let e,t=window.document.cookie.split("; ").find(s=>s.startsWith(`${i}=`))?.split("=")[1];return t==="light"||t==="dark"?e=t:e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",document.documentElement.setAttribute("data-theme",e),{theme:e,themeFromCookies:t}},j="light",J=i=>{let e=M(10),{children:t,cookiePrefix:s,theme:l}=i,r=`${s||"payload"}-theme`,[u,m]=D(l||j),[o,d]=D(),n,c;e[0]!==r?(n=()=>{let{theme:a,themeFromCookies:g}=N(r);m(a),d(!g)},c=[r],e[0]=r,e[1]=n,e[2]=c):(n=e[1],c=e[2]),E(n,c);let h;e[3]!==r?(h=a=>{if(a==="light"||a==="dark")m(a),d(!1),w(r,a,365),document.documentElement.setAttribute("data-theme",a);else if(a==="auto"){w(r,a,-1);let g=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";document.documentElement.setAttribute("data-theme",g),d(!0),m(g)}},e[3]=r,e[4]=h):h=e[4];let f=h,x;return e[5]!==o||e[6]!==f||e[7]!==u||e[8]!==t?(x=R(C.Provider,{value:{autoMode:o,setTheme:f,theme:u},children:t}),e[5]=o,e[6]=f,e[7]=u,e[8]=t,e[9]=x):x=e[9],x},L=()=>v(C);export{k as a,_ as b,K as c,j as d,J as e,L as f};
+//# sourceMappingURL=chunk-UGBVRIVY.js.map

package/dist/exports/client/chunk-UGBVRIVY.js.map

@@ -0,0 +1,8 @@
+"use client";
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useDelay.ts", "../../../src/elements/ShimmerEffect/index.tsx", "../../../src/providers/Theme/index.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n", "'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n  animationDelay?: string\n  height?: number | string\n  width?: number | string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n  animationDelay = '0ms',\n  height = '60px',\n  width = '100%',\n}) => {\n  return (\n    <div\n      className=\"shimmer-effect\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        width: typeof width === 'number' ? `${width}px` : width,\n      }}\n    >\n      <div\n        className=\"shimmer-effect__shine\"\n        style={{\n          animationDelay,\n        }}\n      />\n    </div>\n  )\n}\n\nexport type StaggeredShimmersProps = {\n  className?: string\n  count: number\n  height?: number | string\n  renderDelay?: number\n  shimmerDelay?: number | string\n  shimmerItemClassName?: string\n  width?: number | string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n  className,\n  count,\n  height,\n  renderDelay = 500,\n  shimmerDelay = 25,\n  shimmerItemClassName,\n  width,\n}) => {\n  const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n  const [hasDelayed] = useDelay(renderDelay, true)\n\n  if (!hasDelayed) return null\n\n  return (\n    <div className={className}>\n      {[...Array(count)].map((_, i) => (\n        <div className={shimmerItemClassName} key={i}>\n          <ShimmerEffect\n            animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n            height={height}\n            width={width}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n", "'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],
+  "mappings": "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",
+  "names": ["c", "_c", "React", "useDelay", "delay", "t0", "$", "triggerOnMount", "undefined", "hasDelayed", "setHasDelayed", "useState", "triggerTimeoutRef", "useRef", "t1", "clearTimeout", "current", "setTimeout", "triggerDelay", "t2", "t3", "useEffect", "t4", "c", "_c", "ShimmerEffect", "animationDelay", "height", "_jsx", "className", "style", "width", "StaggeredShimmers", "t0", "$", "_c", "count", "t1", "renderDelay", "shimmerDelay", "shimmerItemClassName", "undefined", "shimmerDelayToPass", "hasDelayed", "t3", "_", "i", "children", "c", "_c", "createContext", "useContext", "useEffect", "useState", "initialContext", "autoMode", "setTheme", "theme", "Context", "setCookie", "cname", "cvalue", "exdays", "d", "Date", "setTime", "getTime", "expires", "toUTCString", "document", "cookie", "getTheme", "cookieKey", "themeFromCookies", "window", "split", "find", "row", "startsWith", "matchMedia", "matches", "documentElement", "setAttribute", "defaultTheme", "ThemeProvider", "t0", "$", "children", "cookiePrefix", "initialTheme", "setThemeState", "setAutoMode", "t1", "t2", "theme_0", "t3", "themeToSet", "themeFromOS", "t4", "_jsx", "Provider", "value", "useTheme"]
+}