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

package/dist/index.js

@@ -1,119 +1,98 @@
-import { r as T, e as k } from "./rSuiteComponentsDescriptions-d616cdc1.js";
-import { RsLocalizationWrapper as M } from "./localization-wrapper.js";
-import { formEngineRsuiteCssLoader as w, ltrCssLoader as v, rtlCssLoader as z } from "./css-loader.js";
-import { rSuiteComponents as G } from "./r-suite-components.js";
-import { models as A } from "./models.js";
-import { components as F } from "./definitions.js";
-import { view as U } from "./view.js";
-import { viewWithCss as H } from "./view-with-css.js";
-import { builderViewWithCss as V } from "./builder-view-with-css.js";
-import { rsAutoComplete as q } from "./autocomplete.js";
-import { rsBreadcrumb as K } from "./breadcrumb.js";
-import { rsButton as Q } from "./button.js";
-import { rsCalendar as Y } from "./calendar.js";
-import { rsCard as _ } from "./card.js";
-import { rsCheckbox as rr } from "./checkbox.js";
-import { rsContainer as er } from "./container.js";
-import { rsDatePicker as pr } from "./date-picker.js";
-import { rsDivider as sr } from "./divider.js";
-import { rsDropdown as xr } from "./dropdown.js";
-import { rsHeader as ar } from "./header.js";
-import { rsImage as dr } from "./image.js";
-import { rsInput as cr } from "./input.js";
-import { rsLabel as ur } from "./label.js";
-import { rsLink as Pr } from "./link.js";
-import { rsMenu as Lr } from "./menu.js";
-import { rsMessage as Sr } from "./message.js";
-import { rsModal as kr } from "./modal.js";
-import { rsModalLayout as Mr } from "./modal-layout.js";
-import { rsNumberFormat as wr } from "./number-format.js";
-import { rsPatternFormat as zr } from "./pattern-format.js";
-import { rsPlaceholderGraph as Gr, rsPlaceholderGrid as Rr, rsPlaceholderParagraph as Ar } from "./placeholder.js";
-import { rsProgressCircle as Fr, rsProgressLine as Ir } from "./progress.js";
-import { rsRadioGroup as yr } from "./radio-group.js";
-import { rsSearch as Nr } from "./search.js";
-import { rsStaticContent as jr } from "./static-content.js";
-import { rsTab as Jr } from "./tab.js";
-import { rsTagPicker as Or } from "./tag-picker.js";
-import { rsTextArea as Xr } from "./text-area.js";
-import { rsTimePicker as Zr } from "./time-picker.js";
-import { rsToggle as $r } from "./toggle.js";
-import { rsUploader as oo } from "./uploader.js";
-import { rsWizard as to, rsWizardStep as po } from "./wizard.js";
-import { rsErrorMessage as so } from "./error-message.js";
-import { rsTooltip as xo } from "./tooltip.js";
-import "@emotion/react/jsx-runtime";
-import "rsuite";
-import "rsuite/esm/locales/index.js";
-import "date-fns/locale/hi/index.js";
-import "date-fns/locale/sr/index.js";
-import "@react-form-builder/core";
-import "./categories-7064b279.js";
-import "./commonProperties-d849cd5b.js";
-import "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-import "react";
-import "./InputCell-f4236002.js";
-import "./dateTimeUtils-b07ce438.js";
-import "date-fns";
-import "./useTouchOnEvent-2be3c60d.js";
-import "./hooks-ff273a8a.js";
-import "@rsuite/icons";
-import "react-number-format";
-import "./WrappedInput-bc5a6d33.js";
-import "@emotion/css";
+import { r as e, e as t } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
+import { RsLocalizationWrapper as p } from "./localization-wrapper.js";
+import { formEngineRsuiteCssLoader as x, ltrCssLoader as f, rtlCssLoader as a } from "./css-loader.js";
+import { rSuiteComponents as n } from "./r-suite-components.js";
+import { models as l } from "./models.js";
+import { components as C } from "./definitions.js";
+import { view as g } from "./view.js";
+import { viewWithCss as h } from "./view-with-css.js";
+import { builderViewWithCss as b } from "./builder-view-with-css.js";
+import { rsAutoComplete as T } from "./autocomplete.js";
+import { rsBreadcrumb as D } from "./breadcrumb.js";
+import { rsButton as W } from "./button.js";
+import { rsCalendar as v } from "./calendar.js";
+import { rsCard as E } from "./card.js";
+import { rsCheckbox as R } from "./checkbox.js";
+import { rsContainer as B } from "./container.js";
+import { rsDatePicker as I } from "./date-picker.js";
+import { rsDivider as y } from "./divider.js";
+import { rsDropdown as N } from "./dropdown.js";
+import { rsHeader as j } from "./header.js";
+import { rsImage as J } from "./image.js";
+import { rsInput as O } from "./input.js";
+import { rsLabel as X } from "./label.js";
+import { rsLink as Z } from "./link.js";
+import { rsMenu as $ } from "./menu.js";
+import { rsMessage as or } from "./message.js";
+import { rsModal as tr } from "./modal.js";
+import { rsModalLayout as pr } from "./modal-layout.js";
+import { rsNumberFormat as xr } from "./number-format.js";
+import { rsPatternFormat as ar } from "./pattern-format.js";
+import { rsPlaceholderGraph as nr, rsPlaceholderGrid as dr, rsPlaceholderParagraph as lr } from "./placeholder.js";
+import { rsProgressCircle as Cr, rsProgressLine as ur } from "./progress.js";
+import { rsRadioGroup as Pr } from "./radio-group.js";
+import { rsSearch as Lr } from "./search.js";
+import { rsStaticContent as Sr } from "./static-content.js";
+import { rsTab as kr } from "./tab.js";
+import { rsTagPicker as Mr } from "./tag-picker.js";
+import { rsTextArea as wr } from "./text-area.js";
+import { rsTimePicker as zr } from "./time-picker.js";
+import { rsToggle as Gr } from "./toggle.js";
+import { rsUploader as Ar } from "./uploader.js";
+import { rsWizard as Fr, rsWizardStep as Ir } from "./wizard.js";
+import { rsErrorMessage as yr } from "./error-message.js";
+import { rsTooltip as Nr } from "./tooltip.js";
 export {
-  M as RsLocalizationWrapper,
-  V as builderViewWithCss,
-  F as components,
-  w as formEngineRsuiteCssLoader,
-  v as ltrCssLoader,
-  A as models,
-  G as rSuiteComponents,
-  T as rSuiteComponentsDescriptions,
-  k as rSuiteEnUsComponentsDescriptions,
-  q as rsAutoComplete,
-  K as rsBreadcrumb,
-  Q as rsButton,
-  Y as rsCalendar,
-  _ as rsCard,
-  rr as rsCheckbox,
-  er as rsContainer,
-  pr as rsDatePicker,
-  sr as rsDivider,
-  xr as rsDropdown,
-  so as rsErrorMessage,
-  ar as rsHeader,
-  dr as rsImage,
-  cr as rsInput,
-  ur as rsLabel,
-  Pr as rsLink,
-  Lr as rsMenu,
-  Sr as rsMessage,
-  kr as rsModal,
-  Mr as rsModalLayout,
-  wr as rsNumberFormat,
-  zr as rsPatternFormat,
-  Gr as rsPlaceholderGraph,
-  Rr as rsPlaceholderGrid,
-  Ar as rsPlaceholderParagraph,
-  Fr as rsProgressCircle,
-  Ir as rsProgressLine,
-  yr as rsRadioGroup,
-  Nr as rsSearch,
-  jr as rsStaticContent,
-  Jr as rsTab,
-  Or as rsTagPicker,
-  Xr as rsTextArea,
-  Zr as rsTimePicker,
-  $r as rsToggle,
-  xo as rsTooltip,
-  oo as rsUploader,
-  to as rsWizard,
-  po as rsWizardStep,
-  z as rtlCssLoader,
-  U as view,
-  H as viewWithCss
+  p as RsLocalizationWrapper,
+  b as builderViewWithCss,
+  C as components,
+  x as formEngineRsuiteCssLoader,
+  f as ltrCssLoader,
+  l as models,
+  n as rSuiteComponents,
+  e as rSuiteComponentsDescriptions,
+  t as rSuiteEnUsComponentsDescriptions,
+  T as rsAutoComplete,
+  D as rsBreadcrumb,
+  W as rsButton,
+  v as rsCalendar,
+  E as rsCard,
+  R as rsCheckbox,
+  B as rsContainer,
+  I as rsDatePicker,
+  y as rsDivider,
+  N as rsDropdown,
+  yr as rsErrorMessage,
+  j as rsHeader,
+  J as rsImage,
+  O as rsInput,
+  X as rsLabel,
+  Z as rsLink,
+  $ as rsMenu,
+  or as rsMessage,
+  tr as rsModal,
+  pr as rsModalLayout,
+  xr as rsNumberFormat,
+  ar as rsPatternFormat,
+  nr as rsPlaceholderGraph,
+  dr as rsPlaceholderGrid,
+  lr as rsPlaceholderParagraph,
+  Cr as rsProgressCircle,
+  ur as rsProgressLine,
+  Pr as rsRadioGroup,
+  Lr as rsSearch,
+  Sr as rsStaticContent,
+  kr as rsTab,
+  Mr as rsTagPicker,
+  wr as rsTextArea,
+  zr as rsTimePicker,
+  Gr as rsToggle,
+  Nr as rsTooltip,
+  Ar as rsUploader,
+  Fr as rsWizard,
+  Ir as rsWizardStep,
+  a as rtlCssLoader,
+  g as view,
+  h as viewWithCss
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/input.d.ts

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

package/dist/input.js

@@ -1,28 +1,26 @@
 import { jsxs as x, jsx as e } from "@emotion/react/jsx-runtime";
-import { define as C, string as s, oneOf as g, boolean as y, useComponentData as v, useAriaAttributes as A } from "@react-form-builder/core";
+import { define as C, string as s, boolean as g, oneOf as y, useComponentData as v, useAriaAttributes as A } from "@react-form-builder/core";
 import { Visible as V, EyeClose as k } from "@rsuite/icons";
 import { useState as L, useCallback as j } from "react";
 import { InputGroup as n, Input as p } from "rsuite";
-import { i as P } from "./commonProperties-d849cd5b.js";
-import { f as R } from "./categories-7064b279.js";
-import { L as S } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-const B = ({ style: u, className: m, label: o, passwordMask: d, showPasswordAriaLabel: f, type: c, value: r, ...a }) => {
-  const [t, b] = L(!1), { id: i } = v(), l = A({ labeled: !!o }), h = j(() => b((I) => !I), []), w = d ? /* @__PURE__ */ x(n, { inside: !0, children: [
+import { i as P } from "./commonProperties-ETOgvhCH.js";
+import { f as R } from "./categories-_98lyB3C.js";
+import { L as S } from "./Labeled-BWYRwMiY.js";
+const B = ({ style: u, className: d, label: o, passwordMask: m, showPasswordAriaLabel: f, type: c, value: r, ...a }) => {
+  const [t, b] = L(!1), { id: i } = v(), l = A({ labeled: !!o }), h = j(() => b((I) => !I), []), w = m ? /* @__PURE__ */ x(n, { inside: !0, children: [
     /* @__PURE__ */ e(p, { id: i, ...l, type: t ? "text" : "password", value: r ?? "", ...a }),
     /* @__PURE__ */ e(n.Button, { "aria-label": f, "aria-pressed": t, onClick: h, children: t ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ e(k, {}) })
   ] }) : /* @__PURE__ */ e(p, { id: i, ...l, type: c, value: r ?? "", ...a });
-  return /* @__PURE__ */ e(S, { label: o, style: u, className: m, passAriaToChildren: !1, children: w });
-}, J = C(B, "RsInput").name("Input").category(R).props({
+  return /* @__PURE__ */ e(S, { label: o, style: u, className: d, passAriaToChildren: !1, children: w });
+}, F = C(B, "RsInput").name("Input").category(R).props({
   label: s.default("Input"),
   ...P,
-  type: g("text", "password", "email", "number", "search", "tel", "url", "time").default("text"),
+  type: y("text", "password", "email", "number", "search", "tel", "url", "time").default("text"),
   value: s.valued.uncontrolledValue(""),
-  passwordMask: y.default(!1),
+  passwordMask: g.default(!1),
   showPasswordAriaLabel: s.default("Show password")
 });
 export {
-  J as rsInput
+  F as rsInput
 };
 //# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../src/components/RsInput.tsx"],"sourcesContent":["import {boolean, define, oneOf, string, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport {EyeClose as EyeSlashIcon, Visible as EyeIcon} from '@rsuite/icons'\nimport {useCallback, useState} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input, InputGroup} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsInput component.\n */\nexport interface RsInputProps extends InputProps {\n  /**\n   * The label for the input.\n   */\n  label: string\n  /**\n   * Whether to show password mask.\n   */\n  passwordMask?: boolean,\n  /**\n   * The aria label for the show password button.\n   */\n  showPasswordAriaLabel: string,\n  /**\n   * The type of the input.\n   */\n  type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'time'\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n}\n\n/**\n * Input component with label and password mask support.\n * @param props the component props.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.label the label for the input.\n * @param props.passwordMask whether to show password mask.\n * @param props.showPasswordAriaLabel the aria label for the show password button.\n * @param props.type the type of the input.\n * @param props.value the value of the input.\n * @param props.props the additional input props.\n * @returns the React element.\n */\nconst RsInput = ({style, className, label, passwordMask, showPasswordAriaLabel, type, value, ...props}: RsInputProps) => {\n  const [visible, setVisible] = useState(false)\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n\n  const toggleVisible = useCallback(() => setVisible(v => !v), [])\n\n  const input = passwordMask\n    ? <InputGroup inside>\n      <Input id={id} {...aria} type={visible ? 'text' : 'password'} value={value ?? ''} {...props}/>\n      <InputGroup.Button aria-label={showPasswordAriaLabel} aria-pressed={visible} onClick={toggleVisible}>\n        {visible ? <EyeIcon/> : <EyeSlashIcon/>}\n      </InputGroup.Button>\n    </InputGroup>\n    : <Input id={id} {...aria} type={type} value={value ?? ''} {...props}/>\n\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={false}>\n    {input}\n  </Labeled>\n}\n\nexport const rsInput = define(RsInput, 'RsInput')\n  .name('Input')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Input'),\n    ...inputProps,\n    type: oneOf('text', 'password', 'email', 'number', 'search', 'tel', 'url', 'time').default('text'),\n    value: string.valued.uncontrolledValue(''),\n    passwordMask: boolean.default(false),\n    showPasswordAriaLabel: string.default('Show password')\n  })\n"],"names":["RsInput","style","className","label","passwordMask","showPasswordAriaLabel","type","value","props","visible","setVisible","useState","id","useComponentData","aria","useAriaAttributes","toggleVisible","useCallback","v","input","jsxs","InputGroup","jsx","Input","EyeIcon","EyeSlashIcon","Labeled","rsInput","define","fieldsCategory","string","inputProps","oneOf","boolean"],"mappings":";;;;;;;;;;AAgDA,MAAMA,IAAU,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,cAAAC,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,MAAyB;AACvH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,EAAC,IAAAC,MAAMC,KACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACZ,GAAM,GAE3Ca,IAAgBC,EAAY,MAAMP,EAAW,OAAK,CAACQ,CAAC,GAAG,CAAA,CAAE,GAEzDC,IAAQf,IACT,gBAAAgB,EAAAC,GAAA,EAAW,QAAM,IAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAM,EAAA,IAAAX,GAAS,GAAGE,GAAM,MAAML,IAAU,SAAS,YAAY,OAAOF,KAAS,IAAK,GAAGC,EAAM,CAAA;AAAA,sBAC3Fa,EAAW,QAAX,EAAkB,cAAYhB,GAAuB,gBAAcI,GAAS,SAASO,GACnF,cAAW,gBAAAM,EAAAE,GAAA,CAAA,CAAO,IAAK,gBAAAF,EAACG,IAAY,CAAA,GACvC;AAAA,EACF,EAAA,CAAA,IACG,gBAAAH,EAAAC,GAAA,EAAM,IAAAX,GAAS,GAAGE,GAAM,MAAAR,GAAY,OAAOC,KAAS,IAAK,GAAGC,EAAM,CAAA;AAEvE,2BAAQkB,GAAQ,EAAA,OAAAvB,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IACnF,UACHiB,EAAA,CAAA;AACF,GAEaQ,IAAUC,EAAO5B,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAAS6B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,GAAGC;AAAA,EACH,MAAMC,EAAM,QAAQ,YAAY,SAAS,UAAU,UAAU,OAAO,OAAO,MAAM,EAAE,QAAQ,MAAM;AAAA,EACjG,OAAOF,EAAO,OAAO,kBAAkB,EAAE;AAAA,EACzC,cAAcG,EAAQ,QAAQ,EAAK;AAAA,EACnC,uBAAuBH,EAAO,QAAQ,eAAe;AACvD,CAAC;"}
+{"version":3,"file":"input.js","sources":["../src/components/RsInput.tsx"],"sourcesContent":["import {boolean, define, oneOf, string, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport {EyeClose as EyeSlashIcon, Visible as EyeIcon} from '@rsuite/icons'\nimport {useCallback, useState} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input, InputGroup} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsInput component.\n */\nexport interface RsInputProps extends InputProps {\n  /**\n   * The label for the input.\n   */\n  label: string\n  /**\n   * Whether to show password mask.\n   */\n  passwordMask?: boolean,\n  /**\n   * The aria label for the show password button.\n   */\n  showPasswordAriaLabel: string,\n  /**\n   * The type of the input.\n   */\n  type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'time'\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n}\n\n/**\n * Input component with label and password mask support.\n * @param props the component props.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.label the label for the input.\n * @param props.passwordMask whether to show password mask.\n * @param props.showPasswordAriaLabel the aria label for the show password button.\n * @param props.type the type of the input.\n * @param props.value the value of the input.\n * @param props.props the additional input props.\n * @returns the React element.\n */\nconst RsInput = ({style, className, label, passwordMask, showPasswordAriaLabel, type, value, ...props}: RsInputProps) => {\n  const [visible, setVisible] = useState(false)\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n\n  const toggleVisible = useCallback(() => setVisible(v => !v), [])\n\n  const input = passwordMask\n    ? <InputGroup inside>\n      <Input id={id} {...aria} type={visible ? 'text' : 'password'} value={value ?? ''} {...props}/>\n      <InputGroup.Button aria-label={showPasswordAriaLabel} aria-pressed={visible} onClick={toggleVisible}>\n        {visible ? <EyeIcon/> : <EyeSlashIcon/>}\n      </InputGroup.Button>\n    </InputGroup>\n    : <Input id={id} {...aria} type={type} value={value ?? ''} {...props}/>\n\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={false}>\n    {input}\n  </Labeled>\n}\n\nexport const rsInput = define(RsInput, 'RsInput')\n  .name('Input')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Input'),\n    ...inputProps,\n    type: oneOf('text', 'password', 'email', 'number', 'search', 'tel', 'url', 'time').default('text'),\n    value: string.valued.uncontrolledValue(''),\n    passwordMask: boolean.default(false),\n    showPasswordAriaLabel: string.default('Show password')\n  })\n"],"names":["RsInput","style","className","label","passwordMask","showPasswordAriaLabel","type","value","props","visible","setVisible","useState","id","useComponentData","aria","useAriaAttributes","toggleVisible","useCallback","v","input","jsxs","InputGroup","jsx","Input","EyeIcon","EyeSlashIcon","Labeled","rsInput","define","fieldsCategory","string","inputProps","oneOf","boolean"],"mappings":";;;;;;;;AAgDA,MAAMA,IAAU,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,cAAAC,GAAc,uBAAAC,GAAuB,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,MAAyB;AACvH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,EAAC,IAAAC,EAAA,IAAMC,EAAA,GACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACZ,GAAM,GAE3Ca,IAAgBC,EAAY,MAAMP,EAAW,OAAK,CAACQ,CAAC,GAAG,EAAE,GAEzDC,IAAQf,IACV,gBAAAgB,EAACC,GAAA,EAAW,QAAM,IAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,IAAAX,GAAS,GAAGE,GAAM,MAAML,IAAU,SAAS,YAAY,OAAOF,KAAS,IAAK,GAAGC,EAAA,CAAM;AAAA,sBAC3Fa,EAAW,QAAX,EAAkB,cAAYhB,GAAuB,gBAAcI,GAAS,SAASO,GACnF,cAAU,gBAAAM,EAACE,GAAA,CAAA,CAAO,IAAK,gBAAAF,EAACG,KAAY,EAAA,CACvC;AAAA,EAAA,EAAA,CACF,IACE,gBAAAH,EAACC,GAAA,EAAM,IAAAX,GAAS,GAAGE,GAAM,MAAAR,GAAY,OAAOC,KAAS,IAAK,GAAGC,EAAA,CAAM;AAEvE,2BAAQkB,GAAA,EAAQ,OAAAvB,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IACnF,UAAAiB,GACH;AACF,GAEaQ,IAAUC,EAAO5B,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAAS6B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,GAAGC;AAAA,EACH,MAAMC,EAAM,QAAQ,YAAY,SAAS,UAAU,UAAU,OAAO,OAAO,MAAM,EAAE,QAAQ,MAAM;AAAA,EACjG,OAAOF,EAAO,OAAO,kBAAkB,EAAE;AAAA,EACzC,cAAcG,EAAQ,QAAQ,EAAK;AAAA,EACnC,uBAAuBH,EAAO,QAAQ,eAAe;AACvD,CAAC;"}

package/dist/label.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { define as s, string as l, useBuilderValue as n } from "@react-form-builder/core";
-import { t as m } from "./commonProperties-d849cd5b.js";
-import { s as c } from "./categories-7064b279.js";
+import { t as m } from "./commonProperties-ETOgvhCH.js";
+import { a as c } from "./categories-_98lyB3C.js";
 const e = "Label", i = ({ text: t, ...o }) => {
   const a = n(t, e);
   return /* @__PURE__ */ r("label", { ...o, children: a });

package/dist/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../src/components/RsLabel.tsx"],"sourcesContent":["import {define, string, useBuilderValue} from '@react-form-builder/core'\nimport {textStyles} from '../commonProperties'\nimport type {TextProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\nconst defaultText = 'Label'\n\n/**\n * Props for the RsLabel component.\n */\nexport interface RsLabelProps extends TextProps {\n  /**\n   * The label text content.\n   */\n  text: string\n}\n\n/**\n * A label component that displays text content.\n * @param props the component props.\n * @param props.text the text content to display.\n * @returns the React element.\n */\nconst RsLabel = ({text, ...props}: RsLabelProps) => {\n  const children = useBuilderValue(text, defaultText)\n  return <label {...props}>{children}</label>\n}\n\nexport const rsLabel = define(RsLabel, 'RsLabel')\n  .name('Label')\n  .category(staticCategory)\n  .props({\n    text: string.default(defaultText).dataBound,\n  })\n  .css({\n    ...textStyles\n  })\n  .componentRole('label')\n"],"names":["defaultText","RsLabel","text","props","children","useBuilderValue","jsx","rsLabel","define","staticCategory","string","textStyles"],"mappings":";;;;AAKA,MAAMA,IAAc,SAkBdC,IAAU,CAAC,EAAC,MAAAC,GAAM,GAAGC,QAAyB;AAC5C,QAAAC,IAAWC,EAAgBH,GAAMF,CAAW;AAClD,SAAQ,gBAAAM,EAAA,SAAA,EAAO,GAAGH,GAAQ,UAAAC,EAAS,CAAA;AACrC,GAEaG,IAAUC,EAAOP,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASQ,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,QAAQV,CAAW,EAAE;AACpC,CAAC,EACA,IAAI;AAAA,EACH,GAAGW;AACL,CAAC,EACA,cAAc,OAAO;"}
+{"version":3,"file":"label.js","sources":["../src/components/RsLabel.tsx"],"sourcesContent":["import {define, string, useBuilderValue} from '@react-form-builder/core'\nimport {textStyles} from '../commonProperties'\nimport type {TextProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\nconst defaultText = 'Label'\n\n/**\n * Props for the RsLabel component.\n */\nexport interface RsLabelProps extends TextProps {\n  /**\n   * The label text content.\n   */\n  text: string\n}\n\n/**\n * A label component that displays text content.\n * @param props the component props.\n * @param props.text the text content to display.\n * @returns the React element.\n */\nconst RsLabel = ({text, ...props}: RsLabelProps) => {\n  const children = useBuilderValue(text, defaultText)\n  return <label {...props}>{children}</label>\n}\n\nexport const rsLabel = define(RsLabel, 'RsLabel')\n  .name('Label')\n  .category(staticCategory)\n  .props({\n    text: string.default(defaultText).dataBound,\n  })\n  .css({\n    ...textStyles\n  })\n  .componentRole('label')\n"],"names":["defaultText","RsLabel","text","props","children","useBuilderValue","jsx","rsLabel","define","staticCategory","string","textStyles"],"mappings":";;;;AAKA,MAAMA,IAAc,SAkBdC,IAAU,CAAC,EAAC,MAAAC,GAAM,GAAGC,QAAyB;AAClD,QAAMC,IAAWC,EAAgBH,GAAMF,CAAW;AAClD,SAAO,gBAAAM,EAAC,SAAA,EAAO,GAAGH,GAAQ,UAAAC,EAAA,CAAS;AACrC,GAEaG,IAAUC,EAAOP,GAAS,SAAS,EAC7C,KAAK,OAAO,EACZ,SAASQ,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,QAAQV,CAAW,EAAE;AACpC,CAAC,EACA,IAAI;AAAA,EACH,GAAGW;AACL,CAAC,EACA,cAAc,OAAO;"}

package/dist/link.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps } from 'react';
+import { ComponentProps } from 'react';
 import { Definer } from '@react-form-builder/core';
 
 /**

package/dist/link.js

@@ -1,16 +1,16 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { define as d, oneOf as e, string as t, node as f, boolean as c, event as m } from "@react-form-builder/core";
-import { t as p } from "./commonProperties-d849cd5b.js";
-import { s as k } from "./categories-7064b279.js";
-const x = ({ text: o, download: n, downloadFilename: a, content: r, children: s, ...i }) => /* @__PURE__ */ l("a", { ...i, download: a ?? n, children: r === "text" ? o : s }), g = d(x, "RsLink").name("Link").category(k).props({
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { define as d, event as f, string as t, boolean as c, oneOf as e, node as m } from "@react-form-builder/core";
+import { t as p } from "./commonProperties-ETOgvhCH.js";
+import { a as k } from "./categories-_98lyB3C.js";
+const x = ({ text: o, download: n, downloadFilename: a, content: r, children: i, ...l }) => /* @__PURE__ */ s("a", { ...l, download: a ?? n, children: r === "text" ? o : i }), g = d(x, "RsLink").name("Link").category(k).props({
   content: e("text", "custom").default("text").radio(),
   text: t.default("Link"),
   href: t,
-  children: f,
+  children: m,
   target: e("_self", "_blank", "_parent", "_top", "_unfencedTop").default("_blank").withEditorProps({ creatable: !1 }),
   download: c.default(!1),
   downloadFilename: t,
-  onClick: m
+  onClick: f
 }).css({
   ...p
 });

package/dist/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../src/components/RsLink.tsx"],"sourcesContent":["import {boolean, define, event, node, oneOf, string} from '@react-form-builder/core'\nimport type {ComponentProps} from 'react'\nimport {textStyles} from '../commonProperties'\nimport type {TextProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\n/**\n * Props for the RsLink component.\n */\nexport interface RsLinkProps extends ComponentProps<'a'>, TextProps {\n  /**\n   * The link text content.\n   */\n  text: string\n  /**\n   * The filename for download when download is enabled.\n   */\n  downloadFilename: string\n  /**\n   * The content type (text or custom).\n   */\n  content: string\n}\n\n/**\n * A link component that renders an anchor element with configurable content and behavior.\n * @param props the component props.\n * @param props.text the link text content.\n * @param props.download whether to download the linked resource.\n * @param props.downloadFilename the filename for download when download is enabled.\n * @param props.content the content type (text or custom).\n * @param props.children the custom content when content type is 'custom'.\n * @returns the React element.\n */\nconst RsLink = ({text, download, downloadFilename, content, children, ...props}: RsLinkProps) => (\n  <a {...props} download={downloadFilename ?? download}>\n    {content === 'text' ? text : children}\n  </a>\n)\n\nexport const rsLink = define(RsLink, 'RsLink')\n  .name('Link')\n  .category(staticCategory)\n  .props({\n    content: oneOf('text', 'custom').default('text').radio(),\n    text: string.default('Link'),\n    href: string,\n    children: node,\n    target: oneOf('_self', '_blank', '_parent', '_top', '_unfencedTop').default('_blank')\n      .withEditorProps({creatable: false}),\n    download: boolean.default(false),\n    downloadFilename: string,\n    onClick: event,\n  })\n  .css({\n    ...textStyles\n  })\n"],"names":["RsLink","text","download","downloadFilename","content","children","props","jsx","rsLink","define","staticCategory","oneOf","string","node","boolean","event","textStyles"],"mappings":";;;;AAkCA,MAAMA,IAAS,CAAC,EAAC,MAAAC,GAAM,UAAAC,GAAU,kBAAAC,GAAkB,SAAAC,GAAS,UAAAC,GAAU,GAAGC,QACtE,gBAAAC,EAAA,KAAA,EAAG,GAAGD,GAAO,UAAUH,KAAoBD,GACzC,UAAAE,MAAY,SAASH,IAAOI,EAC/B,CAAA,GAGWG,IAASC,EAAOT,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAM,QAAQ,QAAQ,EAAE,QAAQ,MAAM,EAAE,MAAM;AAAA,EACvD,MAAMC,EAAO,QAAQ,MAAM;AAAA,EAC3B,MAAMA;AAAA,EACN,UAAUC;AAAA,EACV,QAAQF,EAAM,SAAS,UAAU,WAAW,QAAQ,cAAc,EAAE,QAAQ,QAAQ,EACjF,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,UAAUG,EAAQ,QAAQ,EAAK;AAAA,EAC/B,kBAAkBF;AAAA,EAClB,SAASG;AACX,CAAC,EACA,IAAI;AAAA,EACH,GAAGC;AACL,CAAC;"}
+{"version":3,"file":"link.js","sources":["../src/components/RsLink.tsx"],"sourcesContent":["import {boolean, define, event, node, oneOf, string} from '@react-form-builder/core'\nimport type {ComponentProps} from 'react'\nimport {textStyles} from '../commonProperties'\nimport type {TextProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\n/**\n * Props for the RsLink component.\n */\nexport interface RsLinkProps extends ComponentProps<'a'>, TextProps {\n  /**\n   * The link text content.\n   */\n  text: string\n  /**\n   * The filename for download when download is enabled.\n   */\n  downloadFilename: string\n  /**\n   * The content type (text or custom).\n   */\n  content: string\n}\n\n/**\n * A link component that renders an anchor element with configurable content and behavior.\n * @param props the component props.\n * @param props.text the link text content.\n * @param props.download whether to download the linked resource.\n * @param props.downloadFilename the filename for download when download is enabled.\n * @param props.content the content type (text or custom).\n * @param props.children the custom content when content type is 'custom'.\n * @returns the React element.\n */\nconst RsLink = ({text, download, downloadFilename, content, children, ...props}: RsLinkProps) => (\n  <a {...props} download={downloadFilename ?? download}>\n    {content === 'text' ? text : children}\n  </a>\n)\n\nexport const rsLink = define(RsLink, 'RsLink')\n  .name('Link')\n  .category(staticCategory)\n  .props({\n    content: oneOf('text', 'custom').default('text').radio(),\n    text: string.default('Link'),\n    href: string,\n    children: node,\n    target: oneOf('_self', '_blank', '_parent', '_top', '_unfencedTop').default('_blank')\n      .withEditorProps({creatable: false}),\n    download: boolean.default(false),\n    downloadFilename: string,\n    onClick: event,\n  })\n  .css({\n    ...textStyles\n  })\n"],"names":["RsLink","text","download","downloadFilename","content","children","props","jsx","rsLink","define","staticCategory","oneOf","string","node","boolean","event","textStyles"],"mappings":";;;;AAkCA,MAAMA,IAAS,CAAC,EAAC,MAAAC,GAAM,UAAAC,GAAU,kBAAAC,GAAkB,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAA,MACvE,gBAAAC,EAAC,KAAA,EAAG,GAAGD,GAAO,UAAUH,KAAoBD,GACzC,UAAAE,MAAY,SAASH,IAAOI,GAC/B,GAGWG,IAASC,EAAOT,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAM,QAAQ,QAAQ,EAAE,QAAQ,MAAM,EAAE,MAAA;AAAA,EACjD,MAAMC,EAAO,QAAQ,MAAM;AAAA,EAC3B,MAAMA;AAAA,EACN,UAAUC;AAAA,EACV,QAAQF,EAAM,SAAS,UAAU,WAAW,QAAQ,cAAc,EAAE,QAAQ,QAAQ,EACjF,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,UAAUG,EAAQ,QAAQ,EAAK;AAAA,EAC/B,kBAAkBF;AAAA,EAClB,SAASG;AACX,CAAC,EACA,IAAI;AAAA,EACH,GAAGC;AACL,CAAC;"}

package/dist/localization-wrapper.d.ts

@@ -1,4 +1,4 @@
-import type { FormViewerWrapperComponentProps } from '@react-form-builder/core';
+import { FormViewerWrapperComponentProps } from '@react-form-builder/core';
 import { JSX } from '@emotion/react/jsx-runtime';
 
 export declare const defaultComponentsLocale: {