@activecollab/components 1.0.179 → 1.0.180
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 +5 -7
- package/dist/cjs/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.js +5 -7
- package/dist/esm/components/Wizard/Wizard.js.map +1 -1
- package/dist/index.js +5 -7
- 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
|
@@ -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,
|
|
80
|
+
}, [activeStep, changingStepInProgress, childrenCollection, onClose, onNextButtonClick, onPreviousButtonClick, title]);
|
|
84
81
|
return /*#__PURE__*/_react.default.createElement(_WizardContext.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,oCAAD;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 { Step } from \"./Step\";\nimport { WizardContextProvider } from \"./WizardContext\";\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"}
|
|
@@ -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"}
|
|
@@ -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","Step","WizardContextProvider","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","Step","WizardContextProvider","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,IAAT,QAAqB,QAArB;AACA,SAASC,qBAAT,QAAsC,iBAAtC;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,MAAkBnB,IAAtB,EAA4B;AAC1B,0BAAOP,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 { Step } from \"./Step\";\nimport { WizardContextProvider } from \"./WizardContext\";\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"}
|
package/dist/index.js
CHANGED
|
@@ -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";
|