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
- isDone?: boolean;
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
- isDone?: boolean;
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.isDone !== undefined ? step.isDone : activeStep > index,
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.jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? jsxRuntime.jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
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) => {