@payloadcms/ui 4.0.0-internal.1f9ae9a → 4.0.0-internal.2fddfc0

package/dist/providers/SearchParams/index.js

@@ -1,54 +0,0 @@
-'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as qs from 'qs-esm';
-import React, { createContext, use } from 'react';
-import { useSearchParams as useNextSearchParams } from '../RouterAdapter/index.js';
-const initialContext = {
-  searchParams: {},
-  stringifyParams: () => ''
-};
-const Context = /*#__PURE__*/createContext(initialContext);
-/**
- * @deprecated
- * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const SearchParamsProvider = ({
-  children
-}) => {
-  const nextSearchParams = useNextSearchParams();
-  const searchString = nextSearchParams.toString();
-  const searchParams = React.useMemo(() => qs.parse(searchString, {
-    depth: 10,
-    ignoreQueryPrefix: true
-  }), [searchString]);
-  const stringifyParams = React.useCallback(({
-    params,
-    replace = false
-  }) => {
-    return qs.stringify({
-      ...(replace ? {} : searchParams),
-      ...params
-    }, {
-      addQueryPrefix: true
-    });
-  }, [searchParams]);
-  return /*#__PURE__*/_jsx(Context, {
-    value: {
-      searchParams,
-      stringifyParams
-    },
-    children: children
-  });
-};
-/**
- * @deprecated
- * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.
- * ```tsx
- * import { parseSearchParams } from '@payloadcms/ui'
- * const parsedSearchParams = parseSearchParams(searchParams)
- * ```
- */
-export const useSearchParams = () => use(Context);
-//# sourceMappingURL=index.js.map

package/dist/providers/SearchParams/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["qs","React","createContext","use","useSearchParams","useNextSearchParams","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","_jsx","value"],"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nimport { useSearchParams as useNextSearchParams } from '../RouterAdapter/index.js'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"mappings":"AAAA;;;AAEA,YAAYA,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,SAASC,eAAA,IAAmBC,mBAAmB,QAAQ;AAOvD,MAAMC,cAAA,GAAsC;EAC1CC,YAAA,EAAc,CAAC;EACfC,eAAA,EAAiBA,CAAA,KAAM;AACzB;AAEA,MAAMC,OAAA,gBAAUP,aAAA,CAAcI,cAAA;AAE9B;;;;AAIA,OAAO,MAAMI,oBAAA,GAAiEA,CAAC;EAAEC;AAAQ,CAAE;EACzF,MAAMC,gBAAA,GAAmBP,mBAAA;EACzB,MAAMQ,YAAA,GAAeD,gBAAA,CAAiBE,QAAQ;EAE9C,MAAMP,YAAA,GAAeN,KAAA,CAAMc,OAAO,CAChC,MACEf,EAAA,CAAGgB,KAAK,CAACH,YAAA,EAAc;IACrBI,KAAA,EAAO;IACPC,iBAAA,EAAmB;EACrB,IACF,CAACL,YAAA,CAAa;EAGhB,MAAML,eAAA,GAAkBP,KAAA,CAAMkB,WAAW,CACvC,CAAC;IAAEC,MAAM;IAAEC,OAAA,GAAU;EAAK,CAA8C;IACtE,OAAOrB,EAAA,CAAGsB,SAAS,CACjB;MACE,IAAID,OAAA,GAAU,CAAC,IAAId,YAAY;MAC/B,GAAGa;IACL,GACA;MAAEG,cAAA,EAAgB;IAAK;EAE3B,GACA,CAAChB,YAAA,CAAa;EAGhB,oBAAOiB,IAAA,CAACf,OAAA;IAAQgB,KAAA,EAAO;MAAElB,YAAA;MAAcC;IAAgB;cAAIG;;AAC7D;AAEA;;;;;;;;;AASA,OAAO,MAAMP,eAAA,GAAkBA,CAAA,KAA2BD,GAAA,CAAIM,OAAA","ignoreList":[]}

package/dist/providers/TableColumns/RenderDefaultCell/index.scss

@@ -1,15 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .default-cell {
-    &__first-cell {
-      border: 0;
-      background-color: transparent;
-      padding: 0;
-      cursor: pointer;
-      text-decoration: underline;
-      text-align: left;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/scss/toasts.scss

@@ -1,146 +0,0 @@
-@import './styles.scss';
-
-@layer payload-default {
-  .payload-toast-container {
-    --offset: calc(var(--gutter-h) / 2);
-
-    padding: 0;
-    margin: 0;
-
-    .payload-toast-close-button {
-      position: absolute;
-      order: 3;
-      left: unset;
-      inset-inline-end: base(0.8);
-      top: 50%;
-      transform: translateY(-50%);
-      color: var(--theme-elevation-600);
-      background: unset;
-      border: none;
-
-      svg {
-        width: base(0.8);
-        height: base(0.8);
-      }
-
-      &:hover {
-        color: var(--theme-elevation-250);
-        background: none;
-      }
-
-      [dir='RTL'] & {
-        right: unset;
-        left: 0.5rem;
-      }
-    }
-
-    .toast-title {
-      line-height: base(1);
-      margin-right: base(1);
-    }
-
-    .payload-toast-item {
-      padding: base(0.8);
-      color: var(--theme-elevation-800);
-      font-style: normal;
-      font-weight: 600;
-      display: flex;
-      gap: 1rem;
-      align-items: center;
-      width: 100%;
-      border-radius: 4px;
-      border: var(--stroke-width-small) solid var(--theme-border-color);
-      background: var(--theme-input-bg);
-      box-shadow:
-        0px 10px 4px -8px rgba(0, 2, 4, 0.02),
-        0px 2px 3px 0px rgba(0, 2, 4, 0.05);
-
-      .toast-content {
-        transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
-        width: 100%;
-      }
-
-      &[data-front='false'] {
-        .toast-content {
-          opacity: 0;
-        }
-      }
-
-      &[data-expanded='true'] {
-        .toast-content {
-          opacity: 1;
-        }
-      }
-
-      .toast-icon {
-        width: base(0.8);
-        height: base(0.8);
-        margin: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        & > * {
-          width: base(1.2);
-          height: base(1.2);
-        }
-      }
-
-      &.toast-warning {
-        color: var(--theme-warning-800);
-        border-color: var(--theme-warning-250);
-        background-color: var(--theme-warning-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-warning-600);
-
-          &:hover {
-            color: var(--theme-warning-250);
-          }
-        }
-      }
-
-      &.toast-error {
-        color: var(--theme-error-800);
-        border-color: var(--theme-error-250);
-        background-color: var(--theme-error-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-error-600);
-
-          &:hover {
-            color: var(--theme-error-250);
-          }
-        }
-      }
-
-      &.toast-success {
-        color: var(--theme-success-800);
-        border-color: var(--theme-success-250);
-        background-color: var(--theme-success-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-success-600);
-
-          &:hover {
-            color: var(--theme-success-250);
-          }
-        }
-      }
-
-      &.toast-info {
-        color: var(--theme-elevation-800);
-        border-color: var(--theme-elevation-250);
-        background-color: var(--theme-elevation-100);
-
-        .payload-toast-close-button {
-          color: var(--theme-elevation-600);
-
-          &:hover {
-            color: var(--theme-elevation-250);
-          }
-        }
-      }
-    }
-  }
-}

package/dist/views/Edit/index.scss

@@ -1,60 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .collection-edit {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
-
-    &__main-wrapper {
-      width: 100%;
-      display: flex;
-    }
-
-    &__main {
-      width: 100%;
-      container-type: inline-size;
-
-      &--popup-open {
-        width: 100%;
-      }
-
-      &--is-live-previewing {
-        width: 40%;
-        position: relative;
-
-        &::after {
-          content: ' ';
-          position: absolute;
-          top: 0;
-          right: 0;
-          width: calc(var(--base) * 2);
-          height: 100%;
-          background: var(--gradient);
-          pointer-events: none;
-          z-index: -1;
-        }
-      }
-    }
-
-    &__form {
-      height: 100%;
-      width: 100%;
-    }
-
-    &__auth {
-      border-radius: var(--style-radius-s);
-    }
-
-    @include small-break {
-      &__auth {
-        margin-top: 0;
-        margin-bottom: var(--base);
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .collection-edit {
-      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
-    }
-  }
-}