@activecollab/components 1.0.179 → 1.0.181
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.
- package/dist/cjs/components/Wizard/Wizard.js +8 -10
- package/dist/cjs/components/Wizard/Wizard.js.map +1 -1
- package/dist/cjs/components/Wizard/{WizardContext.js → context/index.js} +1 -1
- package/dist/cjs/components/Wizard/context/index.js.map +1 -0
- package/dist/cjs/components/Wizard/index.js +14 -13
- package/dist/cjs/components/Wizard/index.js.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.js +6 -8
- package/dist/esm/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/components/Wizard/{WizardContext.d.ts → context/index.d.ts} +1 -1
- package/dist/esm/components/Wizard/context/index.d.ts.map +1 -0
- package/dist/esm/components/Wizard/{WizardContext.js → context/index.js} +1 -1
- package/dist/esm/components/Wizard/context/index.js.map +1 -0
- package/dist/esm/components/Wizard/index.d.ts +2 -1
- package/dist/esm/components/Wizard/index.d.ts.map +1 -1
- package/dist/esm/components/Wizard/index.js +2 -1
- package/dist/esm/components/Wizard/index.js.map +1 -1
- package/dist/index.js +12 -16
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/Wizard/WizardContext.js.map +0 -1
- package/dist/esm/components/Wizard/WizardContext.d.ts.map +0 -1
- package/dist/esm/components/Wizard/WizardContext.js.map +0 -1
|
@@ -11,9 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _Dialog = require("../Dialog");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _context = require("./context");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _Step = require("./Step");
|
|
17
17
|
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
@@ -61,9 +61,6 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
61
61
|
var onPreviousButtonClick = (0, _react.useCallback)(function () {
|
|
62
62
|
setActiveStep(activeStep - 1);
|
|
63
63
|
}, [activeStep]);
|
|
64
|
-
var onCloseCallback = (0, _react.useCallback)(function () {
|
|
65
|
-
onClose();
|
|
66
|
-
}, [onClose]);
|
|
67
64
|
var renderActiveStep = (0, _react.useMemo)(function () {
|
|
68
65
|
var element = childrenCollection[activeStep];
|
|
69
66
|
|
|
@@ -74,23 +71,24 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
74
71
|
title: title,
|
|
75
72
|
onNextButtonClick: onNextButtonClick,
|
|
76
73
|
onPreviousButtonClick: onPreviousButtonClick,
|
|
77
|
-
onClose:
|
|
74
|
+
onClose: onClose,
|
|
78
75
|
changingStepInProgress: changingStepInProgress
|
|
79
76
|
});
|
|
80
77
|
}
|
|
81
78
|
|
|
82
79
|
return null;
|
|
83
|
-
}, [activeStep, changingStepInProgress, childrenCollection,
|
|
84
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
80
|
+
}, [activeStep, changingStepInProgress, childrenCollection, onClose, onNextButtonClick, onPreviousButtonClick, title]);
|
|
81
|
+
return /*#__PURE__*/_react.default.createElement(_context.WizardContextProvider, {
|
|
85
82
|
value: {
|
|
86
83
|
activeStep: activeStep,
|
|
87
84
|
setActiveStep: setActiveStep,
|
|
88
|
-
close:
|
|
85
|
+
close: onClose,
|
|
89
86
|
setChangingStepInProgress: setChangingStepInProgress
|
|
90
87
|
}
|
|
91
88
|
}, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
|
|
92
89
|
ref: ref,
|
|
93
|
-
open: open
|
|
90
|
+
open: open,
|
|
91
|
+
onClose: onClose
|
|
94
92
|
}, renderActiveStep));
|
|
95
93
|
});
|
|
96
94
|
exports.Wizard = Wizard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","renderActiveStep","element","type","Step","cloneElement","index","isLast","length","close","displayName"],"mappings":";;;;;;;;;AAAA;;AASA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AASO,IAAMA,MAAM,gBAAG,uBACpB,gBAAqCC,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAG,oBACzB;AAAA,WAAMC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAN;AAAA,GADyB,EAEzB,CAACA,QAAD,CAFyB,CAA3B;;AAKA,kBAAoC,qBAAS,CAAT,CAApC;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4D,qBAAS,KAAT,CAA5D;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,wBAAU,YAAM;AACd,QAAIV,IAAJ,EAAU;AACRQ,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJD,EAIG,CAACR,IAAD,CAJH;AAMA,MAAMW,iBAAiB,GAAG,wBAAY,YAAM;AAC1CH,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFyB,EAEvB,CAACA,UAAD,CAFuB,CAA1B;AAIA,MAAMK,qBAAqB,GAAG,wBAAY,YAAM;AAC9CJ,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAF6B,EAE3B,CAACA,UAAD,CAF2B,CAA9B;AAIA,MAAMM,gBAAgB,GAAG,oBAAQ,YAAM;AACrC,QAAMC,OAAO,GAAGX,kBAAkB,CAACI,UAAD,CAAlC;;AAEA,QAAI,CAAAO,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBC,UAAtB,EAA4B;AAC1B,0BAAOZ,eAAMa,YAAN,CAAmBH,OAAnB,EAA4B;AACjCI,QAAAA,KAAK,EAAEX,UAD0B;AAEjCY,QAAAA,MAAM,EAAEhB,kBAAkB,CAACiB,MAAnB,GAA4B,CAA5B,KAAkCb,UAFT;AAGjCR,QAAAA,KAAK,EAAEA,KAH0B;AAIjCY,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCX,QAAAA,OAAO,EAAPA,OANiC;AAOjCQ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhBwB,EAgBtB,CACDF,UADC,EAEDE,sBAFC,EAGDN,kBAHC,EAIDF,OAJC,EAKDU,iBALC,EAMDC,qBANC,EAODb,KAPC,CAhBsB,CAAzB;AA0BA,sBACE,6BAAC,8BAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLa,MAAAA,KAAK,EAAEpB,OAHF;AAILS,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,6BAAC,cAAD;AAAQ,IAAA,GAAG,EAAEZ,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGY,gBADH,CARF,CADF;AAcD,CAhEmB,CAAf;;AAmEPhB,MAAM,CAACyB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n title: string;\n open: boolean;\n onClose: () => void;\n children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, children }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [activeStep, setActiveStep] = useState(0);\n const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n useEffect(() => {\n if (open) {\n setActiveStep(0);\n }\n }, [open]);\n\n const onNextButtonClick = useCallback(() => {\n setActiveStep(activeStep + 1);\n }, [activeStep]);\n\n const onPreviousButtonClick = useCallback(() => {\n setActiveStep(activeStep - 1);\n }, [activeStep]);\n\n const renderActiveStep = useMemo(() => {\n const element = childrenCollection[activeStep] as ReactElement;\n\n if (element?.type === Step) {\n return React.cloneElement(element, {\n index: activeStep,\n isLast: childrenCollection.length - 1 === activeStep,\n title: title,\n onNextButtonClick: onNextButtonClick,\n onPreviousButtonClick: onPreviousButtonClick,\n onClose,\n changingStepInProgress: changingStepInProgress,\n });\n }\n\n return null;\n }, [\n activeStep,\n changingStepInProgress,\n childrenCollection,\n onClose,\n onNextButtonClick,\n onPreviousButtonClick,\n title,\n ]);\n\n return (\n <WizardContextProvider\n value={{\n activeStep,\n setActiveStep,\n close: onClose,\n setChangingStepInProgress,\n }}\n >\n <Dialog ref={ref} open={open} onClose={onClose}>\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Wizard/context/index.ts"],"names":["WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":";;;;;;;AAAA;;AASA,IAAMA,aAAa,gBAAG,0BAA8B,EAA9B,CAAtB;AAEO,IAAMC,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;;AACA,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsB,uBAAWL,aAAX,CAAtB;AAAA,CAAzB;;;eAEQA,a","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n activeStep?: number;\n setActiveStep?: (integer) => void;\n close?: () => void;\n setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"index.js"}
|
|
@@ -3,11 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
useWizardContext: true
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "useWizardContext", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function get() {
|
|
12
|
+
return _context.useWizardContext;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
var _context = require("./context");
|
|
6
17
|
|
|
7
18
|
var _Wizard = require("./Wizard");
|
|
8
19
|
|
|
9
20
|
Object.keys(_Wizard).forEach(function (key) {
|
|
10
21
|
if (key === "default" || key === "__esModule") return;
|
|
22
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
11
23
|
if (key in exports && exports[key] === _Wizard[key]) return;
|
|
12
24
|
Object.defineProperty(exports, key, {
|
|
13
25
|
enumerable: true,
|
|
@@ -17,23 +29,11 @@ Object.keys(_Wizard).forEach(function (key) {
|
|
|
17
29
|
});
|
|
18
30
|
});
|
|
19
31
|
|
|
20
|
-
var _WizardContext = require("./WizardContext");
|
|
21
|
-
|
|
22
|
-
Object.keys(_WizardContext).forEach(function (key) {
|
|
23
|
-
if (key === "default" || key === "__esModule") return;
|
|
24
|
-
if (key in exports && exports[key] === _WizardContext[key]) return;
|
|
25
|
-
Object.defineProperty(exports, key, {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _WizardContext[key];
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
|
|
33
32
|
var _Step = require("./Step");
|
|
34
33
|
|
|
35
34
|
Object.keys(_Step).forEach(function (key) {
|
|
36
35
|
if (key === "default" || key === "__esModule") return;
|
|
36
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
37
37
|
if (key in exports && exports[key] === _Step[key]) return;
|
|
38
38
|
Object.defineProperty(exports, key, {
|
|
39
39
|
enumerable: true,
|
|
@@ -47,6 +47,7 @@ var _StepActionButton = require("./StepActionButton");
|
|
|
47
47
|
|
|
48
48
|
Object.keys(_StepActionButton).forEach(function (key) {
|
|
49
49
|
if (key === "default" || key === "__esModule") return;
|
|
50
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
50
51
|
if (key in exports && exports[key] === _StepActionButton[key]) return;
|
|
51
52
|
Object.defineProperty(exports, key, {
|
|
52
53
|
enumerable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import { useWizardContext } from \"./context\";\n\nexport * from \"./Wizard\";\nexport * from \"./Step\";\nexport * from \"./StepActionButton\";\n\nexport { useWizardContext };\n"],"file":"index.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,gFAiElB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
|
|
2
2
|
import { Dialog } from "../Dialog";
|
|
3
|
+
import { WizardContextProvider } from "./context";
|
|
3
4
|
import { Step } from "./Step";
|
|
4
|
-
import { WizardContextProvider } from "./WizardContext";
|
|
5
5
|
export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
6
6
|
var title = _ref.title,
|
|
7
7
|
open = _ref.open,
|
|
@@ -30,9 +30,6 @@ export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
30
30
|
var onPreviousButtonClick = useCallback(function () {
|
|
31
31
|
setActiveStep(activeStep - 1);
|
|
32
32
|
}, [activeStep]);
|
|
33
|
-
var onCloseCallback = useCallback(function () {
|
|
34
|
-
onClose();
|
|
35
|
-
}, [onClose]);
|
|
36
33
|
var renderActiveStep = useMemo(function () {
|
|
37
34
|
var element = childrenCollection[activeStep];
|
|
38
35
|
|
|
@@ -43,23 +40,24 @@ export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
43
40
|
title: title,
|
|
44
41
|
onNextButtonClick: onNextButtonClick,
|
|
45
42
|
onPreviousButtonClick: onPreviousButtonClick,
|
|
46
|
-
onClose:
|
|
43
|
+
onClose: onClose,
|
|
47
44
|
changingStepInProgress: changingStepInProgress
|
|
48
45
|
});
|
|
49
46
|
}
|
|
50
47
|
|
|
51
48
|
return null;
|
|
52
|
-
}, [activeStep, changingStepInProgress, childrenCollection,
|
|
49
|
+
}, [activeStep, changingStepInProgress, childrenCollection, onClose, onNextButtonClick, onPreviousButtonClick, title]);
|
|
53
50
|
return /*#__PURE__*/React.createElement(WizardContextProvider, {
|
|
54
51
|
value: {
|
|
55
52
|
activeStep: activeStep,
|
|
56
53
|
setActiveStep: setActiveStep,
|
|
57
|
-
close:
|
|
54
|
+
close: onClose,
|
|
58
55
|
setChangingStepInProgress: setChangingStepInProgress
|
|
59
56
|
}
|
|
60
57
|
}, /*#__PURE__*/React.createElement(Dialog, {
|
|
61
58
|
ref: ref,
|
|
62
|
-
open: open
|
|
59
|
+
open: open,
|
|
60
|
+
onClose: onClose
|
|
63
61
|
}, renderActiveStep));
|
|
64
62
|
});
|
|
65
63
|
Wizard.displayName = "Wizard";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","renderActiveStep","element","type","cloneElement","index","isLast","length","close","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,WAJF,EAKEC,SALF,EAMEC,OANF,EAOEC,QAPF,QAQO,OARP;AASA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,qBAAT,QAAsC,WAAtC;AACA,SAASC,IAAT,QAAqB,QAArB;AASA,OAAO,IAAMC,MAAM,gBAAGR,UAAU,CAC9B,gBAAqCS,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAGX,OAAO,CAChC;AAAA,WAAMJ,KAAK,CAACgB,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAN;AAAA,GADgC,EAEhC,CAACA,QAAD,CAFgC,CAAlC;;AAKA,kBAAoCT,QAAQ,CAAC,CAAD,CAA5C;AAAA,MAAOa,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4Dd,QAAQ,CAAC,KAAD,CAApE;AAAA,MAAOe,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEAlB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIS,IAAJ,EAAU;AACRO,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJQ,EAIN,CAACP,IAAD,CAJM,CAAT;AAMA,MAAMU,iBAAiB,GAAGpB,WAAW,CAAC,YAAM;AAC1CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFoC,EAElC,CAACA,UAAD,CAFkC,CAArC;AAIA,MAAMK,qBAAqB,GAAGrB,WAAW,CAAC,YAAM;AAC9CiB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFwC,EAEtC,CAACA,UAAD,CAFsC,CAAzC;AAIA,MAAMM,gBAAgB,GAAGpB,OAAO,CAAC,YAAM;AACrC,QAAMqB,OAAO,GAAGV,kBAAkB,CAACG,UAAD,CAAlC;;AAEA,QAAI,CAAAO,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBlB,IAAtB,EAA4B;AAC1B,0BAAOR,KAAK,CAAC2B,YAAN,CAAmBF,OAAnB,EAA4B;AACjCG,QAAAA,KAAK,EAAEV,UAD0B;AAEjCW,QAAAA,MAAM,EAAEd,kBAAkB,CAACe,MAAnB,GAA4B,CAA5B,KAAkCZ,UAFT;AAGjCP,QAAAA,KAAK,EAAEA,KAH0B;AAIjCW,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCV,QAAAA,OAAO,EAAPA,OANiC;AAOjCO,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhB+B,EAgB7B,CACDF,UADC,EAEDE,sBAFC,EAGDL,kBAHC,EAIDF,OAJC,EAKDS,iBALC,EAMDC,qBANC,EAODZ,KAPC,CAhB6B,CAAhC;AA0BA,sBACE,oBAAC,qBAAD;AACE,IAAA,KAAK,EAAE;AACLO,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLY,MAAAA,KAAK,EAAElB,OAHF;AAILQ,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEX,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGW,gBADH,CARF,CADF;AAcD,CAhE6B,CAAzB;AAmEPf,MAAM,CAACuB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n title: string;\n open: boolean;\n onClose: () => void;\n children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, children }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [activeStep, setActiveStep] = useState(0);\n const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n useEffect(() => {\n if (open) {\n setActiveStep(0);\n }\n }, [open]);\n\n const onNextButtonClick = useCallback(() => {\n setActiveStep(activeStep + 1);\n }, [activeStep]);\n\n const onPreviousButtonClick = useCallback(() => {\n setActiveStep(activeStep - 1);\n }, [activeStep]);\n\n const renderActiveStep = useMemo(() => {\n const element = childrenCollection[activeStep] as ReactElement;\n\n if (element?.type === Step) {\n return React.cloneElement(element, {\n index: activeStep,\n isLast: childrenCollection.length - 1 === activeStep,\n title: title,\n onNextButtonClick: onNextButtonClick,\n onPreviousButtonClick: onPreviousButtonClick,\n onClose,\n changingStepInProgress: changingStepInProgress,\n });\n }\n\n return null;\n }, [\n activeStep,\n changingStepInProgress,\n childrenCollection,\n onClose,\n onNextButtonClick,\n onPreviousButtonClick,\n title,\n ]);\n\n return (\n <WizardContextProvider\n value={{\n activeStep,\n setActiveStep,\n close: onClose,\n setChangingStepInProgress,\n }}\n >\n <Dialog ref={ref} open={open} onClose={onClose}>\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
|
|
@@ -10,4 +10,4 @@ export declare const WizardContextProvider: import("react").Provider<IWizardCont
|
|
|
10
10
|
export declare const WizardContextConsumer: import("react").Consumer<IWizardContext>;
|
|
11
11
|
export declare const useWizardContext: () => IWizardContext;
|
|
12
12
|
export default WizardContext;
|
|
13
|
-
//# sourceMappingURL=
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Wizard/context/index.ts"],"names":[],"mappings":";AAEA,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,yBAAyB,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,aAAa,yCAAoC,CAAC;AAExD,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,QAAO,cAA2C,CAAC;AAEhF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Wizard/context/index.ts"],"names":["createContext","useContext","WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AASA,IAAMC,aAAa,gBAAGF,aAAa,CAAiB,EAAjB,CAAnC;AAEA,OAAO,IAAMG,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;AACP,OAAO,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;AAEP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsBN,UAAU,CAACC,aAAD,CAAhC;AAAA,CAAzB;AAEP,eAAeA,aAAf","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n activeStep?: number;\n setActiveStep?: (integer) => void;\n close?: () => void;\n setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"index.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/index.ts"],"names":["useWizardContext"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,WAAjC;AAEA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,oBAAd;AAEA,SAASA,gBAAT","sourcesContent":["import { useWizardContext } from \"./context\";\n\nexport * from \"./Wizard\";\nexport * from \"./Step\";\nexport * from \"./StepActionButton\";\n\nexport { useWizardContext };\n"],"file":"index.js"}
|
package/dist/index.js
CHANGED
|
@@ -12442,6 +12442,13 @@
|
|
|
12442
12442
|
}))));
|
|
12443
12443
|
};
|
|
12444
12444
|
|
|
12445
|
+
var WizardContext = /*#__PURE__*/React.createContext({});
|
|
12446
|
+
var WizardContextProvider = WizardContext.Provider;
|
|
12447
|
+
WizardContext.Consumer;
|
|
12448
|
+
var useWizardContext = function useWizardContext() {
|
|
12449
|
+
return React.useContext(WizardContext);
|
|
12450
|
+
};
|
|
12451
|
+
|
|
12445
12452
|
var StepActionButton = function StepActionButton(_ref) {
|
|
12446
12453
|
var onNextButtonClick = _ref.onNextButtonClick,
|
|
12447
12454
|
_ref$actionLabel = _ref.actionLabel,
|
|
@@ -12513,13 +12520,6 @@
|
|
|
12513
12520
|
};
|
|
12514
12521
|
Step.displayName = "Step";
|
|
12515
12522
|
|
|
12516
|
-
var WizardContext = /*#__PURE__*/React.createContext({});
|
|
12517
|
-
var WizardContextProvider = WizardContext.Provider;
|
|
12518
|
-
var WizardContextConsumer = WizardContext.Consumer;
|
|
12519
|
-
var useWizardContext = function useWizardContext() {
|
|
12520
|
-
return React.useContext(WizardContext);
|
|
12521
|
-
};
|
|
12522
|
-
|
|
12523
12523
|
var Wizard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
12524
12524
|
var title = _ref.title,
|
|
12525
12525
|
open = _ref.open,
|
|
@@ -12550,9 +12550,6 @@
|
|
|
12550
12550
|
var onPreviousButtonClick = React.useCallback(function () {
|
|
12551
12551
|
setActiveStep(activeStep - 1);
|
|
12552
12552
|
}, [activeStep]);
|
|
12553
|
-
var onCloseCallback = React.useCallback(function () {
|
|
12554
|
-
onClose();
|
|
12555
|
-
}, [onClose]);
|
|
12556
12553
|
var renderActiveStep = React.useMemo(function () {
|
|
12557
12554
|
var element = childrenCollection[activeStep];
|
|
12558
12555
|
|
|
@@ -12563,23 +12560,24 @@
|
|
|
12563
12560
|
title: title,
|
|
12564
12561
|
onNextButtonClick: onNextButtonClick,
|
|
12565
12562
|
onPreviousButtonClick: onPreviousButtonClick,
|
|
12566
|
-
onClose:
|
|
12563
|
+
onClose: onClose,
|
|
12567
12564
|
changingStepInProgress: changingStepInProgress
|
|
12568
12565
|
});
|
|
12569
12566
|
}
|
|
12570
12567
|
|
|
12571
12568
|
return null;
|
|
12572
|
-
}, [activeStep, changingStepInProgress, childrenCollection,
|
|
12569
|
+
}, [activeStep, changingStepInProgress, childrenCollection, onClose, onNextButtonClick, onPreviousButtonClick, title]);
|
|
12573
12570
|
return /*#__PURE__*/React__default["default"].createElement(WizardContextProvider, {
|
|
12574
12571
|
value: {
|
|
12575
12572
|
activeStep: activeStep,
|
|
12576
12573
|
setActiveStep: setActiveStep,
|
|
12577
|
-
close:
|
|
12574
|
+
close: onClose,
|
|
12578
12575
|
setChangingStepInProgress: setChangingStepInProgress
|
|
12579
12576
|
}
|
|
12580
12577
|
}, /*#__PURE__*/React__default["default"].createElement(Dialog, {
|
|
12581
12578
|
ref: ref,
|
|
12582
|
-
open: open
|
|
12579
|
+
open: open,
|
|
12580
|
+
onClose: onClose
|
|
12583
12581
|
}, renderActiveStep));
|
|
12584
12582
|
});
|
|
12585
12583
|
Wizard.displayName = "Wizard";
|
|
@@ -12846,8 +12844,6 @@
|
|
|
12846
12844
|
exports.WarningTriangleSmallIcon = WarningTriangleSmallIcon$1;
|
|
12847
12845
|
exports.Window = Window;
|
|
12848
12846
|
exports.Wizard = Wizard;
|
|
12849
|
-
exports.WizardContextConsumer = WizardContextConsumer;
|
|
12850
|
-
exports.WizardContextProvider = WizardContextProvider;
|
|
12851
12847
|
exports.WorkloadIcon = WorkloadIcon$1;
|
|
12852
12848
|
exports.YearMonthPicker = YearMonthPicker;
|
|
12853
12849
|
exports.isOptionGroup = isOptionGroup;
|