@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/elements/Hamburger/index.scss

@@ -4,117 +4,37 @@
   padding: 0;
   border: 0;
   cursor: pointer;
-  background-color: transparent;
+  background-color: var(--theme-bg);
   outline: none;
   position: relative;
-  @include blur-bg;
-
-  --hamburger-padding: 8px;
-  --hamburger-size: 9px;
-  --hamburger-line-gap: 3px;
-
   color: var(--theme-text);
+  box-shadow: 0px 0px 0px 1px var(--theme-elevation-150);
+  padding: base(0.1);
+  border-radius: 3px;
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  transition-property: box-shadow, background-color;
+  transition-duration: 100ms;
+  transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
 
-  &__wrapper {
-    border: 1px solid var(--theme-elevation-150);
-    padding: var(--hamburger-padding);
-    border-radius: 3px;
-    position: relative;
-    z-index: 1;
-    height: 100%;
-    width: 100%;
-
-    &:hover {
-      border: 1px solid var(--theme-elevation-500);
-      background-color: var(--theme-elevation-100);
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &__icon {
-    position: relative;
-    z-index: 1;
-    height: var(--hamburger-size);
-    width: var(--hamburger-size);
-    display: flex;
-    .stroke {
-      stroke: currentColor;
-      stroke-width: 1px;
-    }
-
-    svg {
-      height: 100%;
-    }
-  }
-
-  &__close-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    transform: translate3d(-50%, -50%, 0);
-  }
-
-  &__lines {
-    display: flex;
-    flex-direction: column;
-    gap: var(--hamburger-line-gap);
-    width: 100%;
-    margin: auto;
-  }
-
-  &__line {
-    background-color: currentColor;
-    width: 100%;
-    height: 1px;
-  }
-
-  &__x-left {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate3d(-50%, -50%, 0) rotate(45deg);
-  }
-
-  &__x-right {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
+  &:hover {
+    background-color: var(--theme-elevation-100);
+    box-shadow: 0px 0px 0px 1px var(--theme-elevation-500);
   }
 
-  &__collapse-chevron {
-    left: -1px;
-    position: relative;
+  &:focus {
+    outline: none;
   }
 
-  &--active {
-    .hamburger {
-      &__x,
-      &__collapse,
-      &__collapse-label {
-        display: block;
-        opacity: 1;
-      }
-
-      &__icon {
-        display: none;
-        opacity: 0;
-      }
-    }
+  &::after {
+    z-index: -1;
   }
 
-  @include mid-break {
-    &__collapse-chevron {
-      top: 1px;
-      left: 0px;
-    }
+  &__open-icon,
+  &__close-icon {
+    width: var(--hamburger-size);
+    height: var(--hamburger-size);
   }
 }

package/dist/elements/HydrateAuthProvider/index.d.ts

@@ -0,0 +1,13 @@
+import type { Permissions } from 'payload';
+/**
+ * The Auth Provider wraps the entire app
+ * but each page has specific permissions
+ *
+ * i.e. access control on documents/fields on a document
+ */
+type Props = {
+    permissions: Permissions;
+};
+export declare function HydrateAuthProvider({ permissions }: Props): any;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/HydrateAuthProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C;;;;;GAKG;AAEH,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AACD,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,OAQzD"}

package/dist/elements/HydrateAuthProvider/index.js

@@ -0,0 +1,32 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+export function HydrateAuthProvider(t0) {
+  const $ = _c(4);
+  const {
+    permissions
+  } = t0;
+  const {
+    setPermissions
+  } = useAuth();
+  let t1;
+  let t2;
+  if ($[0] !== setPermissions || $[1] !== permissions) {
+    t1 = () => {
+      setPermissions(permissions);
+    };
+    t2 = [permissions, setPermissions];
+    $[0] = setPermissions;
+    $[1] = permissions;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/HydrateAuthProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useAuth","HydrateAuthProvider","t0","$","permissions","setPermissions","t1","t2"],"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Permissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: Permissions\n}\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,OAAO,QAAQ;AAYxB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA6B;IAAAM;EAAA,IAAAF,EAAsB;EACxD;IAAAG;EAAA,IAA2BL,OAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAC,WAAA;IAEjBE,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAeD,WAAA;IAAA;IACdG,EAAA,IAACH,WAAA,EAAaC,cAAA;IAAeF,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFhCJ,SAAA,CAAUO,EAEV,EAAGC,EAA6B;EAAA;AAAA","ignoreList":[]}

package/dist/elements/IDLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAUjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAUjF,CAAA"}

package/dist/elements/IDLabel/index.js

@@ -1,11 +1,16 @@
+'use client';
+
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import './index.scss';
 const baseClass = 'id-label';
-export const IDLabel = ({ id, className, prefix = 'ID:' })=>/*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        title: id
-    }, prefix, "  ", id);
-
+export const IDLabel = ({
+  id,
+  className,
+  prefix = 'ID:'
+}) => /*#__PURE__*/_jsxs("div", {
+  className: [baseClass, className].filter(Boolean).join(' '),
+  title: id,
+  children: [prefix, " ", id]
+});
 //# sourceMappingURL=index.js.map

package/dist/elements/IDLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => (\n  <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n    {prefix}\n    &nbsp;&nbsp;\n    {id}\n  </div>\n)\n"],"names":["React","baseClass","IDLabel","id","className","prefix","div","filter","Boolean","join","title"],"rangeMappings":";;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf,iBACC,oBAACC;QAAIF,WAAW;YAACH;YAAWG;SAAU,CAACG,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOP;OACtEE,QAAO,MAEPF,IAEJ"}
+{"version":3,"file":"index.js","names":["React","baseClass","IDLabel","id","className","prefix","_jsxs","filter","Boolean","join","title"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => (\n  <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n    {prefix}\n    &nbsp;\n    {id}\n  </div>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAyEA,CAAC;EACrFC,EAAE;EACFC,SAAS;EACTC,MAAA,GAAS;AAAK,CACf,kBACCC,KAAA,CAAC;EAAIF,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAAMC,KAAA,EAAOP,EAAA;aACtEE,MAAA,EAAO,KAEPF,EAAA","ignoreList":[]}

package/dist/elements/IDLabel/index.scss

@@ -1,11 +1,12 @@
 @import '../../scss/styles';
 
 .id-label {
-  font-size: base(0.75);
+  font-size: base(0.8);
+  line-height: base(1.2);
   font-weight: normal;
-  color: var(--theme-elevation-400);
+  color: var(--theme-elevation-600);
   background: var(--theme-elevation-100);
-  padding: base(0.25) base(0.5);
+  padding: base(0.2) base(0.4);
   border-radius: $style-radius-m;
   display: inline-flex;
 }

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts

@@ -1,3 +1,3 @@
-import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
-export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fieldMap: FieldMap) => MappedField[];
+import type { ClientField } from 'payload';
+export declare const getTextFieldsToBeSearched: (listSearchableFields: string[], fields: ClientField[]) => ClientField[];
 //# sourceMappingURL=getTextFieldsToBeSearched.d.ts.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAEpG,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,yBAE7B,WAAW,EASb,CAAA"}
+{"version":3,"file":"getTextFieldsToBeSearched.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,eAAO,MAAM,yBAAyB,yBACd,MAAM,EAAE,UACtB,WAAW,EAAE,KACpB,WAAW,EASb,CAAA"}

package/dist/elements/ListControls/getTextFieldsToBeSearched.js

@@ -1,10 +1,12 @@
-import { flattenFieldMap } from '@payloadcms/ui/utilities/flattenFieldMap';
-export const getTextFieldsToBeSearched = (listSearchableFields, fieldMap)=>{
-    if (listSearchableFields) {
-        const flattenedFields = flattenFieldMap(fieldMap);
-        return flattenedFields.filter((field)=>field.isFieldAffectingData && listSearchableFields.includes(field.name));
-    }
-    return null;
-};
+'use client';
 
+import { fieldAffectsData } from 'payload/shared';
+import { flattenFieldMap } from '../../utilities/flattenFieldMap.js';
+export const getTextFieldsToBeSearched = (listSearchableFields, fields) => {
+  if (listSearchableFields) {
+    const flattenedFields = flattenFieldMap(fields);
+    return flattenedFields.filter(field => fieldAffectsData(field) && listSearchableFields.includes(field.name));
+  }
+  return null;
+};
 //# sourceMappingURL=getTextFieldsToBeSearched.js.map

package/dist/elements/ListControls/getTextFieldsToBeSearched.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["import { flattenFieldMap } from '@payloadcms/ui/utilities/flattenFieldMap'\n\nimport type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fieldMap: FieldMap,\n): MappedField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenFieldMap(fieldMap)\n    return flattenedFields.filter(\n      (field) => field.isFieldAffectingData && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"names":["flattenFieldMap","getTextFieldsToBeSearched","listSearchableFields","fieldMap","flattenedFields","filter","field","isFieldAffectingData","includes","name"],"rangeMappings":";;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,2CAA0C;AAI1E,OAAO,MAAMC,4BAA4B,CACvCC,sBACAC;IAEA,IAAID,sBAAsB;QACxB,MAAME,kBAAkBJ,gBAAgBG;QACxC,OAAOC,gBAAgBC,MAAM,CAC3B,CAACC,QAAUA,MAAMC,oBAAoB,IAAIL,qBAAqBM,QAAQ,CAACF,MAAMG,IAAI;IAErF;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"getTextFieldsToBeSearched.js","names":["fieldAffectsData","flattenFieldMap","getTextFieldsToBeSearched","listSearchableFields","fields","flattenedFields","filter","field","includes","name"],"sources":["../../../src/elements/ListControls/getTextFieldsToBeSearched.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nimport { flattenFieldMap } from '../../utilities/flattenFieldMap.js'\n\nexport const getTextFieldsToBeSearched = (\n  listSearchableFields: string[],\n  fields: ClientField[],\n): ClientField[] => {\n  if (listSearchableFields) {\n    const flattenedFields = flattenFieldMap(fields)\n    return flattenedFields.filter(\n      (field) => fieldAffectsData(field) && listSearchableFields.includes(field.name),\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAEjC,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,oBAAA,EACAC,MAAA;EAEA,IAAID,oBAAA,EAAsB;IACxB,MAAME,eAAA,GAAkBJ,eAAA,CAAgBG,MAAA;IACxC,OAAOC,eAAA,CAAgBC,MAAM,CAC1BC,KAAA,IAAUP,gBAAA,CAAiBO,KAAA,KAAUJ,oBAAA,CAAqBK,QAAQ,CAACD,KAAA,CAAME,IAAI;EAElF;EAEA,OAAO;AACT","ignoreList":[]}

package/dist/elements/ListControls/index.d.ts

@@ -1,15 +1,14 @@
-import type { ClientCollectionConfig, Where } from 'payload/types';
+import type { ClientCollectionConfig, ClientField, Where } from 'payload';
 import React from 'react';
-import type { FieldMap } from '../../utilities/buildComponentMap.js';
 import './index.scss';
 export type ListControlsProps = {
-    collectionConfig: ClientCollectionConfig;
-    enableColumns?: boolean;
-    enableSort?: boolean;
-    fieldMap: FieldMap;
-    handleSearchChange?: (search: string) => void;
-    handleSortChange?: (sort: string) => void;
-    handleWhereChange?: (where: Where) => void;
+    readonly collectionConfig: ClientCollectionConfig;
+    readonly enableColumns?: boolean;
+    readonly enableSort?: boolean;
+    readonly fields: ClientField[];
+    readonly handleSearchChange?: (search: string) => void;
+    readonly handleSortChange?: (sort: string) => void;
+    readonly handleWhereChange?: (where: Where) => void;
 };
 /**
  * The ListControls component is used to render the controls (search, filter, where)

package/dist/elements/ListControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAsB,KAAK,EAAE,MAAM,eAAe,CAAA;AAItF,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAgBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,QAAQ,CAAA;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgIpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAuBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8LpD,CAAA"}