react-table-edit 1.4.4 → 1.4.6

package/dist/component/wizard/index.d.ts

@@ -6,7 +6,9 @@ type IFSteps = {
     subtitle?: JSX.Element | string;
     title: JSX.Element | string;
     icon?: JSX.Element | string;
-    isDone?: boolean;
+    done?: boolean;
+    loading?: boolean;
+    disable?: boolean;
 };
 type IFProps = {
     steps: IFSteps[];
@@ -16,6 +18,8 @@ type IFProps = {
     headerClassName?: string;
     contentClassName?: string;
     contentWrapperClassName?: string;
+    heightContent?: number | string;
+    widthContent?: number | string;
     type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
     separator?: JSX.Element;
 };

package/dist/index.d.ts

@@ -443,7 +443,9 @@ type IFSteps = {
     subtitle?: JSX.Element | string;
     title: JSX.Element | string;
     icon?: JSX.Element | string;
-    isDone?: boolean;
+    done?: boolean;
+    loading?: boolean;
+    disable?: boolean;
 };
 type IFProps = {
     steps: IFSteps[];
@@ -453,6 +455,8 @@ type IFProps = {
     headerClassName?: string;
     contentClassName?: string;
     contentWrapperClassName?: string;
+    heightContent?: number | string;
+    widthContent?: number | string;
     type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
     separator?: JSX.Element;
 };

package/dist/index.js

@@ -42371,7 +42371,7 @@ const TableEdit = React$5.forwardRef((props, ref) => {
     const [searchTerm, setSearchTerm] = React$5.useState('');
     const tableElement = React$5.useRef(null);
     const gridRef = React$5.useRef(null);
-    let totalCount = dataSource.length;
+    const totalCount = dataSource.length;
     const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
     const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
     const fieldKey = columns.find((item) => item.isPrimarykey === true)?.field ?? 'id';
@@ -42724,7 +42724,7 @@ const TableEdit = React$5.forwardRef((props, ref) => {
                         } }, `col-${indexRow}-${indexCol}`) }));
             case 'form':
                 return (jsxRuntime.jsx(EditForm, { id: `${idTable}-col${indexCol + 1}-row${indexRow + 1}`, ...col.formSettings, field: col.field, displayValue: col.formSettings?.displayValue ? col.formSettings?.displayValue(row) : '', placeholder: col.placeholder ? t(col.placeholder) : '', rowData: row, indexRow: indexRow, onChange: (val) => {
-                        row = { ...row, ...val };
+                        Object.assign(row, val);
                         handleDataChange(row, col, indexRow);
                     }, invalid: col.validate && col.validate(row[col.field], row), textAlign: col.textAlign, onKeyDown: (e) => {
                         return checkKeyDown(e, row, col, indexRow + 1, indexCol + 1);
@@ -65065,14 +65065,15 @@ styleInject(css_248z);
 
 const Wizard = React$5.forwardRef((props, ref) => {
     // ** Props
-    const { steps, activeStep, setActiveStep, className = '', headerClassName = '', contentClassName = '', contentWrapperClassName = '', type = 'horizontal', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
+    const { steps, activeStep, setActiveStep, className = '', headerClassName = '', contentClassName = '', contentWrapperClassName = '', type = 'horizontal', heightContent = 'auto', widthContent = '100%', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
     // ** Renders Wizard Header
     const renderHeader = () => {
         return steps.map((step, index) => {
             return (jsxRuntime.jsxs(React$5.Fragment, { children: [index !== 0 && index !== steps.length ? jsxRuntime.jsx("div", { className: 'line', children: separator }) : null, jsxRuntime.jsx("div", { className: classnames('step', {
-                            crossed: step.isDone !== undefined ? step.isDone : activeStep > index,
+                            crossed: (step.done !== undefined ? step.done : activeStep > index),
+                            disable: step.disable,
                             active: index === activeStep
-                        }), "data-target": `#${step.id}`, children: jsxRuntime.jsxs("button", { type: 'button', className: 'step-trigger', onClick: () => setActiveStep?.(index), children: [jsxRuntime.jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxRuntime.jsxs("span", { className: 'bs-stepper-label', children: [jsxRuntime.jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? jsxRuntime.jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
+                        }), "data-target": `#${step.id}`, children: jsxRuntime.jsxs("button", { type: 'button', disabled: step.disable, className: 'step-trigger', onClick: () => setActiveStep?.(index), children: [jsxRuntime.jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxRuntime.jsxs("span", { className: 'bs-stepper-label', children: [jsxRuntime.jsxs("span", { className: 'bs-stepper-title', children: [step.title, " "] }), step.loading && jsxRuntime.jsx(Spinner$1, { className: 'text-info', style: { borderWidth: 2, height: 15, width: 15, marginRight: 3 } }), " ", step.subtitle ? jsxRuntime.jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
         });
     };
     // ** Renders Wizard Content
@@ -65089,7 +65090,7 @@ const Wizard = React$5.forwardRef((props, ref) => {
             vertical: type === 'vertical',
             'vertical wizard-modern': type === 'modern-vertical',
             'wizard-modern': type === 'modern-horizontal'
-        }), children: [jsxRuntime.jsx("div", { className: classnames('bs-stepper-header', { [headerClassName]: headerClassName }), children: renderHeader() }), jsxRuntime.jsx("div", { className: classnames('bs-stepper-content', { [contentWrapperClassName]: contentWrapperClassName }), children: renderContent() })] }));
+        }), children: [jsxRuntime.jsx("div", { className: classnames('bs-stepper-header', { [headerClassName]: headerClassName }), children: renderHeader() }), jsxRuntime.jsx("div", { style: { height: heightContent, width: widthContent }, className: classnames('bs-stepper-content', { [contentWrapperClassName]: contentWrapperClassName }), children: renderContent() })] }));
 });
 
 const ImportExcelComponent = (props) => {