@activecollab/components 2.0.435 → 2.0.436
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/ConfirmDialog/ConfirmDialog.js +6 -5
- package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.js +65 -43
- package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/Dialog/DialogActions.js +13 -5
- package/dist/cjs/components/Dialog/DialogActions.js.map +1 -1
- package/dist/cjs/components/Dialog/DialogContent.js +4 -5
- package/dist/cjs/components/Dialog/DialogContent.js.map +1 -1
- package/dist/cjs/components/Dialog/DialogContext.js +14 -7
- package/dist/cjs/components/Dialog/DialogContext.js.map +1 -1
- package/dist/cjs/components/Dialog/DialogTitle.js +19 -5
- package/dist/cjs/components/Dialog/DialogTitle.js.map +1 -1
- package/dist/cjs/components/Dialog/Styles.js +55 -13
- package/dist/cjs/components/Dialog/Styles.js.map +1 -1
- package/dist/cjs/components/Dialog/index.js +11 -0
- package/dist/cjs/components/Dialog/index.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.js +3 -2
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/Transitions/Fade/Fade.js +11 -2
- package/dist/cjs/components/Transitions/Fade/Fade.js.map +1 -1
- package/dist/cjs/components/Transitions/SlideFromTop/SlideFromTop.js +46 -30
- package/dist/cjs/components/Transitions/SlideFromTop/SlideFromTop.js.map +1 -1
- package/dist/cjs/components/Wizard/Step.js +4 -1
- package/dist/cjs/components/Wizard/Step.js.map +1 -1
- package/dist/cjs/components/Wizard/Wizard.js +14 -2
- package/dist/cjs/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.d.ts +3 -0
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js +6 -5
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.d.ts +7 -2
- package/dist/esm/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +65 -48
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/DialogActions.d.ts.map +1 -1
- package/dist/esm/components/Dialog/DialogActions.js +10 -5
- package/dist/esm/components/Dialog/DialogActions.js.map +1 -1
- package/dist/esm/components/Dialog/DialogContent.d.ts +5 -1
- package/dist/esm/components/Dialog/DialogContent.d.ts.map +1 -1
- package/dist/esm/components/Dialog/DialogContent.js +4 -5
- package/dist/esm/components/Dialog/DialogContent.js.map +1 -1
- package/dist/esm/components/Dialog/DialogContext.d.ts +11 -1
- package/dist/esm/components/Dialog/DialogContext.d.ts.map +1 -1
- package/dist/esm/components/Dialog/DialogContext.js +10 -8
- package/dist/esm/components/Dialog/DialogContext.js.map +1 -1
- package/dist/esm/components/Dialog/DialogTitle.d.ts +4 -1
- package/dist/esm/components/Dialog/DialogTitle.d.ts.map +1 -1
- package/dist/esm/components/Dialog/DialogTitle.js +20 -6
- package/dist/esm/components/Dialog/DialogTitle.js.map +1 -1
- package/dist/esm/components/Dialog/Styles.d.ts +19 -2
- package/dist/esm/components/Dialog/Styles.d.ts.map +1 -1
- package/dist/esm/components/Dialog/Styles.js +47 -11
- package/dist/esm/components/Dialog/Styles.js.map +1 -1
- package/dist/esm/components/Dialog/index.d.ts +1 -0
- package/dist/esm/components/Dialog/index.d.ts.map +1 -1
- package/dist/esm/components/Dialog/index.js +1 -0
- package/dist/esm/components/Dialog/index.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +3 -2
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Transitions/Fade/Fade.d.ts.map +1 -1
- package/dist/esm/components/Transitions/Fade/Fade.js +11 -2
- package/dist/esm/components/Transitions/Fade/Fade.js.map +1 -1
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.d.ts +2 -0
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.d.ts.map +1 -1
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js +46 -30
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js.map +1 -1
- package/dist/esm/components/Wizard/Step.d.ts +4 -0
- package/dist/esm/components/Wizard/Step.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Step.js +4 -1
- package/dist/esm/components/Wizard/Step.js.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts +3 -0
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.js +14 -2
- package/dist/esm/components/Wizard/Wizard.js.map +1 -1
- package/dist/index.js +257 -116
- 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
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
+
import { DialogSize } from "../Dialog/Styles";
|
|
2
3
|
export interface IWizard {
|
|
3
4
|
title: string;
|
|
4
5
|
open: boolean;
|
|
@@ -6,6 +7,8 @@ export interface IWizard {
|
|
|
6
7
|
children: ReactNode;
|
|
7
8
|
disableCloseOnEsc?: boolean;
|
|
8
9
|
dialogClassName?: string;
|
|
10
|
+
size?: DialogSize;
|
|
11
|
+
height?: string;
|
|
9
12
|
}
|
|
10
13
|
export declare const Wizard: React.ForwardRefExoticComponent<IWizard & React.RefAttributes<HTMLDivElement>>;
|
|
11
14
|
//# sourceMappingURL=Wizard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAKV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,gFA0GlB,CAAC"}
|
|
@@ -3,13 +3,18 @@ import { WizardContextProvider } from "./context";
|
|
|
3
3
|
import { Step } from "./Step";
|
|
4
4
|
import { Dialog } from "../Dialog";
|
|
5
5
|
export const Wizard = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
6
|
+
var _activeStepProps$size, _activeStepProps$heig;
|
|
6
7
|
let title = _ref.title,
|
|
7
8
|
open = _ref.open,
|
|
8
9
|
onClose = _ref.onClose,
|
|
9
10
|
_ref$disableCloseOnEs = _ref.disableCloseOnEsc,
|
|
10
11
|
disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
|
|
11
12
|
children = _ref.children,
|
|
12
|
-
dialogClassName = _ref.dialogClassName
|
|
13
|
+
dialogClassName = _ref.dialogClassName,
|
|
14
|
+
_ref$size = _ref.size,
|
|
15
|
+
size = _ref$size === void 0 ? "m" : _ref$size,
|
|
16
|
+
_ref$height = _ref.height,
|
|
17
|
+
height = _ref$height === void 0 ? "fluid" : _ref$height;
|
|
13
18
|
const childrenCollection = useMemo(() => React.Children.toArray(children), [children]);
|
|
14
19
|
const _useState = useState(0),
|
|
15
20
|
activeStep = _useState[0],
|
|
@@ -42,6 +47,11 @@ export const Wizard = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
42
47
|
}
|
|
43
48
|
setActiveStep(index);
|
|
44
49
|
}, [activeStep, childrenCollection]);
|
|
50
|
+
const activeStepProps = useMemo(() => {
|
|
51
|
+
var _element$props;
|
|
52
|
+
const element = childrenCollection[activeStep];
|
|
53
|
+
return (_element$props = element == null ? void 0 : element.props) != null ? _element$props : {};
|
|
54
|
+
}, [activeStep, childrenCollection]);
|
|
45
55
|
const renderActiveStep = useMemo(() => {
|
|
46
56
|
const element = childrenCollection[activeStep];
|
|
47
57
|
if ((element == null ? void 0 : element.type) === Step) {
|
|
@@ -71,7 +81,9 @@ export const Wizard = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
71
81
|
open: open,
|
|
72
82
|
onClose: onClose,
|
|
73
83
|
disableCloseOnEsc: disableCloseOnEsc,
|
|
74
|
-
className: dialogClassName
|
|
84
|
+
className: dialogClassName,
|
|
85
|
+
size: (_activeStepProps$size = activeStepProps.size) != null ? _activeStepProps$size : size,
|
|
86
|
+
height: (_activeStepProps$heig = activeStepProps.height) != null ? _activeStepProps$heig : height
|
|
75
87
|
}, renderActiveStep));
|
|
76
88
|
});
|
|
77
89
|
Wizard.displayName = "Wizard";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useState","WizardContextProvider","Step","Dialog","Wizard","_ref","ref","title","open","onClose","_ref$disableCloseOnEs","disableCloseOnEsc","children","dialogClassName","childrenCollection","Children","toArray","_useState","activeStep","setActiveStep","_useState2","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","_stepEl$props","stepEl","props","skip","goPrevious","i","length","_step$props","
|
|
1
|
+
{"version":3,"file":"Wizard.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useState","WizardContextProvider","Step","Dialog","Wizard","_ref","ref","_activeStepProps$size","_activeStepProps$heig","title","open","onClose","_ref$disableCloseOnEs","disableCloseOnEsc","children","dialogClassName","_ref$size","size","_ref$height","height","childrenCollection","Children","toArray","_useState","activeStep","setActiveStep","_useState2","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","_stepEl$props","stepEl","props","skip","goPrevious","i","length","_step$props","activeStepProps","_element$props","element","renderActiveStep","type","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","createElement","value","close","className","displayName"],"sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import React, {\n forwardRef,\n ReactChild,\n ReactElement,\n ReactFragment,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\nimport { Dialog } from \"../Dialog\";\nimport { DialogSize } from \"../Dialog/Styles\";\n\nexport interface IWizard {\n title: string;\n open: boolean;\n onClose: () => void;\n children: ReactNode;\n disableCloseOnEsc?: boolean;\n dialogClassName?: string;\n size?: DialogSize;\n height?: string;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n (\n {\n title,\n open,\n onClose,\n disableCloseOnEsc = false,\n children,\n dialogClassName,\n size = \"m\",\n height = \"fluid\",\n },\n ref\n ) => {\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 goNext = useCallback(() => {\n const index = childrenCollection.findIndex(\n (step: ReactChild | ReactFragment, index) => {\n const stepEl = step as ReactElement;\n return !stepEl?.props?.skip && index > activeStep;\n }\n );\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const goPrevious = useCallback(() => {\n let index = 0;\n for (let i = childrenCollection.length - 1; i >= 0; i--) {\n const step = childrenCollection[i] as ReactElement;\n if (!step?.props?.skip && i < activeStep) {\n index = i;\n break;\n }\n }\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const activeStepProps = useMemo(() => {\n const element = childrenCollection[activeStep] as ReactElement;\n return (element?.props ?? {}) as { size?: DialogSize; height?: string };\n }, [activeStep, childrenCollection]);\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,\n onNextButtonClick: goNext,\n onPreviousButtonClick: goPrevious,\n onClose,\n changingStepInProgress: changingStepInProgress,\n });\n }\n\n return null;\n }, [\n activeStep,\n changingStepInProgress,\n childrenCollection,\n goNext,\n goPrevious,\n onClose,\n title,\n ]);\n\n return (\n <WizardContextProvider\n value={{\n activeStep,\n setActiveStep,\n goNext,\n goPrevious,\n close: onClose,\n setChangingStepInProgress,\n }}\n >\n <Dialog\n ref={ref}\n open={open}\n onClose={onClose}\n disableCloseOnEsc={disableCloseOnEsc}\n className={dialogClassName}\n size={activeStepProps.size ?? size}\n height={activeStepProps.height ?? height}\n >\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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","ignoreList":[]}
|