@react-form-builder/components-rsuite 7.15.0 → 8.0.0

package/dist/InputCell-tTp9fZXd.js

@@ -0,0 +1,17 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useCallback as p } from "react";
+import { Table as i, Input as u } from "rsuite";
+import C from "clsx";
+const f = "_cell_vpvvj_1", v = {
+  cell: f
+}, { Cell: h } = i, _ = ({ className: s, ...l }) => /* @__PURE__ */ c(h, { ...l, className: C(v.cell, s) }), S = ({ rowData: s, dataKey: l, rowIndex: e, onChange: o, ...t }) => {
+  const r = s[l] ?? "", m = p((n) => {
+    s[l] = n, o?.(n, l, e);
+  }, [l, o, s, e]);
+  return /* @__PURE__ */ c(_, { ...t, children: /* @__PURE__ */ c(u, { value: r, onChange: m, size: "sm" }) });
+};
+export {
+  S as I,
+  _ as S
+};
+//# sourceMappingURL=InputCell-tTp9fZXd.js.map

package/dist/InputCell-tTp9fZXd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCell-tTp9fZXd.js","sources":["../src/components/internal/SCell.tsx","../src/components/internal/InputCell.tsx"],"sourcesContent":["import cx from 'clsx'\nimport {Table} from 'rsuite'\nimport type {RowDataType} from 'rsuite-table/lib'\nimport type {InnerCellProps} from 'rsuite-table/lib/Cell'\nimport styles from './SCell.module.css'\n\nconst {Cell} = Table\n\ntype SCellProps = InnerCellProps<RowDataType, string | number>\n\n/**\n * Styled table cell.\n * @param props the component props.\n * @param props.className the CSS class name.\n * @returns the React element.\n */\nexport const SCell = ({className, ...props}: SCellProps) => {\n  return <Cell<RowDataType, string | number> {...props} className={cx(styles.cell, className)}/>\n}\n","import {useCallback} from 'react'\nimport {Input} from 'rsuite'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\n/**\n * The React component that displays the table cell with the input.\n * @param props the React component properties.\n * @param props.rowData the row data.\n * @param props.dataKey the key name in {@link rowData}.\n * @param props.rowIndex the row index.\n * @param props.props the other properties of the component.\n * @param props.onChange the onChange event of the checkbox.\n * @returns the React element.\n */\nexport const InputCell = ({rowData, dataKey, rowIndex, onChange, ...props}: InputCellProps) => {\n  const value = rowData[dataKey] ?? ''\n\n  const handleChange = useCallback((newValue: any) => {\n    // eslint-disable-next-line react-hooks/immutability\n    rowData[dataKey] = newValue\n    onChange?.(newValue, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <Input value={value} onChange={handleChange} size=\"sm\"/>\n    </SCell>\n  )\n}\n"],"names":["Cell","Table","SCell","className","props","jsx","cx","styles","InputCell","rowData","dataKey","rowIndex","onChange","value","handleChange","useCallback","newValue","Input"],"mappings":";;;;;;GAMM,EAAC,MAAAA,MAAQC,GAUFC,IAAQ,CAAC,EAAC,WAAAC,GAAW,GAAGC,QAC5B,gBAAAC,EAACL,KAAoC,GAAGI,GAAO,WAAWE,EAAGC,EAAO,MAAMJ,CAAS,GAAE,GCFjFK,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGR,QAA2B;AAC7F,QAAMS,IAAQJ,EAAQC,CAAO,KAAK,IAE5BI,IAAeC,EAAY,CAACC,MAAkB;AAElD,IAAAP,EAAQC,CAAO,IAAIM,GACnBJ,IAAWI,GAAUN,GAASC,CAAQ;AAAA,EACxC,GAAG,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAEzC,SACE,gBAAAN,EAACH,GAAA,EAAO,GAAGE,GACT,UAAA,gBAAAC,EAACY,GAAA,EAAM,OAAAJ,GAAc,UAAUC,GAAc,MAAK,KAAA,CAAI,EAAA,CACxD;AAEJ;"}

package/dist/Labeled-8k9VvM4G.js

@@ -0,0 +1,18 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { namedObserver as m, useComponentData as b, useAriaAttributes as d } from "@react-form-builder/core";
+import p from "clsx";
+import { cloneElement as _ } from "react";
+const u = "_container_o5hso_1", f = "_label_o5hso_7", t = {
+  container: u,
+  label: f
+}, h = ({ label: e, children: o, passAriaToChildren: s, className: l, ...n }) => {
+  const { id: a } = b(), r = d({ labeled: !!e });
+  return /* @__PURE__ */ c("div", { ...n, role: "group", className: p(t.container, l), children: [
+    e && /* @__PURE__ */ i("label", { id: r["aria-labelledby"], htmlFor: a, className: t.label, children: e }),
+    s ? _(o, { id: a, ...r }) : o
+  ] });
+}, y = m("Labeled", h);
+export {
+  y as L
+};
+//# sourceMappingURL=Labeled-8k9VvM4G.js.map

package/dist/Labeled-8k9VvM4G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Labeled-8k9VvM4G.js","sources":["../src/components/internal/Labeled.tsx"],"sourcesContent":["import {namedObserver, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport type {ComponentProps} from 'react'\nimport {cloneElement} from 'react'\nimport styles from './Labeled.module.css'\n\ninterface LabeledProps extends ComponentProps<any> {\n  label?: string\n  /**\n   * If true, ARIA attributes will be passed automatically to children.\n   */\n  passAriaToChildren: boolean\n}\n\n/**\n * The React component that adds a label to a child component.\n * @param props the React component properties.\n * @param props.label the component label.\n * @param props.children the children component.\n * @param props.passAriaToChildren if true, ARIA attributes will be passed automatically to children.\n * @param props.className the CSS class name.\n * @returns the React element.\n */\nconst RawLabeled = ({label, children, passAriaToChildren, className, ...props}: LabeledProps) => {\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n\n  return (\n    <div {...props} role=\"group\" className={cx(styles.container, className)}>\n      {label && <label id={aria['aria-labelledby']} htmlFor={id} className={styles.label}>{label}</label>}\n      {passAriaToChildren ? cloneElement(children, {id, ...aria}) : children}\n    </div>\n  )\n}\n\nexport const Labeled = namedObserver('Labeled', RawLabeled)\n"],"names":["RawLabeled","label","children","passAriaToChildren","className","props","id","useComponentData","aria","useAriaAttributes","jsxs","cx","styles","jsx","cloneElement","Labeled","namedObserver"],"mappings":";;;;;;;GAuBMA,IAAa,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,oBAAAC,GAAoB,WAAAC,GAAW,GAAGC,QAAyB;AAC/F,QAAM,EAAC,IAAAC,EAAA,IAAMC,EAAA,GACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACR,GAAM;AAEjD,SACE,gBAAAS,EAAC,OAAA,EAAK,GAAGL,GAAO,MAAK,SAAQ,WAAWM,EAAGC,EAAO,WAAWR,CAAS,GACnE,UAAA;AAAA,IAAAH,KAAS,gBAAAY,EAAC,SAAA,EAAM,IAAIL,EAAK,iBAAiB,GAAG,SAASF,GAAI,WAAWM,EAAO,OAAQ,UAAAX,EAAA,CAAM;AAAA,IAC1FE,IAAqBW,EAAaZ,GAAU,EAAC,IAAAI,GAAI,GAAGE,EAAA,CAAK,IAAIN;AAAA,EAAA,GAChE;AAEJ,GAEaa,IAAUC,EAAc,WAAWhB,CAAU;"}

package/dist/{WrappedInput-BRkBjl0z.js → WrappedInput-Cq5StStF.js}

@@ -1,4 +1,4 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useCallback as e } from "react";
 import { Input as m } from "rsuite";
 const f = ({ onChange: r, ...o }) => {
@@ -8,4 +8,4 @@ const f = ({ onChange: r, ...o }) => {
 export {
   f as W
 };
-//# sourceMappingURL=WrappedInput-BRkBjl0z.js.map
+//# sourceMappingURL=WrappedInput-Cq5StStF.js.map

package/dist/{WrappedInput-BRkBjl0z.js.map → WrappedInput-Cq5StStF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WrappedInput-BRkBjl0z.js","sources":["../src/components/internal/WrappedInput.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\n\n/**\n * The React component that wraps the Input component.\n * @param props the React component properties.\n * @param props.onChange the onChange event of the Input.\n * @param props.props the other wrapped properties of the component.\n * @returns the React element.\n */\nexport const WrappedInput = ({onChange, ...props}: InputProps) => {\n  const handleChange = useCallback((value: any, event: any) => onChange?.(event, value), [onChange])\n\n  return <Input onChange={handleChange} {...props}/>\n}\n"],"names":["WrappedInput","onChange","props","handleChange","useCallback","value","event","jsx","Input"],"mappings":";;;AAWO,MAAMA,IAAe,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAuB;AAChE,QAAMC,IAAeC,EAAY,CAACC,GAAYC,MAAeL,IAAWK,GAAOD,CAAK,GAAG,CAACJ,CAAQ,CAAC;AAEjG,SAAO,gBAAAM,EAACC,GAAA,EAAM,UAAUL,GAAe,GAAGD,GAAM;AAClD;"}
+{"version":3,"file":"WrappedInput-Cq5StStF.js","sources":["../src/components/internal/WrappedInput.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\n\n/**\n * The React component that wraps the Input component.\n * @param props the React component properties.\n * @param props.onChange the onChange event of the Input.\n * @param props.props the other wrapped properties of the component.\n * @returns the React element.\n */\nexport const WrappedInput = ({onChange, ...props}: InputProps) => {\n  const handleChange = useCallback((value: any, event: any) => onChange?.(event, value), [onChange])\n\n  return <Input onChange={handleChange} {...props}/>\n}\n"],"names":["WrappedInput","onChange","props","handleChange","useCallback","value","event","jsx","Input"],"mappings":";;;AAWO,MAAMA,IAAe,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAuB;AAChE,QAAMC,IAAeC,EAAY,CAACC,GAAYC,MAAeL,IAAWK,GAAOD,CAAK,GAAG,CAACJ,CAAQ,CAAC;AAEjG,SAAO,gBAAAM,EAACC,GAAA,EAAM,UAAUL,GAAe,GAAGD,GAAM;AAClD;"}

package/dist/assets/styles.css

@@ -0,0 +1 @@
+._cell_vpvvj_1{padding:0}._cell_vpvvj_1 .rs-table-cell-content{padding:9px 3px}._step_1t3j2_1{display:flex}._item_1142y_1{z-index:7}._item_1142y_1.rs-steps-item-status-process:not(.active) .rs-steps-item-icon-wrapper{color:var(--rs-text-secondary);background-color:initial}._item_1142y_1.available{cursor:pointer}._item_1142y_1.available:hover{color:var(--rs-steps-state-finish)}._item_1142y_1.available:hover .rs-steps-item-icon-wrapper{border:2px solid var(--rs-steps-state-finish)}._item_1142y_1.active:hover .rs-steps-item-icon-wrapper{opacity:.8}._container_1xvd3_1{display:flex;flex:1;flex-direction:column;gap:10px;padding:10px}._container_1xvd3_1 .parent-type-RsWizard.Toolbar .add-button{display:none}._centered_1xvd3_13{display:flex;align-items:center;justify-content:center;width:100%;height:100px}._toolbar_1xvd3_21{justify-content:end;z-index:7}._stepsContainer_1xvd3_26{display:flex;flex-direction:column;gap:10px}._verticalSteps_1xvd3_32{flex-direction:row}._container_o5hso_1{display:flex;flex:1;flex-direction:column}._label_o5hso_7{margin-inline-start:5px;margin-bottom:2px;text-align:left}.required>._label_o5hso_7:after{margin-inline-start:3px;content:"*";color:#f44336}._checkbox_1itlt_1 .rs-checkbox-control{inset-inline-start:4px;top:6px}._checkbox_qe1fs_1.required label:after{margin-inline-start:3px;content:"*";color:#f44336}._container_tc619_1{display:flex;flex-direction:column}div._loader_pu0ca_1{display:flex;justify-content:center;position:absolute;bottom:0;background:var(--rs-bg-overlay);width:100%;padding-block:10px}._container_1imzc_1{display:flex;flex-direction:column;width:100%;height:100%}._errorMessage_1imzc_8{z-index:6}._image_thjnc_1{width:100%;height:100%}._message_z19oe_1 .rs-message-header{overflow:initial}._container_7opfv_1{display:flex;flex:1}._inputPicker_7opfv_6{flex:1}._searchIcon_7opfv_10{margin-inline-start:-28px;margin-top:10px;z-index:10}._container_7opfv_1 .rs-loader .rs-loader-spin,._container_7opfv_1 .rs-loader .rs-loader-spin:after,._container_7opfv_1 .rs-loader .rs-loader-spin:before{width:16px!important;height:16px!important}._tabs_77wg9_1 .rs-nav-item{border:none;outline:none;appearance:none;background-color:transparent}.builder ._tabs_77wg9_1 .rs-nav-item{z-index:7}._toggle_bwzod_1.required .rs-toggle-label:after{margin-inline-start:3px;content:"*";color:#f44336}