@contentful/default-field-editors 1.3.2 → 1.4.0

package/dist/default-field-editors.cjs.development.js

@@ -1,215 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var fieldEditorBoolean = require('@contentful/field-editor-boolean');
-var fieldEditorRadio = require('@contentful/field-editor-radio');
-var fieldEditorRating = require('@contentful/field-editor-rating');
-var fieldEditorCheckbox = require('@contentful/field-editor-checkbox');
-var fieldEditorDate = require('@contentful/field-editor-date');
-var fieldEditorDropdown = require('@contentful/field-editor-dropdown');
-var fieldEditorJson = require('@contentful/field-editor-json');
-var fieldEditorList = require('@contentful/field-editor-list');
-var fieldEditorLocation = require('@contentful/field-editor-location');
-var fieldEditorMarkdown = require('@contentful/field-editor-markdown');
-var fieldEditorMultipleLine = require('@contentful/field-editor-multiple-line');
-var fieldEditorNumber = require('@contentful/field-editor-number');
-var fieldEditorReference = require('@contentful/field-editor-reference');
-var fieldEditorRichText = require('@contentful/field-editor-rich-text');
-var fieldEditorSingleLine = require('@contentful/field-editor-single-line');
-var fieldEditorSlug = require('@contentful/field-editor-slug');
-var fieldEditorTags = require('@contentful/field-editor-tags');
-var fieldEditorUrl = require('@contentful/field-editor-url');
-var contentfulManagement = require('contentful-management');
-var f36Components = require('@contentful/f36-components');
-var fieldEditorValidationErrors = require('@contentful/field-editor-validation-errors');
-var emotion = require('emotion');
-var tokens = _interopDefault(require('@contentful/f36-tokens'));
-
-function getDefaultWidgetId(sdk) {
-  const field = sdk.field; // @ts-expect-error FieldExtensionSDK.field doesn't include all the
-  // properties of ContentFields type. It should be fixed
-
-  return contentfulManagement.editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;
-}
-
-const widgetComponents = {
-  multipleLine: [fieldEditorMultipleLine.MultipleLineEditor],
-  boolean: [fieldEditorBoolean.BooleanEditor],
-  objectEditor: [fieldEditorJson.JsonEditor],
-  datePicker: [fieldEditorDate.DateEditor],
-  locationEditor: [fieldEditorLocation.LocationEditor],
-  checkbox: [fieldEditorCheckbox.CheckboxEditor],
-  listInput: [fieldEditorList.ListEditor],
-  rating: [fieldEditorRating.RatingEditor],
-  radio: [fieldEditorRadio.RadioEditor],
-  tagEditor: [fieldEditorTags.TagsEditor],
-  numberEditor: [fieldEditorNumber.NumberEditor],
-  urlEditor: [fieldEditorUrl.UrlEditor],
-  slugEditor: [fieldEditorSlug.SlugEditor],
-  singleLine: [fieldEditorSingleLine.SingleLineEditor],
-  dropdown: [fieldEditorDropdown.DropdownEditor],
-  entryLinkEditor: [fieldEditorReference.SingleEntryReferenceEditor, {
-    viewType: 'link',
-    hasCardEditActions: true
-  }],
-  entryCardEditor: [fieldEditorReference.SingleEntryReferenceEditor, {
-    viewType: 'card',
-    hasCardEditActions: true
-  }],
-  entryLinksEditor: [fieldEditorReference.MultipleEntryReferenceEditor, {
-    viewType: 'link',
-    hasCardEditActions: true
-  }],
-  entryCardsEditor: [fieldEditorReference.MultipleEntryReferenceEditor, {
-    viewType: 'card',
-    hasCardEditActions: true
-  }],
-  assetLinkEditor: [fieldEditorReference.SingleMediaEditor, {
-    viewType: 'link'
-  }],
-  assetLinksEditor: [fieldEditorReference.MultipleMediaEditor, {
-    viewType: 'link'
-  }],
-  assetGalleryEditor: [fieldEditorReference.MultipleMediaEditor, {
-    viewType: 'card'
-  }],
-  richTextEditor: [fieldEditorRichText.RichTextEditor],
-  markdown: [fieldEditorMarkdown.MarkdownEditor]
-};
-const Field = props => {
-  const {
-    sdk,
-    widgetId: possiblyUndefinedWidgetId,
-    isInitiallyDisabled = false,
-    renderFieldEditor,
-    getOptions
-  } = props;
-  const field = sdk.field;
-  const locales = sdk.locales;
-  const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);
-
-  if (renderFieldEditor) {
-    const customEditor = renderFieldEditor(widgetId, sdk, isInitiallyDisabled);
-
-    if (customEditor) {
-      return customEditor;
-    }
-  }
-
-  const options = getOptions ? getOptions(widgetId, sdk) : {};
-  const referenceEditorParams = sdk.parameters && 'instance' in sdk.parameters ? sdk.parameters : {
-    instance: {
-      showCreateEntityAction: true,
-      showLinkEntityAction: true
-    }
-  };
-  if (!widgetComponents[widgetId]) return null;
-  const [WidgetComponent, widgetStaticProps] = widgetComponents[widgetId];
-  const widgetComponentProps = {
-    sdk,
-    field,
-    locales,
-    isInitiallyDisabled,
-    parameters: referenceEditorParams,
-    ...widgetStaticProps,
-    // @ts-expect-error
-    ...options[widgetId]
-  };
-  const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;
-  return React.createElement(WidgetComponent, {
-    key: sdk.field.locale,
-    ...widgetComponentProps,
-    baseSdk: baseSdk
-  });
-};
-
-const styles = {
-  withFocusBar: /*#__PURE__*/emotion.css({
-    marginLeft: tokens.spacingL,
-    marginRight: tokens.spacingL,
-    marginBottom: '29px',
-    marginTop: '19px',
-    paddingLeft: tokens.spacingM,
-    borderLeft: `3px solid ${tokens.gray300}`,
-    transition: 'border-color 0.18s linear',
-    '&:focus-within': {
-      borderColor: tokens.colorPrimary
-    },
-    '&[aria-invalid="true"]': {
-      borderLeftColor: tokens.red500
-    }
-  }),
-  label: /*#__PURE__*/emotion.css({
-    display: 'flex',
-    width: '100%',
-    maxWidth: '800px',
-    color: tokens.gray500,
-    fontSize: tokens.fontSizeM,
-    fontWeight: tokens.fontWeightNormal,
-    lineHeight: tokens.lineHeightDefault,
-    whiteSpace: 'pre-wrap'
-  }),
-  helpText: /*#__PURE__*/emotion.css({
-    margin: `${tokens.spacingXs} 0`,
-    fontStyle: 'italic'
-  })
-};
-
-const FieldWrapper = function (props) {
-  var _sdk$parameters, _sdk$parameters$insta, _sdk$contentType, _sdk$contentType$sys;
-
-  const {
-    ids
-  } = props.sdk;
-
-  const defaultGetEntryUrl = entry => `/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${entry.sys.id}`;
-
-  const {
-    name,
-    sdk,
-    className,
-    children,
-    renderHeading,
-    renderHelpText,
-    showFocusBar = true,
-    getEntryURL = defaultGetEntryUrl
-  } = props;
-  const {
-    field
-  } = sdk;
-  const helpText = ((_sdk$parameters = sdk.parameters) == null ? void 0 : (_sdk$parameters$insta = _sdk$parameters.instance) == null ? void 0 : _sdk$parameters$insta.helpText) ?? '';
-  const [hasErrors, setHasErrors] = React.useState(false);
-  React.useEffect(() => {
-    return field.onSchemaErrorsChanged(errors => {
-      setHasErrors((errors || []).length > 0);
-    });
-  }, [field]);
-  const fieldControlId = [field.id, field.locale, (_sdk$contentType = sdk.contentType) == null ? void 0 : (_sdk$contentType$sys = _sdk$contentType.sys) == null ? void 0 : _sdk$contentType$sys.id].filter(item => item).join('-');
-  return React.createElement(f36Components.FormControl, {
-    id: fieldControlId,
-    testId: "entity-field-controls",
-    "data-test-id": "entity-field-controls",
-    className: emotion.cx(showFocusBar && styles.withFocusBar, className),
-    "aria-invalid": hasErrors,
-    isRequired: field.required
-  }, renderHeading ? renderHeading(name) : React.createElement(f36Components.FormControl.Label, {
-    className: styles.label
-  }, name), children, React.createElement(fieldEditorValidationErrors.ValidationErrors, {
-    field: field,
-    space: sdk.space,
-    locales: sdk.locales,
-    getEntryURL: getEntryURL || defaultGetEntryUrl
-  }), renderHelpText ? renderHelpText(helpText) : React.createElement(f36Components.FormControl.HelpText, {
-    testId: "field-hint",
-    className: styles.helpText
-  }, helpText));
-};
-
-exports.Field = Field;
-exports.FieldWrapper = FieldWrapper;
-exports.getDefaultWidgetId = getDefaultWidgetId;
-//# sourceMappingURL=default-field-editors.cjs.development.js.map

package/dist/default-field-editors.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-field-editors.cjs.development.js","sources":["../src/getDefaultWidgetId.ts","../src/Field.tsx","../src/FieldWrapper.styles.ts","../src/FieldWrapper.tsx"],"sourcesContent":["import type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { editorInterfaceDefaults } from 'contentful-management';\n\nimport type { WidgetType } from './types';\n\nexport function getDefaultWidgetId(\n  sdk: Pick<FieldExtensionSDK, 'field' | 'contentType'>\n): WidgetType {\n  const field = sdk.field;\n\n  // @ts-expect-error FieldExtensionSDK.field doesn't include all the\n  // properties of ContentFields type. It should be fixed\n  return editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;\n}\n","import * as React from 'react';\n\nimport { BooleanEditor } from '@contentful/field-editor-boolean';\nimport { RadioEditor } from '@contentful/field-editor-radio';\nimport { RatingEditor } from '@contentful/field-editor-rating';\nimport { CheckboxEditor } from '@contentful/field-editor-checkbox';\nimport { DateEditor } from '@contentful/field-editor-date';\nimport { DropdownEditor } from '@contentful/field-editor-dropdown';\nimport { JsonEditor } from '@contentful/field-editor-json';\nimport { ListEditor } from '@contentful/field-editor-list';\nimport { LocationEditor } from '@contentful/field-editor-location';\nimport { MarkdownEditor } from '@contentful/field-editor-markdown';\nimport { MultipleLineEditor } from '@contentful/field-editor-multiple-line';\nimport { NumberEditor } from '@contentful/field-editor-number';\nimport {\n  SingleEntryReferenceEditor,\n  MultipleEntryReferenceEditor,\n  SingleMediaEditor,\n  MultipleMediaEditor,\n} from '@contentful/field-editor-reference';\nimport { RichTextEditor } from '@contentful/field-editor-rich-text';\nimport type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { SingleLineEditor } from '@contentful/field-editor-single-line';\nimport { SlugEditor } from '@contentful/field-editor-slug';\nimport { TagsEditor } from '@contentful/field-editor-tags';\nimport { UrlEditor } from '@contentful/field-editor-url';\n\nimport { getDefaultWidgetId } from './getDefaultWidgetId';\nimport type { EditorOptions, WidgetType } from './types';\n\ntype FieldProps = {\n  sdk: FieldExtensionSDK;\n  widgetId?: WidgetType;\n  isInitiallyDisabled?: boolean;\n  renderFieldEditor?: (\n    widgetId: WidgetType,\n    sdk: FieldExtensionSDK,\n    isInitiallyDisabled: boolean\n  ) => JSX.Element | false;\n  getOptions?: (widgetId: WidgetType, sdk: FieldExtensionSDK) => EditorOptions;\n};\n\nconst widgetComponents: Record<string, [React.ComponentType<any>, any?]> = {\n  multipleLine: [MultipleLineEditor],\n  boolean: [BooleanEditor],\n  objectEditor: [JsonEditor],\n  datePicker: [DateEditor],\n  locationEditor: [LocationEditor],\n  checkbox: [CheckboxEditor],\n  listInput: [ListEditor],\n  rating: [RatingEditor],\n  radio: [RadioEditor],\n  tagEditor: [TagsEditor],\n  numberEditor: [NumberEditor],\n  urlEditor: [UrlEditor],\n  slugEditor: [SlugEditor],\n  singleLine: [SingleLineEditor],\n  dropdown: [DropdownEditor],\n  entryLinkEditor: [SingleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardEditor: [SingleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  entryLinksEditor: [MultipleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardsEditor: [MultipleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  assetLinkEditor: [SingleMediaEditor, { viewType: 'link' }],\n  assetLinksEditor: [MultipleMediaEditor, { viewType: 'link' }],\n  assetGalleryEditor: [MultipleMediaEditor, { viewType: 'card' }],\n  richTextEditor: [RichTextEditor],\n  markdown: [MarkdownEditor],\n};\n\nexport const Field: React.FC<FieldProps> = (props: FieldProps) => {\n  const {\n    sdk,\n    widgetId: possiblyUndefinedWidgetId,\n    isInitiallyDisabled = false,\n    renderFieldEditor,\n    getOptions,\n  } = props;\n  const field = sdk.field;\n  const locales = sdk.locales;\n\n  const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);\n\n  if (renderFieldEditor) {\n    const customEditor = renderFieldEditor(widgetId, sdk, isInitiallyDisabled);\n    if (customEditor) {\n      return customEditor;\n    }\n  }\n\n  const options = getOptions ? getOptions(widgetId, sdk) : {};\n  const referenceEditorParams =\n    sdk.parameters && 'instance' in sdk.parameters\n      ? sdk.parameters\n      : {\n          instance: {\n            showCreateEntityAction: true,\n            showLinkEntityAction: true,\n          },\n        };\n\n  if (!widgetComponents[widgetId]) return null;\n\n  const [WidgetComponent, widgetStaticProps] = widgetComponents[widgetId];\n\n  const widgetComponentProps = {\n    sdk,\n    field,\n    locales,\n    isInitiallyDisabled,\n    parameters: referenceEditorParams,\n    ...widgetStaticProps,\n    // @ts-expect-error\n    ...options[widgetId],\n  };\n\n  const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;\n\n  return <WidgetComponent key={sdk.field.locale} {...widgetComponentProps} baseSdk={baseSdk} />;\n};\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  withFocusBar: css({\n    marginLeft: tokens.spacingL,\n    marginRight: tokens.spacingL,\n    marginBottom: '29px',\n    marginTop: '19px',\n    paddingLeft: tokens.spacingM,\n    borderLeft: `3px solid ${tokens.gray300}`,\n    transition: 'border-color 0.18s linear',\n    '&:focus-within': {\n      borderColor: tokens.colorPrimary,\n    },\n    '&[aria-invalid=\"true\"]': {\n      borderLeftColor: tokens.red500,\n    },\n  }),\n  label: css({\n    display: 'flex',\n    width: '100%',\n    maxWidth: '800px',\n    color: tokens.gray500,\n    fontSize: tokens.fontSizeM,\n    fontWeight: tokens.fontWeightNormal,\n    lineHeight: tokens.lineHeightDefault,\n    whiteSpace: 'pre-wrap',\n  }),\n  helpText: css({\n    margin: `${tokens.spacingXs} 0`,\n    fontStyle: 'italic',\n  }),\n};\n","import * as React from 'react';\n\nimport { FormControl } from '@contentful/f36-components';\nimport type { FieldExtensionSDK, Entry } from '@contentful/field-editor-shared';\nimport { ValidationErrors } from '@contentful/field-editor-validation-errors';\nimport { cx } from 'emotion';\n\nimport { styles } from './FieldWrapper.styles';\n\ntype FieldWrapperProps = {\n  name: string;\n  sdk: FieldExtensionSDK;\n  /**\n   * Generates a link to another entry with the same value when a \"non unique\" validation error occurs\n   */\n  getEntryURL?: (entry: Entry) => string;\n  className?: string;\n  showFocusBar?: boolean;\n  children: React.ReactNode;\n  renderHeading?: (name: string) => JSX.Element | null;\n  renderHelpText?: (helpText: string) => JSX.Element | null;\n};\n\nexport const FieldWrapper: React.FC<FieldWrapperProps> = function (props: FieldWrapperProps) {\n  const { ids } = props.sdk;\n  const defaultGetEntryUrl = (entry: Entry) =>\n    `/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${\n      entry.sys.id\n    }`;\n  const {\n    name,\n    sdk,\n    className,\n    children,\n    renderHeading,\n    renderHelpText,\n    showFocusBar = true,\n    getEntryURL = defaultGetEntryUrl,\n  } = props;\n  const { field } = sdk;\n  const helpText = (sdk.parameters?.instance as any)?.helpText ?? '';\n\n  const [hasErrors, setHasErrors] = React.useState(false);\n  React.useEffect(() => {\n    return field.onSchemaErrorsChanged((errors: unknown[]) => {\n      setHasErrors((errors || []).length > 0);\n    });\n  }, [field]);\n\n  const fieldControlId = [field.id, field.locale, sdk.contentType?.sys?.id]\n    .filter((item) => item)\n    .join('-');\n\n  return (\n    <FormControl\n      id={fieldControlId}\n      testId=\"entity-field-controls\"\n      data-test-id=\"entity-field-controls\"\n      className={cx(showFocusBar && styles.withFocusBar, className)}\n      aria-invalid={hasErrors}\n      isRequired={field.required}>\n      {renderHeading ? (\n        renderHeading(name)\n      ) : (\n        <FormControl.Label className={styles.label}>{name}</FormControl.Label>\n      )}\n\n      {children}\n\n      <ValidationErrors\n        field={field}\n        space={sdk.space}\n        locales={sdk.locales}\n        getEntryURL={getEntryURL || defaultGetEntryUrl}\n      />\n\n      {renderHelpText ? (\n        renderHelpText(helpText)\n      ) : (\n        <FormControl.HelpText testId=\"field-hint\" className={styles.helpText}>\n          {helpText}\n        </FormControl.HelpText>\n      )}\n    </FormControl>\n  );\n};\n"],"names":["getDefaultWidgetId","sdk","field","editorInterfaceDefaults","default","getDefaultControlOfField","widgetId","widgetComponents","multipleLine","MultipleLineEditor","boolean","BooleanEditor","objectEditor","JsonEditor","datePicker","DateEditor","locationEditor","LocationEditor","checkbox","CheckboxEditor","listInput","ListEditor","rating","RatingEditor","radio","RadioEditor","tagEditor","TagsEditor","numberEditor","NumberEditor","urlEditor","UrlEditor","slugEditor","SlugEditor","singleLine","SingleLineEditor","dropdown","DropdownEditor","entryLinkEditor","SingleEntryReferenceEditor","viewType","hasCardEditActions","entryCardEditor","entryLinksEditor","MultipleEntryReferenceEditor","entryCardsEditor","assetLinkEditor","SingleMediaEditor","assetLinksEditor","MultipleMediaEditor","assetGalleryEditor","richTextEditor","RichTextEditor","markdown","MarkdownEditor","Field","props","possiblyUndefinedWidgetId","isInitiallyDisabled","renderFieldEditor","getOptions","locales","customEditor","options","referenceEditorParams","parameters","instance","showCreateEntityAction","showLinkEntityAction","WidgetComponent","widgetStaticProps","widgetComponentProps","baseSdk","undefined","React","key","locale","styles","withFocusBar","css","marginLeft","tokens","spacingL","marginRight","marginBottom","marginTop","paddingLeft","spacingM","borderLeft","gray300","transition","borderColor","colorPrimary","borderLeftColor","red500","label","display","width","maxWidth","color","gray500","fontSize","fontSizeM","fontWeight","fontWeightNormal","lineHeight","lineHeightDefault","whiteSpace","helpText","margin","spacingXs","fontStyle","FieldWrapper","ids","defaultGetEntryUrl","entry","space","environmentAlias","environment","sys","id","name","className","children","renderHeading","renderHelpText","showFocusBar","getEntryURL","hasErrors","setHasErrors","onSchemaErrorsChanged","errors","length","fieldControlId","contentType","filter","item","join","FormControl","testId","cx","isRequired","required","Label","ValidationErrors","HelpText"],"mappings":"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"}

package/dist/default-field-editors.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),i=require("@contentful/field-editor-boolean"),r=require("@contentful/field-editor-radio"),n=require("@contentful/field-editor-rating"),o=require("@contentful/field-editor-checkbox"),l=require("@contentful/field-editor-date"),d=require("@contentful/field-editor-dropdown"),a=require("@contentful/field-editor-json"),s=require("@contentful/field-editor-list"),c=require("@contentful/field-editor-location"),u=require("@contentful/field-editor-markdown"),f=require("@contentful/field-editor-multiple-line"),E=require("@contentful/field-editor-number"),p=require("@contentful/field-editor-reference"),g=require("@contentful/field-editor-rich-text"),m=require("@contentful/field-editor-single-line"),y=require("@contentful/field-editor-slug"),h=require("@contentful/field-editor-tags"),q=require("@contentful/field-editor-url"),w=require("contentful-management"),k=require("@contentful/f36-components"),x=require("@contentful/field-editor-validation-errors"),b=require("emotion"),L=(e=require("@contentful/f36-tokens"))&&"object"==typeof e&&"default"in e?e.default:e;function v(e){return w.editorInterfaceDefaults.default.getDefaultControlOfField(e.field).widgetId}const T={multipleLine:[f.MultipleLineEditor],boolean:[i.BooleanEditor],objectEditor:[a.JsonEditor],datePicker:[l.DateEditor],locationEditor:[c.LocationEditor],checkbox:[o.CheckboxEditor],listInput:[s.ListEditor],rating:[n.RatingEditor],radio:[r.RadioEditor],tagEditor:[h.TagsEditor],numberEditor:[E.NumberEditor],urlEditor:[q.UrlEditor],slugEditor:[y.SlugEditor],singleLine:[m.SingleLineEditor],dropdown:[d.DropdownEditor],entryLinkEditor:[p.SingleEntryReferenceEditor,{viewType:"link",hasCardEditActions:!0}],entryCardEditor:[p.SingleEntryReferenceEditor,{viewType:"card",hasCardEditActions:!0}],entryLinksEditor:[p.MultipleEntryReferenceEditor,{viewType:"link",hasCardEditActions:!0}],entryCardsEditor:[p.MultipleEntryReferenceEditor,{viewType:"card",hasCardEditActions:!0}],assetLinkEditor:[p.SingleMediaEditor,{viewType:"link"}],assetLinksEditor:[p.MultipleMediaEditor,{viewType:"link"}],assetGalleryEditor:[p.MultipleMediaEditor,{viewType:"card"}],richTextEditor:[g.RichTextEditor],markdown:[u.MarkdownEditor]},C={withFocusBar:b.css({marginLeft:L.spacingL,marginRight:L.spacingL,marginBottom:"29px",marginTop:"19px",paddingLeft:L.spacingM,borderLeft:"3px solid "+L.gray300,transition:"border-color 0.18s linear","&:focus-within":{borderColor:L.colorPrimary},'&[aria-invalid="true"]':{borderLeftColor:L.red500}}),label:b.css({display:"flex",width:"100%",maxWidth:"800px",color:L.gray500,fontSize:L.fontSizeM,fontWeight:L.fontWeightNormal,lineHeight:L.lineHeightDefault,whiteSpace:"pre-wrap"}),helpText:b.css({margin:L.spacingXs+" 0",fontStyle:"italic"})};exports.Field=e=>{const{sdk:i,widgetId:r,isInitiallyDisabled:n=!1,renderFieldEditor:o,getOptions:l}=e,d=i.field,a=i.locales,s=r??v(i);if(o){const e=o(s,i,n);if(e)return e}const c=l?l(s,i):{},u=i.parameters&&"instance"in i.parameters?i.parameters:{instance:{showCreateEntityAction:!0,showLinkEntityAction:!0}};if(!T[s])return null;const[f,E]=T[s],p={sdk:i,field:d,locales:a,isInitiallyDisabled:n,parameters:u,...E,...c[s]};return t.createElement(f,{key:i.field.locale,...p,baseSdk:"slugEditor"===s?i:void 0})},exports.FieldWrapper=function(e){var i,r,n,o;const{ids:l}=e.sdk,d=e=>`/spaces/${l.space}/environments/${l.environmentAlias||l.environment}/entries/${e.sys.id}`,{name:a,sdk:s,className:c,children:u,renderHeading:f,renderHelpText:E,showFocusBar:p=!0,getEntryURL:g=d}=e,{field:m}=s,y=(null==(i=s.parameters)||null==(r=i.instance)?void 0:r.helpText)??"",[h,q]=t.useState(!1);t.useEffect(()=>m.onSchemaErrorsChanged(e=>{q((e||[]).length>0)}),[m]);const w=[m.id,m.locale,null==(n=s.contentType)||null==(o=n.sys)?void 0:o.id].filter(e=>e).join("-");return t.createElement(k.FormControl,{id:w,testId:"entity-field-controls","data-test-id":"entity-field-controls",className:b.cx(p&&C.withFocusBar,c),"aria-invalid":h,isRequired:m.required},f?f(a):t.createElement(k.FormControl.Label,{className:C.label},a),u,t.createElement(x.ValidationErrors,{field:m,space:s.space,locales:s.locales,getEntryURL:g||d}),E?E(y):t.createElement(k.FormControl.HelpText,{testId:"field-hint",className:C.helpText},y))},exports.getDefaultWidgetId=v;
-//# sourceMappingURL=default-field-editors.cjs.production.min.js.map

package/dist/default-field-editors.cjs.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-field-editors.cjs.production.min.js","sources":["../src/getDefaultWidgetId.ts","../src/Field.tsx","../src/FieldWrapper.styles.ts","../src/FieldWrapper.tsx"],"sourcesContent":["import type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { editorInterfaceDefaults } from 'contentful-management';\n\nimport type { WidgetType } from './types';\n\nexport function getDefaultWidgetId(\n  sdk: Pick<FieldExtensionSDK, 'field' | 'contentType'>\n): WidgetType {\n  const field = sdk.field;\n\n  // @ts-expect-error FieldExtensionSDK.field doesn't include all the\n  // properties of ContentFields type. It should be fixed\n  return editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;\n}\n","import * as React from 'react';\n\nimport { BooleanEditor } from '@contentful/field-editor-boolean';\nimport { RadioEditor } from '@contentful/field-editor-radio';\nimport { RatingEditor } from '@contentful/field-editor-rating';\nimport { CheckboxEditor } from '@contentful/field-editor-checkbox';\nimport { DateEditor } from '@contentful/field-editor-date';\nimport { DropdownEditor } from '@contentful/field-editor-dropdown';\nimport { JsonEditor } from '@contentful/field-editor-json';\nimport { ListEditor } from '@contentful/field-editor-list';\nimport { LocationEditor } from '@contentful/field-editor-location';\nimport { MarkdownEditor } from '@contentful/field-editor-markdown';\nimport { MultipleLineEditor } from '@contentful/field-editor-multiple-line';\nimport { NumberEditor } from '@contentful/field-editor-number';\nimport {\n  SingleEntryReferenceEditor,\n  MultipleEntryReferenceEditor,\n  SingleMediaEditor,\n  MultipleMediaEditor,\n} from '@contentful/field-editor-reference';\nimport { RichTextEditor } from '@contentful/field-editor-rich-text';\nimport type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { SingleLineEditor } from '@contentful/field-editor-single-line';\nimport { SlugEditor } from '@contentful/field-editor-slug';\nimport { TagsEditor } from '@contentful/field-editor-tags';\nimport { UrlEditor } from '@contentful/field-editor-url';\n\nimport { getDefaultWidgetId } from './getDefaultWidgetId';\nimport type { EditorOptions, WidgetType } from './types';\n\ntype FieldProps = {\n  sdk: FieldExtensionSDK;\n  widgetId?: WidgetType;\n  isInitiallyDisabled?: boolean;\n  renderFieldEditor?: (\n    widgetId: WidgetType,\n    sdk: FieldExtensionSDK,\n    isInitiallyDisabled: boolean\n  ) => JSX.Element | false;\n  getOptions?: (widgetId: WidgetType, sdk: FieldExtensionSDK) => EditorOptions;\n};\n\nconst widgetComponents: Record<string, [React.ComponentType<any>, any?]> = {\n  multipleLine: [MultipleLineEditor],\n  boolean: [BooleanEditor],\n  objectEditor: [JsonEditor],\n  datePicker: [DateEditor],\n  locationEditor: [LocationEditor],\n  checkbox: [CheckboxEditor],\n  listInput: [ListEditor],\n  rating: [RatingEditor],\n  radio: [RadioEditor],\n  tagEditor: [TagsEditor],\n  numberEditor: [NumberEditor],\n  urlEditor: [UrlEditor],\n  slugEditor: [SlugEditor],\n  singleLine: [SingleLineEditor],\n  dropdown: [DropdownEditor],\n  entryLinkEditor: [SingleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardEditor: [SingleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  entryLinksEditor: [MultipleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardsEditor: [MultipleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  assetLinkEditor: [SingleMediaEditor, { viewType: 'link' }],\n  assetLinksEditor: [MultipleMediaEditor, { viewType: 'link' }],\n  assetGalleryEditor: [MultipleMediaEditor, { viewType: 'card' }],\n  richTextEditor: [RichTextEditor],\n  markdown: [MarkdownEditor],\n};\n\nexport const Field: React.FC<FieldProps> = (props: FieldProps) => {\n  const {\n    sdk,\n    widgetId: possiblyUndefinedWidgetId,\n    isInitiallyDisabled = false,\n    renderFieldEditor,\n    getOptions,\n  } = props;\n  const field = sdk.field;\n  const locales = sdk.locales;\n\n  const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);\n\n  if (renderFieldEditor) {\n    const customEditor = renderFieldEditor(widgetId, sdk, isInitiallyDisabled);\n    if (customEditor) {\n      return customEditor;\n    }\n  }\n\n  const options = getOptions ? getOptions(widgetId, sdk) : {};\n  const referenceEditorParams =\n    sdk.parameters && 'instance' in sdk.parameters\n      ? sdk.parameters\n      : {\n          instance: {\n            showCreateEntityAction: true,\n            showLinkEntityAction: true,\n          },\n        };\n\n  if (!widgetComponents[widgetId]) return null;\n\n  const [WidgetComponent, widgetStaticProps] = widgetComponents[widgetId];\n\n  const widgetComponentProps = {\n    sdk,\n    field,\n    locales,\n    isInitiallyDisabled,\n    parameters: referenceEditorParams,\n    ...widgetStaticProps,\n    // @ts-expect-error\n    ...options[widgetId],\n  };\n\n  const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;\n\n  return <WidgetComponent key={sdk.field.locale} {...widgetComponentProps} baseSdk={baseSdk} />;\n};\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  withFocusBar: css({\n    marginLeft: tokens.spacingL,\n    marginRight: tokens.spacingL,\n    marginBottom: '29px',\n    marginTop: '19px',\n    paddingLeft: tokens.spacingM,\n    borderLeft: `3px solid ${tokens.gray300}`,\n    transition: 'border-color 0.18s linear',\n    '&:focus-within': {\n      borderColor: tokens.colorPrimary,\n    },\n    '&[aria-invalid=\"true\"]': {\n      borderLeftColor: tokens.red500,\n    },\n  }),\n  label: css({\n    display: 'flex',\n    width: '100%',\n    maxWidth: '800px',\n    color: tokens.gray500,\n    fontSize: tokens.fontSizeM,\n    fontWeight: tokens.fontWeightNormal,\n    lineHeight: tokens.lineHeightDefault,\n    whiteSpace: 'pre-wrap',\n  }),\n  helpText: css({\n    margin: `${tokens.spacingXs} 0`,\n    fontStyle: 'italic',\n  }),\n};\n","import * as React from 'react';\n\nimport { FormControl } from '@contentful/f36-components';\nimport type { FieldExtensionSDK, Entry } from '@contentful/field-editor-shared';\nimport { ValidationErrors } from '@contentful/field-editor-validation-errors';\nimport { cx } from 'emotion';\n\nimport { styles } from './FieldWrapper.styles';\n\ntype FieldWrapperProps = {\n  name: string;\n  sdk: FieldExtensionSDK;\n  /**\n   * Generates a link to another entry with the same value when a \"non unique\" validation error occurs\n   */\n  getEntryURL?: (entry: Entry) => string;\n  className?: string;\n  showFocusBar?: boolean;\n  children: React.ReactNode;\n  renderHeading?: (name: string) => JSX.Element | null;\n  renderHelpText?: (helpText: string) => JSX.Element | null;\n};\n\nexport const FieldWrapper: React.FC<FieldWrapperProps> = function (props: FieldWrapperProps) {\n  const { ids } = props.sdk;\n  const defaultGetEntryUrl = (entry: Entry) =>\n    `/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${\n      entry.sys.id\n    }`;\n  const {\n    name,\n    sdk,\n    className,\n    children,\n    renderHeading,\n    renderHelpText,\n    showFocusBar = true,\n    getEntryURL = defaultGetEntryUrl,\n  } = props;\n  const { field } = sdk;\n  const helpText = (sdk.parameters?.instance as any)?.helpText ?? '';\n\n  const [hasErrors, setHasErrors] = React.useState(false);\n  React.useEffect(() => {\n    return field.onSchemaErrorsChanged((errors: unknown[]) => {\n      setHasErrors((errors || []).length > 0);\n    });\n  }, [field]);\n\n  const fieldControlId = [field.id, field.locale, sdk.contentType?.sys?.id]\n    .filter((item) => item)\n    .join('-');\n\n  return (\n    <FormControl\n      id={fieldControlId}\n      testId=\"entity-field-controls\"\n      data-test-id=\"entity-field-controls\"\n      className={cx(showFocusBar && styles.withFocusBar, className)}\n      aria-invalid={hasErrors}\n      isRequired={field.required}>\n      {renderHeading ? (\n        renderHeading(name)\n      ) : (\n        <FormControl.Label className={styles.label}>{name}</FormControl.Label>\n      )}\n\n      {children}\n\n      <ValidationErrors\n        field={field}\n        space={sdk.space}\n        locales={sdk.locales}\n        getEntryURL={getEntryURL || defaultGetEntryUrl}\n      />\n\n      {renderHelpText ? (\n        renderHelpText(helpText)\n      ) : (\n        <FormControl.HelpText testId=\"field-hint\" className={styles.helpText}>\n          {helpText}\n        </FormControl.HelpText>\n      )}\n    </FormControl>\n  );\n};\n"],"names":["getDefaultWidgetId","sdk","editorInterfaceDefaults","default","getDefaultControlOfField","field","widgetId","widgetComponents","multipleLine","MultipleLineEditor","boolean","BooleanEditor","objectEditor","JsonEditor","datePicker","DateEditor","locationEditor","LocationEditor","checkbox","CheckboxEditor","listInput","ListEditor","rating","RatingEditor","radio","RadioEditor","tagEditor","TagsEditor","numberEditor","NumberEditor","urlEditor","UrlEditor","slugEditor","SlugEditor","singleLine","SingleLineEditor","dropdown","DropdownEditor","entryLinkEditor","SingleEntryReferenceEditor","viewType","hasCardEditActions","entryCardEditor","entryLinksEditor","MultipleEntryReferenceEditor","entryCardsEditor","assetLinkEditor","SingleMediaEditor","assetLinksEditor","MultipleMediaEditor","assetGalleryEditor","richTextEditor","RichTextEditor","markdown","MarkdownEditor","styles","withFocusBar","css","marginLeft","tokens","spacingL","marginRight","marginBottom","marginTop","paddingLeft","spacingM","borderLeft","gray300","transition","borderColor","colorPrimary","borderLeftColor","red500","label","display","width","maxWidth","color","gray500","fontSize","fontSizeM","fontWeight","fontWeightNormal","lineHeight","lineHeightDefault","whiteSpace","helpText","margin","spacingXs","fontStyle","props","possiblyUndefinedWidgetId","isInitiallyDisabled","renderFieldEditor","getOptions","locales","customEditor","options","referenceEditorParams","parameters","instance","showCreateEntityAction","showLinkEntityAction","WidgetComponent","widgetStaticProps","widgetComponentProps","React","key","locale","baseSdk","undefined","ids","defaultGetEntryUrl","entry","space","environmentAlias","environment","sys","id","name","className","children","renderHeading","renderHelpText","showFocusBar","getEntryURL","hasErrors","setHasErrors","onSchemaErrorsChanged","errors","length","fieldControlId","contentType","_sdk$contentType","_sdk$contentType$sys","filter","item","join","FormControl","testId","cx","isRequired","required","Label","ValidationErrors","HelpText"],"mappings":"4oCAKgBA,EACdC,UAMOC,0BAAwBC,QAAQC,yBAJzBH,EAAII,OAIqDC,SC8BzE,MAAMC,EAAqE,CACzEC,aAAc,CAACC,sBACfC,QAAS,CAACC,iBACVC,aAAc,CAACC,cACfC,WAAY,CAACC,cACbC,eAAgB,CAACC,kBACjBC,SAAU,CAACC,kBACXC,UAAW,CAACC,cACZC,OAAQ,CAACC,gBACTC,MAAO,CAACC,eACRC,UAAW,CAACC,cACZC,aAAc,CAACC,gBACfC,UAAW,CAACC,aACZC,WAAY,CAACC,cACbC,WAAY,CAACC,oBACbC,SAAU,CAACC,kBACXC,gBAAiB,CAACC,6BAA4B,CAAEC,SAAU,OAAQC,oBAAoB,IACtFC,gBAAiB,CAACH,6BAA4B,CAAEC,SAAU,OAAQC,oBAAoB,IACtFE,iBAAkB,CAACC,+BAA8B,CAAEJ,SAAU,OAAQC,oBAAoB,IACzFI,iBAAkB,CAACD,+BAA8B,CAAEJ,SAAU,OAAQC,oBAAoB,IACzFK,gBAAiB,CAACC,oBAAmB,CAAEP,SAAU,SACjDQ,iBAAkB,CAACC,sBAAqB,CAAET,SAAU,SACpDU,mBAAoB,CAACD,sBAAqB,CAAET,SAAU,SACtDW,eAAgB,CAACC,kBACjBC,SAAU,CAACC,mBC/DAC,EAAS,CACpBC,aAAcC,MAAI,CAChBC,WAAYC,EAAOC,SACnBC,YAAaF,EAAOC,SACpBE,aAAc,OACdC,UAAW,OACXC,YAAaL,EAAOM,SACpBC,wBAAyBP,EAAOQ,QAChCC,WAAY,6CACM,CAChBC,YAAaV,EAAOW,uCAEI,CACxBC,gBAAiBZ,EAAOa,UAG5BC,MAAOhB,MAAI,CACTiB,QAAS,OACTC,MAAO,OACPC,SAAU,QACVC,MAAOlB,EAAOmB,QACdC,SAAUpB,EAAOqB,UACjBC,WAAYtB,EAAOuB,iBACnBC,WAAYxB,EAAOyB,kBACnBC,WAAY,aAEdC,SAAU7B,MAAI,CACZ8B,OAAW5B,EAAO6B,eAClBC,UAAW,0BDsC6BC,UACpCzF,IACJA,EACAK,SAAUqF,EAFNC,oBAGJA,GAAsB,EAHlBC,kBAIJA,EAJIC,WAKJA,GACEJ,EACErF,EAAQJ,EAAII,MACZ0F,EAAU9F,EAAI8F,QAEdzF,EAAWqF,GAA6B3F,EAAmBC,MAE7D4F,EAAmB,OACfG,EAAeH,EAAkBvF,EAAUL,EAAK2F,MAClDI,SACKA,QAILC,EAAUH,EAAaA,EAAWxF,EAAUL,GAAO,GACnDiG,EACJjG,EAAIkG,YAAc,aAAclG,EAAIkG,WAChClG,EAAIkG,WACJ,CACEC,SAAU,CACRC,wBAAwB,EACxBC,sBAAsB,QAI3B/F,EAAiBD,GAAW,OAAO,WAEjCiG,EAAiBC,GAAqBjG,EAAiBD,GAExDmG,EAAuB,CAC3BxG,IAAAA,EACAI,MAAAA,EACA0F,QAAAA,EACAH,oBAAAA,EACAO,WAAYD,KACTM,KAEAP,EAAQ3F,WAKNoG,gBAACH,GAAgBI,IAAK1G,EAAII,MAAMuG,UAAYH,EAAsBI,QAF5C,eAAbvG,EAA4BL,OAAM6G,0BE5FK,SAAUpB,qBAC3DqB,IAAEA,GAAQrB,EAAMzF,IAChB+G,EAAsBC,cACfF,EAAIG,sBAAsBH,EAAII,kBAAoBJ,EAAIK,uBAC/DH,EAAMI,IAAIC,MAERC,KACJA,EADItH,IAEJA,EAFIuH,UAGJA,EAHIC,SAIJA,EAJIC,cAKJA,EALIC,eAMJA,EANIC,aAOJA,GAAe,EAPXC,YAQJA,EAAcb,GACZtB,GACErF,MAAEA,GAAUJ,EACZqF,YAAYrF,EAAIkG,wBAAYC,mBAAkBd,WAAY,IAEzDwC,EAAWC,GAAgBrB,YAAe,GACjDA,YAAgB,IACPrG,EAAM2H,sBAAuBC,IAClCF,GAAcE,GAAU,IAAIC,OAAS,KAEtC,CAAC7H,UAEE8H,EAAiB,CAAC9H,EAAMiH,GAAIjH,EAAMuG,gBAAQ3G,EAAImI,uBAAJC,EAAiBhB,YAAjBiB,EAAsBhB,IACnEiB,OAAQC,GAASA,GACjBC,KAAK,YAGN/B,gBAACgC,eACCpB,GAAIa,EACJQ,OAAO,uCACM,wBACbnB,UAAWoB,KAAGhB,GAAgBrE,EAAOC,aAAcgE,kBACrCM,EACde,WAAYxI,EAAMyI,UACjBpB,EACCA,EAAcH,GAEdb,gBAACgC,cAAYK,OAAMvB,UAAWjE,EAAOkB,OAAQ8C,GAG9CE,EAEDf,gBAACsC,oBACC3I,MAAOA,EACP6G,MAAOjH,EAAIiH,MACXnB,QAAS9F,EAAI8F,QACb8B,YAAaA,GAAeb,IAG7BW,EACCA,EAAerC,GAEfoB,gBAACgC,cAAYO,UAASN,OAAO,aAAanB,UAAWjE,EAAO+B,UACzDA"}

package/dist/default-field-editors.esm.js

@@ -1,207 +0,0 @@
-import { createElement, useState, useEffect } from 'react';
-import { BooleanEditor } from '@contentful/field-editor-boolean';
-import { RadioEditor } from '@contentful/field-editor-radio';
-import { RatingEditor } from '@contentful/field-editor-rating';
-import { CheckboxEditor } from '@contentful/field-editor-checkbox';
-import { DateEditor } from '@contentful/field-editor-date';
-import { DropdownEditor } from '@contentful/field-editor-dropdown';
-import { JsonEditor } from '@contentful/field-editor-json';
-import { ListEditor } from '@contentful/field-editor-list';
-import { LocationEditor } from '@contentful/field-editor-location';
-import { MarkdownEditor } from '@contentful/field-editor-markdown';
-import { MultipleLineEditor } from '@contentful/field-editor-multiple-line';
-import { NumberEditor } from '@contentful/field-editor-number';
-import { SingleEntryReferenceEditor, MultipleEntryReferenceEditor, SingleMediaEditor, MultipleMediaEditor } from '@contentful/field-editor-reference';
-import { RichTextEditor } from '@contentful/field-editor-rich-text';
-import { SingleLineEditor } from '@contentful/field-editor-single-line';
-import { SlugEditor } from '@contentful/field-editor-slug';
-import { TagsEditor } from '@contentful/field-editor-tags';
-import { UrlEditor } from '@contentful/field-editor-url';
-import { editorInterfaceDefaults } from 'contentful-management';
-import { FormControl } from '@contentful/f36-components';
-import { ValidationErrors } from '@contentful/field-editor-validation-errors';
-import { css, cx } from 'emotion';
-import tokens from '@contentful/f36-tokens';
-
-function getDefaultWidgetId(sdk) {
-  const field = sdk.field; // @ts-expect-error FieldExtensionSDK.field doesn't include all the
-  // properties of ContentFields type. It should be fixed
-
-  return editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;
-}
-
-const widgetComponents = {
-  multipleLine: [MultipleLineEditor],
-  boolean: [BooleanEditor],
-  objectEditor: [JsonEditor],
-  datePicker: [DateEditor],
-  locationEditor: [LocationEditor],
-  checkbox: [CheckboxEditor],
-  listInput: [ListEditor],
-  rating: [RatingEditor],
-  radio: [RadioEditor],
-  tagEditor: [TagsEditor],
-  numberEditor: [NumberEditor],
-  urlEditor: [UrlEditor],
-  slugEditor: [SlugEditor],
-  singleLine: [SingleLineEditor],
-  dropdown: [DropdownEditor],
-  entryLinkEditor: [SingleEntryReferenceEditor, {
-    viewType: 'link',
-    hasCardEditActions: true
-  }],
-  entryCardEditor: [SingleEntryReferenceEditor, {
-    viewType: 'card',
-    hasCardEditActions: true
-  }],
-  entryLinksEditor: [MultipleEntryReferenceEditor, {
-    viewType: 'link',
-    hasCardEditActions: true
-  }],
-  entryCardsEditor: [MultipleEntryReferenceEditor, {
-    viewType: 'card',
-    hasCardEditActions: true
-  }],
-  assetLinkEditor: [SingleMediaEditor, {
-    viewType: 'link'
-  }],
-  assetLinksEditor: [MultipleMediaEditor, {
-    viewType: 'link'
-  }],
-  assetGalleryEditor: [MultipleMediaEditor, {
-    viewType: 'card'
-  }],
-  richTextEditor: [RichTextEditor],
-  markdown: [MarkdownEditor]
-};
-const Field = props => {
-  const {
-    sdk,
-    widgetId: possiblyUndefinedWidgetId,
-    isInitiallyDisabled = false,
-    renderFieldEditor,
-    getOptions
-  } = props;
-  const field = sdk.field;
-  const locales = sdk.locales;
-  const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);
-
-  if (renderFieldEditor) {
-    const customEditor = renderFieldEditor(widgetId, sdk, isInitiallyDisabled);
-
-    if (customEditor) {
-      return customEditor;
-    }
-  }
-
-  const options = getOptions ? getOptions(widgetId, sdk) : {};
-  const referenceEditorParams = sdk.parameters && 'instance' in sdk.parameters ? sdk.parameters : {
-    instance: {
-      showCreateEntityAction: true,
-      showLinkEntityAction: true
-    }
-  };
-  if (!widgetComponents[widgetId]) return null;
-  const [WidgetComponent, widgetStaticProps] = widgetComponents[widgetId];
-  const widgetComponentProps = {
-    sdk,
-    field,
-    locales,
-    isInitiallyDisabled,
-    parameters: referenceEditorParams,
-    ...widgetStaticProps,
-    // @ts-expect-error
-    ...options[widgetId]
-  };
-  const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;
-  return createElement(WidgetComponent, {
-    key: sdk.field.locale,
-    ...widgetComponentProps,
-    baseSdk: baseSdk
-  });
-};
-
-const styles = {
-  withFocusBar: /*#__PURE__*/css({
-    marginLeft: tokens.spacingL,
-    marginRight: tokens.spacingL,
-    marginBottom: '29px',
-    marginTop: '19px',
-    paddingLeft: tokens.spacingM,
-    borderLeft: `3px solid ${tokens.gray300}`,
-    transition: 'border-color 0.18s linear',
-    '&:focus-within': {
-      borderColor: tokens.colorPrimary
-    },
-    '&[aria-invalid="true"]': {
-      borderLeftColor: tokens.red500
-    }
-  }),
-  label: /*#__PURE__*/css({
-    display: 'flex',
-    width: '100%',
-    maxWidth: '800px',
-    color: tokens.gray500,
-    fontSize: tokens.fontSizeM,
-    fontWeight: tokens.fontWeightNormal,
-    lineHeight: tokens.lineHeightDefault,
-    whiteSpace: 'pre-wrap'
-  }),
-  helpText: /*#__PURE__*/css({
-    margin: `${tokens.spacingXs} 0`,
-    fontStyle: 'italic'
-  })
-};
-
-const FieldWrapper = function (props) {
-  var _sdk$parameters, _sdk$parameters$insta, _sdk$contentType, _sdk$contentType$sys;
-
-  const {
-    ids
-  } = props.sdk;
-
-  const defaultGetEntryUrl = entry => `/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${entry.sys.id}`;
-
-  const {
-    name,
-    sdk,
-    className,
-    children,
-    renderHeading,
-    renderHelpText,
-    showFocusBar = true,
-    getEntryURL = defaultGetEntryUrl
-  } = props;
-  const {
-    field
-  } = sdk;
-  const helpText = ((_sdk$parameters = sdk.parameters) == null ? void 0 : (_sdk$parameters$insta = _sdk$parameters.instance) == null ? void 0 : _sdk$parameters$insta.helpText) ?? '';
-  const [hasErrors, setHasErrors] = useState(false);
-  useEffect(() => {
-    return field.onSchemaErrorsChanged(errors => {
-      setHasErrors((errors || []).length > 0);
-    });
-  }, [field]);
-  const fieldControlId = [field.id, field.locale, (_sdk$contentType = sdk.contentType) == null ? void 0 : (_sdk$contentType$sys = _sdk$contentType.sys) == null ? void 0 : _sdk$contentType$sys.id].filter(item => item).join('-');
-  return createElement(FormControl, {
-    id: fieldControlId,
-    testId: "entity-field-controls",
-    "data-test-id": "entity-field-controls",
-    className: cx(showFocusBar && styles.withFocusBar, className),
-    "aria-invalid": hasErrors,
-    isRequired: field.required
-  }, renderHeading ? renderHeading(name) : createElement(FormControl.Label, {
-    className: styles.label
-  }, name), children, createElement(ValidationErrors, {
-    field: field,
-    space: sdk.space,
-    locales: sdk.locales,
-    getEntryURL: getEntryURL || defaultGetEntryUrl
-  }), renderHelpText ? renderHelpText(helpText) : createElement(FormControl.HelpText, {
-    testId: "field-hint",
-    className: styles.helpText
-  }, helpText));
-};
-
-export { Field, FieldWrapper, getDefaultWidgetId };
-//# sourceMappingURL=default-field-editors.esm.js.map

package/dist/default-field-editors.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-field-editors.esm.js","sources":["../src/getDefaultWidgetId.ts","../src/Field.tsx","../src/FieldWrapper.styles.ts","../src/FieldWrapper.tsx"],"sourcesContent":["import type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { editorInterfaceDefaults } from 'contentful-management';\n\nimport type { WidgetType } from './types';\n\nexport function getDefaultWidgetId(\n  sdk: Pick<FieldExtensionSDK, 'field' | 'contentType'>\n): WidgetType {\n  const field = sdk.field;\n\n  // @ts-expect-error FieldExtensionSDK.field doesn't include all the\n  // properties of ContentFields type. It should be fixed\n  return editorInterfaceDefaults.default.getDefaultControlOfField(field).widgetId;\n}\n","import * as React from 'react';\n\nimport { BooleanEditor } from '@contentful/field-editor-boolean';\nimport { RadioEditor } from '@contentful/field-editor-radio';\nimport { RatingEditor } from '@contentful/field-editor-rating';\nimport { CheckboxEditor } from '@contentful/field-editor-checkbox';\nimport { DateEditor } from '@contentful/field-editor-date';\nimport { DropdownEditor } from '@contentful/field-editor-dropdown';\nimport { JsonEditor } from '@contentful/field-editor-json';\nimport { ListEditor } from '@contentful/field-editor-list';\nimport { LocationEditor } from '@contentful/field-editor-location';\nimport { MarkdownEditor } from '@contentful/field-editor-markdown';\nimport { MultipleLineEditor } from '@contentful/field-editor-multiple-line';\nimport { NumberEditor } from '@contentful/field-editor-number';\nimport {\n  SingleEntryReferenceEditor,\n  MultipleEntryReferenceEditor,\n  SingleMediaEditor,\n  MultipleMediaEditor,\n} from '@contentful/field-editor-reference';\nimport { RichTextEditor } from '@contentful/field-editor-rich-text';\nimport type { FieldExtensionSDK } from '@contentful/field-editor-shared';\nimport { SingleLineEditor } from '@contentful/field-editor-single-line';\nimport { SlugEditor } from '@contentful/field-editor-slug';\nimport { TagsEditor } from '@contentful/field-editor-tags';\nimport { UrlEditor } from '@contentful/field-editor-url';\n\nimport { getDefaultWidgetId } from './getDefaultWidgetId';\nimport type { EditorOptions, WidgetType } from './types';\n\ntype FieldProps = {\n  sdk: FieldExtensionSDK;\n  widgetId?: WidgetType;\n  isInitiallyDisabled?: boolean;\n  renderFieldEditor?: (\n    widgetId: WidgetType,\n    sdk: FieldExtensionSDK,\n    isInitiallyDisabled: boolean\n  ) => JSX.Element | false;\n  getOptions?: (widgetId: WidgetType, sdk: FieldExtensionSDK) => EditorOptions;\n};\n\nconst widgetComponents: Record<string, [React.ComponentType<any>, any?]> = {\n  multipleLine: [MultipleLineEditor],\n  boolean: [BooleanEditor],\n  objectEditor: [JsonEditor],\n  datePicker: [DateEditor],\n  locationEditor: [LocationEditor],\n  checkbox: [CheckboxEditor],\n  listInput: [ListEditor],\n  rating: [RatingEditor],\n  radio: [RadioEditor],\n  tagEditor: [TagsEditor],\n  numberEditor: [NumberEditor],\n  urlEditor: [UrlEditor],\n  slugEditor: [SlugEditor],\n  singleLine: [SingleLineEditor],\n  dropdown: [DropdownEditor],\n  entryLinkEditor: [SingleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardEditor: [SingleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  entryLinksEditor: [MultipleEntryReferenceEditor, { viewType: 'link', hasCardEditActions: true }],\n  entryCardsEditor: [MultipleEntryReferenceEditor, { viewType: 'card', hasCardEditActions: true }],\n  assetLinkEditor: [SingleMediaEditor, { viewType: 'link' }],\n  assetLinksEditor: [MultipleMediaEditor, { viewType: 'link' }],\n  assetGalleryEditor: [MultipleMediaEditor, { viewType: 'card' }],\n  richTextEditor: [RichTextEditor],\n  markdown: [MarkdownEditor],\n};\n\nexport const Field: React.FC<FieldProps> = (props: FieldProps) => {\n  const {\n    sdk,\n    widgetId: possiblyUndefinedWidgetId,\n    isInitiallyDisabled = false,\n    renderFieldEditor,\n    getOptions,\n  } = props;\n  const field = sdk.field;\n  const locales = sdk.locales;\n\n  const widgetId = possiblyUndefinedWidgetId ?? getDefaultWidgetId(sdk);\n\n  if (renderFieldEditor) {\n    const customEditor = renderFieldEditor(widgetId, sdk, isInitiallyDisabled);\n    if (customEditor) {\n      return customEditor;\n    }\n  }\n\n  const options = getOptions ? getOptions(widgetId, sdk) : {};\n  const referenceEditorParams =\n    sdk.parameters && 'instance' in sdk.parameters\n      ? sdk.parameters\n      : {\n          instance: {\n            showCreateEntityAction: true,\n            showLinkEntityAction: true,\n          },\n        };\n\n  if (!widgetComponents[widgetId]) return null;\n\n  const [WidgetComponent, widgetStaticProps] = widgetComponents[widgetId];\n\n  const widgetComponentProps = {\n    sdk,\n    field,\n    locales,\n    isInitiallyDisabled,\n    parameters: referenceEditorParams,\n    ...widgetStaticProps,\n    // @ts-expect-error\n    ...options[widgetId],\n  };\n\n  const baseSdk = widgetId === 'slugEditor' ? sdk : undefined;\n\n  return <WidgetComponent key={sdk.field.locale} {...widgetComponentProps} baseSdk={baseSdk} />;\n};\n","import tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nexport const styles = {\n  withFocusBar: css({\n    marginLeft: tokens.spacingL,\n    marginRight: tokens.spacingL,\n    marginBottom: '29px',\n    marginTop: '19px',\n    paddingLeft: tokens.spacingM,\n    borderLeft: `3px solid ${tokens.gray300}`,\n    transition: 'border-color 0.18s linear',\n    '&:focus-within': {\n      borderColor: tokens.colorPrimary,\n    },\n    '&[aria-invalid=\"true\"]': {\n      borderLeftColor: tokens.red500,\n    },\n  }),\n  label: css({\n    display: 'flex',\n    width: '100%',\n    maxWidth: '800px',\n    color: tokens.gray500,\n    fontSize: tokens.fontSizeM,\n    fontWeight: tokens.fontWeightNormal,\n    lineHeight: tokens.lineHeightDefault,\n    whiteSpace: 'pre-wrap',\n  }),\n  helpText: css({\n    margin: `${tokens.spacingXs} 0`,\n    fontStyle: 'italic',\n  }),\n};\n","import * as React from 'react';\n\nimport { FormControl } from '@contentful/f36-components';\nimport type { FieldExtensionSDK, Entry } from '@contentful/field-editor-shared';\nimport { ValidationErrors } from '@contentful/field-editor-validation-errors';\nimport { cx } from 'emotion';\n\nimport { styles } from './FieldWrapper.styles';\n\ntype FieldWrapperProps = {\n  name: string;\n  sdk: FieldExtensionSDK;\n  /**\n   * Generates a link to another entry with the same value when a \"non unique\" validation error occurs\n   */\n  getEntryURL?: (entry: Entry) => string;\n  className?: string;\n  showFocusBar?: boolean;\n  children: React.ReactNode;\n  renderHeading?: (name: string) => JSX.Element | null;\n  renderHelpText?: (helpText: string) => JSX.Element | null;\n};\n\nexport const FieldWrapper: React.FC<FieldWrapperProps> = function (props: FieldWrapperProps) {\n  const { ids } = props.sdk;\n  const defaultGetEntryUrl = (entry: Entry) =>\n    `/spaces/${ids.space}/environments/${ids.environmentAlias || ids.environment}/entries/${\n      entry.sys.id\n    }`;\n  const {\n    name,\n    sdk,\n    className,\n    children,\n    renderHeading,\n    renderHelpText,\n    showFocusBar = true,\n    getEntryURL = defaultGetEntryUrl,\n  } = props;\n  const { field } = sdk;\n  const helpText = (sdk.parameters?.instance as any)?.helpText ?? '';\n\n  const [hasErrors, setHasErrors] = React.useState(false);\n  React.useEffect(() => {\n    return field.onSchemaErrorsChanged((errors: unknown[]) => {\n      setHasErrors((errors || []).length > 0);\n    });\n  }, [field]);\n\n  const fieldControlId = [field.id, field.locale, sdk.contentType?.sys?.id]\n    .filter((item) => item)\n    .join('-');\n\n  return (\n    <FormControl\n      id={fieldControlId}\n      testId=\"entity-field-controls\"\n      data-test-id=\"entity-field-controls\"\n      className={cx(showFocusBar && styles.withFocusBar, className)}\n      aria-invalid={hasErrors}\n      isRequired={field.required}>\n      {renderHeading ? (\n        renderHeading(name)\n      ) : (\n        <FormControl.Label className={styles.label}>{name}</FormControl.Label>\n      )}\n\n      {children}\n\n      <ValidationErrors\n        field={field}\n        space={sdk.space}\n        locales={sdk.locales}\n        getEntryURL={getEntryURL || defaultGetEntryUrl}\n      />\n\n      {renderHelpText ? (\n        renderHelpText(helpText)\n      ) : (\n        <FormControl.HelpText testId=\"field-hint\" className={styles.helpText}>\n          {helpText}\n        </FormControl.HelpText>\n      )}\n    </FormControl>\n  );\n};\n"],"names":["getDefaultWidgetId","sdk","field","editorInterfaceDefaults","default","getDefaultControlOfField","widgetId","widgetComponents","multipleLine","MultipleLineEditor","boolean","BooleanEditor","objectEditor","JsonEditor","datePicker","DateEditor","locationEditor","LocationEditor","checkbox","CheckboxEditor","listInput","ListEditor","rating","RatingEditor","radio","RadioEditor","tagEditor","TagsEditor","numberEditor","NumberEditor","urlEditor","UrlEditor","slugEditor","SlugEditor","singleLine","SingleLineEditor","dropdown","DropdownEditor","entryLinkEditor","SingleEntryReferenceEditor","viewType","hasCardEditActions","entryCardEditor","entryLinksEditor","MultipleEntryReferenceEditor","entryCardsEditor","assetLinkEditor","SingleMediaEditor","assetLinksEditor","MultipleMediaEditor","assetGalleryEditor","richTextEditor","RichTextEditor","markdown","MarkdownEditor","Field","props","possiblyUndefinedWidgetId","isInitiallyDisabled","renderFieldEditor","getOptions","locales","customEditor","options","referenceEditorParams","parameters","instance","showCreateEntityAction","showLinkEntityAction","WidgetComponent","widgetStaticProps","widgetComponentProps","baseSdk","undefined","React","key","locale","styles","withFocusBar","css","marginLeft","tokens","spacingL","marginRight","marginBottom","marginTop","paddingLeft","spacingM","borderLeft","gray300","transition","borderColor","colorPrimary","borderLeftColor","red500","label","display","width","maxWidth","color","gray500","fontSize","fontSizeM","fontWeight","fontWeightNormal","lineHeight","lineHeightDefault","whiteSpace","helpText","margin","spacingXs","fontStyle","FieldWrapper","ids","defaultGetEntryUrl","entry","space","environmentAlias","environment","sys","id","name","className","children","renderHeading","renderHelpText","showFocusBar","getEntryURL","hasErrors","setHasErrors","onSchemaErrorsChanged","errors","length","fieldControlId","contentType","filter","item","join","FormControl","testId","cx","isRequired","required","Label","ValidationErrors","HelpText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;SAKgBA,mBACdC;AAEA,QAAMC,KAAK,GAAGD,GAAG,CAACC,KAAlB;AAGA;;AACA,SAAOC,uBAAuB,CAACC,OAAxB,CAAgCC,wBAAhC,CAAyDH,KAAzD,EAAgEI,QAAvE;AACD;;AC6BD,MAAMC,gBAAgB,GAAqD;AACzEC,EAAAA,YAAY,EAAE,CAACC,kBAAD,CAD2D;AAEzEC,EAAAA,OAAO,EAAE,CAACC,aAAD,CAFgE;AAGzEC,EAAAA,YAAY,EAAE,CAACC,UAAD,CAH2D;AAIzEC,EAAAA,UAAU,EAAE,CAACC,UAAD,CAJ6D;AAKzEC,EAAAA,cAAc,EAAE,CAACC,cAAD,CALyD;AAMzEC,EAAAA,QAAQ,EAAE,CAACC,cAAD,CAN+D;AAOzEC,EAAAA,SAAS,EAAE,CAACC,UAAD,CAP8D;AAQzEC,EAAAA,MAAM,EAAE,CAACC,YAAD,CARiE;AASzEC,EAAAA,KAAK,EAAE,CAACC,WAAD,CATkE;AAUzEC,EAAAA,SAAS,EAAE,CAACC,UAAD,CAV8D;AAWzEC,EAAAA,YAAY,EAAE,CAACC,YAAD,CAX2D;AAYzEC,EAAAA,SAAS,EAAE,CAACC,SAAD,CAZ8D;AAazEC,EAAAA,UAAU,EAAE,CAACC,UAAD,CAb6D;AAczEC,EAAAA,UAAU,EAAE,CAACC,gBAAD,CAd6D;AAezEC,EAAAA,QAAQ,EAAE,CAACC,cAAD,CAf+D;AAgBzEC,EAAAA,eAAe,EAAE,CAACC,0BAAD,EAA6B;AAAEC,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,kBAAkB,EAAE;AAAxC,GAA7B,CAhBwD;AAiBzEC,EAAAA,eAAe,EAAE,CAACH,0BAAD,EAA6B;AAAEC,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,kBAAkB,EAAE;AAAxC,GAA7B,CAjBwD;AAkBzEE,EAAAA,gBAAgB,EAAE,CAACC,4BAAD,EAA+B;AAAEJ,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,kBAAkB,EAAE;AAAxC,GAA/B,CAlBuD;AAmBzEI,EAAAA,gBAAgB,EAAE,CAACD,4BAAD,EAA+B;AAAEJ,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,kBAAkB,EAAE;AAAxC,GAA/B,CAnBuD;AAoBzEK,EAAAA,eAAe,EAAE,CAACC,iBAAD,EAAoB;AAAEP,IAAAA,QAAQ,EAAE;AAAZ,GAApB,CApBwD;AAqBzEQ,EAAAA,gBAAgB,EAAE,CAACC,mBAAD,EAAsB;AAAET,IAAAA,QAAQ,EAAE;AAAZ,GAAtB,CArBuD;AAsBzEU,EAAAA,kBAAkB,EAAE,CAACD,mBAAD,EAAsB;AAAET,IAAAA,QAAQ,EAAE;AAAZ,GAAtB,CAtBqD;AAuBzEW,EAAAA,cAAc,EAAE,CAACC,cAAD,CAvByD;AAwBzEC,EAAAA,QAAQ,EAAE,CAACC,cAAD;AAxB+D,CAA3E;AA2BA,MAAaC,KAAK,GAA0BC,KAAD;AACzC,QAAM;AACJvD,IAAAA,GADI;AAEJK,IAAAA,QAAQ,EAAEmD,yBAFN;AAGJC,IAAAA,mBAAmB,GAAG,KAHlB;AAIJC,IAAAA,iBAJI;AAKJC,IAAAA;AALI,MAMFJ,KANJ;AAOA,QAAMtD,KAAK,GAAGD,GAAG,CAACC,KAAlB;AACA,QAAM2D,OAAO,GAAG5D,GAAG,CAAC4D,OAApB;AAEA,QAAMvD,QAAQ,GAAGmD,yBAAyB,IAAIzD,kBAAkB,CAACC,GAAD,CAAhE;;AAEA,MAAI0D,iBAAJ,EAAuB;AACrB,UAAMG,YAAY,GAAGH,iBAAiB,CAACrD,QAAD,EAAWL,GAAX,EAAgByD,mBAAhB,CAAtC;;AACA,QAAII,YAAJ,EAAkB;AAChB,aAAOA,YAAP;AACD;AACF;;AAED,QAAMC,OAAO,GAAGH,UAAU,GAAGA,UAAU,CAACtD,QAAD,EAAWL,GAAX,CAAb,GAA+B,EAAzD;AACA,QAAM+D,qBAAqB,GACzB/D,GAAG,CAACgE,UAAJ,IAAkB,cAAchE,GAAG,CAACgE,UAApC,GACIhE,GAAG,CAACgE,UADR,GAEI;AACEC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,sBAAsB,EAAE,IADhB;AAERC,MAAAA,oBAAoB,EAAE;AAFd;AADZ,GAHN;AAUA,MAAI,CAAC7D,gBAAgB,CAACD,QAAD,CAArB,EAAiC,OAAO,IAAP;AAEjC,QAAM,CAAC+D,eAAD,EAAkBC,iBAAlB,IAAuC/D,gBAAgB,CAACD,QAAD,CAA7D;AAEA,QAAMiE,oBAAoB,GAAG;AAC3BtE,IAAAA,GAD2B;AAE3BC,IAAAA,KAF2B;AAG3B2D,IAAAA,OAH2B;AAI3BH,IAAAA,mBAJ2B;AAK3BO,IAAAA,UAAU,EAAED,qBALe;AAM3B,OAAGM,iBANwB;AAO3B;AACA,OAAGP,OAAO,CAACzD,QAAD;AARiB,GAA7B;AAWA,QAAMkE,OAAO,GAAGlE,QAAQ,KAAK,YAAb,GAA4BL,GAA5B,GAAkCwE,SAAlD;AAEA,SAAOC,aAAA,CAACL,eAAD;AAAiBM,IAAAA,GAAG,EAAE1E,GAAG,CAACC,KAAJ,CAAU0E;OAAYL;AAAsBC,IAAAA,OAAO,EAAEA;GAA3E,CAAP;AACD,CAjDM;;AClEA,MAAMK,MAAM,GAAG;AACpBC,EAAAA,YAAY,eAAEC,GAAG,CAAC;AAChBC,IAAAA,UAAU,EAAEC,MAAM,CAACC,QADH;AAEhBC,IAAAA,WAAW,EAAEF,MAAM,CAACC,QAFJ;AAGhBE,IAAAA,YAAY,EAAE,MAHE;AAIhBC,IAAAA,SAAS,EAAE,MAJK;AAKhBC,IAAAA,WAAW,EAAEL,MAAM,CAACM,QALJ;AAMhBC,IAAAA,UAAU,eAAeP,MAAM,CAACQ,SANhB;AAOhBC,IAAAA,UAAU,EAAE,2BAPI;AAQhB,sBAAkB;AAChBC,MAAAA,WAAW,EAAEV,MAAM,CAACW;AADJ,KARF;AAWhB,8BAA0B;AACxBC,MAAAA,eAAe,EAAEZ,MAAM,CAACa;AADA;AAXV,GAAD,CADG;AAgBpBC,EAAAA,KAAK,eAAEhB,GAAG,CAAC;AACTiB,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,KAAK,EAAE,MAFE;AAGTC,IAAAA,QAAQ,EAAE,OAHD;AAITC,IAAAA,KAAK,EAAElB,MAAM,CAACmB,OAJL;AAKTC,IAAAA,QAAQ,EAAEpB,MAAM,CAACqB,SALR;AAMTC,IAAAA,UAAU,EAAEtB,MAAM,CAACuB,gBANV;AAOTC,IAAAA,UAAU,EAAExB,MAAM,CAACyB,iBAPV;AAQTC,IAAAA,UAAU,EAAE;AARH,GAAD,CAhBU;AA0BpBC,EAAAA,QAAQ,eAAE7B,GAAG,CAAC;AACZ8B,IAAAA,MAAM,KAAK5B,MAAM,CAAC6B,aADN;AAEZC,IAAAA,SAAS,EAAE;AAFC,GAAD;AA1BO,CAAf;;MCoBMC,YAAY,GAAgC,UAAUxD,KAAV;;;AACvD,QAAM;AAAEyD,IAAAA;AAAF,MAAUzD,KAAK,CAACvD,GAAtB;;AACA,QAAMiH,kBAAkB,GAAIC,KAAD,eACdF,GAAG,CAACG,sBAAsBH,GAAG,CAACI,gBAAJ,IAAwBJ,GAAG,CAACK,uBAC/DH,KAAK,CAACI,GAAN,CAAUC,IAFd;;AAIA,QAAM;AACJC,IAAAA,IADI;AAEJxH,IAAAA,GAFI;AAGJyH,IAAAA,SAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,aALI;AAMJC,IAAAA,cANI;AAOJC,IAAAA,YAAY,GAAG,IAPX;AAQJC,IAAAA,WAAW,GAAGb;AARV,MASF1D,KATJ;AAUA,QAAM;AAAEtD,IAAAA;AAAF,MAAYD,GAAlB;AACA,QAAM2G,QAAQ,GAAI,oBAAA3G,GAAG,CAACgE,UAAJ,8DAAgBC,QAAhB,2CAAkC0C,QAAlC,KAA8C,EAAhE;AAEA,QAAM,CAACoB,SAAD,EAAYC,YAAZ,IAA4BvD,QAAA,CAAe,KAAf,CAAlC;AACAA,EAAAA,SAAA,CAAgB;AACd,WAAOxE,KAAK,CAACgI,qBAAN,CAA6BC,MAAD;AACjCF,MAAAA,YAAY,CAAC,CAACE,MAAM,IAAI,EAAX,EAAeC,MAAf,GAAwB,CAAzB,CAAZ;AACD,KAFM,CAAP;AAGD,GAJD,EAIG,CAAClI,KAAD,CAJH;AAMA,QAAMmI,cAAc,GAAG,CAACnI,KAAK,CAACsH,EAAP,EAAWtH,KAAK,CAAC0E,MAAjB,sBAAyB3E,GAAG,CAACqI,WAA7B,6CAAyB,iBAAiBf,GAA1C,qBAAyB,qBAAsBC,EAA/C,EACpBe,MADoB,CACZC,IAAD,IAAUA,IADG,EAEpBC,IAFoB,CAEf,GAFe,CAAvB;AAIA,SACE/D,aAAA,CAACgE,WAAD;AACElB,IAAAA,EAAE,EAAEa;AACJM,IAAAA,MAAM,EAAC;oBACM;AACbjB,IAAAA,SAAS,EAAEkB,EAAE,CAACd,YAAY,IAAIjD,MAAM,CAACC,YAAxB,EAAsC4C,SAAtC;oBACCM;AACda,IAAAA,UAAU,EAAE3I,KAAK,CAAC4I;GANpB,EAOGlB,aAAa,GACZA,aAAa,CAACH,IAAD,CADD,GAGZ/C,aAAA,CAACgE,WAAW,CAACK,KAAb;AAAmBrB,IAAAA,SAAS,EAAE7C,MAAM,CAACkB;GAArC,EAA6C0B,IAA7C,CAVJ,EAaGE,QAbH,EAeEjD,aAAA,CAACsE,gBAAD;AACE9I,IAAAA,KAAK,EAAEA;AACPkH,IAAAA,KAAK,EAAEnH,GAAG,CAACmH;AACXvD,IAAAA,OAAO,EAAE5D,GAAG,CAAC4D;AACbkE,IAAAA,WAAW,EAAEA,WAAW,IAAIb;GAJ9B,CAfF,EAsBGW,cAAc,GACbA,cAAc,CAACjB,QAAD,CADD,GAGblC,aAAA,CAACgE,WAAW,CAACO,QAAb;AAAsBN,IAAAA,MAAM,EAAC;AAAajB,IAAAA,SAAS,EAAE7C,MAAM,CAAC+B;GAA5D,EACGA,QADH,CAzBJ,CADF;AAgCD,CA9DM;;;;"}

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./default-field-editors.cjs.production.min.js')
-} else {
-  module.exports = require('./default-field-editors.cjs.development.js')
-}