@activecollab/components 1.0.173 → 1.0.175

package/dist/esm/components/Wizard/Wizard.js

@@ -0,0 +1,62 @@
+import React, { forwardRef, useCallback, useMemo, useState } from "react";
+import { Dialog } from "../Dialog";
+import { Step } from "./Step";
+import { WizardContextProvider } from "./WizardContext";
+export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var title = _ref.title,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      children = _ref.children;
+  var childrenCollection = useMemo(function () {
+    return React.Children.toArray(children);
+  }, [children]);
+
+  var _useState = useState(0),
+      activeStep = _useState[0],
+      setActiveStep = _useState[1];
+
+  var _useState2 = useState(false),
+      changingStepInProgress = _useState2[0],
+      setChangingStepInProgress = _useState2[1];
+
+  var onNextButtonClick = useCallback(function () {
+    setActiveStep(activeStep + 1);
+  }, [activeStep]);
+  var onPreviousButtonClick = useCallback(function () {
+    setActiveStep(activeStep - 1);
+  }, [activeStep]);
+  var onCloseCallback = useCallback(function () {
+    setActiveStep(0);
+    onClose();
+  }, [onClose]);
+  var renderActiveStep = useMemo(function () {
+    var element = childrenCollection[activeStep];
+
+    if ((element == null ? void 0 : element.type) === Step) {
+      return /*#__PURE__*/React.cloneElement(element, {
+        index: activeStep,
+        isLast: childrenCollection.length - 1 === activeStep,
+        title: title,
+        onNextButtonClick: onNextButtonClick,
+        onPreviousButtonClick: onPreviousButtonClick,
+        onClose: onCloseCallback,
+        changingStepInProgress: changingStepInProgress
+      });
+    }
+
+    return null;
+  }, [activeStep, changingStepInProgress, childrenCollection, onCloseCallback, onNextButtonClick, onPreviousButtonClick, title]);
+  return /*#__PURE__*/React.createElement(WizardContextProvider, {
+    value: {
+      activeStep: activeStep,
+      setActiveStep: setActiveStep,
+      close: onCloseCallback,
+      setChangingStepInProgress: setChangingStepInProgress
+    }
+  }, /*#__PURE__*/React.createElement(Dialog, {
+    ref: ref,
+    open: open
+  }, renderActiveStep));
+});
+Wizard.displayName = "Wizard";
+//# sourceMappingURL=Wizard.js.map

package/dist/esm/components/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useMemo","useState","Dialog","Step","WizardContextProvider","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","onCloseCallback","renderActiveStep","element","type","cloneElement","index","isLast","length","close","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,WAJF,EAKEC,OALF,EAMEC,QANF,QAOO,OAPP;AAQA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,qBAAT,QAAsC,iBAAtC;AASA,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAC9B,gBAAqCQ,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,WAAMH,KAAK,CAACe,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;;AAEA,MAAMC,iBAAiB,GAAGnB,WAAW,CAAC,YAAM;AAC1CgB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFoC,EAElC,CAACA,UAAD,CAFkC,CAArC;AAIA,MAAMK,qBAAqB,GAAGpB,WAAW,CAAC,YAAM;AAC9CgB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFwC,EAEtC,CAACA,UAAD,CAFsC,CAAzC;AAIA,MAAMM,eAAe,GAAGrB,WAAW,CAAC,YAAM;AACxCgB,IAAAA,aAAa,CAAC,CAAD,CAAb;AACAN,IAAAA,OAAO;AACR,GAHkC,EAGhC,CAACA,OAAD,CAHgC,CAAnC;AAKA,MAAMY,gBAAgB,GAAGrB,OAAO,CAAC,YAAM;AACrC,QAAMsB,OAAO,GAAGX,kBAAkB,CAACG,UAAD,CAAlC;;AAEA,QAAI,CAAAQ,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBpB,IAAtB,EAA4B;AAC1B,0BAAON,KAAK,CAAC2B,YAAN,CAAmBF,OAAnB,EAA4B;AACjCG,QAAAA,KAAK,EAAEX,UAD0B;AAEjCY,QAAAA,MAAM,EAAEf,kBAAkB,CAACgB,MAAnB,GAA4B,CAA5B,KAAkCb,UAFT;AAGjCP,QAAAA,KAAK,EAAEA,KAH0B;AAIjCW,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCV,QAAAA,OAAO,EAAEW,eANwB;AAOjCJ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhB+B,EAgB7B,CACDF,UADC,EAEDE,sBAFC,EAGDL,kBAHC,EAIDS,eAJC,EAKDF,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;AAGLa,MAAAA,KAAK,EAAER,eAHF;AAILH,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEX,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,KACGa,gBADH,CARF,CADF;AAcD,CA/D6B,CAAzB;AAkEPhB,MAAM,CAACwB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\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    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const onCloseCallback = useCallback(() => {\n      setActiveStep(0);\n      onClose();\n    }, [onClose]);\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: onCloseCallback,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onCloseCallback,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onCloseCallback,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}

package/dist/esm/components/Wizard/WizardContext.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface IWizardContext {
+    activeStep?: number;
+    setActiveStep?: (integer: any) => void;
+    close?: () => void;
+    setChangingStepInProgress?: (boolean: any) => void;
+}
+declare const WizardContext: import("react").Context<IWizardContext>;
+export declare const WizardContextProvider: import("react").Provider<IWizardContext>;
+export declare const WizardContextConsumer: import("react").Consumer<IWizardContext>;
+export declare const useWizardContext: () => IWizardContext;
+export default WizardContext;
+//# sourceMappingURL=WizardContext.d.ts.map

package/dist/esm/components/Wizard/WizardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardContext.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"}

package/dist/esm/components/Wizard/WizardContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+var WizardContext = /*#__PURE__*/createContext({});
+export var WizardContextProvider = WizardContext.Provider;
+export var WizardContextConsumer = WizardContext.Consumer;
+export var useWizardContext = function useWizardContext() {
+  return useContext(WizardContext);
+};
+export default WizardContext;
+//# sourceMappingURL=WizardContext.js.map

package/dist/esm/components/Wizard/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/WizardContext.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":"WizardContext.js"}

package/dist/index.js

@@ -1074,7 +1074,7 @@
         _ref$tabularNums = _ref.tabularNums,
         tabularNums = _ref$tabularNums === void 0 ? false : _ref$tabularNums,
         _ref$letterSpacing = _ref.letterSpacing,
-        letterSpacing = _ref$letterSpacing === void 0 ? "regular" : _ref$letterSpacing,
+        letterSpacing = _ref$letterSpacing === void 0 ? "tight" : _ref$letterSpacing,
         _ref$lineHeight = _ref.lineHeight,
         lineHeight = _ref$lineHeight === void 0 ? "regular" : _ref$lineHeight,
         _ref$align = _ref.align,