@activecollab/components 1.0.410 → 1.0.411

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.
@@ -23,7 +23,8 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
23
23
  onClose = _ref.onClose,
24
24
  _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
25
25
  disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
26
- children = _ref.children;
26
+ children = _ref.children,
27
+ dialogClassName = _ref.dialogClassName;
27
28
  var childrenCollection = (0, _react.useMemo)(function () {
28
29
  return _react.default.Children.toArray(children);
29
30
  }, [children]);
@@ -88,7 +89,8 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
88
89
  ref: ref,
89
90
  open: open,
90
91
  onClose: onClose,
91
- disableCloseOnEsc: disableCloseOnEsc
92
+ disableCloseOnEsc: disableCloseOnEsc,
93
+ className: dialogClassName
92
94
  }, renderActiveStep));
93
95
  });
94
96
  exports.Wizard = Wizard;
@@ -1 +1 @@
1
- {"version":3,"file":"Wizard.js","names":["Wizard","forwardRef","ref","title","open","onClose","disableCloseOnEsc","children","childrenCollection","useMemo","React","Children","toArray","useState","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","useEffect","goNext","useCallback","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","Step","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","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\";\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 disableCloseOnEsc?: boolean;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, disableCloseOnEsc = false, 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 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 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 >\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"Wizard.js","names":["Wizard","forwardRef","ref","title","open","onClose","disableCloseOnEsc","children","dialogClassName","childrenCollection","useMemo","React","Children","toArray","useState","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","useEffect","goNext","useCallback","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","Step","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","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\";\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 disableCloseOnEsc?: boolean;\n dialogClassName?: 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 },\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 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 >\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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"}
@@ -5,6 +5,7 @@ export interface IWizard {
5
5
  onClose: () => void;
6
6
  children: ReactNode;
7
7
  disableCloseOnEsc?: boolean;
8
+ dialogClassName?: string;
8
9
  }
9
10
  export declare const Wizard: React.ForwardRefExoticComponent<IWizard & React.RefAttributes<HTMLDivElement>>;
10
11
  //# 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;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;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,gFAsFlB,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,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;CAC1B;AAED,eAAO,MAAM,MAAM,gFAiGlB,CAAC"}
@@ -8,7 +8,8 @@ export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
8
8
  onClose = _ref.onClose,
9
9
  _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
10
10
  disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
11
- children = _ref.children;
11
+ children = _ref.children,
12
+ dialogClassName = _ref.dialogClassName;
12
13
  var childrenCollection = useMemo(function () {
13
14
  return React.Children.toArray(children);
14
15
  }, [children]);
@@ -71,7 +72,8 @@ export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
71
72
  ref: ref,
72
73
  open: open,
73
74
  onClose: onClose,
74
- disableCloseOnEsc: disableCloseOnEsc
75
+ disableCloseOnEsc: disableCloseOnEsc,
76
+ className: dialogClassName
75
77
  }, renderActiveStep));
76
78
  });
77
79
  Wizard.displayName = "Wizard";
@@ -1 +1 @@
1
- {"version":3,"file":"Wizard.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","disableCloseOnEsc","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","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\";\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 disableCloseOnEsc?: boolean;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, disableCloseOnEsc = false, 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 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 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 >\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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"}
1
+ {"version":3,"file":"Wizard.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","disableCloseOnEsc","children","dialogClassName","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","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\";\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 disableCloseOnEsc?: boolean;\n dialogClassName?: 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 },\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 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 >\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -17372,7 +17372,8 @@
17372
17372
  onClose = _ref.onClose,
17373
17373
  _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
17374
17374
  disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
17375
- children = _ref.children;
17375
+ children = _ref.children,
17376
+ dialogClassName = _ref.dialogClassName;
17376
17377
  var childrenCollection = React.useMemo(function () {
17377
17378
  return React__default["default"].Children.toArray(children);
17378
17379
  }, [children]);
@@ -17437,7 +17438,8 @@
17437
17438
  ref: ref,
17438
17439
  open: open,
17439
17440
  onClose: onClose,
17440
- disableCloseOnEsc: disableCloseOnEsc
17441
+ disableCloseOnEsc: disableCloseOnEsc,
17442
+ className: dialogClassName
17441
17443
  }, renderActiveStep));
17442
17444
  });
17443
17445
  Wizard.displayName = "Wizard";