react-table-edit 1.4.3 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Control, FieldErrors, UseFormGetValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
|
|
2
|
-
import { Dispatch } from 'react';
|
|
3
2
|
import { IFDataExcel } from './utils';
|
|
4
3
|
import { IFNumberFormat } from './IType';
|
|
5
4
|
export interface IFPropsDetail {
|
|
@@ -20,7 +19,6 @@ export interface IFPropsDetail {
|
|
|
20
19
|
dataError: any[];
|
|
21
20
|
headerValidateExcelColumns: any[];
|
|
22
21
|
headerHandleErrorExcelColumns: any[];
|
|
23
|
-
setStepper: Dispatch<any>;
|
|
24
22
|
}
|
|
25
23
|
declare const ImportExcelComponent: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
|
|
26
24
|
export { ImportExcelComponent };
|
|
@@ -6,7 +6,9 @@ type IFSteps = {
|
|
|
6
6
|
subtitle?: JSX.Element | string;
|
|
7
7
|
title: JSX.Element | string;
|
|
8
8
|
icon?: JSX.Element | string;
|
|
9
|
-
|
|
9
|
+
done?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
disable?: boolean;
|
|
10
12
|
};
|
|
11
13
|
type IFProps = {
|
|
12
14
|
steps: IFSteps[];
|
|
@@ -16,6 +18,8 @@ type IFProps = {
|
|
|
16
18
|
headerClassName?: string;
|
|
17
19
|
contentClassName?: string;
|
|
18
20
|
contentWrapperClassName?: string;
|
|
21
|
+
heightContent?: number | string;
|
|
22
|
+
widthContent?: number | string;
|
|
19
23
|
type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
|
|
20
24
|
separator?: JSX.Element;
|
|
21
25
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -434,7 +434,6 @@ interface IFPropsDetail {
|
|
|
434
434
|
dataError: any[];
|
|
435
435
|
headerValidateExcelColumns: any[];
|
|
436
436
|
headerHandleErrorExcelColumns: any[];
|
|
437
|
-
setStepper: Dispatch<any>;
|
|
438
437
|
}
|
|
439
438
|
declare const ImportExcelComponent: (props: IFPropsDetail) => react_jsx_runtime.JSX.Element;
|
|
440
439
|
|
|
@@ -444,7 +443,9 @@ type IFSteps = {
|
|
|
444
443
|
subtitle?: JSX.Element | string;
|
|
445
444
|
title: JSX.Element | string;
|
|
446
445
|
icon?: JSX.Element | string;
|
|
447
|
-
|
|
446
|
+
done?: boolean;
|
|
447
|
+
loading?: boolean;
|
|
448
|
+
disable?: boolean;
|
|
448
449
|
};
|
|
449
450
|
type IFProps = {
|
|
450
451
|
steps: IFSteps[];
|
|
@@ -454,6 +455,8 @@ type IFProps = {
|
|
|
454
455
|
headerClassName?: string;
|
|
455
456
|
contentClassName?: string;
|
|
456
457
|
contentWrapperClassName?: string;
|
|
458
|
+
heightContent?: number | string;
|
|
459
|
+
widthContent?: number | string;
|
|
457
460
|
type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
|
|
458
461
|
separator?: JSX.Element;
|
|
459
462
|
};
|
package/dist/index.js
CHANGED
|
@@ -65065,14 +65065,15 @@ styleInject(css_248z);
|
|
|
65065
65065
|
|
|
65066
65066
|
const Wizard = React$5.forwardRef((props, ref) => {
|
|
65067
65067
|
// ** Props
|
|
65068
|
-
const { steps, activeStep, setActiveStep, className = '', headerClassName = '', contentClassName = '', contentWrapperClassName = '', type = 'horizontal', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
|
|
65068
|
+
const { steps, activeStep, setActiveStep, className = '', headerClassName = '', contentClassName = '', contentWrapperClassName = '', type = 'horizontal', heightContent = 'auto', widthContent = '100%', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
|
|
65069
65069
|
// ** Renders Wizard Header
|
|
65070
65070
|
const renderHeader = () => {
|
|
65071
65071
|
return steps.map((step, index) => {
|
|
65072
65072
|
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', {
|
|
65073
|
-
crossed: step.
|
|
65073
|
+
crossed: (step.done !== undefined ? step.done : activeStep > index),
|
|
65074
|
+
disable: step.disable,
|
|
65074
65075
|
active: index === activeStep
|
|
65075
|
-
}), "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.
|
|
65076
|
+
}), "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));
|
|
65076
65077
|
});
|
|
65077
65078
|
};
|
|
65078
65079
|
// ** Renders Wizard Content
|
|
@@ -65089,7 +65090,7 @@ const Wizard = React$5.forwardRef((props, ref) => {
|
|
|
65089
65090
|
vertical: type === 'vertical',
|
|
65090
65091
|
'vertical wizard-modern': type === 'modern-vertical',
|
|
65091
65092
|
'wizard-modern': type === 'modern-horizontal'
|
|
65092
|
-
}), 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() })] }));
|
|
65093
|
+
}), 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() })] }));
|
|
65093
65094
|
});
|
|
65094
65095
|
|
|
65095
65096
|
const ImportExcelComponent = (props) => {
|