@react-form-builder/components-rsuite 7.8.0 → 7.10.0

package/dist/localization-wrapper.js

@@ -1,97 +1,31 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import { CustomProvider as u } from "rsuite";
-import { enUS as m, arEG as g, deDE as y, itIT as f, frFR as b, esES as p, zhCN as C, daDK as h, enGB as x, esAR as P, fiFI as T, huHU as D, kkKZ as k, koKR as B, nlNL as R, ptBR as F, svSE as M, trTR as I, zhTW as S, jaJP as U } from "rsuite/esm/locales/index.js";
-import L from "date-fns/locale/hi/index.js";
-import E from "date-fns/locale/sr/index.js";
-const $ = {
-  checkAll: "सब कुछ",
-  noResultsText: "कोई परिणाम नहीं मिला",
-  placeholder: "का चयन करें",
-  searchPlaceholder: "खोज"
-}, N = {
-  createOption: 'विकल्प बनाएं "{{0}}"',
-  newItem: "नया आइटम"
-}, v = {
-  friday: "Fr",
-  hours: "घंटे",
-  minutes: "मिनट",
-  monday: "मो",
-  now: "अब",
-  ok: "ठीक है।",
-  saturday: "एसए",
-  seconds: "सेकंड",
-  sunday: "एसयू",
-  thursday: "वें",
-  today: "आज",
-  tuesday: "टीयू",
-  wednesday: "हम",
-  yesterday: "कल"
-}, w = {
-  default: {
-    Breadcrumb: {
-      expandText: "पथ दिखाएँ"
-    },
-    CloseButton: {
-      closeLabel: "बंद करें"
-    },
-    DateRangePicker: {
-      last7Days: "पिछले 7 दिन"
-    },
-    Pagination: {
-      first: "पहले",
-      last: "अंतिम",
-      limit: "{{0}} / पृष्ठ",
-      more: "अधिक",
-      next: "अगले",
-      prev: "पिछला",
-      skip: "के लिए जाओ{{0}}",
-      total: "कुल पंक्तियाँ: {{0}}"
-    },
-    Plaintext: {
-      notSelected: "चयनित नहीं",
-      notUploaded: "अपलोड नहीं किया गया",
-      unfilled: "अधूरा"
-    },
-    Toggle: {
-      off: "बंद करें",
-      on: "खुला हुआ"
-    },
-    Uploader: {
-      complete: "समाप्त हो गया",
-      emptyFile: "खाली",
-      error: "त्रुटि",
-      inited: "प्रारंभिक",
-      progress: "अपलोडिंग",
-      removeFile: "फ़ाइल निकालें",
-      upload: "अपलोड करें"
-    },
-    common: {
-      clear: "साफ़ करें",
-      emptyMessage: "कोई डेटा नहीं मिला",
-      loading: "लोड हो रहा है । ..",
-      remove: "निकालें"
-    }
-  },
-  genericCombobox: $,
-  genericCreatableComboBox: N,
-  genericDateTimeFormats: v
+import { jsx as c } from "@emotion/react/jsx-runtime";
+import { useBuilderTheme as y, BiDi as f } from "@react-form-builder/core";
+import { CustomProvider as p } from "rsuite";
+import { jaJP as b, zhTW as h, trTR as C, svSE as P, ptBR as T, nlNL as x, koKR as D, kkKZ as k, huHU as B, fiFI as R, esAR as F, enGB as M, daDK as S, zhCN as I, esES as L, frFR as U, itIT as E, enUS as m, deDE as v, arEG as N } from "rsuite/esm/locales/index.js";
+import $ from "date-fns/locale/hi/index.js";
+import w from "date-fns/locale/sr/index.js";
+const K = { checkAll: "सब कुछ", noResultsText: "कोई परिणाम नहीं मिला", placeholder: "का चयन करें", searchPlaceholder: "खोज" }, z = { createOption: 'विकल्प बनाएं "{{0}}"', newItem: "नया आइटम" }, A = { friday: "Fr", hours: "घंटे", minutes: "मिनट", monday: "मो", now: "अब", ok: "ठीक है।", saturday: "एसए", seconds: "सेकंड", sunday: "एसयू", thursday: "वें", today: "आज", tuesday: "टीयू", wednesday: "हम", yesterday: "कल" }, G = {
+  default: { Breadcrumb: { expandText: "पथ दिखाएँ" }, CloseButton: { closeLabel: "बंद करें" }, DateRangePicker: { last7Days: "पिछले 7 दिन" }, Pagination: { first: "पहले", last: "अंतिम", limit: "{{0}} / पृष्ठ", more: "अधिक", next: "अगले", prev: "पिछला", skip: "के लिए जाओ{{0}}", total: "कुल पंक्तियाँ: {{0}}" }, Plaintext: { notSelected: "चयनित नहीं", notUploaded: "अपलोड नहीं किया गया", unfilled: "अधूरा" }, Toggle: { off: "बंद करें", on: "खुला हुआ" }, Uploader: { complete: "समाप्त हो गया", emptyFile: "खाली", error: "त्रुटि", inited: "प्रारंभिक", progress: "अपलोडिंग", removeFile: "फ़ाइल निकालें", upload: "अपलोड करें" }, common: { clear: "साफ़ करें", emptyMessage: "कोई डेटा नहीं मिला", loading: "लोड हो रहा है । ..", remove: "निकालें" } },
+  genericCombobox: K,
+  genericCreatableComboBox: z,
+  genericDateTimeFormats: A
 };
-function a(t) {
-  return Object.entries(t).forEach(([i, r]) => {
-    typeof r == "string" && (t[i] = r.replaceAll("{{0}}", "{0}")), typeof r == "object" && a(r);
-  }), t;
+function r(a) {
+  return Object.entries(a).forEach(([l, t]) => {
+    typeof t == "string" && (a[l] = t.replaceAll("{{0}}", "{0}")), typeof t == "object" && r(t);
+  }), a;
 }
-const e = a(w), n = {
+const e = r(G), n = {
   ...e.genericDateTimeFormats,
   formattedMonthPattern: "MMM, yyyy",
   formattedDayPattern: "MMM dd, yyyy",
   shortDateFormat: "dd/MM/yyyy",
   shortTimeFormat: "h:mm a",
-  dateLocale: L
-}, c = {
+  dateLocale: $
+}, s = {
   ...e.genericCombobox,
   ...e.genericCreatableComboBox
-}, K = a({
+}, j = r({
   code: "hi-IN",
   common: e.default.common,
   Plaintext: e.default.Plaintext,
@@ -106,141 +40,81 @@ const e = a(w), n = {
   Combobox: {
     ...e.genericCombobox
   },
-  InputPicker: c,
-  TagPicker: c,
+  InputPicker: s,
+  TagPicker: s,
   Uploader: e.default.Uploader,
   CloseButton: e.default.CloseButton,
   Breadcrumb: e.default.Breadcrumb,
   Toggle: e.default.Toggle
-}), z = {
-  checkAll: "Све",
-  noResultsText: "Нису пронађени резултати",
-  placeholder: "Изаберите",
-  searchPlaceholder: "Претрага"
-}, A = {
-  createOption: 'Креирајте опцију "{{0}}"',
-  newItem: "Нова ставка"
-}, G = {
-  friday: "Фр",
-  hours: "Сати",
-  minutes: "Минута",
-  monday: "Mo",
-  now: "Сада",
-  ok: "ОК",
-  saturday: "Са",
-  seconds: "Секунди",
-  sunday: "Су",
-  thursday: "Th",
-  today: "Данас",
-  tuesday: "Tu",
-  wednesday: "Ми",
-  yesterday: "Јуче"
-}, j = {
-  default: {
-    Breadcrumb: {
-      expandText: "Прикажи пут"
-    },
-    CloseButton: {
-      closeLabel: "Затвори"
-    },
-    DateRangePicker: {
-      last7Days: "Последњих 7 дана"
-    },
-    Pagination: {
-      first: "Први",
-      last: "Последњи",
-      limit: "{{0}} / страна",
-      more: "Више",
-      next: "Следећи",
-      prev: "Претходни",
-      skip: "Иди на{{0}}",
-      total: "Укупан број редова:{{0}}"
-    },
-    Plaintext: {
-      notSelected: "Није изабран",
-      notUploaded: "Није учитан",
-      unfilled: "Неиспуњен"
-    },
-    Toggle: {
-      off: "Затвори",
-      on: "Отвори"
-    },
-    Uploader: {
-      complete: "Завршен",
-      emptyFile: "Празно",
-      error: "Грешка",
-      inited: "Оригинални",
-      progress: "Преузимање",
-      removeFile: "Избришите датотеку",
-      upload: "Преузимање"
-    },
-    common: {
-      clear: "Јасно",
-      emptyMessage: "Подаци нису пронађени",
-      loading: "Преузимање...",
-      remove: "Избриши"
-    }
-  },
-  genericCombobox: z,
-  genericCreatableComboBox: A,
-  genericDateTimeFormats: G
-}, o = a(j), l = {
+}), H = { checkAll: "Све", noResultsText: "Нису пронађени резултати", placeholder: "Изаберите", searchPlaceholder: "Претрага" }, O = { createOption: 'Креирајте опцију "{{0}}"', newItem: "Нова ставка" }, W = { friday: "Фр", hours: "Сати", minutes: "Минута", monday: "Mo", now: "Сада", ok: "ОК", saturday: "Са", seconds: "Секунди", sunday: "Су", thursday: "Th", today: "Данас", tuesday: "Tu", wednesday: "Ми", yesterday: "Јуче" }, J = {
+  default: { Breadcrumb: { expandText: "Прикажи пут" }, CloseButton: { closeLabel: "Затвори" }, DateRangePicker: { last7Days: "Последњих 7 дана" }, Pagination: { first: "Први", last: "Последњи", limit: "{{0}} / страна", more: "Више", next: "Следећи", prev: "Претходни", skip: "Иди на{{0}}", total: "Укупан број редова:{{0}}" }, Plaintext: { notSelected: "Није изабран", notUploaded: "Није учитан", unfilled: "Неиспуњен" }, Toggle: { off: "Затвори", on: "Отвори" }, Uploader: { complete: "Завршен", emptyFile: "Празно", error: "Грешка", inited: "Оригинални", progress: "Преузимање", removeFile: "Избришите датотеку", upload: "Преузимање" }, common: { clear: "Јасно", emptyMessage: "Подаци нису пронађени", loading: "Преузимање...", remove: "Избриши" } },
+  genericCombobox: H,
+  genericCreatableComboBox: O,
+  genericDateTimeFormats: W
+}, o = r(J), i = {
   ...o.genericDateTimeFormats,
   formattedMonthPattern: "MMM, yyyy",
   formattedDayPattern: "MMM dd, yyyy",
   shortDateFormat: "MM/dd/yyyy",
   shortTimeFormat: "hh:mm aa",
-  dateLocale: E
-}, s = {
+  dateLocale: w
+}, d = {
   ...o.genericCombobox,
   ...o.genericCreatableComboBox
-}, H = a({
+}, Z = r({
   code: "sr-RS",
   common: o.default.common,
   Plaintext: o.default.Plaintext,
   Pagination: o.default.Pagination,
-  DateTimeFormats: l,
-  Calendar: l,
-  DatePicker: l,
+  DateTimeFormats: i,
+  Calendar: i,
+  DatePicker: i,
   DateRangePicker: {
-    ...l,
+    ...i,
     ...o.default.DateRangePicker
   },
   Combobox: {
     ...o.genericCombobox
   },
-  InputPicker: s,
-  TagPicker: s,
+  InputPicker: d,
+  TagPicker: d,
   Uploader: o.default.Uploader,
   CloseButton: o.default.CloseButton,
   Breadcrumb: o.default.Breadcrumb,
   Toggle: o.default.Toggle
-}), O = {
-  "ar-EG": g,
-  "de-DE": y,
+}), q = {
+  "ar-EG": N,
+  "de-DE": v,
   "en-US": m,
-  "it-IT": f,
-  "fr-FR": b,
-  "es-ES": p,
-  "zh-CN": C,
-  "da-DK": h,
-  "en-GB": x,
-  "es-AR": P,
-  "fi-FI": T,
-  "hi-IN": K,
-  "hu-HU": D,
+  "it-IT": E,
+  "fr-FR": U,
+  "es-ES": L,
+  "zh-CN": I,
+  "da-DK": S,
+  "en-GB": M,
+  "es-AR": F,
+  "fi-FI": R,
+  "hi-IN": j,
+  "hu-HU": B,
   "kk-KZ": k,
-  "ko-KR": B,
-  "nl-NL": R,
-  "pt-BR": F,
-  "sr-RS": H,
-  "sv-SE": M,
-  "tr-TR": I,
-  "zh-TW": S,
-  "ja-JP": U
-}, W = m, X = ({ language: t, children: i }) => /* @__PURE__ */ d(u, { rtl: t.bidi === "rtl", locale: O[t.fullCode] ?? W, children: i });
+  "ko-KR": D,
+  "nl-NL": x,
+  "pt-BR": T,
+  "sr-RS": Z,
+  "sv-SE": P,
+  "tr-TR": C,
+  "zh-TW": h,
+  "ja-JP": b
+}, Q = m, V = {
+  height: "100%",
+  width: "100%",
+  backgroundColor: "var(--rs-bg-card)"
+}, ae = ({ language: a, children: l }) => {
+  const t = y(), u = t === "dark" ? "rs-theme-dark" : "rs-theme-light", g = q[a.fullCode] ?? Q;
+  return /* @__PURE__ */ c(p, { rtl: a.bidi === f.RTL, locale: g, theme: t, children: /* @__PURE__ */ c("div", { className: u, style: V, children: l }) });
+};
 export {
-  X as RsLocalizationWrapper,
-  W as defaultComponentsLocale
+  ae as RsLocalizationWrapper,
+  Q as defaultComponentsLocale
 };
 //# sourceMappingURL=localization-wrapper.js.map

package/dist/localization-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"localization-wrapper.js","sources":["../src/components/i18n/patchPlaceholders.ts","../src/components/i18n/hi-IN.ts","../src/components/i18n/sr-RS.ts","../src/components/RsLocalizationWrapper.tsx"],"sourcesContent":["/**\n * Replaces placeholders for rSuite localisation.\n * @param obj the object in which you want to change the placeholders.\n * @returns the patched object.\n */\nexport function patchPlaceholders(obj: any) {\n  Object.entries(obj).forEach(([key, value]) => {\n    if (typeof value === 'string') {\n      obj[key] = value.replaceAll('{{0}}', '{0}')\n    }\n    if (typeof value === 'object') {\n      patchPlaceholders(value)\n    }\n  })\n  return obj\n}\n","import dfHI from 'date-fns/locale/hi/index.js'\nimport hiInLocale from './locales/hi-IN.json'\nimport {patchPlaceholders} from './patchPlaceholders'\n\nconst locale = patchPlaceholders(hiInLocale)\n\nconst genericDateTimeFormats = {\n  ...locale.genericDateTimeFormats,\n  formattedMonthPattern: 'MMM, yyyy',\n  formattedDayPattern: 'MMM dd, yyyy',\n  shortDateFormat: 'dd/MM/yyyy',\n  shortTimeFormat: 'h:mm a',\n  dateLocale: dfHI\n}\n\nconst genericCreatableComboBox = {\n  ...locale.genericCombobox,\n  ...locale.genericCreatableComboBox,\n}\n\nexport const hiIN = patchPlaceholders({\n  code: 'hi-IN',\n  common: locale.default.common,\n  Plaintext: locale.default.Plaintext,\n  Pagination: locale.default.Pagination,\n  DateTimeFormats: genericDateTimeFormats,\n  Calendar: genericDateTimeFormats,\n  DatePicker: genericDateTimeFormats,\n  DateRangePicker: {\n    ...genericDateTimeFormats,\n    ...locale.default.DateRangePicker,\n  },\n  Combobox: {\n    ...locale.genericCombobox\n  },\n  InputPicker: genericCreatableComboBox,\n  TagPicker: genericCreatableComboBox,\n  Uploader: locale.default.Uploader,\n  CloseButton: locale.default.CloseButton,\n  Breadcrumb: locale.default.Breadcrumb,\n  Toggle: locale.default.Toggle,\n})\n","import dfSR from 'date-fns/locale/sr/index.js'\nimport srRsLocale from './locales/sr-RS.json'\nimport {patchPlaceholders} from './patchPlaceholders'\n\nconst locale = patchPlaceholders(srRsLocale)\n\nconst genericDateTimeFormats = {\n  ...locale.genericDateTimeFormats,\n  formattedMonthPattern: 'MMM, yyyy',\n  formattedDayPattern: 'MMM dd, yyyy',\n  shortDateFormat: 'MM/dd/yyyy',\n  shortTimeFormat: 'hh:mm aa',\n  dateLocale: dfSR\n}\n\nconst genericCreatableComboBox = {\n  ...locale.genericCombobox,\n  ...locale.genericCreatableComboBox,\n}\n\nexport const srRS = patchPlaceholders({\n  code: 'sr-RS',\n  common: locale.default.common,\n  Plaintext: locale.default.Plaintext,\n  Pagination: locale.default.Pagination,\n  DateTimeFormats: genericDateTimeFormats,\n  Calendar: genericDateTimeFormats,\n  DatePicker: genericDateTimeFormats,\n  DateRangePicker: {\n    ...genericDateTimeFormats,\n    ...locale.default.DateRangePicker,\n  },\n  Combobox: {\n    ...locale.genericCombobox\n  },\n  InputPicker: genericCreatableComboBox,\n  TagPicker: genericCreatableComboBox,\n  Uploader: locale.default.Uploader,\n  CloseButton: locale.default.CloseButton,\n  Breadcrumb: locale.default.Breadcrumb,\n  Toggle: locale.default.Toggle,\n})\n","import type {FormViewerWrapperComponentProps} from '@react-form-builder/core'\nimport {CustomProvider} from 'rsuite'\nimport {\n  arEG,\n  daDK,\n  deDE,\n  enGB,\n  enUS,\n  esAR,\n  esES,\n  fiFI,\n  frFR,\n  huHU,\n  itIT,\n  jaJP,\n  kkKZ,\n  koKR,\n  nlNL,\n  ptBR,\n  svSE,\n  trTR,\n  zhCN,\n  zhTW\n} from 'rsuite/esm/locales/index.js'\nimport {hiIN} from './i18n/hi-IN'\nimport {srRS} from './i18n/sr-RS'\n\nconst rSuiteLocales: Record<string, any> = {\n  'ar-EG': arEG,\n  'de-DE': deDE,\n  'en-US': enUS,\n  'it-IT': itIT,\n  'fr-FR': frFR,\n  'es-ES': esES,\n  'zh-CN': zhCN,\n  'da-DK': daDK,\n  'en-GB': enGB,\n  'es-AR': esAR,\n  'fi-FI': fiFI,\n  'hi-IN': hiIN,\n  'hu-HU': huHU,\n  'kk-KZ': kkKZ,\n  'ko-KR': koKR,\n  'nl-NL': nlNL,\n  'pt-BR': ptBR,\n  'sr-RS': srRS,\n  'sv-SE': svSE,\n  'tr-TR': trTR,\n  'zh-TW': zhTW,\n  'ja-JP': jaJP,\n}\n\nexport const defaultComponentsLocale = enUS\n\n/**\n * Wrapper component for RSuite components localization.\n * @param props the component props.\n * @param props.language the language object containing the language information.\n * @param props.children the children components to be wrapped.\n * @returns the wrapped components with localization settings applied.\n */\nexport const RsLocalizationWrapper = ({language, children}: FormViewerWrapperComponentProps) => {\n  return <CustomProvider rtl={language.bidi === 'rtl'} locale={rSuiteLocales[language.fullCode] ?? defaultComponentsLocale}>\n    {children}\n  </CustomProvider>\n}\n"],"names":["patchPlaceholders","obj","key","value","locale","hiInLocale","genericDateTimeFormats","dfHI","genericCreatableComboBox","hiIN","srRsLocale","dfSR","srRS","rSuiteLocales","arEG","deDE","enUS","itIT","frFR","esES","zhCN","daDK","enGB","esAR","fiFI","huHU","kkKZ","koKR","nlNL","ptBR","svSE","trTR","zhTW","jaJP","defaultComponentsLocale","RsLocalizationWrapper","language","children","jsx","CustomProvider"],"mappings":"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"}
+{"version":3,"file":"localization-wrapper.js","sources":["../src/components/i18n/patchPlaceholders.ts","../src/components/i18n/hi-IN.ts","../src/components/i18n/sr-RS.ts","../src/components/RsLocalizationWrapper.tsx"],"sourcesContent":["/**\n * Replaces placeholders for rSuite localisation.\n * @param obj the object in which you want to change the placeholders.\n * @returns the patched object.\n */\nexport function patchPlaceholders(obj: any) {\n  Object.entries(obj).forEach(([key, value]) => {\n    if (typeof value === 'string') {\n      obj[key] = value.replaceAll('{{0}}', '{0}')\n    }\n    if (typeof value === 'object') {\n      patchPlaceholders(value)\n    }\n  })\n  return obj\n}\n","import dfHI from 'date-fns/locale/hi/index.js'\nimport hiInLocale from './locales/hi-IN.json'\nimport {patchPlaceholders} from './patchPlaceholders'\n\nconst locale = patchPlaceholders(hiInLocale)\n\nconst genericDateTimeFormats = {\n  ...locale.genericDateTimeFormats,\n  formattedMonthPattern: 'MMM, yyyy',\n  formattedDayPattern: 'MMM dd, yyyy',\n  shortDateFormat: 'dd/MM/yyyy',\n  shortTimeFormat: 'h:mm a',\n  dateLocale: dfHI\n}\n\nconst genericCreatableComboBox = {\n  ...locale.genericCombobox,\n  ...locale.genericCreatableComboBox,\n}\n\nexport const hiIN = patchPlaceholders({\n  code: 'hi-IN',\n  common: locale.default.common,\n  Plaintext: locale.default.Plaintext,\n  Pagination: locale.default.Pagination,\n  DateTimeFormats: genericDateTimeFormats,\n  Calendar: genericDateTimeFormats,\n  DatePicker: genericDateTimeFormats,\n  DateRangePicker: {\n    ...genericDateTimeFormats,\n    ...locale.default.DateRangePicker,\n  },\n  Combobox: {\n    ...locale.genericCombobox\n  },\n  InputPicker: genericCreatableComboBox,\n  TagPicker: genericCreatableComboBox,\n  Uploader: locale.default.Uploader,\n  CloseButton: locale.default.CloseButton,\n  Breadcrumb: locale.default.Breadcrumb,\n  Toggle: locale.default.Toggle,\n})\n","import dfSR from 'date-fns/locale/sr/index.js'\nimport srRsLocale from './locales/sr-RS.json'\nimport {patchPlaceholders} from './patchPlaceholders'\n\nconst locale = patchPlaceholders(srRsLocale)\n\nconst genericDateTimeFormats = {\n  ...locale.genericDateTimeFormats,\n  formattedMonthPattern: 'MMM, yyyy',\n  formattedDayPattern: 'MMM dd, yyyy',\n  shortDateFormat: 'MM/dd/yyyy',\n  shortTimeFormat: 'hh:mm aa',\n  dateLocale: dfSR\n}\n\nconst genericCreatableComboBox = {\n  ...locale.genericCombobox,\n  ...locale.genericCreatableComboBox,\n}\n\nexport const srRS = patchPlaceholders({\n  code: 'sr-RS',\n  common: locale.default.common,\n  Plaintext: locale.default.Plaintext,\n  Pagination: locale.default.Pagination,\n  DateTimeFormats: genericDateTimeFormats,\n  Calendar: genericDateTimeFormats,\n  DatePicker: genericDateTimeFormats,\n  DateRangePicker: {\n    ...genericDateTimeFormats,\n    ...locale.default.DateRangePicker,\n  },\n  Combobox: {\n    ...locale.genericCombobox\n  },\n  InputPicker: genericCreatableComboBox,\n  TagPicker: genericCreatableComboBox,\n  Uploader: locale.default.Uploader,\n  CloseButton: locale.default.CloseButton,\n  Breadcrumb: locale.default.Breadcrumb,\n  Toggle: locale.default.Toggle,\n})\n","import type {FormViewerWrapperComponentProps} from '@react-form-builder/core'\nimport {BiDi, useBuilderTheme} from '@react-form-builder/core'\nimport {CustomProvider} from 'rsuite'\nimport {\n  arEG,\n  daDK,\n  deDE,\n  enGB,\n  enUS,\n  esAR,\n  esES,\n  fiFI,\n  frFR,\n  huHU,\n  itIT,\n  jaJP,\n  kkKZ,\n  koKR,\n  nlNL,\n  ptBR,\n  svSE,\n  trTR,\n  zhCN,\n  zhTW\n} from 'rsuite/esm/locales/index.js'\nimport {hiIN} from './i18n/hi-IN'\nimport {srRS} from './i18n/sr-RS'\n\nconst rSuiteLocales: Record<string, any> = {\n  'ar-EG': arEG,\n  'de-DE': deDE,\n  'en-US': enUS,\n  'it-IT': itIT,\n  'fr-FR': frFR,\n  'es-ES': esES,\n  'zh-CN': zhCN,\n  'da-DK': daDK,\n  'en-GB': enGB,\n  'es-AR': esAR,\n  'fi-FI': fiFI,\n  'hi-IN': hiIN,\n  'hu-HU': huHU,\n  'kk-KZ': kkKZ,\n  'ko-KR': koKR,\n  'nl-NL': nlNL,\n  'pt-BR': ptBR,\n  'sr-RS': srRS,\n  'sv-SE': svSE,\n  'tr-TR': trTR,\n  'zh-TW': zhTW,\n  'ja-JP': jaJP,\n}\n\nexport const defaultComponentsLocale = enUS\n\nconst containerStyle = {\n  height: '100%',\n  width: '100%',\n  backgroundColor: 'var(--rs-bg-card)'\n}\n\n/**\n * Wrapper component for RSuite components localization.\n * @param props the component props.\n * @param props.language the language object containing the language information.\n * @param props.children the children components to be wrapped.\n * @returns the wrapped components with localization settings applied.\n */\nexport const RsLocalizationWrapper = ({language, children}: FormViewerWrapperComponentProps) => {\n  const theme = useBuilderTheme()\n  const className = theme === 'dark' ? 'rs-theme-dark' : 'rs-theme-light'\n  const locale = rSuiteLocales[language.fullCode] ?? defaultComponentsLocale\n  return <CustomProvider rtl={language.bidi === BiDi.RTL} locale={locale} theme={theme}>\n    <div className={className} style={containerStyle}>{children}</div>\n  </CustomProvider>\n}\n"],"names":["patchPlaceholders","obj","key","value","locale","hiInLocale","genericDateTimeFormats","dfHI","genericCreatableComboBox","hiIN","srRsLocale","dfSR","srRS","rSuiteLocales","arEG","deDE","enUS","itIT","frFR","esES","zhCN","daDK","enGB","esAR","fiFI","huHU","kkKZ","koKR","nlNL","ptBR","svSE","trTR","zhTW","jaJP","defaultComponentsLocale","containerStyle","RsLocalizationWrapper","language","children","theme","useBuilderTheme","className","jsx","CustomProvider","BiDi"],"mappings":";;;;;;;;;;;;AAKO,SAASA,EAAkBC,GAAU;AAC1C,gBAAO,QAAQA,CAAG,EAAE,QAAQ,CAAC,CAACC,GAAKC,CAAK,MAAM;AAC5C,IAAI,OAAOA,KAAU,aACnBF,EAAIC,CAAG,IAAIC,EAAM,WAAW,SAAS,KAAK,IAExC,OAAOA,KAAU,YACnBH,EAAkBG,CAAK;AAAA,EAE3B,CAAC,GACMF;AACT;ACXA,MAAMG,IAASJ,EAAkBK,CAAU,GAErCC,IAAyB;AAAA,EAC7B,GAAGF,EAAO;AAAA,EACV,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAYG;AACd,GAEMC,IAA2B;AAAA,EAC/B,GAAGJ,EAAO;AAAA,EACV,GAAGA,EAAO;AACZ,GAEaK,IAAOT,EAAkB;AAAA,EACpC,MAAM;AAAA,EACN,QAAQI,EAAO,QAAQ;AAAA,EACvB,WAAWA,EAAO,QAAQ;AAAA,EAC1B,YAAYA,EAAO,QAAQ;AAAA,EAC3B,iBAAiBE;AAAAA,EACjB,UAAUA;AAAAA,EACV,YAAYA;AAAAA,EACZ,iBAAiB;AAAA,IACf,GAAGA;AAAAA,IACH,GAAGF,EAAO,QAAQ;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,GAAGA,EAAO;AAAA,EAAA;AAAA,EAEZ,aAAaI;AAAAA,EACb,WAAWA;AAAAA,EACX,UAAUJ,EAAO,QAAQ;AAAA,EACzB,aAAaA,EAAO,QAAQ;AAAA,EAC5B,YAAYA,EAAO,QAAQ;AAAA,EAC3B,QAAQA,EAAO,QAAQ;AACzB,CAAC;;;;;GCrCKA,IAASJ,EAAkBU,CAAU,GAErCJ,IAAyB;AAAA,EAC7B,GAAGF,EAAO;AAAA,EACV,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAYO;AACd,GAEMH,IAA2B;AAAA,EAC/B,GAAGJ,EAAO;AAAA,EACV,GAAGA,EAAO;AACZ,GAEaQ,IAAOZ,EAAkB;AAAA,EACpC,MAAM;AAAA,EACN,QAAQI,EAAO,QAAQ;AAAA,EACvB,WAAWA,EAAO,QAAQ;AAAA,EAC1B,YAAYA,EAAO,QAAQ;AAAA,EAC3B,iBAAiBE;AAAA,EACjB,UAAUA;AAAA,EACV,YAAYA;AAAA,EACZ,iBAAiB;AAAA,IACf,GAAGA;AAAA,IACH,GAAGF,EAAO,QAAQ;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,GAAGA,EAAO;AAAA,EAAA;AAAA,EAEZ,aAAaI;AAAA,EACb,WAAWA;AAAA,EACX,UAAUJ,EAAO,QAAQ;AAAA,EACzB,aAAaA,EAAO,QAAQ;AAAA,EAC5B,YAAYA,EAAO,QAAQ;AAAA,EAC3B,QAAQA,EAAO,QAAQ;AACzB,CAAC,GCbKS,IAAqC;AAAA,EACzC,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASf;AAAA,EACT,SAASgB;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASjB;AAAA,EACT,SAASkB;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AACX,GAEaC,IAA0BlB,GAEjCmB,IAAiB;AAAA,EACrB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AACnB,GASaC,KAAwB,CAAC,EAAC,UAAAC,GAAU,UAAAC,QAA+C;AAC9F,QAAMC,IAAQC,EAAA,GACRC,IAAYF,MAAU,SAAS,kBAAkB,kBACjDnC,IAASS,EAAcwB,EAAS,QAAQ,KAAKH;AACnD,SAAO,gBAAAQ,EAACC,GAAA,EAAe,KAAKN,EAAS,SAASO,EAAK,KAAK,QAAAxC,GAAgB,OAAAmC,GACtE,4BAAC,OAAA,EAAI,WAAAE,GAAsB,OAAON,GAAiB,UAAAG,GAAS,GAC9D;AACF;"}

package/dist/menu.d.ts

@@ -1,6 +1,6 @@
 import { Definer } from '@react-form-builder/core';
-import type { ElementType } from 'react';
-import type { NavProps } from 'rsuite';
+import { ElementType } from 'react';
+import { NavProps } from 'rsuite';
 
 /**
  * Menu item for RsMenu component.

package/dist/menu.js

@@ -1,12 +1,11 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { define as f, oneOf as d, array as h, useComponentData as v } from "@react-form-builder/core";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { define as f, array as d, oneOf as h, useComponentData as v } from "@react-form-builder/core";
 import { useCallback as y } from "react";
 import { Nav as i } from "rsuite";
-import { n as b } from "./commonProperties-d849cd5b.js";
-import { s as P } from "./categories-7064b279.js";
-import { I as p } from "./InputCell-f4236002.js";
-import "@emotion/styled";
-const g = (t) => t.map((e) => ({ title: e, href: `#${e}` })), w = /* @__PURE__ */ new Set([
+import { n as b } from "./commonProperties-ETOgvhCH.js";
+import { a as P } from "./categories-_98lyB3C.js";
+import { I as m } from "./InputCell-BDyUJFGm.js";
+const g = (a) => a.map((t) => ({ title: t, href: `#${t}` })), w = /* @__PURE__ */ new Set([
   "a",
   "button",
   "div",
@@ -30,21 +29,21 @@ const g = (t) => t.map((e) => ({ title: e, href: `#${e}` })), w = /* @__PURE__ *
   "article",
   "nav",
   "pre"
-]), C = ({ onSelect: t, items: e, itemsAs: u, ...s }) => {
-  const a = v(), c = y((r, o) => {
-    a.userDefinedProps ?? (a.userDefinedProps = {}), a.userDefinedProps.activeKey = r, t == null || t(r, o);
-  }, [a, t]);
-  return e != null && e.length ? /* @__PURE__ */ n(i, { onSelect: c, ...s, children: e.map(({ title: r, href: o }, l) => /* @__PURE__ */ n(i.Item, { href: o, as: u, eventKey: r, active: r === s.activeKey, children: r }, l)) }) : null;
-}, I = [
-  { name: "title", input: p },
-  { name: "href", title: "Url", input: p }
-], { activeKey: K, ...M } = b, m = [...w], q = f(C, "RsMenu").name("Menu").category(P).props({
-  activeKey: K.default("Home"),
-  ...M,
-  itemsAs: d(...m).labeled(...m).default("a").withEditorProps({ creatable: !1 }),
-  items: h.default(g(["Home", "News", "Products"])).withEditorProps({ columns: I })
+]), C = ({ onSelect: a, items: t, itemsAs: p, ...r }) => {
+  const o = v(), l = y((e, n) => {
+    o.userDefinedProps ??= {}, o.userDefinedProps.activeKey = e, a?.(e, n);
+  }, [o, a]);
+  return t?.length ? /* @__PURE__ */ s(i, { onSelect: l, ...r, children: t.map(({ title: e, href: n }, u) => /* @__PURE__ */ s(i.Item, { href: n, as: p, eventKey: e, active: e === r.activeKey, children: e }, u)) }) : null;
+}, D = [
+  { name: "title", input: m },
+  { name: "href", title: "Url", input: m }
+], { activeKey: I, ...K } = b, c = [...w], S = f(C, "RsMenu").name("Menu").category(P).props({
+  activeKey: I.default("Home"),
+  ...K,
+  itemsAs: h(...c).labeled(...c).default("a").withEditorProps({ creatable: !1 }),
+  items: d.default(g(["Home", "News", "Products"])).withEditorProps({ columns: D })
 });
 export {
-  q as rsMenu
+  S as rsMenu
 };
 //# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../src/components/RsMenu.tsx"],"sourcesContent":["import {array, define, oneOf, useComponentData} from '@react-form-builder/core'\nimport type {ElementType, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {staticCategory} from './categories'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Menu item for RsMenu component.\n */\nexport type MenuItem = {\n  /**\n   * The href for the menu item.\n   */\n  href?: string\n  /**\n   * The title for the menu item.\n   */\n  title?: string\n}\n\nconst makeItems = (data: string[]) => data.map(title => ({title, href: `#${title}`}))\n\nconst suitableReactElementTypes = new Set([\n  'a',\n  'button',\n  'div',\n  'span',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'b',\n  'em',\n  'i',\n  'q',\n  's',\n  'u',\n  'input',\n  'label',\n  'section',\n  'article',\n  'nav',\n  'pre'\n])\n\n/**\n * Props for the RsMenu component.\n */\nexport interface RsMenuProps extends NavProps {\n  /**\n   * The items for the menu.\n   */\n  items?: MenuItem[],\n  /**\n   * The element type for menu items.\n   */\n  itemsAs: ElementType\n}\n\n/**\n * Menu component with navigation support.\n * @param props the component props.\n * @param props.onSelect the callback when menu item is selected.\n * @param props.items the items for the menu.\n * @param props.itemsAs the element type for menu items.\n * @param props.props the additional menu props.\n * @returns the React element.\n */\nconst RsMenu = ({onSelect, items, itemsAs, ...props}: RsMenuProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect: NavProps['onSelect'] = useCallback((eventKey: any, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  return <Nav onSelect={onNavSelect} {...props}>\n    {items.map(({title, href}, index) =>\n      <Nav.Item key={index} href={href} as={itemsAs} eventKey={title} active={title === props.activeKey}>\n        {title}\n      </Nav.Item>)\n    }\n  </Nav>\n}\n\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell}\n] as const\n\nconst {activeKey, ...props} = navProps\n\nconst tags = [...suitableReactElementTypes]\n\nexport const rsMenu = define(RsMenu, 'RsMenu')\n  .name('Menu')\n  .category(staticCategory)\n  .props({\n    activeKey: activeKey.default('Home'),\n    ...props,\n    itemsAs: oneOf(...tags)\n      .labeled(...tags)\n      .default('a')\n      .withEditorProps({creatable: false}),\n    items: array\n      .default(makeItems(['Home', 'News', 'Products']))\n      .withEditorProps({columns}),\n  })\n"],"names":["makeItems","data","title","suitableReactElementTypes","RsMenu","onSelect","items","itemsAs","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","jsx","Nav","href","index","columns","InputCell","activeKey","navProps","tags","rsMenu","define","staticCategory","oneOf","array"],"mappings":";;;;;;;;AAuBA,MAAMA,IAAY,CAACC,MAAmBA,EAAK,IAAI,CAAAC,OAAU,EAAC,OAAAA,GAAO,MAAM,IAAIA,CAAK,GAAA,EAAI,GAE9EC,wBAAgC,IAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAyBKC,IAAS,CAAC,EAAC,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,GAAGC,QAAwB;AACpE,QAAMC,IAAgBC,KAEhBC,IAAoCC,EAAY,CAACC,GAAeC,MAA0B;AAC9F,IAAAL,EAAc,qBAAdA,EAAc,mBAAqB,KACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,KAAA,QAAAA,EAAWQ,GAAUC;AAAA,EAAK,GACzB,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,SAAKC,KAAA,QAAAA,EAAO,SAEJ,gBAAAS,EAAAC,GAAA,EAAI,UAAUL,GAAc,GAAGH,GACpC,UAAMF,EAAA,IAAI,CAAC,EAAC,OAAAJ,GAAO,MAAAe,KAAOC,MACzB,gBAAAH,EAACC,EAAI,MAAJ,EAAqB,MAAAC,GAAY,IAAIV,GAAS,UAAUL,GAAO,QAAQA,MAAUM,EAAM,WACrF,UADYN,EAAA,GAAAgB,CAEf,CAAW,EAEf,CAAA,IAR2B;AAS7B,GAEMC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAS;AAAA,EAChC,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAS;AAC/C,GAEM,EAAC,WAAAC,GAAW,GAAGb,EAAS,IAAAc,GAExBC,IAAO,CAAC,GAAGpB,CAAyB,GAE7BqB,IAASC,EAAOrB,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASsB,CAAc,EACvB,MAAM;AAAA,EACL,WAAWL,EAAU,QAAQ,MAAM;AAAA,EACnC,GAAGb;AAAA,EACH,SAASmB,EAAM,GAAGJ,CAAI,EACnB,QAAQ,GAAGA,CAAI,EACf,QAAQ,GAAG,EACX,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOK,EACJ,QAAQ5B,EAAU,CAAC,QAAQ,QAAQ,UAAU,CAAC,CAAC,EAC/C,gBAAgB,EAAC,SAAAmB,GAAQ;AAC9B,CAAC;"}
+{"version":3,"file":"menu.js","sources":["../src/components/RsMenu.tsx"],"sourcesContent":["import {array, define, oneOf, useComponentData} from '@react-form-builder/core'\nimport type {ElementType, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {staticCategory} from './categories'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Menu item for RsMenu component.\n */\nexport type MenuItem = {\n  /**\n   * The href for the menu item.\n   */\n  href?: string\n  /**\n   * The title for the menu item.\n   */\n  title?: string\n}\n\nconst makeItems = (data: string[]) => data.map(title => ({title, href: `#${title}`}))\n\nconst suitableReactElementTypes = new Set([\n  'a',\n  'button',\n  'div',\n  'span',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'b',\n  'em',\n  'i',\n  'q',\n  's',\n  'u',\n  'input',\n  'label',\n  'section',\n  'article',\n  'nav',\n  'pre'\n])\n\n/**\n * Props for the RsMenu component.\n */\nexport interface RsMenuProps extends NavProps {\n  /**\n   * The items for the menu.\n   */\n  items?: MenuItem[],\n  /**\n   * The element type for menu items.\n   */\n  itemsAs: ElementType\n}\n\n/**\n * Menu component with navigation support.\n * @param props the component props.\n * @param props.onSelect the callback when menu item is selected.\n * @param props.items the items for the menu.\n * @param props.itemsAs the element type for menu items.\n * @param props.props the additional menu props.\n * @returns the React element.\n */\nconst RsMenu = ({onSelect, items, itemsAs, ...props}: RsMenuProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect: NavProps['onSelect'] = useCallback((eventKey: any, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  return <Nav onSelect={onNavSelect} {...props}>\n    {items.map(({title, href}, index) =>\n      <Nav.Item key={index} href={href} as={itemsAs} eventKey={title} active={title === props.activeKey}>\n        {title}\n      </Nav.Item>)\n    }\n  </Nav>\n}\n\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell}\n] as const\n\nconst {activeKey, ...props} = navProps\n\nconst tags = [...suitableReactElementTypes]\n\nexport const rsMenu = define(RsMenu, 'RsMenu')\n  .name('Menu')\n  .category(staticCategory)\n  .props({\n    activeKey: activeKey.default('Home'),\n    ...props,\n    itemsAs: oneOf(...tags)\n      .labeled(...tags)\n      .default('a')\n      .withEditorProps({creatable: false}),\n    items: array\n      .default(makeItems(['Home', 'News', 'Products']))\n      .withEditorProps({columns}),\n  })\n"],"names":["makeItems","data","title","suitableReactElementTypes","RsMenu","onSelect","items","itemsAs","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","jsx","Nav","href","index","columns","InputCell","activeKey","navProps","tags","rsMenu","define","staticCategory","oneOf","array"],"mappings":";;;;;;;AAuBA,MAAMA,IAAY,CAACC,MAAmBA,EAAK,IAAI,CAAAC,OAAU,EAAC,OAAAA,GAAO,MAAM,IAAIA,CAAK,GAAA,EAAI,GAE9EC,wBAAgC,IAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAyBKC,IAAS,CAAC,EAAC,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,GAAGC,QAAwB;AACpE,QAAMC,IAAgBC,EAAA,GAEhBC,IAAoCC,EAAY,CAACC,GAAeC,MAA0B;AAC9F,IAAAL,EAAc,qBAAqB,CAAA,GACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,IAAWQ,GAAUC,CAAK;AAAA,EAC5B,GAAG,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,SAAKC,GAAO,SAEL,gBAAAS,EAACC,GAAA,EAAI,UAAUL,GAAc,GAAGH,GACpC,UAAAF,EAAM,IAAI,CAAC,EAAC,OAAAJ,GAAO,MAAAe,EAAA,GAAOC,MACzB,gBAAAH,EAACC,EAAI,MAAJ,EAAqB,MAAAC,GAAY,IAAIV,GAAS,UAAUL,GAAO,QAAQA,MAAUM,EAAM,WACrF,UAAAN,EAAA,GADYgB,CAEf,CAAW,GAEf,IAR2B;AAS7B,GAEMC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAA;AAAA,EACvB,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAA;AACtC,GAEM,EAAC,WAAAC,GAAW,GAAGb,EAAA,IAASc,GAExBC,IAAO,CAAC,GAAGpB,CAAyB,GAE7BqB,IAASC,EAAOrB,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASsB,CAAc,EACvB,MAAM;AAAA,EACL,WAAWL,EAAU,QAAQ,MAAM;AAAA,EACnC,GAAGb;AAAA,EACH,SAASmB,EAAM,GAAGJ,CAAI,EACnB,QAAQ,GAAGA,CAAI,EACf,QAAQ,GAAG,EACX,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOK,EACJ,QAAQ5B,EAAU,CAAC,QAAQ,QAAQ,UAAU,CAAC,CAAC,EAC/C,gBAAgB,EAAC,SAAAmB,GAAQ;AAC9B,CAAC;"}

package/dist/message.d.ts

@@ -8,9 +8,9 @@ import { Theme } from '@emotion/react';
 import { WithAsProps } from 'rsuite/esm/internals/types';
 
 export declare const rsMessage: Definer<Omit_2<any, WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & MessageProps> & WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & MessageProps & {
-    children?: ReactNode;
+children?: ReactNode | undefined;
 } & {
-    theme?: Theme | undefined;
+theme?: Theme;
 }>;
 
 export { }

package/dist/message.js

@@ -1,16 +1,16 @@
 import s from "@emotion/styled";
-import { define as o, node as e, boolean as r, oneOf as a } from "@react-form-builder/core";
+import { define as o, oneOf as r, node as e, boolean as a } from "@react-form-builder/core";
 import { Message as t } from "rsuite";
-import { s as i } from "./categories-7064b279.js";
+import { a as i } from "./categories-_98lyB3C.js";
 const f = s(t)`
   .rs-message-header {
     overflow: initial;
   }
 `, d = o(f, "RsMessage").name("Message").category(i).props({
   children: e,
-  closable: r.default(!1),
+  closable: a.default(!1),
   header: e,
-  type: a("info", "success", "warning", "error").default("info").withEditorProps({ creatable: !1 })
+  type: r("info", "success", "warning", "error").default("info").withEditorProps({ creatable: !1 })
 });
 export {
   d as rsMessage

package/dist/modal-layout.d.ts

@@ -1,5 +1,5 @@
 import { Definer } from '@react-form-builder/core';
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 export declare const rsModalLayout: Definer<RsModalLayoutProps>;
 

package/dist/modal-layout.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as i, boolean as c, node as e } from "@react-form-builder/core";
+import { define as i, node as e, boolean as c } from "@react-form-builder/core";
 import { Modal as m } from "rsuite";
-import { m as u } from "./categories-7064b279.js";
+import { m as u } from "./categories-_98lyB3C.js";
 const { Header: y, Title: f, Body: h, Footer: p } = m, M = (t) => {
   const { closeButton: r, headerTitle: d, body: a, footer: l, ...n } = t;
   return /* @__PURE__ */ s("div", { ...n, children: [

package/dist/modal-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-layout.js","sources":["../src/components/RsModalLayout.tsx"],"sourcesContent":["import {boolean, define, node} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {Modal} from 'rsuite'\nimport {modalCategory} from './categories'\n\nconst {Header, Title, Body, Footer} = Modal\n\n/**\n * Props for the RsModalLayout component.\n */\nexport interface RsModalLayoutProps {\n  /**\n   * Whether to show the close button.\n   */\n  closeButton: boolean,\n  /**\n   * The title for the modal header.\n   */\n  headerTitle: ReactNode,\n  /**\n   * The content for the modal body.\n   */\n  body: ReactNode,\n  /**\n   * The content for the modal footer.\n   */\n  footer: ReactNode,\n}\n\n/**\n * Modal layout component with header, body and footer sections.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsModalLayout = (props: RsModalLayoutProps) => {\n  const {closeButton, headerTitle, body, footer, ...rest} = props\n  return <div {...rest}>\n    <Header closeButton={closeButton}>\n      <Title>\n        {headerTitle}\n      </Title>\n    </Header>\n    <Body>\n      {body}\n    </Body>\n    <Footer>\n      {footer}\n    </Footer>\n  </div>\n}\n\nexport const rsModalLayout = define(RsModalLayout, 'RsModalLayout')\n  .name('Modal layout')\n  .category(modalCategory)\n  .props({\n    closeButton: boolean.default(true),\n    headerTitle: node,\n    body: node,\n    footer: node,\n  })\n"],"names":["Header","Title","Body","Footer","Modal","RsModalLayout","props","closeButton","headerTitle","body","footer","rest","jsxs","jsx","rsModalLayout","define","modalCategory","boolean","node"],"mappings":";;;;AAKA,MAAM,EAAC,QAAAA,GAAQ,OAAAC,GAAO,MAAAC,GAAM,QAAAC,MAAUC,GA6BhCC,IAAgB,CAACC,MAA8B;AACnD,QAAM,EAAC,aAAAC,GAAa,aAAAC,GAAa,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,EAAQ,IAAAL;AACnD,SAAA,gBAAAM,EAAC,OAAK,EAAA,GAAGD,GACd,UAAA;AAAA,IAAA,gBAAAE,EAACb,GAAO,EAAA,aAAAO,GACN,UAAC,gBAAAM,EAAAZ,GAAA,EACE,YACH,CAAA,GACF;AAAA,IACA,gBAAAY,EAACX,KACE,UACHO,EAAA,CAAA;AAAA,IACA,gBAAAI,EAACV,KACE,UACHO,EAAA,CAAA;AAAA,EACF,EAAA,CAAA;AACF,GAEaI,IAAgBC,EAAOV,GAAe,eAAe,EAC/D,KAAK,cAAc,EACnB,SAASW,CAAa,EACtB,MAAM;AAAA,EACL,aAAaC,EAAQ,QAAQ,EAAI;AAAA,EACjC,aAAaC;AAAA,EACb,MAAMA;AAAA,EACN,QAAQA;AACV,CAAC;"}
+{"version":3,"file":"modal-layout.js","sources":["../src/components/RsModalLayout.tsx"],"sourcesContent":["import {boolean, define, node} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {Modal} from 'rsuite'\nimport {modalCategory} from './categories'\n\nconst {Header, Title, Body, Footer} = Modal\n\n/**\n * Props for the RsModalLayout component.\n */\nexport interface RsModalLayoutProps {\n  /**\n   * Whether to show the close button.\n   */\n  closeButton: boolean,\n  /**\n   * The title for the modal header.\n   */\n  headerTitle: ReactNode,\n  /**\n   * The content for the modal body.\n   */\n  body: ReactNode,\n  /**\n   * The content for the modal footer.\n   */\n  footer: ReactNode,\n}\n\n/**\n * Modal layout component with header, body and footer sections.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsModalLayout = (props: RsModalLayoutProps) => {\n  const {closeButton, headerTitle, body, footer, ...rest} = props\n  return <div {...rest}>\n    <Header closeButton={closeButton}>\n      <Title>\n        {headerTitle}\n      </Title>\n    </Header>\n    <Body>\n      {body}\n    </Body>\n    <Footer>\n      {footer}\n    </Footer>\n  </div>\n}\n\nexport const rsModalLayout = define(RsModalLayout, 'RsModalLayout')\n  .name('Modal layout')\n  .category(modalCategory)\n  .props({\n    closeButton: boolean.default(true),\n    headerTitle: node,\n    body: node,\n    footer: node,\n  })\n"],"names":["Header","Title","Body","Footer","Modal","RsModalLayout","props","closeButton","headerTitle","body","footer","rest","jsxs","jsx","rsModalLayout","define","modalCategory","boolean","node"],"mappings":";;;;AAKA,MAAM,EAAC,QAAAA,GAAQ,OAAAC,GAAO,MAAAC,GAAM,QAAAC,MAAUC,GA6BhCC,IAAgB,CAACC,MAA8B;AACnD,QAAM,EAAC,aAAAC,GAAa,aAAAC,GAAa,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,MAAQL;AAC1D,SAAO,gBAAAM,EAAC,OAAA,EAAK,GAAGD,GACd,UAAA;AAAA,IAAA,gBAAAE,EAACb,GAAA,EAAO,aAAAO,GACN,UAAA,gBAAAM,EAACZ,GAAA,EACE,aACH,GACF;AAAA,IACA,gBAAAY,EAACX,KACE,UAAAO,EAAA,CACH;AAAA,IACA,gBAAAI,EAACV,KACE,UAAAO,EAAA,CACH;AAAA,EAAA,GACF;AACF,GAEaI,IAAgBC,EAAOV,GAAe,eAAe,EAC/D,KAAK,cAAc,EACnB,SAASW,CAAa,EACtB,MAAM;AAAA,EACL,aAAaC,EAAQ,QAAQ,EAAI;AAAA,EACjC,aAAaC;AAAA,EACb,MAAMA;AAAA,EACN,QAAQA;AACV,CAAC;"}

package/dist/modal.d.ts

@@ -1,5 +1,5 @@
 import { Definer } from '@react-form-builder/core';
-import type { ModalProps } from 'rsuite';
+import { ModalProps } from 'rsuite';
 
 export declare const rsModal: Definer<RsModalProps>;
 

package/dist/modal.js

@@ -1,27 +1,27 @@
 import { jsx as u } from "@emotion/react/jsx-runtime";
-import { oneOf as f, define as c, boolean as o, string as l, event as r } from "@react-form-builder/core";
+import { oneOf as f, define as c, event as r, boolean as o, string as e } from "@react-form-builder/core";
 import { useCallback as i } from "react";
 import { Modal as p } from "rsuite";
-import { m as b } from "./categories-7064b279.js";
-const g = (t) => {
-  const { children: s, handleClose: e, onClose: a, ...m } = t, d = i((n) => {
-    e == null || e(), a == null || a(n);
-  }, [e, a]);
-  return /* @__PURE__ */ u(p, { ...m, onClose: d, children: s });
-}, M = f("xs", "sm", "md", "lg", "full").labeled("Extra small", "Small", "Medium", "Large", "Full").default("md"), R = c(g, "RsModal").name("Modal").category(b).props({
+import { m as C } from "./categories-_98lyB3C.js";
+const b = (t) => {
+  const { children: s, handleClose: l, onClose: a, ...d } = t, m = i((n) => {
+    l?.(), a?.(n);
+  }, [l, a]);
+  return /* @__PURE__ */ u(p, { ...d, onClose: m, children: s });
+}, g = f("xs", "sm", "md", "lg", "full").labeled("Extra small", "Small", "Medium", "Large", "Full").default("md"), y = c(b, "RsModal").name("Modal").category(C).props({
   autoFocus: o.default(!0),
   backdrop: o.default(!0),
-  backdropClassName: l,
-  classPrefix: l,
-  dialogClassName: l,
+  backdropClassName: e,
+  classPrefix: e,
+  dialogClassName: e,
   enforceFocus: o.default(!0),
   keyboard: o.default(!0),
   overflow: o.default(!0),
-  size: M,
+  size: g,
   onOpen: r,
   onClose: r
 }).componentRole("modal").hideFromComponentPalette();
 export {
-  R as rsModal
+  y as rsModal
 };
 //# sourceMappingURL=modal.js.map

package/dist/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../src/components/RsModal.tsx"],"sourcesContent":["import {boolean, define, event, oneOf, string} from '@react-form-builder/core'\nimport type {SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {ModalProps} from 'rsuite'\nimport {Modal} from 'rsuite'\nimport {modalCategory} from './categories'\n\n/**\n * Props for the RsModal component.\n */\nexport interface RsModalProps extends ModalProps {\n  /**\n   * Custom close handler function.\n   */\n  handleClose?: () => void\n}\n\n/**\n * A modal component that displays content in an overlay dialog.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsModal = (props: RsModalProps) => {\n  const {children, handleClose, onClose, ...rest} = props\n\n  const close = useCallback((e: SyntheticEvent) => {\n    handleClose?.()\n    onClose?.(e)\n  }, [handleClose, onClose])\n\n  return <Modal {...rest} onClose={close}>\n    {children}\n  </Modal>\n}\n\nconst modalSize = oneOf('xs', 'sm', 'md', 'lg', 'full')\n  .labeled('Extra small', 'Small', 'Medium', 'Large', 'Full')\n  .default('md')\n\nexport const rsModal = define(RsModal, 'RsModal')\n  .name('Modal')\n  .category(modalCategory)\n  .props({\n    autoFocus: boolean.default(true),\n    backdrop: boolean.default(true),\n    backdropClassName: string,\n    classPrefix: string,\n    dialogClassName: string,\n    enforceFocus: boolean.default(true),\n    keyboard: boolean.default(true),\n    overflow: boolean.default(true),\n    size: modalSize,\n    onOpen: event,\n    onClose: event,\n  })\n  .componentRole('modal')\n  .hideFromComponentPalette()\n"],"names":["RsModal","props","children","handleClose","onClose","rest","close","useCallback","e","Modal","modalSize","oneOf","rsModal","define","modalCategory","boolean","string","event"],"mappings":";;;;;AAsBA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAC,UAAAC,GAAU,aAAAC,GAAa,SAAAC,GAAS,GAAGC,EAAQ,IAAAJ,GAE5CK,IAAQC,EAAY,CAACC,MAAsB;AACjC,IAAAL,KAAA,QAAAA,KACdC,KAAA,QAAAA,EAAUI;AAAA,EAAC,GACV,CAACL,GAAaC,CAAO,CAAC;AAEzB,2BAAQK,GAAO,EAAA,GAAGJ,GAAM,SAASC,GAC9B,UAAAJ,EACH,CAAA;AACF,GAEMQ,IAAYC,EAAM,MAAM,MAAM,MAAM,MAAM,MAAM,EACnD,QAAQ,eAAe,SAAS,UAAU,SAAS,MAAM,EACzD,QAAQ,IAAI,GAEFC,IAAUC,EAAOb,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASc,CAAa,EACtB,MAAM;AAAA,EACL,WAAWC,EAAQ,QAAQ,EAAI;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,mBAAmBC;AAAA,EACnB,aAAaA;AAAA,EACb,iBAAiBA;AAAA,EACjB,cAAcD,EAAQ,QAAQ,EAAI;AAAA,EAClC,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,MAAML;AAAA,EACN,QAAQO;AAAA,EACR,SAASA;AACX,CAAC,EACA,cAAc,OAAO,EACrB,yBAAyB;"}
+{"version":3,"file":"modal.js","sources":["../src/components/RsModal.tsx"],"sourcesContent":["import {boolean, define, event, oneOf, string} from '@react-form-builder/core'\nimport type {SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {ModalProps} from 'rsuite'\nimport {Modal} from 'rsuite'\nimport {modalCategory} from './categories'\n\n/**\n * Props for the RsModal component.\n */\nexport interface RsModalProps extends ModalProps {\n  /**\n   * Custom close handler function.\n   */\n  handleClose?: () => void\n}\n\n/**\n * A modal component that displays content in an overlay dialog.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsModal = (props: RsModalProps) => {\n  const {children, handleClose, onClose, ...rest} = props\n\n  const close = useCallback((e: SyntheticEvent) => {\n    handleClose?.()\n    onClose?.(e)\n  }, [handleClose, onClose])\n\n  return <Modal {...rest} onClose={close}>\n    {children}\n  </Modal>\n}\n\nconst modalSize = oneOf('xs', 'sm', 'md', 'lg', 'full')\n  .labeled('Extra small', 'Small', 'Medium', 'Large', 'Full')\n  .default('md')\n\nexport const rsModal = define(RsModal, 'RsModal')\n  .name('Modal')\n  .category(modalCategory)\n  .props({\n    autoFocus: boolean.default(true),\n    backdrop: boolean.default(true),\n    backdropClassName: string,\n    classPrefix: string,\n    dialogClassName: string,\n    enforceFocus: boolean.default(true),\n    keyboard: boolean.default(true),\n    overflow: boolean.default(true),\n    size: modalSize,\n    onOpen: event,\n    onClose: event,\n  })\n  .componentRole('modal')\n  .hideFromComponentPalette()\n"],"names":["RsModal","props","children","handleClose","onClose","rest","close","useCallback","e","Modal","modalSize","oneOf","rsModal","define","modalCategory","boolean","string","event"],"mappings":";;;;;AAsBA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAC,UAAAC,GAAU,aAAAC,GAAa,SAAAC,GAAS,GAAGC,MAAQJ,GAE5CK,IAAQC,EAAY,CAACC,MAAsB;AAC/C,IAAAL,IAAA,GACAC,IAAUI,CAAC;AAAA,EACb,GAAG,CAACL,GAAaC,CAAO,CAAC;AAEzB,2BAAQK,GAAA,EAAO,GAAGJ,GAAM,SAASC,GAC9B,UAAAJ,GACH;AACF,GAEMQ,IAAYC,EAAM,MAAM,MAAM,MAAM,MAAM,MAAM,EACnD,QAAQ,eAAe,SAAS,UAAU,SAAS,MAAM,EACzD,QAAQ,IAAI,GAEFC,IAAUC,EAAOb,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASc,CAAa,EACtB,MAAM;AAAA,EACL,WAAWC,EAAQ,QAAQ,EAAI;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,mBAAmBC;AAAA,EACnB,aAAaA;AAAA,EACb,iBAAiBA;AAAA,EACjB,cAAcD,EAAQ,QAAQ,EAAI;AAAA,EAClC,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,MAAML;AAAA,EACN,QAAQO;AAAA,EACR,SAASA;AACX,CAAC,EACA,cAAc,OAAO,EACrB,yBAAA;"}