@payloadcms/ui 4.0.0-canary.0 → 4.0.0-canary.2

package/dist/fields/Tabs/Tab/index.css

@@ -1,82 +0,0 @@
-@layer payload-default {
-  .tabs-field__tab-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacer-1);
-    padding: var(--spacer-1) var(--spacer-2);
-    margin: 0;
-    margin-bottom: var(--spacer-2);
-    cursor: pointer;
-    position: relative;
-    white-space: nowrap;
-    flex-shrink: 0;
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    letter-spacing: var(--text-letter-spacing);
-    color: var(--color-text-secondary);
-
-    &:after {
-      content: '';
-      position: absolute;
-      left: var(--spacer-2);
-      right: var(--spacer-2);
-      bottom: calc(-1 * var(--spacer-2) - 1px);
-      height: 3px;
-      background: var(--color-icon-brand);
-      border-radius: var(--radius-full);
-      opacity: 0;
-      z-index: 1;
-    }
-
-    &:hover {
-      &:after {
-        background: var(--color-bg-tertiary);
-        opacity: 1;
-      }
-    }
-
-    &:focus-visible {
-      outline-offset: -1px;
-    }
-  }
-
-  .tabs-field__tab-button--hidden {
-    display: none;
-  }
-
-  .tabs-field__tab-button--active {
-    font-weight: var(--text-body-medium-strong-font-weight);
-    color: var(--color-text);
-
-    &:after {
-      background: var(--color-icon-brand);
-      opacity: 1;
-    }
-
-    &:hover:after {
-      background: var(--color-icon-brand);
-    }
-  }
-
-  .tabs-field__tab-button--has-error {
-    color: var(--color-text-danger);
-
-    &:after {
-      background: var(--field-color-border-error);
-      opacity: 1;
-    }
-
-    &:hover:after {
-      background: var(--field-color-border-error);
-    }
-  }
-
-  @media (max-width: 768px) {
-    .tabs-field__tab-button {
-      padding-bottom: var(--spacer-2);
-    }
-  }
-}

package/dist/providers/LivePreview/index.scss

@@ -1,68 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .live-preview {
-    width: 100%;
-    display: flex;
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
-
-    [dir='rtl'] & {
-      flex-direction: row-reverse;
-    }
-
-    &--popup-open {
-      .live-preview {
-        &__edit {
-          padding-right: var(--gutter-h);
-        }
-      }
-    }
-
-    &__main {
-      width: 40%;
-      display: flex;
-      flex-direction: column;
-      min-height: 100%;
-      position: relative;
-
-      &--popup-open {
-        width: 100%;
-      }
-
-      &::after {
-        content: ' ';
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: calc(var(--base) * 2);
-        height: 100%;
-        background: var(--gradient);
-        pointer-events: none;
-        z-index: -1;
-      }
-    }
-
-    @include mid-break {
-      flex-direction: column;
-
-      &__main {
-        min-height: initial;
-        width: 100%;
-
-        &::after {
-          display: none;
-        }
-      }
-
-      &__form {
-        display: block;
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .live-preview {
-      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
-    }
-  }
-}

package/dist/providers/Params/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { useParams as useNextParams } from '../RouterAdapter/index.js';
-export type Params = ReturnType<typeof useNextParams>;
-interface IParamsContext extends Params {
-}
-/**
- * @deprecated
- * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export declare const ParamsProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-/**
- * @deprecated
- * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export declare const useParams: () => IParamsContext;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/Params/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Params/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEtE,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;AACrD,UAAU,cAAe,SAAQ,MAAM;CAAG;AAI1C;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAGnE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,cAA8B,CAAA"}

package/dist/providers/Params/index.js

@@ -1,37 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, use } from 'react';
-import { useParams as useNextParams } from '../RouterAdapter/index.js';
-const Context = /*#__PURE__*/createContext({});
-/**
- * @deprecated
- * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const ParamsProvider = t0 => {
-  const $ = _c(3);
-  const {
-    children
-  } = t0;
-  const params = useNextParams();
-  let t1;
-  if ($[0] !== children || $[1] !== params) {
-    t1 = _jsx(Context, {
-      value: params,
-      children
-    });
-    $[0] = children;
-    $[1] = params;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-};
-/**
- * @deprecated
- * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.
- */
-export const useParams = () => use(Context);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useParams","useNextParams","Context","ParamsProvider","t0","$","children","params","t1","_jsx","value"],"sources":["../../../src/providers/Params/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use } from 'react'\n\nimport { useParams as useNextParams } from '../RouterAdapter/index.js'\n\nexport type Params = ReturnType<typeof useNextParams>\ninterface IParamsContext extends Params {}\n\nconst Context = createContext<IParamsContext>({} as IParamsContext)\n\n/**\n * @deprecated\n * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const ParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const params = useNextParams()\n  return <Context value={params}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `@payloadcms/ui` directly. See https://github.com/payloadcms/payload/pull/9581.\n */\nexport const useParams = (): IParamsContext => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,SAASC,SAAA,IAAaC,aAAa,QAAQ;AAK3C,MAAMC,OAAA,gBAAUJ,aAAA,CAA8B,CAAC;AAE/C;;;;AAIA,OAAO,MAAMK,cAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EACnF,MAAAG,MAAA,GAAeN,aAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,MAAA;IACRC,EAAA,GAAAC,IAAA,CAAAP,OAAA;MAAAQ,KAAA,EAAgBH,MAAA;MAAAD;IAAA,C;;;;;;;SAAhBE,E;CACT;AAEA;;;;AAIA,OAAO,MAAMR,SAAA,GAAYA,CAAA,KAAsBD,GAAA,CAAIG,OAAA","ignoreList":[]}

package/dist/providers/RouteTransition/ProgressBar/index.scss

@@ -1,23 +0,0 @@
-@layer payload-default {
-  .progress-bar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    z-index: 9999;
-    opacity: 1;
-
-    &__progress {
-      height: 100%;
-      background-color: var(--theme-elevation-1000);
-      transition: width ease-in var(--transition-duration);
-    }
-
-    &--fade-out {
-      opacity: 0;
-      transition: opacity linear var(--transition-duration);
-      transition-delay: var(--transition-duration);
-    }
-  }
-}

package/dist/providers/SearchParams/index.d.ts

@@ -1,27 +0,0 @@
-import * as qs from 'qs-esm';
-import React from 'react';
-export type SearchParamsContext = {
-    searchParams: qs.ParsedQs;
-    stringifyParams: ({ params, replace }: {
-        params: qs.ParsedQs;
-        replace?: boolean;
-    }) => string;
-};
-/**
- * @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 declare const SearchParamsProvider: React.FC<{
-    children?: React.ReactNode;
-}>;
-/**
- * @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 declare const useSearchParams: () => SearchParamsContext;
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/SearchParams/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/SearchParams/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAA;IACzB,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;QAAE,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,CAAA;CAC7F,CAAA;AASD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA2BzE,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,QAAO,mBAAmC,CAAA"}

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/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%);
-    }
-  }
-}