@payloadcms/richtext-lexical 3.80.0-canary.3 → 3.80.0-internal-debug.daef79f

package/dist/field/Diff/index.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
+import './index.scss';
 import '../bundled.css';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
@@ -11,104 +12,90 @@ import { RelationshipDiffHTMLConverterAsync } from './converters/relationship/in
 import { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js';
 import { UploadDiffHTMLConverterAsync } from './converters/upload/index.js';
 const baseClass = 'lexical-diff';
-export const LexicalDiffComponent = async args => {
-  const {
-    comparisonValue: valueFrom,
-    field,
-    i18n,
-    locale,
-    nestingLevel,
-    req,
-    versionValue: valueTo
-  } = args;
-  const internalDocToHref = async ({
-    linkNode,
-    populate
-  }) => {
-    if (!linkNode.fields.doc) {
-      return '#';
-    }
-    const {
-      relationTo,
-      value
-    } = linkNode.fields.doc;
-    let docId;
-    if (typeof value === 'object' && value !== null) {
-      docId = value.id;
-    } else if (populate && typeof value !== 'object') {
-      const doc = await populate({
-        id: value,
-        collectionSlug: relationTo
-      });
-      if (!doc || !doc.id) {
-        return '#';
-      }
-      docId = doc.id;
-    } else {
-      docId = value;
-    }
-    return formatAdminURL({
-      adminRoute: req.payload.config.routes.admin,
-      path: `/collections/${relationTo}/${docId}`,
-      serverURL: req.payload.config.serverURL
+export const LexicalDiffComponent = async (args)=>{
+    const { comparisonValue: valueFrom, field, i18n, locale, nestingLevel, req, versionValue: valueTo } = args;
+    const internalDocToHref = async ({ linkNode, populate })=>{
+        if (!linkNode.fields.doc) {
+            return '#';
+        }
+        const { relationTo, value } = linkNode.fields.doc;
+        let docId;
+        if (typeof value === 'object' && value !== null) {
+            docId = value.id;
+        } else if (populate && typeof value !== 'object') {
+            const doc = await populate({
+                id: value,
+                collectionSlug: relationTo
+            });
+            if (!doc || !doc.id) {
+                return '#';
+            }
+            docId = doc.id;
+        } else {
+            docId = value;
+        }
+        return formatAdminURL({
+            adminRoute: req.payload.config.routes.admin,
+            path: `/collections/${relationTo}/${docId}`,
+            serverURL: req.payload.config.serverURL
+        });
+    };
+    const converters = ({ defaultConverters })=>({
+            ...defaultConverters,
+            ...LinkDiffHTMLConverterAsync({
+                internalDocToHref
+            }),
+            ...ListItemDiffHTMLConverterAsync,
+            ...UploadDiffHTMLConverterAsync({
+                i18n,
+                req
+            }),
+            ...RelationshipDiffHTMLConverterAsync({
+                i18n,
+                req
+            }),
+            ...UnknownDiffHTMLConverterAsync({
+                i18n,
+                req
+            })
+        });
+    const payloadPopulateFn = await getPayloadPopulateFn({
+        currentDepth: 0,
+        depth: 1,
+        req
     });
-  };
-  const converters = ({
-    defaultConverters
-  }) => ({
-    ...defaultConverters,
-    ...LinkDiffHTMLConverterAsync({
-      internalDocToHref
-    }),
-    ...ListItemDiffHTMLConverterAsync,
-    ...UploadDiffHTMLConverterAsync({
-      i18n,
-      req
-    }),
-    ...RelationshipDiffHTMLConverterAsync({
-      i18n,
-      req
-    }),
-    ...UnknownDiffHTMLConverterAsync({
-      i18n,
-      req
-    })
-  });
-  const payloadPopulateFn = await getPayloadPopulateFn({
-    currentDepth: 0,
-    depth: 1,
-    req
-  });
-  const fromHTML = await convertLexicalToHTMLAsync({
-    converters,
-    data: valueFrom,
-    disableContainer: true,
-    populate: payloadPopulateFn
-  });
-  const toHTML = await convertLexicalToHTMLAsync({
-    converters,
-    data: valueTo,
-    disableContainer: true,
-    populate: payloadPopulateFn
-  });
-  const {
-    From,
-    To
-  } = getHTMLDiffComponents({
-    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column
-    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',
-    toHTML: toHTML?.length ? toHTML : '<p></p>'
-  });
-  return /*#__PURE__*/_jsx(FieldDiffContainer, {
-    className: baseClass,
-    From: From,
-    i18n: i18n,
-    label: {
-      label: field.label,
-      locale
-    },
-    nestingLevel: nestingLevel,
-    To: To
-  });
+    const fromHTML = await convertLexicalToHTMLAsync({
+        converters,
+        data: valueFrom,
+        disableContainer: true,
+        populate: payloadPopulateFn
+    });
+    const toHTML = await convertLexicalToHTMLAsync({
+        converters,
+        data: valueTo,
+        disableContainer: true,
+        populate: payloadPopulateFn
+    });
+    const { From, To } = getHTMLDiffComponents({
+        // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column
+        fromHTML: fromHTML?.length ? fromHTML : '<p></p>',
+        toHTML: toHTML?.length ? toHTML : '<p></p>'
+    });
+    return /*#__PURE__*/ _jsxDEV(FieldDiffContainer, {
+        className: baseClass,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    }, void 0, false, {
+        fileName: "src/field/Diff/index.tsx",
+        lineNumber: 113,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/field/Diff/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldDiffContainer","getHTMLDiffComponents","formatAdminURL","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","baseClass","LexicalDiffComponent","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","internalDocToHref","linkNode","populate","fields","doc","relationTo","value","docId","id","collectionSlug","adminRoute","payload","config","routes","admin","path","serverURL","converters","defaultConverters","payloadPopulateFn","currentDepth","depth","fromHTML","data","disableContainer","toHTML","From","To","length","_jsx","className","label"],"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\nimport '../bundled.css'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type {\n  HTMLConvertersFunctionAsync,\n  HTMLPopulateFn,\n} from '../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedLinkNode } from '../../nodeTypes.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\n\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n\n  const internalDocToHref = async ({\n    linkNode,\n    populate,\n  }: {\n    linkNode: SerializedLinkNode\n    populate?: HTMLPopulateFn\n  }) => {\n    if (!linkNode.fields.doc) {\n      return '#'\n    }\n\n    const { relationTo, value } = linkNode.fields.doc\n\n    let docId: number | string\n\n    if (typeof value === 'object' && value !== null) {\n      docId = value.id\n    } else if (populate && typeof value !== 'object') {\n      const doc = await populate({\n        id: value,\n        collectionSlug: relationTo,\n      })\n\n      if (!doc || !doc.id) {\n        return '#'\n      }\n\n      docId = doc.id\n    } else {\n      docId = value\n    }\n\n    return formatAdminURL({\n      adminRoute: req.payload.config.routes.admin,\n      path: `/collections/${relationTo}/${docId}`,\n      serverURL: req.payload.config.serverURL,\n    })\n  }\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({ internalDocToHref }),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n, req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n, req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n, req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req,\n  })\n  const fromHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueFrom as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const toHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueTo as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const { From, To } = getHTMLDiffComponents({\n    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column\n    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',\n    toHTML: toHTML?.length ? toHTML : '<p></p>',\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\nimport '../bundled.css'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type {\n  HTMLConvertersFunctionAsync,\n  HTMLPopulateFn,\n} from '../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedLinkNode } from '../../nodeTypes.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\n\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n\n  const internalDocToHref = async ({\n    linkNode,\n    populate,\n  }: {\n    linkNode: SerializedLinkNode\n    populate?: HTMLPopulateFn\n  }) => {\n    if (!linkNode.fields.doc) {\n      return '#'\n    }\n\n    const { relationTo, value } = linkNode.fields.doc\n\n    let docId: number | string\n\n    if (typeof value === 'object' && value !== null) {\n      docId = value.id\n    } else if (populate && typeof value !== 'object') {\n      const doc = await populate({\n        id: value,\n        collectionSlug: relationTo,\n      })\n\n      if (!doc || !doc.id) {\n        return '#'\n      }\n\n      docId = doc.id\n    } else {\n      docId = value\n    }\n\n    return formatAdminURL({\n      adminRoute: req.payload.config.routes.admin,\n      path: `/collections/${relationTo}/${docId}`,\n      serverURL: req.payload.config.serverURL,\n    })\n  }\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({ internalDocToHref }),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n, req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n, req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n, req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req,\n  })\n  const fromHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueFrom as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const toHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueTo as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const { From, To } = getHTMLDiffComponents({\n    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column\n    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',\n    toHTML: toHTML?.length ? toHTML : '<p></p>',\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"names":["FieldDiffContainer","getHTMLDiffComponents","formatAdminURL","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","baseClass","LexicalDiffComponent","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","internalDocToHref","linkNode","populate","fields","doc","relationTo","value","docId","id","collectionSlug","adminRoute","payload","config","routes","admin","path","serverURL","converters","defaultConverters","payloadPopulateFn","currentDepth","depth","fromHTML","data","disableContainer","toHTML","From","To","length","className","label"],"mappings":";AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,QAAQ,qBAAoB;AAE9E,OAAO,eAAc;AACrB,OAAO,iBAAgB;AAEvB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAQzB,SAASC,yBAAyB,QAAQ,yDAAwD;AAClG,SAASC,oBAAoB,QAAQ,2DAA0D;AAC/F,SAASC,0BAA0B,QAAQ,uBAAsB;AACjE,SAASC,8BAA8B,QAAQ,iCAAgC;AAC/E,SAASC,kCAAkC,QAAQ,qCAAoC;AACvF,SAASC,6BAA6B,QAAQ,gCAA+B;AAC7E,SAASC,4BAA4B,QAAQ,+BAA8B;AAE3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,uBAAyD,OAAOC;IAC3E,MAAM,EACJC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,YAAY,EACZC,GAAG,EACHC,cAAcC,OAAO,EACtB,GAAGT;IAEJ,MAAMU,oBAAoB,OAAO,EAC/BC,QAAQ,EACRC,QAAQ,EAIT;QACC,IAAI,CAACD,SAASE,MAAM,CAACC,GAAG,EAAE;YACxB,OAAO;QACT;QAEA,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGL,SAASE,MAAM,CAACC,GAAG;QAEjD,IAAIG;QAEJ,IAAI,OAAOD,UAAU,YAAYA,UAAU,MAAM;YAC/CC,QAAQD,MAAME,EAAE;QAClB,OAAO,IAAIN,YAAY,OAAOI,UAAU,UAAU;YAChD,MAAMF,MAAM,MAAMF,SAAS;gBACzBM,IAAIF;gBACJG,gBAAgBJ;YAClB;YAEA,IAAI,CAACD,OAAO,CAACA,IAAII,EAAE,EAAE;gBACnB,OAAO;YACT;YAEAD,QAAQH,IAAII,EAAE;QAChB,OAAO;YACLD,QAAQD;QACV;QAEA,OAAO3B,eAAe;YACpB+B,YAAYb,IAAIc,OAAO,CAACC,MAAM,CAACC,MAAM,CAACC,KAAK;YAC3CC,MAAM,CAAC,aAAa,EAAEV,WAAW,CAAC,EAAEE,OAAO;YAC3CS,WAAWnB,IAAIc,OAAO,CAACC,MAAM,CAACI,SAAS;QACzC;IACF;IAEA,MAAMC,aAA0C,CAAC,EAAEC,iBAAiB,EAAE,GAAM,CAAA;YAC1E,GAAGA,iBAAiB;YACpB,GAAGnC,2BAA2B;gBAAEiB;YAAkB,EAAE;YACpD,GAAGhB,8BAA8B;YACjC,GAAGG,6BAA6B;gBAAEO;gBAAMG;YAAI,EAAE;YAC9C,GAAGZ,mCAAmC;gBAAES;gBAAMG;YAAI,EAAE;YACpD,GAAGX,8BAA8B;gBAAEQ;gBAAMG;YAAI,EAAE;QACjD,CAAA;IAEA,MAAMsB,oBAAoB,MAAMrC,qBAAqB;QACnDsC,cAAc;QACdC,OAAO;QACPxB;IACF;IACA,MAAMyB,WAAW,MAAMzC,0BAA0B;QAC/CoC;QACAM,MAAM/B;QACNgC,kBAAkB;QAClBtB,UAAUiB;IACZ;IAEA,MAAMM,SAAS,MAAM5C,0BAA0B;QAC7CoC;QACAM,MAAMxB;QACNyB,kBAAkB;QAClBtB,UAAUiB;IACZ;IAEA,MAAM,EAAEO,IAAI,EAAEC,EAAE,EAAE,GAAGjD,sBAAsB;QACzC,0HAA0H;QAC1H4C,UAAUA,UAAUM,SAASN,WAAW;QACxCG,QAAQA,QAAQG,SAASH,SAAS;IACpC;IAEA,qBACE,QAAChD;QACCoD,WAAWzC;QACXsC,MAAMA;QACNhC,MAAMA;QACNoC,OAAO;YACLA,OAAOrC,MAAMqC,KAAK;YAClBnC;QACF;QACAC,cAAcA;QACd+B,IAAIA;;;;;;AAGV,EAAC"}

package/dist/field/Diff/index.scss

@@ -0,0 +1,102 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .lexical-diff .field-diff-content {
+    .html-diff {
+      font-family: var(--font-serif);
+      font-size: base(0.8);
+      letter-spacing: 0.02em;
+    }
+
+    blockquote {
+      font-size: base(0.8);
+      margin-block: base(0.8);
+      margin-inline: 0;
+      padding-inline-start: base(0.6);
+      padding-block: base(0.2);
+      position: relative; // Required for absolute positioning of ::after
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        inset-inline-start: 0;
+        width: base(0.2);
+        background-color: var(--theme-elevation-150);
+      }
+
+      &:has([data-match-type='create'])::after {
+        background-color: var(--theme-success-150);
+      }
+
+      &:has([data-match-type='delete'])::after {
+        background-color: var(--theme-error-150);
+      }
+    }
+
+    a {
+      border-bottom: 1px dotted;
+      text-decoration: none;
+    }
+
+    h1 {
+      padding: base(0.7) 0px base(0.55);
+      line-height: base(1.5);
+      font-weight: 600;
+      font-size: base(1.4);
+      font-family: var(--font-body);
+    }
+    h2 {
+      padding: base(0.7) 0px base(0.5);
+      line-height: base(1.4);
+      font-weight: 600;
+      font-size: base(1.25);
+      font-family: var(--font-body);
+    }
+    h3 {
+      padding: base(0.6) 0px base(0.45);
+      line-height: base(1.4);
+      font-weight: 600;
+      font-size: base(1.1);
+      font-family: var(--font-body);
+    }
+    h4 {
+      padding: base(0.4) 0px base(0.35);
+      line-height: base(1.5);
+      font-weight: 600;
+      font-size: base(1.05);
+      font-family: var(--font-body);
+    }
+    h5 {
+      padding: base(0.3) 0px base(0.3);
+      line-height: base(1.4);
+      font-weight: 600;
+      font-size: base(0.9);
+      font-family: var(--font-body);
+    }
+
+    h6 {
+      padding: base(0.55) 0px base(0.25);
+      line-height: base(0.5);
+      font-weight: 600;
+      font-size: base(0.75);
+      font-family: var(--font-body);
+    }
+
+    p {
+      padding: base(0.4) 0 base(0.4);
+
+      // First paraagraph has no top padding
+      &:first-child {
+        padding: 0 0 base(0.4);
+      }
+    }
+
+    ul,
+    ol {
+      padding-top: base(0.4);
+      padding-bottom: base(0.4);
+    }
+  }
+}

package/dist/field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,mCAAmC,CAAA;AAC1C,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAO5D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CA4K9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,mCAAmC,CAAA;AAC1C,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAS5D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CA0L9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}