@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","CodeEditor","useField","withCondition","FieldLabel","fieldBaseClass","baseClass","useFieldProps","RenderComponent","FieldDescription","FieldError","JSONFieldComponent","props","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","className","description","editorOptions","readOnly","readOnlyFromAdmin","style","width","jsonSchema","label","required","labelProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","initialValue","setValue","showError","disabled","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","_jsxs","filter","Boolean","join","_jsx","Label","components","CustomError","Error","mappedComponent","beforeInput","defaultLanguage","onChange","onMount","afterInput","Description","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldProps } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\n\nconst JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        editorOptions,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      jsonSchema,\n      label,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate = 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 { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, initialValue, path, setValue, showError, value } =\n    useField<string>({\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) return\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (disabled) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [disabled, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue || value === undefined) return\n\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\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        disabled && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.beforeInput} />\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={disabled}\n          value={stringValue}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n      </div>\n      <FieldDescription\n        Description={field?.admin?.components?.Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","CodeEditor","RenderCustomComponent","useField","withCondition","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","baseClass","JSONFieldComponent","props","field","admin","className","description","editorOptions","maxHeight","jsonSchema","label","localized","required","path","readOnly","validate","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","initialValue","setValue","showError","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: JSONFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, maxHeight } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\n  } = props\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, jsonError, required })\n      }\n    },\n    [validate, required, jsonError],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) {\n        return\n      }\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) {\n        return\n      }\n      setStringValue(val)\n\n      try {\n        setValue(val ? 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 || value === undefined) {\n      return\n    }\n\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError message={jsonError} path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          maxHeight={maxHeight}\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAEjE,SAASC,UAAU,QAAQ;AAC3B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,OAAO;AACP,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,aAAa;QAAEC;MAAS,CAAE,GAAG,CAAC,CAAC;MAChEC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAI;IACJC,QAAQ;IACRC;EAAQ,CACT,GAAGb,KAAA;EAEJ,MAAM,CAACc,WAAA,EAAaC,cAAA,CAAe,GAAG3B,QAAA;EACtC,MAAM,CAAC4B,SAAA,EAAWC,YAAA,CAAa,GAAG7B,QAAA;EAClC,MAAM,CAAC8B,cAAA,EAAgBC,iBAAA,CAAkB,GAAG/B,QAAA,CAAS;EAErD,MAAMgC,gBAAA,GAAmBnC,WAAA,CACvB,CAACoC,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOT,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASQ,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEN,SAAA;QAAWN;MAAS;IAC3D;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,EAAUM,SAAA,CAAU;EAGjC,MAAM;IACJO,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAG9B,QAAA,CAAiB;IACnBoB,IAAA;IACAE,QAAA,EAAUO;EACZ;EAEA,MAAMY,WAAA,GAAc/C,WAAA,CAClB,CAACgD,MAAA,EAAQC,MAAA;IACP,IAAI,CAAC3B,UAAA,EAAY;MACf;IACF;IAEA,MAAM4B,eAAA,GAAkBD,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,kBAAkB,CAACC,OAAO,IAAI,EAAE;IAC3F,MAAMC,QAAA,GAAWP,MAAA,CAAOQ,GAAG,CAACC,KAAK,CAACpC,UAAA,CAAWqC,GAAG;IAEhD,MAAMC,KAAA,GAAQX,MAAA,CAAOD,MAAM,CAACa,WAAW,CAACC,IAAA,CAAKC,SAAS,CAAC3B,OAAA,EAAO,MAAM,IAAI,QAAQoB,QAAA;IAChFP,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACW,qBAAqB,CAAC;MACvDC,mBAAA,EAAqB;MACrBV,OAAA,EAAS,C,GAAIL,eAAA,EAAiB5B,UAAA,CAAW;MACzCM,QAAA,EAAU;IACZ;IAEAoB,MAAA,CAAOkB,QAAQ,CAACN,KAAA;EAClB,GACA,CAACtC,UAAA,EAAYc,OAAA,CAAM;EAGrB,MAAM+B,YAAA,GAAenE,WAAA,CAClBoE,GAAA;IACC,IAAIzC,QAAA,EAAU;MACZ;IACF;IACAG,cAAA,CAAesC,GAAA;IAEf,IAAI;MACFvB,QAAA,CAASuB,GAAA,GAAMN,IAAA,CAAKJ,KAAK,CAACU,GAAA,IAAO;MACjCpC,YAAA,CAAaqC,SAAA;IACf,EAAE,OAAOC,CAAA,EAAG;MACVzB,QAAA,CAASuB,GAAA,GAAMA,GAAA,GAAM;MACrBpC,YAAA,CAAasC,CAAA;IACf;EACF,GACA,CAAC3C,QAAA,EAAUkB,QAAA,EAAUf,cAAA,CAAe;EAGtC7B,SAAA,CAAU;IACR,IAAIgC,cAAA,IAAkBG,OAAA,KAAUiC,SAAA,EAAW;MACzC;IACF;IAEAvC,cAAA,CACEM,OAAA,IAASQ,YAAA,GAAekB,IAAA,CAAKC,SAAS,CAAC3B,OAAA,GAAQA,OAAA,GAAQQ,YAAA,EAAc,MAAM,KAAK;IAGlFV,iBAAA,CAAkB;EACpB,GAAG,CAACU,YAAA,EAAcR,OAAA,EAAOH,cAAA,CAAe;EAExC,MAAMsC,MAAA,GAASrE,OAAA,CAAQ,MAAMS,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEwD,KAAA,CAAC;IACCtD,SAAA,EAAW,CACTN,cAAA,EACAC,SAAA,EACAK,SAAA,EACA4B,SAAA,IAAa,SACbnB,QAAA,IAAY,YACb,CACE8C,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOL,MAAA;4BAEPM,IAAA,CAACxE,qBAAA;MACCyE,eAAA,EAAiBnC,KAAA;MACjBoC,QAAA,eACEF,IAAA,CAACnE,UAAA;QAAWa,KAAA,EAAOA,KAAA;QAAOC,SAAA,EAAWA,SAAA;QAAWE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;;qBAG1E+C,KAAA,CAAC;MAAItD,SAAA,EAAW,GAAGN,cAAA,QAAsB;8BACvCiE,IAAA,CAACxE,qBAAA;QACCyE,eAAA,EAAiBpC,KAAA;QACjBqC,QAAA,eAAUF,IAAA,CAACpE,UAAA;UAAWuE,OAAA,EAASjD,SAAA;UAAWL,IAAA,EAAMA,IAAA;UAAMoB,SAAA,EAAWA;;UAElEN,WAAA,E,aACDqC,IAAA,CAACzE,UAAA;QACC6E,eAAA,EAAgB;QAChB5D,SAAA,EAAWA,SAAA;QACX6D,QAAA,EAAUf,YAAA;QACVgB,OAAA,EAASpC,WAAA;QACTV,OAAA,EAASjB,aAAA;QACTO,QAAA,EAAUA,QAAA;QACVS,KAAA,EAAOP;UAERU,UAAA;qBAEHsC,IAAA,CAACxE,qBAAA;MACCyE,eAAA,EAAiBrC,WAAA;MACjBsC,QAAA,eAAUF,IAAA,CAACrE,gBAAA;QAAiBW,WAAA,EAAaA,WAAA;QAAaO,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAM0D,SAAA,GAAY7E,aAAA,CAAcO,kBAAA","ignoreList":[]}

package/dist/fields/JSON/index.scss

@@ -1,16 +1,18 @@
 @import '../../scss/styles.scss';
 
-.json-field {
-  position: relative;
+@layer payload-default {
+  .json-field {
+    position: relative;
 
-  &.error {
-    .code-editor {
-      border-color: var(--theme-error-500);
-    }
+    &.error {
+      .code-editor {
+        border-color: var(--theme-error-500);
+      }
 
-    .monaco-editor-background,
-    .margin {
-      background-color: var(--theme-error-50);
+      .monaco-editor-background,
+      .margin {
+        background-color: var(--theme-error-50);
+      }
     }
   }
 }

package/dist/fields/Join/index.d.ts

@@ -0,0 +1,8 @@
+import type { JoinFieldClient } from 'payload';
+import React from 'react';
+export declare const JoinField: React.FC<{
+    readonly path: string;
+} & {
+    readonly field: Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Join/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Join/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAkD,MAAM,SAAS,CAAA;AAE9F,OAAO,KAAkB,MAAM,OAAO,CAAA;AA4EtC,eAAO,MAAM,SAAS;;;;+EAAoC,CAAA"}

package/dist/fields/Join/index.js

@@ -0,0 +1,84 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RelationshipTable } from '../../elements/RelationshipTable/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { FieldLabel } from '../FieldLabel/index.js';
+import { fieldBaseClass } from '../index.js';
+const JoinFieldComponent = props => {
+  const {
+    field,
+    field: {
+      admin: {
+        allowCreate
+      },
+      collection,
+      label,
+      localized,
+      on,
+      required
+    },
+    path
+  } = props;
+  const {
+    id: docID
+  } = useDocumentInfo();
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Label
+    } = {},
+    value
+  } = useField({
+    path
+  });
+  const filterOptions = useMemo(() => {
+    if (!docID) {
+      return null;
+    }
+    const where = {
+      [on]: {
+        equals: docID
+      }
+    };
+    if (field.where) {
+      return {
+        and: [where, field.where]
+      };
+    }
+    return where;
+  }, [docID, on, field.where]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, 'join'].filter(Boolean).join(' '),
+    children: [BeforeInput, /*#__PURE__*/_jsx(RelationshipTable, {
+      allowCreate: typeof docID !== 'undefined' && allowCreate,
+      disableTable: filterOptions === null,
+      field: field,
+      filterOptions: filterOptions,
+      initialData: docID && value ? value : {
+        docs: []
+      },
+      initialDrawerData: {
+        [on]: docID
+      },
+      Label: /*#__PURE__*/_jsx("h4", {
+        style: {
+          margin: 0
+        },
+        children: Label || /*#__PURE__*/_jsx(FieldLabel, {
+          label: label,
+          localized: localized,
+          path: path,
+          required: required
+        })
+      }),
+      relationTo: collection
+    }), AfterInput]
+  });
+};
+export const JoinField = withCondition(JoinFieldComponent);
+//# sourceMappingURL=index.js.map

package/dist/fields/Join/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","admin","allowCreate","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","equals","and","_jsxs","className","filter","Boolean","join","_jsx","disableTable","initialData","docs","initialDrawerData","style","margin","relationTo","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    const where = {\n      [on]: {\n        equals: docID,\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGT,KAAA;EAEJ,MAAM;IAAEU,EAAA,EAAIC;EAAK,CAAE,GAAGf,eAAA;EAEtB,MAAM;IAAEgB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxEtB,QAAA,CAAwB;IACtBe;EACF;EAEF,MAAMQ,aAAA,GAA8BzB,OAAA,CAAQ;IAC1C,IAAI,CAACmB,KAAA,EAAO;MACV,OAAO;IACT;IAEA,MAAMO,KAAA,GAAQ;MACZ,CAACX,EAAA,GAAK;QACJY,MAAA,EAAQR;MACV;IACF;IAEA,IAAIV,KAAA,CAAMiB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOjB,KAAA,CAAMiB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOJ,EAAA,EAAIN,KAAA,CAAMiB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IAAIC,SAAA,EAAW,CAACxB,cAAA,EAAgB,OAAO,CAACyB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;eAC3DX,WAAA,E,aACDY,IAAA,CAACjC,iBAAA;MACCU,WAAA,EAAa,OAAOQ,KAAA,KAAU,eAAeR,WAAA;MAC7CwB,YAAA,EAAcV,aAAA,KAAkB;MAChChB,KAAA,EAAOA,KAAA;MACPgB,aAAA,EAAeA,aAAA;MACfW,WAAA,EAAajB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEa,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACvB,EAAA,GAAKI;MACR;MACAI,KAAA,eACEW,IAAA,CAAC;QAAGK,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBjB,KAAA,iBACCW,IAAA,CAAC7B,UAAA;UAAWQ,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5EyB,UAAA,EAAY7B;QAEbS,UAAA;;AAGP;AAEA,OAAO,MAAMqB,SAAA,GAAYvC,aAAA,CAAcI,kBAAA","ignoreList":[]}

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

@@ -1,5 +1,10 @@
-import type { NumberFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const NumberField: React.FC<NumberFieldProps>;
+export declare const NumberField: React.FC<{
+    readonly onChange?: (e: number) => void;
+    readonly path: string;
+    readonly validate?: import("payload").NumberFieldValidation;
+} & {
+    readonly field: Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI/C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAc/D,OAAO,cAAc,CAAA;AA2MrB,eAAO,MAAM,WAAW,4BAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,cAAc,CAAA;AA8LrB,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}