@payloadcms/ui 3.2.2-canary.6fb5cd8 → 3.2.2-canary.b072173

package/dist/exports/client/chunk-4SO5UCQD.js.map

@@ -0,0 +1,8 @@
+"use client";
+{
+  "version": 3,
+  "sources": ["../../../src/providers/Config/index.tsx", "../../../src/hooks/useDelay.ts", "../../../src/elements/ShimmerEffect/index.tsx", "../../../src/providers/Theme/index.tsx"],
+  "sourcesContent": ["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  getEntityConfig: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ClientCollectionConfig | ClientGlobalConfig | null\n  setConfig: (config: ClientConfig) => void\n}\n\nexport type EntityConfigContext = {\n  collectionConfig?: ClientCollectionConfig\n  globalConfig?: ClientGlobalConfig\n  setEntityConfig: (args: {\n    collectionConfig?: ClientCollectionConfig | null\n    globalConfig?: ClientGlobalConfig | null\n  }) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(configFromProps)\n\n  // Need to update local config state if config from props changes, for HMR.\n  // That way, config changes will be updated in the UI immediately without needing a refresh.\n  useEffect(() => {\n    setConfig(configFromProps)\n  }, [configFromProps])\n\n  const getEntityConfig = useCallback(\n    ({ collectionSlug, globalSlug }: { collectionSlug?: string; globalSlug?: string }) => {\n      if (collectionSlug) {\n        return config.collections.find((collection) => collection.slug === collectionSlug)\n      }\n\n      if (globalSlug) {\n        return config.globals.find((global) => global.slug === globalSlug)\n      }\n\n      return null\n    },\n    [config],\n  )\n\n  return (\n    <RootConfigContext.Provider value={{ config, getEntityConfig, setConfig }}>\n      {children}\n    </RootConfigContext.Provider>\n  )\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(RootConfigContext)\n", "'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  readonly animationDelay?: string\n  readonly height?: number | string\n  readonly 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) {\n    return null\n  }\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\nimport { useConfig } from '../Config/index.js'\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  theme?: Theme\n}> = ({ children, theme: initialTheme }) => {\n  const { config } = useConfig()\n\n  const preselectedTheme = config.admin.theme\n  const cookieKey = `${config.cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    if (preselectedTheme !== 'all') {\n      return\n    }\n\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [preselectedTheme, 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", "createContext", "useContext", "useEffect", "useState", "RootConfigContext", "undefined", "ConfigProvider", "t0", "$", "children", "config", "configFromProps", "setConfig", "t1", "t2", "t3", "collections", "globals", "t4", "collectionSlug", "globalSlug", "find", "collection", "slug", "global", "getEntityConfig", "_jsx", "Provider", "value", "useConfig", "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", "createContext", "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", "$", "_c", "children", "initialTheme", "config", "useConfig", "preselectedTheme", "admin", "cookiePrefix", "setThemeState", "useState", "setAutoMode", "t1", "t2", "theme_0", "useEffect", "t3", "themeToSet", "themeFromOS", "t4", "_jsx", "Provider", "value", "useTheme", "useContext"]
+}