@payloadcms/ui 3.0.0-beta.48 → 3.0.0-beta.49

package/dist/templates/Default/index.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { AppHeader } from '../../elements/AppHeader/index.js';
-import { NavToggler } from '../../elements/Nav/NavToggler/index.js';
-import { DefaultNav } from '../../elements/Nav/index.js';
-import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
-import { EntityVisibilityProvider } from '../../providers/EntityVisibility/index.js';
-import { NavHamburger } from './NavHamburger/index.js';
-import { Wrapper } from './Wrapper/index.js';
-const baseClass = 'template-default';
-export const DefaultTemplate = ({ children, className, i18n, locale, params, payload, permissions, searchParams, user, visibleEntities })=>{
-    const { admin: { components: { Nav: CustomNav } = {
-        Nav: undefined
-    } } = {} } = payload.config || {};
-    const navProps = {
-        i18n,
-        locale,
-        params,
-        payload,
-        permissions,
-        searchParams,
-        user
-    };
-    return /*#__PURE__*/ _jsx(EntityVisibilityProvider, {
-        visibleEntities: visibleEntities,
-        children: /*#__PURE__*/ _jsxs("div", {
-            children: [
-                /*#__PURE__*/ _jsx("div", {
-                    className: `${baseClass}__nav-toggler-wrapper`,
-                    id: "nav-toggler",
-                    children: /*#__PURE__*/ _jsx(NavToggler, {
-                        className: `${baseClass}__nav-toggler`,
-                        children: /*#__PURE__*/ _jsx(NavHamburger, {})
-                    })
-                }),
-                /*#__PURE__*/ _jsxs(Wrapper, {
-                    baseClass: baseClass,
-                    className: className,
-                    children: [
-                        /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                            CustomComponent: CustomNav,
-                            DefaultComponent: DefaultNav,
-                            componentProps: navProps,
-                            serverOnlyProps: {
-                                i18n,
-                                locale,
-                                params,
-                                payload,
-                                permissions,
-                                searchParams,
-                                user
-                            }
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: `${baseClass}__wrap`,
-                            children: [
-                                /*#__PURE__*/ _jsx(AppHeader, {}),
-                                children
-                            ]
-                        })
-                    ]
-                })
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=index.js.map

package/dist/templates/Default/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload/config'\nimport type { VisibleEntities } from 'payload/types'\n\nimport React from 'react'\n\nimport type { NavProps } from '../../elements/Nav/index.js'\n\nimport { AppHeader } from '../../elements/AppHeader/index.js'\nimport { NavToggler } from '../../elements/Nav/NavToggler/index.js'\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { EntityVisibilityProvider } from '../../providers/EntityVisibility/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = ServerProps & {\n  children?: React.ReactNode\n  className?: string\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  i18n,\n  locale,\n  params,\n  payload,\n  permissions,\n  searchParams,\n  user,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      components: { Nav: CustomNav } = {\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const navProps: NavProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <div>\n        <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n          <NavToggler className={`${baseClass}__nav-toggler`}>\n            <NavHamburger />\n          </NavToggler>\n        </div>\n        <Wrapper baseClass={baseClass} className={className}>\n          <RenderCustomComponent\n            CustomComponent={CustomNav}\n            DefaultComponent={DefaultNav}\n            componentProps={navProps}\n            serverOnlyProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n          <div className={`${baseClass}__wrap`}>\n            <AppHeader />\n            {children}\n          </div>\n        </Wrapper>\n      </div>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["React","AppHeader","NavToggler","DefaultNav","RenderCustomComponent","EntityVisibilityProvider","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","i18n","locale","params","payload","permissions","searchParams","user","visibleEntities","admin","components","Nav","CustomNav","undefined","config","navProps","div","id","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAG5C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAkD,CAAC,EAC9DC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,eAAe,EAChB;IACC,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QAC/BD,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGT,QAAQU,MAAM,IAAI,CAAC;IAEvB,MAAMC,WAAqB;QACzBd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,KAACb;QAAyBc,iBAAiBA;kBACzC,cAAA,MAACQ;;8BACC,KAACA;oBAAIhB,WAAW,CAAC,EAAEH,UAAU,qBAAqB,CAAC;oBAAEoB,IAAG;8BACtD,cAAA,KAAC1B;wBAAWS,WAAW,CAAC,EAAEH,UAAU,aAAa,CAAC;kCAChD,cAAA,KAACF;;;8BAGL,MAACC;oBAAQC,WAAWA;oBAAWG,WAAWA;;sCACxC,KAACP;4BACCyB,iBAAiBN;4BACjBO,kBAAkB3B;4BAClB4B,gBAAgBL;4BAChBM,iBAAiB;gCACfpB;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;4BACF;;sCAEF,MAACS;4BAAIhB,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;;8CAClC,KAACP;gCACAS;;;;;;;;AAMb,EAAC"}

package/dist/templates/Default/index.scss

@@ -1,67 +0,0 @@
-@import '../../scss/styles.scss';
-
-.template-default {
-  background-color: var(--theme-bg);
-  color: var(--theme-text);
-
-  [dir='rtl'] &__nav-toggler-wrapper {
-    left: unset;
-    right: 0;
-  }
-
-  &__nav-toggler-wrapper {
-    position: fixed;
-    z-index: var(--z-modal);
-    top: 0;
-    left: 0;
-    height: var(--app-header-height);
-    width: var(--gutter-h);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__wrap {
-    min-width: 0;
-    width: 100%;
-    flex-grow: 1;
-    position: relative;
-    background-color: var(--theme-bg);
-    &:before {
-      content: '';
-      display: block;
-      position: absolute;
-      inset: 0;
-      background-color: inherit;
-      opacity: 0;
-      z-index: var(--z-status);
-      visibility: hidden;
-      transition: all var(--nav-trans-time) linear;
-    }
-  }
-
-  @include mid-break {
-    &__nav-toggler-wrapper {
-      .hamburger {
-        left: unset;
-      }
-    }
-  }
-
-  @include small-break {
-    &__nav-toggler-wrapper {
-      width: unset;
-      justify-content: unset;
-
-      .hamburger {
-        display: none;
-      }
-    }
-
-    .template-default {
-      &__wrap {
-        min-width: 100vw;
-      }
-    }
-  }
-}

package/dist/templates/Minimal/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.scss';
-export type MinimalTemplateProps = {
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    width?: 'normal' | 'wide';
-};
-export declare const MinimalTemplate: React.FC<MinimalTemplateProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/templates/Minimal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/Minimal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAU1D,CAAA"}

package/dist/templates/Minimal/index.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-const baseClass = 'template-minimal';
-export const MinimalTemplate = (props)=>{
-    const { children, className, style = {}, width = 'normal' } = props;
-    const classes = [
-        className,
-        baseClass,
-        `${baseClass}--width-${width}`
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("section", {
-        className: classes,
-        style: style,
-        children: /*#__PURE__*/ _jsx("div", {
-            className: `${baseClass}__wrap`,
-            children: children
-        })
-    });
-};
-
-//# sourceMappingURL=index.js.map

package/dist/templates/Minimal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/templates/Minimal/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'template-minimal'\n\nexport type MinimalTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  width?: 'normal' | 'wide'\n}\n\nexport const MinimalTemplate: React.FC<MinimalTemplateProps> = (props) => {\n  const { children, className, style = {}, width = 'normal' } = props\n\n  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')\n\n  return (\n    <section className={classes} style={style}>\n      <div className={`${baseClass}__wrap`}>{children}</div>\n    </section>\n  )\n}\n"],"names":["React","baseClass","MinimalTemplate","props","children","className","style","width","classes","filter","Boolean","join","section","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC,EAAEC,QAAQ,QAAQ,EAAE,GAAGJ;IAE9D,MAAMK,UAAU;QAACH;QAAWJ;QAAW,CAAC,EAAEA,UAAU,QAAQ,EAAEM,MAAM,CAAC;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5F,qBACE,KAACC;QAAQP,WAAWG;QAASF,OAAOA;kBAClC,cAAA,KAACO;YAAIR,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;sBAAGG;;;AAG7C,EAAC"}

package/dist/templates/Minimal/index.scss

@@ -1,28 +0,0 @@
-@import '../../scss/styles';
-
-.template-minimal {
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  padding: base(3) $baseline;
-  margin-left: auto;
-  margin-right: auto;
-  min-height: 100%;
-  background-color: var(--theme-bg-color);
-  color: var(--theme-text);
-
-  &--width-normal {
-    .template-minimal__wrap {
-      max-width: 500px;
-      width: 100%;
-    }
-  }
-
-  &--width-wide {
-    .template-minimal__wrap {
-      max-width: 1024px;
-      width: 100%;
-    }
-  }
-}