@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","getFieldPaths","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","TabComponent","baseClass","TabsFieldComponent","props","$","field","t0","forceRender","t1","indexPath","t2","parentPath","t3","parentSchemaPath","t4","path","t5","permissions","readOnly","schemaPath","t6","admin","t7","tabs","t8","t9","undefined","className","t10","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","t11","t12","fields","map","tab","index","id","passesCondition","tabStates","filter","_temp","activeTabIndex","setActiveTabIndex","tabsPrefKey","activeTabInfo","activeTabConfig","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","_temp2","t13","incomingTabIndex","existingPreferences","tabIndex","handleTabChange","t14","getInitialPref","existingPreferences_0","initialIndex","newIndex","t15","t16","nextTab","find","_temp3","t17","t18","t19","t20","Boolean","t21","t22","index_0","passesCondition_2","tab_0","_jsx","hidden","isActive","setIsActive","join","children","_jsxs","TabContent","parentIndexPath","name","TabsField","label","customComponents","Field","bb0","AfterInput","BeforeInput","Description","CustomComponent","Fallback","marginPlacement","passesCondition_0","passesCondition_1"],"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientComponentProps,\n  ClientTab,\n  DocumentPreferences,\n  SanitizedFieldPermissions,\n  StaticDescription,\n  TabsFieldClientComponent,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getFieldPaths, toKebabCase } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabsProvider } from './provider.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nconst TabsFieldComponent: TabsFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, tabs = [] },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    path = '',\n    permissions,\n    readOnly,\n    schemaPath = '',\n  } = props\n\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n\n  const tabStates = useFormFields(([fields]) => {\n    return tabs.map((tab, index) => {\n      const id = tab?.id\n\n      return {\n        index,\n        passesCondition: fields?.[id]?.passesCondition ?? true,\n        tab,\n      }\n    })\n  })\n\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(\n    () => tabStates.filter(({ passesCondition }) => passesCondition)?.[0]?.index ?? 0,\n  )\n\n  const tabsPrefKey = `tabs-${indexPath}`\n\n  const activeTabInfo = tabStates[activeTabIndex]\n  const activeTabConfig = activeTabInfo?.tab\n  const activeTabDescription = activeTabConfig.admin?.description ?? activeTabConfig.description\n\n  const activeTabStaticDescription =\n    typeof activeTabDescription === 'function'\n      ? activeTabDescription({ i18n, t: i18n.t })\n      : activeTabDescription\n\n  const hasVisibleTabs = tabStates.some(({ passesCondition }) => passesCondition)\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...existingPreferences?.fields,\n                  [tabsPrefKey]: {\n                    ...existingPreferences?.fields?.[tabsPrefKey],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [getPreference, preferencesKey, setPreference, path, tabsPrefKey],\n  )\n\n  useEffect(() => {\n    if (preferencesKey) {\n      const getInitialPref = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n        const initialIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n\n        const newIndex = initialIndex || 0\n        setActiveTabIndex(newIndex)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey, tabs, parentPath, parentSchemaPath])\n\n  useEffect(() => {\n    if (activeTabInfo?.passesCondition === false) {\n      const nextTab = tabStates.find(({ passesCondition }) => passesCondition)\n      if (nextTab) {\n        void handleTabChange(nextTab.index)\n      }\n    }\n  }, [activeTabInfo, tabStates, handleTabChange])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        !hasVisibleTabs && `${baseClass}--hidden`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabStates.map(({ index, passesCondition, tab }) => (\n              <TabComponent\n                hidden={!passesCondition}\n                isActive={activeTabIndex === index}\n                key={index}\n                parentPath={path}\n                setIsActive={() => {\n                  void handleTabChange(index)\n                }}\n                tab={tab}\n              />\n            ))}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <TabContent\n              description={activeTabStaticDescription}\n              field={activeTabConfig}\n              forceRender={forceRender}\n              hidden={false}\n              parentIndexPath={indexPath}\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              path={path}\n              permissions={\n                permissions && typeof permissions === 'object' && 'name' in activeTabConfig\n                  ? permissions[activeTabConfig.name] &&\n                    typeof permissions[activeTabConfig.name] === 'object' &&\n                    'fields' in permissions[activeTabConfig.name]\n                    ? permissions[activeTabConfig.name].fields\n                    : permissions[activeTabConfig.name]\n                  : permissions\n              }\n              readOnly={readOnly}\n              tabIndex={activeTabIndex}\n            />\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n\ntype ActiveTabProps = {\n  readonly description: StaticDescription\n  readonly field: ClientTab\n  readonly hidden: boolean\n  readonly label?: string\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly: boolean\n  readonly tabIndex: number\n} & Pick<ClientComponentProps, 'forceRender'>\n\nfunction TabContent({\n  description,\n  field,\n  forceRender,\n  hidden,\n  label,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  permissions,\n  readOnly,\n  tabIndex,\n}: ActiveTabProps) {\n  const { i18n } = useTranslation()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Field } = {} } = useField()\n\n  if (Field) {\n    return Field\n  }\n\n  const { indexPath, path, schemaPath } = getFieldPaths({\n    field,\n    index: tabIndex,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n  })\n\n  return (\n    <div\n      className={[\n        hidden && `${baseClass}__tab--hidden`,\n        `${baseClass}__tab`,\n        label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription description={description} marginPlacement=\"bottom\" path={parentPath} />\n        }\n      />\n      {BeforeInput}\n      <RenderFields\n        fields={field.fields}\n        forceRender={forceRender}\n        parentIndexPath={indexPath}\n        parentPath={path}\n        parentSchemaPath={schemaPath}\n        permissions={permissions}\n        readOnly={readOnly}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientComponentProps,\n  ClientTab,\n  DocumentPreferences,\n  SanitizedFieldPermissions,\n  StaticDescription,\n  TabsFieldClientComponent,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { getFieldPaths, toKebabCase } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabsProvider } from './provider.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nconst TabsFieldComponent: TabsFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className } = {}, tabs = [] },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    path = '',\n    permissions,\n    readOnly,\n    schemaPath = '',\n  } = props\n\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n\n  const tabStates = useFormFields(([fields]) => {\n    return tabs.map((tab, index) => {\n      const id = tab?.id\n\n      return {\n        index,\n        passesCondition: fields?.[id]?.passesCondition ?? true,\n        tab,\n      }\n    })\n  })\n\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(\n    () => tabStates.filter(({ passesCondition }) => passesCondition)?.[0]?.index ?? 0,\n  )\n\n  const tabsPrefKey = `tabs-${indexPath}`\n\n  const activeTabInfo = tabStates[activeTabIndex]\n  const activeTabConfig = activeTabInfo?.tab\n  const activeTabDescription = activeTabConfig.admin?.description ?? activeTabConfig.description\n\n  const activeTabStaticDescription =\n    typeof activeTabDescription === 'function'\n      ? activeTabDescription({ i18n, t: i18n.t })\n      : activeTabDescription\n\n  const hasVisibleTabs = tabStates.some(({ passesCondition }) => passesCondition)\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number): Promise<void> => {\n      setActiveTabIndex(incomingTabIndex)\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...existingPreferences?.fields,\n                  [tabsPrefKey]: {\n                    ...existingPreferences?.fields?.[tabsPrefKey],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [getPreference, preferencesKey, setPreference, path, tabsPrefKey],\n  )\n\n  useEffect(() => {\n    if (preferencesKey) {\n      const getInitialPref = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n        const initialIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n\n        const newIndex = initialIndex || 0\n        setActiveTabIndex(newIndex)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey, tabs, parentPath, parentSchemaPath])\n\n  useEffect(() => {\n    if (activeTabInfo?.passesCondition === false) {\n      const nextTab = tabStates.find(({ passesCondition }) => passesCondition)\n      if (nextTab) {\n        void handleTabChange(nextTab.index)\n      }\n    }\n  }, [activeTabInfo, tabStates, handleTabChange])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        !hasVisibleTabs && `${baseClass}--hidden`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabStates.map(({ index, passesCondition, tab }) => (\n              <TabComponent\n                hidden={!passesCondition}\n                isActive={activeTabIndex === index}\n                key={index}\n                parentPath={path}\n                setIsActive={() => {\n                  void handleTabChange(index)\n                }}\n                tab={tab}\n              />\n            ))}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <TabContent\n              description={activeTabStaticDescription}\n              field={activeTabConfig}\n              forceRender={forceRender}\n              hidden={false}\n              parentIndexPath={indexPath}\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              path={path}\n              permissions={\n                permissions && typeof permissions === 'object' && 'name' in activeTabConfig\n                  ? permissions[activeTabConfig.name] &&\n                    typeof permissions[activeTabConfig.name] === 'object' &&\n                    'fields' in permissions[activeTabConfig.name]\n                    ? permissions[activeTabConfig.name].fields\n                    : permissions[activeTabConfig.name]\n                  : permissions\n              }\n              readOnly={readOnly}\n              tabIndex={activeTabIndex}\n            />\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const TabsField = withCondition(TabsFieldComponent)\n\ntype ActiveTabProps = {\n  readonly description: StaticDescription\n  readonly field: ClientTab\n  readonly hidden: boolean\n  readonly label?: string\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly path: string\n  readonly permissions: SanitizedFieldPermissions\n  readonly readOnly: boolean\n  readonly tabIndex: number\n} & Pick<ClientComponentProps, 'forceRender'>\n\nfunction TabContent({\n  description,\n  field,\n  forceRender,\n  hidden,\n  label,\n  parentIndexPath,\n  parentPath,\n  parentSchemaPath,\n  permissions,\n  readOnly,\n  tabIndex,\n}: ActiveTabProps) {\n  const { i18n } = useTranslation()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Field } = {} } = useField()\n\n  if (Field) {\n    return Field\n  }\n\n  const { indexPath, path, schemaPath } = getFieldPaths({\n    field,\n    index: tabIndex,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n  })\n\n  return (\n    <div\n      className={[\n        hidden && `${baseClass}__tab--hidden`,\n        `${baseClass}__tab`,\n        label && `${baseClass}__tabConfigLabel-${toKebabCase(getTranslation(label, i18n))}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription description={description} marginPlacement=\"bottom\" path={parentPath} />\n        }\n      />\n      {BeforeInput}\n      <RenderFields\n        fields={field.fields}\n        forceRender={forceRender}\n        parentIndexPath={indexPath}\n        parentPath={path}\n        parentSchemaPath={schemaPath}\n        permissions={permissions}\n        readOnly={readOnly}\n      />\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["getTranslation","getFieldPaths","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","RenderCustomComponent","useFormFields","RenderFields","useField","withCondition","useDocumentInfo","usePreferences","useTranslation","FieldDescription","fieldBaseClass","TabsProvider","TabComponent","baseClass","TabsFieldComponent","props","field","admin","className","tabs","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","tabStates","fields","map","tab","index","id","passesCondition","activeTabIndex","setActiveTabIndex","filter","tabsPrefKey","activeTabInfo","activeTabConfig","activeTabDescription","description","activeTabStaticDescription","t","hasVisibleTabs","some","handleTabChange","incomingTabIndex","existingPreferences","tabIndex","getInitialPref","initialIndex","newIndex","nextTab","find","div","Boolean","join","hidden","isActive","setIsActive","TabContent","parentIndexPath","name","TabsField","label","customComponents","AfterInput","BeforeInput","Description","Field","CustomComponent","Fallback","marginPlacement"],"mappings":"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"}

package/dist/fields/Tabs/provider.js

@@ -1,16 +1,17 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
-const Context = /*#__PURE__*/createContext(false);
-export const TabsProvider = ({
-  children,
-  withinTab = true
-}) => {
-  return /*#__PURE__*/_jsx(Context, {
-    value: withinTab,
-    children: children
-  });
+const Context = /*#__PURE__*/ createContext(false);
+export const TabsProvider = ({ children, withinTab = true })=>{
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: withinTab,
+        children: children
+    }, void 0, false, {
+        fileName: "src/fields/Tabs/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
-export const useTabs = () => use(Context);
+export const useTabs = ()=>use(Context);
+
 //# sourceMappingURL=provider.js.map

package/dist/fields/Tabs/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","names":["React","createContext","use","Context","TabsProvider","children","withinTab","_jsx","value","useTabs"],"sources":["../../../src/fields/Tabs/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nconst Context = createContext(false)\n\nexport const TabsProvider: React.FC<{ children?: React.ReactNode; withinTab?: boolean }> = ({\n  children,\n  withinTab = true,\n}) => {\n  return <Context value={withinTab}>{children}</Context>\n}\n\nexport const useTabs = (): boolean => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAE9B,OAAO,MAAMG,YAAA,GAA8EA,CAAC;EAC1FC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,OAAA,GAAUA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Tabs/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nconst Context = createContext(false)\n\nexport const TabsProvider: React.FC<{ children?: React.ReactNode; withinTab?: boolean }> = ({\n  children,\n  withinTab = true,\n}) => {\n  return <Context value={withinTab}>{children}</Context>\n}\n\nexport const useTabs = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","TabsProvider","children","withinTab","value","useTabs"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,MAAMC,wBAAUF,cAAc;AAE9B,OAAO,MAAMG,eAA8E,CAAC,EAC1FC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,QAACH;QAAQI,OAAOD;kBAAYD;;;;;;AACrC,EAAC;AAED,OAAO,MAAMG,UAAU,IAAeN,IAAIC,SAAQ"}

package/dist/fields/Text/Input.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
@@ -12,194 +10,174 @@ import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
-export const TextInput = props => {
-  const $ = _c(32);
-  const {
-    AfterInput,
-    BeforeInput,
-    className,
-    Description,
-    description,
-    Error,
-    hasMany,
-    htmlAttributes,
-    inputRef,
-    Label,
-    label,
-    localized,
-    maxRows,
-    onChange,
-    onKeyDown,
-    path,
-    placeholder: placeholderFromProps,
-    readOnly,
-    required,
-    rtl,
-    showError,
-    style,
-    value,
-    valueToRender
-  } = props;
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const editableProps = _temp2;
-  let t0;
-  if ($[0] !== AfterInput || $[1] !== BeforeInput || $[2] !== Description || $[3] !== Error || $[4] !== Label || $[5] !== className || $[6] !== description || $[7] !== hasMany || $[8] !== htmlAttributes || $[9] !== i18n || $[10] !== inputRef || $[11] !== label || $[12] !== localized || $[13] !== maxRows || $[14] !== onChange || $[15] !== onKeyDown || $[16] !== path || $[17] !== placeholderFromProps || $[18] !== readOnly || $[19] !== required || $[20] !== rtl || $[21] !== showError || $[22] !== style || $[23] !== t || $[24] !== value || $[25] !== valueToRender) {
-    const placeholder = getTranslation(placeholderFromProps, i18n);
-    const t1 = showError && "error";
-    const t2 = readOnly && "read-only";
-    const t3 = hasMany && "has-many";
-    let t4;
-    if ($[27] !== className || $[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
-      t4 = [fieldBaseClass, "text", className, t1, t2, t3].filter(Boolean);
-      $[27] = className;
-      $[28] = t1;
-      $[29] = t2;
-      $[30] = t3;
-      $[31] = t4;
-    } else {
-      t4 = $[31];
-    }
-    t0 = _jsxs("div", {
-      className: t4.join(" "),
-      style,
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
-          path,
-          required
-        })
-      }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), BeforeInput, hasMany ? _jsx(ReactSelect, {
-          className: `field-${path.replace(/\./g, "__")}`,
-          components: {
-            DropdownIndicator: null
-          },
-          customProps: {
-            editableProps
-          },
-          disabled: readOnly,
-          filterOption: () => !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows),
-          isClearable: false,
-          isCreatable: true,
-          isMulti: true,
-          isSortable: true,
-          menuIsOpen: false,
-          noOptionsMessage: () => {
-            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
-            if (isOverHasMany) {
-              return t("validation:limitReached", {
-                max: maxRows,
-                value: value.length + 1
-              });
+export const TextInput = (props)=>{
+    const { AfterInput, BeforeInput, className, Description, description, Error, hasMany, htmlAttributes, inputRef, Label, label, localized, maxRows, onChange, onKeyDown, path, placeholder: placeholderFromProps, readOnly, required, rtl, showError, style, value, valueToRender } = props;
+    const { i18n, t } = useTranslation();
+    const editableProps = (data, className, selectProps)=>{
+        const editableClassName = `${className}--editable`;
+        return {
+            onBlur: (event)=>{
+                event.currentTarget.contentEditable = 'false';
+            },
+            onClick: (event)=>{
+                event.currentTarget.contentEditable = 'true';
+                event.currentTarget.classList.add(editableClassName);
+                event.currentTarget.focus();
+            },
+            onKeyDown: (event)=>{
+                if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {
+                    event.currentTarget.contentEditable = 'false';
+                    event.currentTarget.classList.remove(editableClassName);
+                    data.value.value = event.currentTarget.innerText;
+                    data.label = event.currentTarget.innerText;
+                    if (data.value.value.replaceAll('\n', '')) {
+                        selectProps.onChange(selectProps.value, {
+                            action: 'create-option',
+                            option: data
+                        });
+                    } else {
+                        if (Array.isArray(selectProps.value)) {
+                            const newValues = selectProps.value.filter((v)=>v.id !== data.id);
+                            selectProps.onChange(newValues, {
+                                action: 'pop-value',
+                                removedValue: data
+                            });
+                        }
+                    }
+                    event.preventDefault();
+                }
+                event.stopPropagation();
             }
-            return null;
-          },
-          onChange,
-          options: [],
-          placeholder,
-          showError,
-          value: valueToRender
-        }) : _jsx("input", {
-          "data-rtl": rtl,
-          disabled: readOnly,
-          id: `field-${path?.replace(/\./g, "__")}`,
-          name: path,
-          onChange,
-          onKeyDown,
-          placeholder,
-          ref: inputRef,
-          type: "text",
-          value: value || "",
-          ...(htmlAttributes ?? {})
-        }), AfterInput, _jsx(RenderCustomComponent, {
-          CustomComponent: Description,
-          Fallback: _jsx(FieldDescription, {
-            description,
-            path
-          })
-        })]
-      })]
-    });
-    $[0] = AfterInput;
-    $[1] = BeforeInput;
-    $[2] = Description;
-    $[3] = Error;
-    $[4] = Label;
-    $[5] = className;
-    $[6] = description;
-    $[7] = hasMany;
-    $[8] = htmlAttributes;
-    $[9] = i18n;
-    $[10] = inputRef;
-    $[11] = label;
-    $[12] = localized;
-    $[13] = maxRows;
-    $[14] = onChange;
-    $[15] = onKeyDown;
-    $[16] = path;
-    $[17] = placeholderFromProps;
-    $[18] = readOnly;
-    $[19] = required;
-    $[20] = rtl;
-    $[21] = showError;
-    $[22] = style;
-    $[23] = t;
-    $[24] = value;
-    $[25] = valueToRender;
-    $[26] = t0;
-  } else {
-    t0 = $[26];
-  }
-  return t0;
+        };
+    };
+    const placeholder = getTranslation(placeholderFromProps, i18n);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            'text',
+            className,
+            showError && 'error',
+            readOnly && 'read-only',
+            hasMany && 'has-many'
+        ].filter(Boolean).join(' '),
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                }, void 0, false, {
+                    fileName: "src/fields/Text/Input.tsx",
+                    lineNumber: 113,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Text/Input.tsx",
+                lineNumber: 110,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Error,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                            path: path,
+                            showError: showError
+                        }, void 0, false, {
+                            fileName: "src/fields/Text/Input.tsx",
+                            lineNumber: 119,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 117,
+                        columnNumber: 9
+                    }, this),
+                    BeforeInput,
+                    hasMany ? /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                        className: `field-${path.replace(/\./g, '__')}`,
+                        components: {
+                            DropdownIndicator: null
+                        },
+                        customProps: {
+                            editableProps
+                        },
+                        disabled: readOnly,
+                        // prevent adding additional options if maxRows is reached
+                        filterOption: ()=>!maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows),
+                        isClearable: false,
+                        isCreatable: true,
+                        isMulti: true,
+                        isSortable: true,
+                        menuIsOpen: false,
+                        noOptionsMessage: ()=>{
+                            const isOverHasMany = Array.isArray(value) && value.length >= maxRows;
+                            if (isOverHasMany) {
+                                return t('validation:limitReached', {
+                                    max: maxRows,
+                                    value: value.length + 1
+                                });
+                            }
+                            return null;
+                        },
+                        onChange: onChange,
+                        options: [],
+                        placeholder: placeholder,
+                        showError: showError,
+                        value: valueToRender
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 123,
+                        columnNumber: 11
+                    }, this) : /*#__PURE__*/ _jsxDEV("input", {
+                        "data-rtl": rtl,
+                        disabled: readOnly,
+                        id: `field-${path?.replace(/\./g, '__')}`,
+                        name: path,
+                        onChange: onChange,
+                        onKeyDown: onKeyDown,
+                        placeholder: placeholder,
+                        ref: inputRef,
+                        type: "text",
+                        value: value || '',
+                        ...htmlAttributes ?? {}
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 153,
+                        columnNumber: 11
+                    }, this),
+                    AfterInput,
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Description,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                            description: description,
+                            path: path
+                        }, void 0, false, {
+                            fileName: "src/fields/Text/Input.tsx",
+                            lineNumber: 170,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Text/Input.tsx",
+                        lineNumber: 168,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Text/Input.tsx",
+                lineNumber: 116,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Text/Input.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
-function _temp(event) {
-  event.currentTarget.contentEditable = "false";
-}
-function _temp2(data, className_0, selectProps) {
-  const editableClassName = `${className_0}--editable`;
-  return {
-    onBlur: _temp,
-    onClick: event_0 => {
-      event_0.currentTarget.contentEditable = "true";
-      event_0.currentTarget.classList.add(editableClassName);
-      event_0.currentTarget.focus();
-    },
-    onKeyDown: event_1 => {
-      if (event_1.key === "Enter" || event_1.key === "Tab" || event_1.key === "Escape") {
-        event_1.currentTarget.contentEditable = "false";
-        event_1.currentTarget.classList.remove(editableClassName);
-        data.value.value = event_1.currentTarget.innerText;
-        data.label = event_1.currentTarget.innerText;
-        if (data.value.value.replaceAll("\n", "")) {
-          selectProps.onChange(selectProps.value, {
-            action: "create-option",
-            option: data
-          });
-        } else {
-          if (Array.isArray(selectProps.value)) {
-            const newValues = selectProps.value.filter(v => v.id !== data.id);
-            selectProps.onChange(newValues, {
-              action: "pop-value",
-              removedValue: data
-            });
-          }
-        }
-        event_1.preventDefault();
-      }
-      event_1.stopPropagation();
-    }
-  };
-}
+
 //# sourceMappingURL=Input.js.map

package/dist/fields/Text/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","$","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","_temp2","t0","t1","t2","t3","t4","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","id","name","ref","type","_temp","event","currentTarget","contentEditable","data","className_0","selectProps","editableClassName","onBlur","onClick","event_0","classList","add","focus","event_1","key","remove","innerText","replaceAll","action","option","newValues","v","removedValue","preventDefault","stopPropagation"],"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    htmlAttributes,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder: placeholderFromProps,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n    data,\n    className,\n    selectProps,\n  ) => {\n    const editableClassName = `${className}--editable`\n\n    return {\n      onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'false'\n      },\n      onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'true'\n        event.currentTarget.classList.add(editableClassName)\n        event.currentTarget.focus()\n      },\n      onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {\n          event.currentTarget.contentEditable = 'false'\n          event.currentTarget.classList.remove(editableClassName)\n          data.value.value = event.currentTarget.innerText\n          data.label = event.currentTarget.innerText\n\n          if (data.value.value.replaceAll('\\n', '')) {\n            selectProps.onChange(selectProps.value, {\n              action: 'create-option',\n              option: data,\n            })\n          } else {\n            if (Array.isArray(selectProps.value)) {\n              const newValues = selectProps.value.filter((v) => v.id !== data.id)\n              selectProps.onChange(newValues, {\n                action: 'pop-value',\n                removedValue: data,\n              })\n            }\n          }\n\n          event.preventDefault()\n        }\n        event.stopPropagation()\n      },\n    }\n  }\n\n  const placeholder = getTranslation(placeholderFromProps, i18n)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            customProps={{\n              editableProps,\n            }}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable={false}\n            isCreatable\n            isMulti\n            isSortable\n            menuIsOpen={false}\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={placeholder}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n            {...(htmlAttributes ?? {})}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Text/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { TextInputProps } from './types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport const TextInput: React.FC<TextInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    htmlAttributes,\n    inputRef,\n    Label,\n    label,\n    localized,\n    maxRows,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder: placeholderFromProps,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    style,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editableProps: ReactSelectAdapterProps['customProps']['editableProps'] = (\n    data,\n    className,\n    selectProps,\n  ) => {\n    const editableClassName = `${className}--editable`\n\n    return {\n      onBlur: (event: React.FocusEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'false'\n      },\n      onClick: (event: React.MouseEvent<HTMLDivElement>) => {\n        event.currentTarget.contentEditable = 'true'\n        event.currentTarget.classList.add(editableClassName)\n        event.currentTarget.focus()\n      },\n      onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Escape') {\n          event.currentTarget.contentEditable = 'false'\n          event.currentTarget.classList.remove(editableClassName)\n          data.value.value = event.currentTarget.innerText\n          data.label = event.currentTarget.innerText\n\n          if (data.value.value.replaceAll('\\n', '')) {\n            selectProps.onChange(selectProps.value, {\n              action: 'create-option',\n              option: data,\n            })\n          } else {\n            if (Array.isArray(selectProps.value)) {\n              const newValues = selectProps.value.filter((v) => v.id !== data.id)\n              selectProps.onChange(newValues, {\n                action: 'pop-value',\n                removedValue: data,\n              })\n            }\n          }\n\n          event.preventDefault()\n        }\n        event.stopPropagation()\n      },\n    }\n  }\n\n  const placeholder = getTranslation(placeholderFromProps, i18n)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'text',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={style}\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            customProps={{\n              editableProps,\n            }}\n            disabled={readOnly}\n            // prevent adding additional options if maxRows is reached\n            filterOption={() =>\n              !maxRows ? true : !(Array.isArray(value) && maxRows && value.length >= maxRows)\n            }\n            isClearable={false}\n            isCreatable\n            isMulti\n            isSortable\n            menuIsOpen={false}\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && value.length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', { max: maxRows, value: value.length + 1 })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <input\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path?.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={placeholder}\n            ref={inputRef}\n            type=\"text\"\n            value={value || ''}\n            {...(htmlAttributes ?? {})}\n          />\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","TextInput","props","AfterInput","BeforeInput","className","Description","description","Error","hasMany","htmlAttributes","inputRef","Label","label","localized","maxRows","onChange","onKeyDown","path","placeholder","placeholderFromProps","readOnly","required","rtl","showError","style","value","valueToRender","i18n","t","editableProps","data","selectProps","editableClassName","onBlur","event","currentTarget","contentEditable","onClick","classList","add","focus","key","remove","innerText","replaceAll","action","option","Array","isArray","newValues","filter","v","id","removedValue","preventDefault","stopPropagation","div","Boolean","join","CustomComponent","Fallback","replace","components","DropdownIndicator","customProps","disabled","filterOption","length","isClearable","isCreatable","isMulti","isSortable","menuIsOpen","noOptionsMessage","isOverHasMany","max","options","input","data-rtl","name","ref","type"],"mappings":"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"}