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

package/dist/forms/fields/Group/index.js

@@ -1,70 +0,0 @@
-'use client';
-import React, { Fragment } from 'react';
-import { useCollapsible } from '../../../elements/Collapsible/provider.js';
-import { ErrorPill } from '../../../elements/ErrorPill/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { FieldPathProvider, useFieldPath } from '../../FieldPathProvider/index.js';
-import LabelComp from '../../Label/index.js';
-import RenderFields from '../../RenderFields/index.js';
-import { WatchChildErrors } from '../../WatchChildErrors/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { useRow } from '../Row/provider.js';
-import { useTabs } from '../Tabs/provider.js';
-import { fieldBaseClass } from '../shared.js';
-import { GroupProvider, useGroup } from './provider.js';
-const baseClass = 'group-field';
-const Group = (props)=>{
-    const { name, Description, Label: LabelFromProps, className, fieldMap, hideGutter, label, required, style, width } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    const { path, schemaPath } = useFieldPath();
-    const { i18n } = useTranslation();
-    const isWithinCollapsible = useCollapsible();
-    const isWithinGroup = useGroup();
-    const isWithinRow = useRow();
-    const isWithinTab = useTabs();
-    const [errorCount, setErrorCount] = React.useState(undefined);
-    const fieldHasErrors = errorCount > 0;
-    const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(WatchChildErrors, {
-        fieldMap: fieldMap,
-        path: path,
-        setErrorCount: setErrorCount
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            isTopLevel && `${baseClass}--top-level`,
-            isWithinCollapsible && `${baseClass}--within-collapsible`,
-            isWithinGroup && `${baseClass}--within-group`,
-            isWithinRow && `${baseClass}--within-row`,
-            isWithinTab && `${baseClass}--within-tab`,
-            !hideGutter && isWithinGroup && `${baseClass}--gutter`,
-            fieldHasErrors && `${baseClass}--has-error`,
-            className
-        ].filter(Boolean).join(' '),
-        id: `field-${path?.replace(/\./g, '__')}`,
-        style: {
-            ...style,
-            width
-        }
-    }, /*#__PURE__*/ React.createElement(FieldPathProvider, {
-        path: path,
-        schemaPath: schemaPath
-    }, /*#__PURE__*/ React.createElement(GroupProvider, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header`
-    }, (Label || Description) && /*#__PURE__*/ React.createElement("header", null, Label, Description), fieldHasErrors && /*#__PURE__*/ React.createElement(ErrorPill, {
-        count: errorCount,
-        i18n: i18n,
-        withMessage: true
-    })), /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: fieldMap
-    }))))));
-};
-export default withCondition(Group);
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/Group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useCollapsible } from '../../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../../elements/ErrorPill/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { FieldPathProvider, useFieldPath } from '../../FieldPathProvider/index.js'\nimport LabelComp from '../../Label/index.js'\nimport RenderFields from '../../RenderFields/index.js'\nimport { WatchChildErrors } from '../../WatchChildErrors/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nconst Group: React.FC<Props> = (props) => {\n  const {\n    name,\n    Description,\n    Label: LabelFromProps,\n    className,\n    fieldMap,\n    hideGutter,\n    label,\n    required,\n    style,\n    width,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  const { path, schemaPath } = useFieldPath()\n  const { i18n } = useTranslation()\n  const isWithinCollapsible = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const [errorCount, setErrorCount] = React.useState(undefined)\n  const fieldHasErrors = errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <Fragment>\n      <WatchChildErrors fieldMap={fieldMap} path={path} setErrorCount={setErrorCount} />\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          isTopLevel && `${baseClass}--top-level`,\n          isWithinCollapsible && `${baseClass}--within-collapsible`,\n          isWithinGroup && `${baseClass}--within-group`,\n          isWithinRow && `${baseClass}--within-row`,\n          isWithinTab && `${baseClass}--within-tab`,\n          !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n          fieldHasErrors && `${baseClass}--has-error`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${path?.replace(/\\./g, '__')}`}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <FieldPathProvider path={path} schemaPath={schemaPath}>\n          <GroupProvider>\n            <div className={`${baseClass}__wrap`}>\n              <div className={`${baseClass}__header`}>\n                {(Label || Description) && (\n                  <header>\n                    {Label}\n                    {Description}\n                  </header>\n                )}\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              <RenderFields fieldMap={fieldMap} />\n            </div>\n          </GroupProvider>\n        </FieldPathProvider>\n      </div>\n    </Fragment>\n  )\n}\n\nexport default withCondition(Group)\n"],"names":["React","Fragment","useCollapsible","ErrorPill","useTranslation","FieldPathProvider","useFieldPath","LabelComp","RenderFields","WatchChildErrors","withCondition","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","Group","props","name","Description","Label","LabelFromProps","className","fieldMap","hideGutter","label","required","style","width","path","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorCount","setErrorCount","useState","undefined","fieldHasErrors","isTopLevel","div","filter","Boolean","join","id","replace","header","count","withMessage"],"mappings":"AAAA;AACA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,cAAc,QAAQ,4CAA2C;AAC1E,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,iBAAiB,EAAEC,YAAY,QAAQ,mCAAkC;AAClF,OAAOC,eAAe,uBAAsB;AAC5C,OAAOC,kBAAkB,8BAA6B;AACtD,SAASC,gBAAgB,QAAQ,kCAAiC;AAClE,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,OAAO,QAAQ,sBAAqB;AAC7C,SAASC,cAAc,QAAQ,eAAc;AAE7C,SAASC,aAAa,EAAEC,QAAQ,QAAQ,gBAAe;AAEvD,MAAMC,YAAY;AAElB,MAAMC,QAAyB,CAACC;IAC9B,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,OAAOC,cAAc,EACrBC,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACN,GAAGX;IAEJ,MAAMG,QAAQC,gCAAkB,oBAACf;QAAUmB,OAAOA;QAAOC,UAAUA;;IAEnE,MAAM,EAAEG,IAAI,EAAEC,UAAU,EAAE,GAAGzB;IAC7B,MAAM,EAAE0B,IAAI,EAAE,GAAG5B;IACjB,MAAM6B,sBAAsB/B;IAC5B,MAAMgC,gBAAgBnB;IACtB,MAAMoB,cAAcxB;IACpB,MAAMyB,cAAcxB;IACpB,MAAM,CAACyB,YAAYC,cAAc,GAAGtC,MAAMuC,QAAQ,CAACC;IACnD,MAAMC,iBAAiBJ,aAAa;IAEpC,MAAMK,aAAa,CAAET,CAAAA,uBAAuBC,iBAAiBC,WAAU;IAEvE,qBACE,oBAAClC,8BACC,oBAACQ;QAAiBe,UAAUA;QAAUM,MAAMA;QAAMQ,eAAeA;sBACjE,oBAACK;QACCpB,WAAW;YACTV;YACAG;YACA0B,cAAc,CAAC,EAAE1B,UAAU,WAAW,CAAC;YACvCiB,uBAAuB,CAAC,EAAEjB,UAAU,oBAAoB,CAAC;YACzDkB,iBAAiB,CAAC,EAAElB,UAAU,cAAc,CAAC;YAC7CmB,eAAe,CAAC,EAAEnB,UAAU,YAAY,CAAC;YACzCoB,eAAe,CAAC,EAAEpB,UAAU,YAAY,CAAC;YACzC,CAACS,cAAcS,iBAAiB,CAAC,EAAElB,UAAU,QAAQ,CAAC;YACtDyB,kBAAkB,CAAC,EAAEzB,UAAU,WAAW,CAAC;YAC3CO;SACD,CACEqB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,IAAI,CAAC,MAAM,EAAEjB,MAAMkB,QAAQ,OAAO,MAAM,CAAC;QACzCpB,OAAO;YACL,GAAGA,KAAK;YACRC;QACF;qBAEA,oBAACxB;QAAkByB,MAAMA;QAAMC,YAAYA;qBACzC,oBAACjB,mCACC,oBAAC6B;QAAIpB,WAAW,CAAC,EAAEP,UAAU,MAAM,CAAC;qBAClC,oBAAC2B;QAAIpB,WAAW,CAAC,EAAEP,UAAU,QAAQ,CAAC;OACnC,AAACK,CAAAA,SAASD,WAAU,mBACnB,oBAAC6B,gBACE5B,OACAD,cAGJqB,gCAAkB,oBAACtC;QAAU+C,OAAOb;QAAYL,MAAMA;QAAMmB,aAAAA;uBAE/D,oBAAC3C;QAAagB,UAAUA;;AAOtC;AAEA,eAAed,cAAcO,OAAM"}

package/dist/forms/fields/Group/index.scss

@@ -1,145 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.group-field {
-  margin-left: calc(var(--gutter-h) * -1);
-  margin-right: calc(var(--gutter-h) * -1);
-  border-bottom: 1px solid var(--theme-elevation-100);
-  border-top: 1px solid var(--theme-elevation-100);
-
-  &--top-level {
-    padding: base(2) var(--gutter-h);
-
-    &:first-child {
-      padding-top: 0;
-      border-top: 0;
-    }
-  }
-
-  &--within-collapsible {
-    margin-left: calc(var(--base) * -1);
-    margin-right: calc(var(--base) * -1);
-    padding: var(--base);
-
-    &:first-child {
-      border-top: 0;
-      padding-top: 0;
-      margin-top: 0;
-    }
-
-    &:last-child {
-      padding-bottom: 0;
-      border-bottom: 0;
-    }
-  }
-
-  &--within-group {
-    margin-left: 0;
-    margin-right: 0;
-    padding: 0;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  &--within-row {
-    margin: 0;
-    border-top: 0;
-    border-bottom: 0;
-  }
-
-  &--within-tab:first-child {
-    margin-top: 0;
-    border-top: 0;
-    padding-top: 0;
-  }
-
-  &--within-tab:last-child {
-    margin-bottom: 0;
-    border-bottom: 0;
-    padding-bottom: 0;
-  }
-
-  &--gutter {
-    border-left: 1px solid var(--theme-elevation-100);
-    padding: 0 0 0 $baseline;
-  }
-
-  &__header {
-    margin-bottom: calc(var(--base) / 2);
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-
-    > header {
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-  }
-
-  &__title {
-    margin-bottom: 0;
-  }
-
-  @include small-break {
-    &--top-level {
-      padding: var(--base) var(--gutter-h);
-
-      &:first-child {
-        padding-top: 0;
-        border-top: 0;
-      }
-    }
-
-    &__header {
-      margin-bottom: calc(var(--base) / 2);
-    }
-
-    &--within-collapsible {
-      margin-left: calc(var(--gutter-h) * -1);
-      margin-right: calc(var(--gutter-h) * -1);
-    }
-
-    &--within-group {
-      padding: 0;
-    }
-
-    &--gutter {
-      padding-left: var(--gutter-h);
-    }
-  }
-}
-
-.group-field + .group-field {
-  border-top: 0;
-  padding-top: 0;
-}
-
-.group-field--within-row + .group-field--within-row {
-  margin-top: 0;
-}
-
-.group-field--within-tab + .group-field--within-row {
-  padding-top: 0;
-}
-
-html[data-theme='light'] {
-  .group-field {
-    &--has-error {
-      color: var(--theme-error-750);
-      &:after {
-        background: var(--theme-error-500);
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .group-field {
-    &--has-error {
-      color: var(--theme-error-500);
-      &:after {
-        background: var(--theme-error-500);
-      }
-    }
-  }
-}

package/dist/forms/fields/Group/provider.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const Context: React.Context<boolean>;
-export declare const GroupProvider: React.FC<{
-    children?: React.ReactNode;
-    withinGroup?: boolean;
-}>;
-export declare const useGroup: () => boolean;
-export default Context;
-//# sourceMappingURL=provider.d.ts.map

package/dist/forms/fields/Group/provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Group/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,QAAA,MAAM,OAAO,wBAAuB,CAAA;AAEpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAKzF,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,OAA8B,CAAA;AAE1D,eAAe,OAAO,CAAA"}

package/dist/forms/fields/Group/provider.js

@@ -1,12 +0,0 @@
-'use client';
-import React, { createContext, useContext } from 'react';
-const Context = /*#__PURE__*/ createContext(false);
-export const GroupProvider = ({ children, withinGroup = true })=>{
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: withinGroup
-    }, children);
-};
-export const useGroup = ()=>useContext(Context);
-export default Context;
-
-//# sourceMappingURL=provider.js.map

package/dist/forms/fields/Group/provider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nconst Context = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <Context.Provider value={withinGroup}>{children}</Context.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(Context)\n\nexport default Context\n"],"names":["React","createContext","useContext","Context","GroupProvider","children","withinGroup","Provider","value","useGroup"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,MAAMC,wBAAUF,cAAc;AAE9B,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,oBAACH,QAAQI,QAAQ;QAACC,OAAOF;OAAcD;AAChD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,SAAQ;AAE1D,eAAeA,QAAO"}

package/dist/forms/fields/Group/types.d.ts

@@ -1,10 +0,0 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    forceRender?: boolean;
-    hideGutter?: boolean;
-    indexPath: string;
-    name?: string;
-    permissions: FieldPermissions;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Group/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;CAC9B,CAAA"}

package/dist/forms/fields/Group/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/forms/fields/Group/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Group/types.ts"],"sourcesContent":["import type { FieldPermissions } from 'payload/auth'\n\nimport type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  forceRender?: boolean\n  hideGutter?: boolean\n  indexPath: string\n  name?: string\n  permissions: FieldPermissions\n}\n"],"names":[],"mappings":"AAIA,WAMC"}

package/dist/forms/fields/HiddenInput/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-declare const _default: React.FC<Props>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/HiddenInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/HiddenInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;;AAiCvC,wBAAyC"}

package/dist/forms/fields/HiddenInput/index.js

@@ -1,32 +0,0 @@
-'use client';
-import React, { useEffect } from 'react';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-/**
- * This is mainly used to save a value on the form that is not visible to the user.
- * For example, this sets the `ìd` property of a block in the Blocks field.
- */ const HiddenInput = (props)=>{
-    const { name, disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props;
-    const { path, setValue, value } = useField({
-        path: pathFromProps || name
-    });
-    useEffect(()=>{
-        if (valueFromProps !== undefined) {
-            setValue(valueFromProps, disableModifyingForm);
-        }
-    }, [
-        valueFromProps,
-        setValue,
-        disableModifyingForm
-    ]);
-    return /*#__PURE__*/ React.createElement("input", {
-        id: `field-${path?.replace(/\./g, '__')}`,
-        name: path,
-        onChange: setValue,
-        type: "hidden",
-        value: value || ''
-    });
-};
-export default withCondition(HiddenInput);
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/HiddenInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/HiddenInput/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport type { Props } from './types.js'\n\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenInput: React.FC<Props> = (props) => {\n  const { name, disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { path, setValue, value } = useField({\n    path: pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport default withCondition(HiddenInput)\n"],"names":["React","useEffect","useField","withCondition","HiddenInput","props","name","disableModifyingForm","path","pathFromProps","value","valueFromProps","setValue","undefined","input","id","replace","onChange","type"],"mappings":"AAAA;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAIxC,OAAOC,cAAc,0BAAyB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAE5D;;;CAGC,GACD,MAAMC,cAA+B,CAACC;IACpC,MAAM,EAAEC,IAAI,EAAEC,uBAAuB,IAAI,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAE,GAAGN;IAE1F,MAAM,EAAEG,IAAI,EAAEI,QAAQ,EAAEF,KAAK,EAAE,GAAGR,SAAS;QACzCM,MAAMC,iBAAiBH;IACzB;IAEAL,UAAU;QACR,IAAIU,mBAAmBE,WAAW;YAChCD,SAASD,gBAAgBJ;QAC3B;IACF,GAAG;QAACI;QAAgBC;QAAUL;KAAqB;IAEnD,qBACE,oBAACO;QACCC,IAAI,CAAC,MAAM,EAAEP,MAAMQ,QAAQ,OAAO,MAAM,CAAC;QACzCV,MAAME;QACNS,UAAUL;QACVM,MAAK;QACLR,OAAO,AAACA,SAAoB;;AAGlC;AAEA,eAAeP,cAAcC,aAAY"}

package/dist/forms/fields/HiddenInput/types.d.ts

@@ -1,7 +0,0 @@
-export type Props = {
-    disableModifyingForm?: false;
-    name: string;
-    path?: string;
-    value?: unknown;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/HiddenInput/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/HiddenInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,oBAAoB,CAAC,EAAE,KAAK,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/dist/forms/fields/HiddenInput/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/forms/fields/HiddenInput/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/HiddenInput/types.ts"],"sourcesContent":["export type Props = {\n  disableModifyingForm?: false\n  name: string\n  path?: string\n  value?: unknown\n}\n"],"names":[],"mappings":"AAAA,WAKC"}

package/dist/forms/fields/JSON/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-declare const _default: React.FC<Props>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/JSON/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAOvC,OAAO,cAAc,CAAA;;AA4GrB,wBAAuC"}

package/dist/forms/fields/JSON/index.js

@@ -1,82 +0,0 @@
-'use client';
-import React, { useCallback, useEffect, useState } from 'react';
-import { CodeEditor } from '../../../elements/CodeEditor/index.js';
-import LabelComp from '../../Label/index.js';
-import useField from '../../useField/index.js';
-import { withCondition } from '../../withCondition/index.js';
-import { fieldBaseClass } from '../shared.js';
-const baseClass = 'json-field';
-const JSONField = (props)=>{
-    const { name, AfterInput, BeforeInput, Description, Error, Label: LabelFromProps, className, label, path: pathFromProps, readOnly, required, style, validate, width } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    // eslint-disable-next-line react/destructuring-assignment
-    const editorOptions = 'editorOptions' in props ? props.editorOptions : {};
-    const [stringValue, setStringValue] = useState();
-    const [jsonError, setJsonError] = useState();
-    const [hasLoadedValue, setHasLoadedValue] = useState(false);
-    const memoizedValidate = useCallback((value, options)=>{
-        if (typeof validate === 'function') return validate(value, {
-            ...options,
-            jsonError,
-            required
-        });
-    }, [
-        validate,
-        required,
-        jsonError
-    ]);
-    const { initialValue, // path,
-    setValue, showError, value } = useField({
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const handleChange = useCallback((val)=>{
-        if (readOnly) return;
-        setStringValue(val);
-        try {
-            setValue(val ? JSON.stringify(JSON.parse(val)) : null);
-            setJsonError(undefined);
-        } catch (e) {
-            setValue(val ? val : null);
-            setJsonError(e);
-        }
-    }, [
-        readOnly,
-        setValue,
-        setStringValue
-    ]);
-    useEffect(()=>{
-        if (hasLoadedValue) return;
-        setStringValue(value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '');
-        setHasLoadedValue(true);
-    }, [
-        initialValue,
-        value,
-        hasLoadedValue
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            showError && 'error',
-            readOnly && 'read-only'
-        ].filter(Boolean).join(' '),
-        style: {
-            ...style,
-            width
-        }
-    }, Error, Label, /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement(CodeEditor, {
-        defaultLanguage: "json",
-        onChange: handleChange,
-        options: editorOptions,
-        readOnly: readOnly,
-        value: stringValue
-    }), AfterInput), Description);
-};
-export default withCondition(JSONField);
-
-//# sourceMappingURL=index.js.map

package/dist/forms/fields/JSON/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { CodeEditor } from '../../../elements/CodeEditor/index.js'\nimport LabelComp from '../../Label/index.js'\nimport useField from '../../useField/index.js'\nimport { withCondition } from '../../withCondition/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nconst JSONField: React.FC<Props> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    Description,\n    Error,\n    Label: LabelFromProps,\n    className,\n    label,\n    path: pathFromProps,\n    readOnly,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  // eslint-disable-next-line react/destructuring-assignment\n  const editorOptions = 'editorOptions' in props ? props.editorOptions : {}\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, jsonError, required })\n    },\n    [validate, required, jsonError],\n  )\n\n  const {\n    initialValue,\n    // path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.stringify(JSON.parse(val)) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue) return\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      {Label}\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      {Description}\n    </div>\n  )\n}\n\nexport default withCondition(JSONField)\n"],"names":["React","useCallback","useEffect","useState","CodeEditor","LabelComp","useField","withCondition","fieldBaseClass","baseClass","JSONField","props","name","AfterInput","BeforeInput","Description","Error","Label","LabelFromProps","className","label","path","pathFromProps","readOnly","required","style","validate","width","editorOptions","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","initialValue","setValue","showError","handleChange","val","JSON","stringify","parse","undefined","e","div","filter","Boolean","join","defaultLanguage","onChange"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAI/D,SAASC,UAAU,QAAQ,wCAAuC;AAClE,OAAOC,eAAe,uBAAsB;AAC5C,OAAOC,cAAc,0BAAyB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,SAASC,cAAc,QAAQ,eAAc;AAG7C,MAAMC,YAAY;AAElB,MAAMC,YAA6B,CAACC;IAClC,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,OAAOC,cAAc,EACrBC,SAAS,EACTC,KAAK,EACLC,MAAMC,aAAa,EACnBC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGhB;IAEJ,MAAMM,QAAQC,gCAAkB,oBAACb;QAAUe,OAAOA;QAAOI,UAAUA;;IAEnE,0DAA0D;IAC1D,MAAMI,gBAAgB,mBAAmBjB,QAAQA,MAAMiB,aAAa,GAAG,CAAC;IAExE,MAAM,CAACC,aAAaC,eAAe,GAAG3B;IACtC,MAAM,CAAC4B,WAAWC,aAAa,GAAG7B;IAClC,MAAM,CAAC8B,gBAAgBC,kBAAkB,GAAG/B,SAAS;IAErD,MAAMgC,mBAAmClC,YACvC,CAACmC,OAAOC;QACN,IAAI,OAAOX,aAAa,YACtB,OAAOA,SAASU,OAAO;YAAE,GAAGC,OAAO;YAAEN;YAAWP;QAAS;IAC7D,GACA;QAACE;QAAUF;QAAUO;KAAU;IAGjC,MAAM,EACJO,YAAY,EACZ,QAAQ;IACRC,QAAQ,EACRC,SAAS,EACTJ,KAAK,EACN,GAAG9B,SAAiB;QACnBe,MAAMC,iBAAiBV;QACvBc,UAAUS;IACZ;IAEA,MAAMM,eAAexC,YACnB,CAACyC;QACC,IAAInB,UAAU;QACdO,eAAeY;QAEf,IAAI;YACFH,SAASG,MAAMC,KAAKC,SAAS,CAACD,KAAKE,KAAK,CAACH,QAAQ;YACjDV,aAAac;QACf,EAAE,OAAOC,GAAG;YACVR,SAASG,MAAMA,MAAM;YACrBV,aAAae;QACf;IACF,GACA;QAACxB;QAAUgB;QAAUT;KAAe;IAGtC5B,UAAU;QACR,IAAI+B,gBAAgB;QACpBH,eACEM,SAASE,eAAeK,KAAKC,SAAS,CAACR,QAAQA,QAAQE,cAAc,MAAM,KAAK;QAElFJ,kBAAkB;IACpB,GAAG;QAACI;QAAcF;QAAOH;KAAe;IAExC,qBACE,oBAACe;QACC7B,WAAW;YACTX;YACAC;YACAU;YACAqB,aAAa;YACbjB,YAAY;SACb,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;QACR1B,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;OAECX,OACAC,qBACD,oBAAC+B,aACElC,2BACD,oBAACV;QACCgD,iBAAgB;QAChBC,UAAUZ;QACVJ,SAAST;QACTL,UAAUA;QACVa,OAAOP;QAERhB,aAEFE;AAGP;AAEA,eAAeR,cAAcG,WAAU"}

package/dist/forms/fields/JSON/index.scss

@@ -1,35 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.json-field {
-  position: relative;
-}
-
-html[data-theme='light'] {
-  .json-field {
-    &.error {
-      .code-editor {
-        border-color: var(--theme-error-500);
-      }
-
-      .monaco-editor-background,
-      .margin {
-        background-color: var(--theme-error-50);
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .json-field {
-    &.error {
-      .code-editor {
-        border-color: var(--theme-error-500);
-      }
-
-      .monaco-editor-background,
-      .margin {
-        background-color: var(--theme-error-100);
-      }
-    }
-  }
-}

package/dist/forms/fields/JSON/types.d.ts

@@ -1,6 +0,0 @@
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    name?: string;
-    path?: string;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/JSON/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/JSON/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/forms/fields/JSON/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/forms/fields/JSON/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/JSON/types.ts"],"sourcesContent":["import type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  name?: string\n  path?: string\n}\n"],"names":[],"mappings":"AAEA,WAGC"}

package/dist/forms/fields/Number/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-declare const _default: React.FC<Props>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Number/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Number/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAQvC,OAAO,cAAc,CAAA;;AAkLrB,wBAAyC"}