@activecollab/components 1.0.210 → 1.0.212

package/dist/esm/components/Dialog/DialogContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAa5D,CAAC"}
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9C,eAAO,MAAM,aAAa;uCAIvB,eAAe,cAAc,CAAC;;CAWhC,CAAC"}

package/dist/esm/components/Dialog/DialogContent.js

@@ -4,10 +4,14 @@ var _excluded = ["className", "children"];
 import React from "react";
 import classnames from "classnames";
 import { StyledDialogContent } from "./Styles";
+// import { useDialogContext } from "./DialogContext";
+
 export var DialogContent = function DialogContent(_ref) {
   var className = _ref.className,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // useDialogContext();
+
   return /*#__PURE__*/React.createElement(StyledDialogContent, _extends({
     className: classnames("c-dialog-content", className)
   }, rest), children);

package/dist/esm/components/Dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["React","classnames","StyledDialogContent","DialogContent","className","children","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogContent.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n\nexport const DialogContent: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledDialogContent\n      className={classnames(\"c-dialog-content\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogContent>\n  );\n};\n\nDialogContent.displayName = \"DialogContent\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA8B,OAAO;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAiD,OAIxD;EAAA,IAHJC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEL,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAEDF,aAAa,CAACI,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DialogContent.js","names":["React","classnames","StyledDialogContent","DialogContent","className","children","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogContent.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContent = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContent\n      className={classnames(\"c-dialog-content\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogContent>\n  );\n};\n\nDialogContent.displayName = \"DialogContent\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAC9C;;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAIY;EAAA,IAHpCC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP;;EAEA,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEL,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAEDF,aAAa,CAACI,WAAW,GAAG,eAAe"}

package/dist/esm/components/Dialog/DialogContentDivider.d.ts

@@ -1,3 +1,6 @@
-import { FC, HTMLAttributes } from "react";
-export declare const DialogContentDivider: FC<HTMLAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from "react";
+export declare const DialogContentDivider: {
+    ({ className, }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=DialogContentDivider.d.ts.map

package/dist/esm/components/Dialog/DialogContentDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContentDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAQnE,CAAC"}
+{"version":3,"file":"DialogContentDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9C,eAAO,MAAM,oBAAoB;qBAE9B,eAAe,cAAc,CAAC;;CAQhC,CAAC"}

package/dist/esm/components/Dialog/DialogContentDivider.js

@@ -1,8 +1,12 @@
 import React from "react";
 import classnames from "classnames";
 import { StyledDialogContentDivider } from "./Styles";
+// import { useDialogContext } from "./DialogContext";
+
 export var DialogContentDivider = function DialogContentDivider(_ref) {
   var className = _ref.className;
+  // useDialogContext();
+
   return /*#__PURE__*/React.createElement(StyledDialogContentDivider, {
     className: classnames("c-dialog-content-divider", className)
   });

package/dist/esm/components/Dialog/DialogContentDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContentDivider.js","names":["React","classnames","StyledDialogContentDivider","DialogContentDivider","className","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n\nexport const DialogContentDivider: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA8B,OAAO;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,0BAA0B,QAAQ,UAAU;AAErD,OAAO,IAAMC,oBAAwD,GAAG,SAA3DA,oBAAwD,OAE/D;EAAA,IADJC,SAAS,QAATA,SAAS;EAET,oBACE,oBAAC,0BAA0B;IACzB,SAAS,EAAEH,UAAU,CAAC,0BAA0B,EAAEG,SAAS;EAAE,EAC7D;AAEN,CAAC;AAEDD,oBAAoB,CAACE,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"DialogContentDivider.js","names":["React","classnames","StyledDialogContentDivider","DialogContentDivider","className","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContentDivider } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContentDivider = ({\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,0BAA0B,QAAQ,UAAU;AACrD;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,OAEK;EAAA,IADpCC,SAAS,QAATA,SAAS;EAET;;EAEA,oBACE,oBAAC,0BAA0B;IACzB,SAAS,EAAEH,UAAU,CAAC,0BAA0B,EAAEG,SAAS;EAAE,EAC7D;AAEN,CAAC;AAEDD,oBAAoB,CAACE,WAAW,GAAG,sBAAsB"}

package/dist/esm/components/Dialog/DialogContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface DialogContextProps {
+}
+export declare const DialogContext: import("react").Context<DialogContextProps | null>;
+export declare const useDialogContext: () => DialogContextProps;
+//# sourceMappingURL=DialogContext.d.ts.map

package/dist/esm/components/Dialog/DialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContext.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,kBAAkB;CAAG;AAEtC,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,eAAO,MAAM,gBAAgB,0BAU5B,CAAC"}

package/dist/esm/components/Dialog/DialogContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+export var DialogContext = /*#__PURE__*/createContext(null);
+export var useDialogContext = function useDialogContext() {
+  var context = useContext(DialogContext);
+  if (!context) {
+    throw new Error("Child components of Dialog can not be rendered outside the Dialog component!");
+  }
+  return context;
+};
+//# sourceMappingURL=DialogContext.js.map

package/dist/esm/components/Dialog/DialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.js","names":["createContext","useContext","DialogContext","useDialogContext","context","Error"],"sources":["../../../../src/components/Dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface DialogContextProps {}\n\nexport const DialogContext = createContext<DialogContextProps | null>(null);\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n\n  if (!context) {\n    throw new Error(\n      \"Child components of Dialog can not be rendered outside the Dialog component!\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;;AAGA,OAAO,IAAMC,aAAa,gBAAGF,aAAa,CAA4B,IAAI,CAAC;AAE3E,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EACpC,IAAMC,OAAO,GAAGH,UAAU,CAACC,aAAa,CAAC;EAEzC,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,8EAA8E,CAC/E;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC"}

package/dist/esm/components/Dialog/DialogTitle.d.ts

@@ -1,9 +1,10 @@
-import { FC, ReactNode } from "react";
-interface IDialogTitle {
-    children: ReactNode;
+import { PropsWithChildren } from "react";
+export interface DialogTitleProps {
     className?: string;
     disableDefaultHeading?: boolean;
 }
-export declare const DialogTitle: FC<IDialogTitle>;
-export {};
+export declare const DialogTitle: {
+    ({ children, className, disableDefaultHeading, ...rest }: PropsWithChildren<DialogTitleProps>): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=DialogTitle.d.ts.map

package/dist/esm/components/Dialog/DialogTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7C,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAcxC,CAAC"}
+{"version":3,"file":"DialogTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,WAAW;8DAKrB,kBAAkB,gBAAgB,CAAC;;CAWrC,CAAC"}

package/dist/esm/components/Dialog/DialogTitle.js

@@ -5,12 +5,16 @@ import React from "react";
 import classnames from "classnames";
 import { Header3 } from "../Typography/Variants/Header3";
 import { StyledDialogTitle } from "./Styles";
+// import { useDialogContext } from "./DialogContext";
+
 export var DialogTitle = function DialogTitle(_ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$disableDefaultHe = _ref.disableDefaultHeading,
     disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // useDialogContext();
+
   return /*#__PURE__*/React.createElement(StyledDialogTitle, _extends({
     className: classnames("c-dialog-title-wrapper", className)
   }, rest), disableDefaultHeading ? children : /*#__PURE__*/React.createElement(Header3, null, children));

package/dist/esm/components/Dialog/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["React","classnames","Header3","StyledDialogTitle","DialogTitle","children","className","disableDefaultHeading","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n\ninterface IDialogTitle {\n  children: ReactNode;\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle: FC<IDialogTitle> = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}) => {\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,iBAAiB,QAAQ,UAAU;AAQ5C,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,OAKpC;EAAA,IAJJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAC1BC,IAAI;EAEP,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEK,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAG,oBAAC,OAAO,QAAEA,QAAQ,CAAW,CAC/C;AAExB,CAAC;AAEDD,WAAW,CAACK,WAAW,GAAG,aAAa"}
+{"version":3,"file":"DialogTitle.js","names":["React","classnames","Header3","StyledDialogTitle","DialogTitle","children","className","disableDefaultHeading","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport classnames from \"classnames\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\nimport { StyledDialogTitle } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport interface DialogTitleProps {\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}: PropsWithChildren<DialogTitleProps>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C;;AAOA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAKmB;EAAA,IAJzCC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAC1BC,IAAI;EAEP;;EAEA,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAEP,UAAU,CAAC,wBAAwB,EAAEK,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAG,oBAAC,OAAO,QAAEA,QAAQ,CAAW,CAC/C;AAExB,CAAC;AAEDD,WAAW,CAACK,WAAW,GAAG,aAAa"}

package/dist/esm/components/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAUzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/Dialog/index.js

@@ -1,4 +1,13 @@
 export * from "./Dialog";
+// @TODO:
+// Nakon refaktora Dialog komponente na legacy AC-u i Next-u, obrisati individualne exporte.
+// Korisčenje će se svesti samo na `import { Dialog } from @activecollab/components`.
+
+// <Dialog>
+//   <Dialog.Title>Hello</Dialog.Title>
+//     itd...
+// </Dialog>
+
 export * from "./DialogContent";
 export * from "./DialogContentDivider";
 export * from "./DialogTitle";

package/dist/esm/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\nexport * from \"./DialogContent\";\nexport * from \"./DialogContentDivider\";\nexport * from \"./DialogTitle\";\nexport * from \"./DialogActions\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,eAAe;AAC7B,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n// @TODO:\n// Nakon refaktora Dialog komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { Dialog } from @activecollab/components`.\n\n// <Dialog>\n//   <Dialog.Title>Hello</Dialog.Title>\n//     itd...\n// </Dialog>\n\nexport * from \"./DialogContent\";\nexport * from \"./DialogContentDivider\";\nexport * from \"./DialogTitle\";\nexport * from \"./DialogActions\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,eAAe;AAC7B,cAAc,iBAAiB"}

package/dist/esm/components/Steppers/DateStepper/DateStepper.js

@@ -2,11 +2,10 @@ import React, { useCallback, useMemo, useState, useEffect } from "react";
 import classNames from "classnames";
 import moment from "moment";
 import MomentLocaleUtils from "react-day-picker/moment";
-import { Button } from "../../Button/Button";
 import ArrowLeftIcon from "../../Icons/collection/ArrowLeft";
 import { DatePicker } from "../../DatePicker";
 import { customClassNames } from "../../DatePicker/ClassNames";
-import { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan } from "./Styles";
+import { StyledButton, StyledButtonGroup, StyledDiv, StyledMenu, StyledSpan, StyledControl } from "./Styles";
 import { ArrowRightIcon } from "../../Icons";
 /**
  * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
@@ -219,7 +218,7 @@ export var DateStepper = function DateStepper(_ref) {
   }, [isDisabled]);
   return /*#__PURE__*/React.createElement(StyledButtonGroup, {
     className: classNames("c-date-stepper", className)
-  }, renderLeftRightButtons ? /*#__PURE__*/React.createElement(Button, {
+  }, renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onLeftClickHandler,
@@ -253,7 +252,7 @@ export var DateStepper = function DateStepper(_ref) {
     modifiers: modifiers,
     dateRequired: true,
     fixedWeeks: true
-  })) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(Button, {
+  })) : /*#__PURE__*/React.createElement(StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React.createElement(StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onRightClickHandler,

package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","MomentLocaleUtils","Button","ArrowLeftIcon","DatePicker","customClassNames","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","ArrowRightIcon","DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","nonWorkingDay","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../../Button/Button\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\ninterface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Date;\n  /** Max fate */\n  maxValue?: Date;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      }\n      return [date, date];\n    },\n    [fromDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate.toDate(), toDate.toDate());\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </Button>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <Button\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </Button>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}
+{"version":3,"file":"DateStepper.js","names":["React","useCallback","useMemo","useState","useEffect","classNames","moment","MomentLocaleUtils","ArrowLeftIcon","DatePicker","customClassNames","StyledButton","StyledButtonGroup","StyledDiv","StyledMenu","StyledSpan","StyledControl","ArrowRightIcon","DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","interval","date","add","clone","startOf","endOf","getDateFormatted","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","disabled","nonWorkingDay","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/DateStepper.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport moment, { Moment } from \"moment\";\nimport MomentLocaleUtils from \"react-day-picker/moment\";\nimport { Placement } from \"@popperjs/core\";\nimport ArrowLeftIcon from \"../../Icons/collection/ArrowLeft\";\nimport { DatePicker } from \"../../DatePicker\";\nimport { customClassNames } from \"../../DatePicker/ClassNames\";\nimport {\n  StyledButton,\n  StyledButtonGroup,\n  StyledDiv,\n  StyledMenu,\n  StyledSpan,\n  StyledControl,\n} from \"./Styles\";\nimport { ArrowRightIcon } from \"../../Icons\";\n\ninterface IDateStepperProps {\n  /** One of the possible steps for this component */\n  step:\n    | \"daily\"\n    | \"weekly\"\n    | \"monthly\"\n    | \"quarterly\"\n    | \"yearly\"\n    | \"custom\"\n    | string;\n  /** Callback function that will be called after the changed range */\n  onChange?: (from: Date, to: Date) => void;\n  /** Start date of the range */\n  from: Date | string;\n  /** End date of the range */\n  to: Date | string;\n  /** Callback function that will format the text label */\n  formatCallback?: (from: string | Date, to: string | Date) => string;\n  /** Default month */\n  defaultMonth?: Date;\n  /** Callback function onBack */\n  onBack?: (from: Date, to: Date) => void;\n  /** Callback function onForward */\n  onForward?: (from: Date, to: Date) => void;\n  /** Min date */\n  minValue?: Date;\n  /** Max fate */\n  maxValue?: Date;\n  /** html class */\n  className?: string;\n  /** Period for calculating week (isoWeek) */\n  period?: \"week\" | \"isoWeek\";\n  /** Classes for datePicker */\n  datePickerClass?: string;\n  /** Show datePicker in the middle button */\n  withDatePicker?: boolean;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** DatePicker menu position */\n  position?: Placement;\n}\n\n/**\n * This component allow you to select date range. It accepts two parameters \"from\" and \"to\" as valid format\n * onChange and onBack and onForward it will return \"from: Date\" and \"to: Date\" as function arguments\n */\nexport const DateStepper: FC<IDateStepperProps> = ({\n  step,\n  formatCallback,\n  onChange,\n  from,\n  to,\n  onBack,\n  onForward,\n  minValue,\n  maxValue,\n  className,\n  period = \"week\",\n  datePickerClass,\n  withDatePicker = true,\n  defaultMonth = new Date(),\n  popperClassName,\n  position = \"bottom\",\n}) => {\n  const [fromDate, setFromDate] = useState(moment(from));\n  const [toDate, setToDate] = useState(moment(to));\n  const [showDatePicker, setShowDatePicker] = useState(false);\n  const [month, setMonth] = useState(defaultMonth);\n\n  const getDatesByPeriod = useCallback(\n    (interval: number): Moment[] => {\n      const date = fromDate ? fromDate : moment();\n      if (step === \"daily\") {\n        date.add(interval, \"days\");\n        return [date, date.clone()];\n      } else if (step === \"weekly\") {\n        date.add(interval, \"weeks\");\n        return [date.clone().startOf(period), date.clone().endOf(period)];\n      } else if (step === \"monthly\") {\n        date.add(interval, \"months\");\n        return [date.clone().startOf(\"month\"), date.clone().endOf(\"month\")];\n      } else if (step === \"quarterly\") {\n        date.add(interval, \"quarters\");\n        return [date.clone().startOf(\"quarter\"), date.clone().endOf(\"quarter\")];\n      } else if (step === \"yearly\") {\n        date.add(interval, \"years\");\n        return [date.clone().startOf(\"year\"), date.clone().endOf(\"year\")];\n      }\n      return [date, date];\n    },\n    [fromDate, period, step]\n  );\n\n  const getDateFormatted = useMemo(() => {\n    if (formatCallback) {\n      return formatCallback(fromDate.toDate(), toDate.toDate());\n    }\n\n    const actualYear = moment().year();\n\n    const showWeekOrCustomDateFormat = (start, end): string => {\n      if (start.year() === actualYear && end.year() === actualYear) {\n        return start.format(\"MMM DD\") + \" - \" + end.format(\"MMM DD\");\n      } else {\n        return start.format(\"MMM DD YYYY\") + \" - \" + end.format(\"MMM DD YYYY\");\n      }\n    };\n\n    if (step === \"daily\") {\n      if (fromDate.year() === actualYear) {\n        return fromDate.format(\"MMM DD\");\n      }\n      return fromDate.format(\"MMM DD YYYY\");\n    } else if (step === \"weekly\") {\n      const startDate = fromDate.clone().startOf(period);\n      const endDate = startDate.clone().endOf(period);\n      return showWeekOrCustomDateFormat(startDate, endDate);\n    } else if (step === \"monthly\") {\n      return fromDate.format(\"MMM YYYY\");\n    } else if (step === \"quarterly\") {\n      return `Q${fromDate.quarter()}/${fromDate.format(\"YYYY\")}`;\n    } else if (step === \"yearly\") {\n      return fromDate.format(\"YYYY\");\n    } else if (step === \"custom\") {\n      return showWeekOrCustomDateFormat(fromDate, toDate);\n    }\n\n    return \"\";\n  }, [fromDate, step, toDate, formatCallback, period]);\n\n  const onChangeCallback = useCallback(\n    (amount: number) => {\n      const [newFrom, newTo] = getDatesByPeriod(amount);\n      setFromDate(moment(newFrom));\n      setToDate(moment(newTo));\n\n      if (onChange) {\n        onChange(newFrom.toDate(), newTo.toDate());\n      }\n    },\n    [onChange, getDatesByPeriod]\n  );\n\n  const onDatePickerChange = useCallback(\n    (dates?: { from: Date; to: Date }) => {\n      const fromDateTemp = dates?.from;\n      const toDateTemp = dates?.to;\n\n      setFromDate(moment(fromDateTemp));\n      setToDate(moment(toDateTemp));\n\n      if (\n        onChange &&\n        fromDateTemp instanceof Date &&\n        toDateTemp instanceof Date\n      ) {\n        onChange(fromDateTemp, toDateTemp);\n      }\n    },\n    [onChange, setFromDate, setToDate]\n  );\n\n  const isAfterMaxDate = useMemo(() => {\n    return (\n      maxValue instanceof Date &&\n      moment(moment(maxValue).format(\"YYYY-MM-DD\")).isSameOrBefore(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [maxValue, toDate]);\n\n  const isBeforeMinDate = useMemo(() => {\n    return (\n      minValue instanceof Date &&\n      moment(moment(minValue).format(\"YYYY-MM-DD\")).isSameOrAfter(\n        toDate.format(\"YYYY-MM-DD\")\n      )\n    );\n  }, [minValue, toDate]);\n\n  useEffect(() => {\n    if (isBeforeMinDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(minValue));\n        setToDate(moment(minValue));\n      }\n    }\n    if (isAfterMaxDate) {\n      if (step === \"daily\") {\n        setFromDate(moment(maxValue));\n        setToDate(moment(maxValue));\n      }\n    }\n  }, [step, minValue, maxValue, isBeforeMinDate, isAfterMaxDate]);\n\n  const onRightClickHandler = useCallback(() => {\n    if (isAfterMaxDate) {\n      return;\n    }\n\n    onChangeCallback(1);\n\n    if (onForward) {\n      onForward(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isAfterMaxDate, onChangeCallback, onForward, fromDate, toDate]);\n\n  const onLeftClickHandler = useCallback(() => {\n    if (isBeforeMinDate) {\n      return;\n    }\n\n    onChangeCallback(-1);\n\n    if (onBack) {\n      onBack(fromDate.toDate(), toDate.toDate());\n    }\n  }, [isBeforeMinDate, onChangeCallback, onBack, fromDate, toDate]);\n\n  const renderLeftRightButtons = useMemo(() => {\n    return step !== \"custom\";\n  }, [step]);\n\n  const handleShow = useCallback(() => {\n    setShowDatePicker(!showDatePicker);\n    if (fromDate) {\n      setMonth(fromDate.toDate());\n    }\n  }, [setShowDatePicker, showDatePicker, fromDate]);\n\n  const closeMenu = useCallback(() => {\n    setShowDatePicker(false);\n  }, []);\n\n  const onMonthChange = useCallback(\n    (m: Date) => {\n      setMonth(m);\n    },\n    [setMonth]\n  );\n\n  useEffect(() => {\n    setFromDate(moment(from));\n    setToDate(moment(to));\n  }, [from, to]);\n\n  const dateStepperWidth = (\n    fromDay: Moment,\n    toDay: Moment,\n    range: string\n  ): { minWidth: string } => {\n    if (\n      fromDay.year() !== moment().year() ||\n      toDay.year() !== moment().year()\n    ) {\n      switch (range) {\n        case \"daily\":\n        case \"monthly\":\n          return { minWidth: \"122px\" };\n        case \"weekly\":\n        case \"custom\":\n          return { minWidth: \"232px\" };\n      }\n    }\n    switch (range) {\n      case \"monthly\":\n        return { minWidth: \"122px\" };\n      case \"weekly\":\n      case \"custom\":\n        return { minWidth: \"182px\" };\n    }\n\n    return { minWidth: \"102px\" };\n  };\n  const isDisabled = useCallback(\n    (day: Date): boolean => {\n      const dayFormat = moment(day).format(\"YYYY-MM-DD\");\n\n      const isBefore =\n        maxValue instanceof Date &&\n        moment(moment(maxValue).format(\"YYYY-MM-DD\")).isBefore(dayFormat);\n      const isAfter =\n        minValue instanceof Date &&\n        moment(moment(minValue).format(\"YYYY-MM-DD\")).isAfter(dayFormat);\n\n      return isBefore || isAfter;\n    },\n    [maxValue, minValue]\n  );\n\n  const modifiers = useMemo(() => {\n    return {\n      [customClassNames.disabled]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n      [customClassNames.nonWorkingDay]: (day: Date): boolean => {\n        return isDisabled(day);\n      },\n    };\n  }, [isDisabled]);\n\n  return (\n    <StyledButtonGroup className={classNames(\"c-date-stepper\", className)}>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onLeftClickHandler}\n          disabled={isBeforeMinDate}\n        >\n          <ArrowLeftIcon />\n        </StyledControl>\n      ) : null}\n      <StyledDiv\n        $isTargetable={step === \"yearly\" || !withDatePicker}\n        $isRounded={step === \"custom\"}\n        style={dateStepperWidth(fromDate, toDate, step)}\n      >\n        {withDatePicker ? (\n          <StyledMenu\n            target={\n              <StyledButton type=\"button\">\n                <span>{getDateFormatted}</span>\n              </StyledButton>\n            }\n            open={showDatePicker}\n            onOpen={handleShow}\n            onClose={closeMenu}\n            popperClassName={popperClassName}\n            position={position}\n          >\n            <DatePicker\n              month={month}\n              localeUtils={MomentLocaleUtils}\n              locale=\"en\"\n              selectionMode={step}\n              className={datePickerClass}\n              selectedDays={{ from: fromDate.toDate(), to: toDate.toDate() }}\n              onChange={onDatePickerChange}\n              onMonthChange={onMonthChange}\n              firstDayOfWeek={period === \"week\" ? 0 : 1}\n              modifiers={modifiers}\n              dateRequired\n              fixedWeeks\n            />\n          </StyledMenu>\n        ) : (\n          <StyledSpan>{getDateFormatted}</StyledSpan>\n        )}\n      </StyledDiv>\n      {renderLeftRightButtons ? (\n        <StyledControl\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onRightClickHandler}\n          disabled={isAfterMaxDate}\n        >\n          <ArrowRightIcon />\n        </StyledControl>\n      ) : null}\n    </StyledButtonGroup>\n  );\n};\n\nDateStepper.displayName = \"DateStepper\";\n"],"mappings":"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"}

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts

@@ -8,5 +8,6 @@ interface StyledDiv {
     $isRounded: boolean;
 }
 export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, StyledDiv, never>;
+export declare const StyledControl: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,uEAmDxB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6wJAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,2EAwErB,CAAC;AAEF,eAAO,MAAM,aAAa,gMAEzB,CAAC"}

package/dist/esm/components/Steppers/DateStepper/Styles.js

@@ -4,6 +4,7 @@ import { FontStyle } from "../../FontStyle";
 import { BoxSizingStyle } from "../../BoxSizingStyle";
 import { screen } from "../../BreakPoints";
 import { Menu } from "../../Menu";
+import { Button } from "../../Button";
 export var StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-1v8h7mt-0"
@@ -68,9 +69,14 @@ export var StyledDiv = styled.div.withConfig({
   "borderWidth": "1px",
   "borderStyle": "solid"
 }, screen.md);
+export var StyledControl = styled(Button).withConfig({
+  displayName: "Styles__StyledControl",
+  componentId: "sc-1v8h7mt-5"
+})(["border-radius:var(--ac-br-8);"]);
 StyledButtonGroup.displayName = "StyledButtonGroup";
 StyledSpan.displayName = "StyledSpan";
 StyledDiv.displayName = "StyledDiv";
 StyledMenu.displayName = "StyledMenu";
 StyledButton.displayName = "StyledButton";
+StyledControl.displayName = "StyledControl";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Steppers/DateStepper/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","screen","Menu","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","md","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,IAAI,QAAQ,YAAY;AAEjC,OAAO,IAAMC,YAAY,GAAGP,MAAM,CAACQ,MAAM;EAAA;EAAA;AAAA,kVACrCL,SAAS,EACTC,cAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAED,OAAO,IAAMK,UAAU,GAAGT,MAAM,CAACM,IAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAED,OAAO,IAAMI,iBAAiB,GAAGV,MAAM,CAACE,WAAW,CAAC;EAAA;EAAA;AAAA,6DAChDC,SAAS,EACTC,cAAc,CAMjB;AAED,OAAO,IAAMO,UAAU,GAAGX,MAAM,CAACY,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAOD,OAAO,IAAMC,SAAS,GAAGb,MAAM,CAACc,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,IACnBf,GAAG,WACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACc,KAAK;EAAA,OACNA,KAAK,CAACE,UAAU,IAChBhB,GAAG,yCAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCI,MAAM,CAACa,EAAE,CAiCZ;AAEDR,iBAAiB,CAACS,WAAW,GAAG,mBAAmB;AACnDR,UAAU,CAACQ,WAAW,GAAG,YAAY;AACrCN,SAAS,CAACM,WAAW,GAAG,WAAW;AACnCV,UAAU,CAACU,WAAW,GAAG,YAAY;AACrCZ,YAAY,CAACY,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","ButtonGroup","FontStyle","BoxSizingStyle","screen","Menu","Button","StyledButton","button","StyledMenu","StyledButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","$isRounded","md","StyledControl","displayName"],"sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { screen } from \"../../BreakPoints\";\nimport tw from \"twin.macro\";\nimport { Menu } from \"../../Menu\";\nimport { Button } from \"../../Button\";\n\nexport const StyledButton = styled.button`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-relative\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-text-center\n  `}\n\n  color: var(--color-theme-700);\n  margin: 0;\n  padding: 0;\n  background: none;\n  width: 100%;\n  height: auto;\n  border: none;\n  height: 30px;\n  line-height: 1;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n`;\n\nexport const StyledMenu = styled(Menu)`\n  ${tw`\n    tw-w-auto\n    tw-h-auto\n    tw-py-4\n    tw-px-2\n  `}\n`;\n\nexport const StyledButtonGroup = styled(ButtonGroup)`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button:hover {\n    position: relative;\n    z-index: 1;\n  }\n`;\n\nexport const StyledSpan = styled.span`\n  line-height: 30px;\n  color: var(--color-theme-700);\n`;\n\ninterface StyledDiv {\n  $isTargetable: boolean;\n  $isRounded: boolean;\n}\n\nexport const StyledDiv = styled.div<StyledDiv>`\n  ${(props) =>\n    props.$isTargetable &&\n    css`\n      ${tw`tw-pointer-events-none`}\n    `}\n\n  ${(props) =>\n    props.$isRounded &&\n    css`\n      border-radius: var(--ac-br-rounded);\n    `}\n\n  ${tw`\n    tw-relative\n    tw-text-center\n    tw-p-0\n    tw-antialiased\n    tw-align-middle\n    tw-font-medium\n    tw-inline-block\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-border\n    tw-border-solid\n  `}\n\n  height: 32px;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  border: solid 1px var(--color-theme-700);\n  color: var(--color-theme-700);\n  margin-right: -1px;\n  display: none;\n\n  ${screen.md} {\n    display: block;\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  &:hover {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n\n  &:active {\n    border-color: var(--color-primary);\n    color: var(--color-primary);\n    background-color: var(--color-primary-200);\n  }\n`;\n\nexport const StyledControl = styled(Button)`\n  border-radius: var(--ac-br-8);\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\nStyledSpan.displayName = \"StyledSpan\";\nStyledDiv.displayName = \"StyledDiv\";\nStyledMenu.displayName = \"StyledMenu\";\nStyledButton.displayName = \"StyledButton\";\nStyledControl.displayName = \"StyledControl\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,IAAI,QAAQ,YAAY;AACjC,SAASC,MAAM,QAAQ,cAAc;AAErC,OAAO,IAAMC,YAAY,GAAGR,MAAM,CAACS,MAAM;EAAA;EAAA;AAAA,kVACrCN,SAAS,EACTC,cAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAED,OAAO,IAAMM,UAAU,GAAGV,MAAM,CAACM,IAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAED,OAAO,IAAMK,iBAAiB,GAAGX,MAAM,CAACE,WAAW,CAAC;EAAA;EAAA;AAAA,6DAChDC,SAAS,EACTC,cAAc,CAMjB;AAED,OAAO,IAAMQ,UAAU,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAOD,OAAO,IAAMC,SAAS,GAAGd,MAAM,CAACe,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,IACnBhB,GAAG,WACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACe,KAAK;EAAA,OACNA,KAAK,CAACE,UAAU,IAChBjB,GAAG,yCAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCI,MAAM,CAACc,EAAE,CAiCZ;AAED,OAAO,IAAMC,aAAa,GAAGpB,MAAM,CAACO,MAAM,CAAC;EAAA;EAAA;AAAA,qCAE1C;AAEDI,iBAAiB,CAACU,WAAW,GAAG,mBAAmB;AACnDT,UAAU,CAACS,WAAW,GAAG,YAAY;AACrCP,SAAS,CAACO,WAAW,GAAG,WAAW;AACnCX,UAAU,CAACW,WAAW,GAAG,YAAY;AACrCb,YAAY,CAACa,WAAW,GAAG,cAAc;AACzCD,aAAa,CAACC,WAAW,GAAG,eAAe"}

package/dist/index.js

@@ -4917,11 +4917,16 @@
     "borderWidth": "1px",
     "borderStyle": "solid"
   }, screen.md);
+  var StyledControl = styled__default["default"](Button).withConfig({
+    displayName: "Styles__StyledControl",
+    componentId: "sc-1v8h7mt-5"
+  })(["border-radius:var(--ac-br-8);"]);
   StyledButtonGroup.displayName = "StyledButtonGroup";
   StyledSpan$1.displayName = "StyledSpan";
   StyledDiv$1.displayName = "StyledDiv";
   StyledMenu$1.displayName = "StyledMenu";
   StyledButton$1.displayName = "StyledButton";
+  StyledControl.displayName = "StyledControl";
 
   /**
    * This component allow you to select date range. It accepts two parameters "from" and "to" as valid format
@@ -5139,7 +5144,7 @@
     }, [isDisabled]);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup, {
       className: classNames__default["default"]("c-date-stepper", className)
-    }, renderLeftRightButtons ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    }, renderLeftRightButtons ? /*#__PURE__*/React__default["default"].createElement(StyledControl, {
       type: "button",
       variant: "secondary",
       onClick: onLeftClickHandler,
@@ -5173,7 +5178,7 @@
       modifiers: modifiers,
       dateRequired: true,
       fixedWeeks: true
-    })) : /*#__PURE__*/React__default["default"].createElement(StyledSpan$1, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    })) : /*#__PURE__*/React__default["default"].createElement(StyledSpan$1, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/React__default["default"].createElement(StyledControl, {
       type: "button",
       variant: "secondary",
       onClick: onRightClickHandler,
@@ -9189,73 +9194,101 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
 
-  var Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _excluded$m = ["children", "className", "disableDefaultHeading"];
+  // import { useDialogContext } from "./DialogContext";
+
+  var DialogTitle = function DialogTitle(_ref) {
     var children = _ref.children,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      onClose = _ref.onClose,
       className = _ref.className,
-      _ref$enableBackground = _ref.enableBackgroundClick,
-      enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
-      _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
-    return /*#__PURE__*/React__default["default"].createElement(Modal, {
-      ref: ref,
-      open: open,
-      onClose: onClose,
-      disableBackgroundClick: !enableBackgroundClick,
-      disableCloseOnEsc: disableCloseOnEsc
-    }, /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
-      in: open
-    }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
-      className: classNames__default["default"]("c-dialog", className)
-    }, children)));
-  });
-  Dialog.displayName = "Dialog";
+      _ref$disableDefaultHe = _ref.disableDefaultHeading,
+      disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
+      rest = _objectWithoutProperties(_ref, _excluded$m);
+    // useDialogContext();
+
+    return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
+      className: classNames__default["default"]("c-dialog-title-wrapper", className)
+    }, rest), disableDefaultHeading ? children : /*#__PURE__*/React__default["default"].createElement(Header3, null, children));
+  };
+  DialogTitle.displayName = "DialogTitle";
+
+  var _excluded$l = ["className", "children"];
+  // import { useDialogContext } from "./DialogContext";
 
-  var _excluded$m = ["className", "children"];
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$m);
+      rest = _objectWithoutProperties(_ref, _excluded$l);
+    // useDialogContext();
+
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
       className: classNames__default["default"]("c-dialog-content", className)
     }, rest), children);
   };
   DialogContent.displayName = "DialogContent";
 
+  // import { useDialogContext } from "./DialogContext";
+
   var DialogContentDivider = function DialogContentDivider(_ref) {
     var className = _ref.className;
+    // useDialogContext();
+
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContentDivider, {
       className: classNames__default["default"]("c-dialog-content-divider", className)
     });
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$l = ["children", "className", "disableDefaultHeading"];
-  var DialogTitle = function DialogTitle(_ref) {
-    var children = _ref.children,
-      className = _ref.className,
-      _ref$disableDefaultHe = _ref.disableDefaultHeading,
-      disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$l);
-    return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
-      className: classNames__default["default"]("c-dialog-title-wrapper", className)
-    }, rest), disableDefaultHeading ? children : /*#__PURE__*/React__default["default"].createElement(Header3, null, children));
-  };
-  DialogTitle.displayName = "DialogTitle";
-
   var _excluded$k = ["className", "children"];
+  // import { useDialogContext } from "./DialogContext";
+
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded$k);
+    // useDialogContext();
+
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
       className: classNames__default["default"]("c-dialog-actions", className)
     }, rest), children);
   };
   DialogActions.displayName = "DialogActions";
 
+  var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var children = _ref.children,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
+      onClose = _ref.onClose,
+      className = _ref.className,
+      _ref$enableBackground = _ref.enableBackgroundClick,
+      enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
+      _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
+    return (
+      /*#__PURE__*/
+      // <DialogContext.Provider value={{}}>
+      React__default["default"].createElement(Modal, {
+        ref: ref,
+        open: open,
+        onClose: onClose,
+        disableBackgroundClick: !enableBackgroundClick,
+        disableCloseOnEsc: disableCloseOnEsc
+      }, /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
+        in: open
+      }, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
+        className: classNames__default["default"]("c-dialog", className)
+      }, children)))
+      // </DialogContext.Provider>
+    );
+  });
+
+  var Dialog = Object.assign({}, _Dialog, {
+    Title: DialogTitle,
+    Content: DialogContent,
+    ContentDivider: DialogContentDivider,
+    Actions: DialogActions
+  });
+  _Dialog.displayName = "Dialog";
+
   var ConfirmDialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$open = _ref.open,
       open = _ref$open === void 0 ? false : _ref$open,
@@ -12621,6 +12654,7 @@
   exports.Wizard = Wizard;
   exports.WorkloadIcon = WorkloadIcon$1;
   exports.YearMonthPicker = YearMonthPicker;
+  exports._Dialog = _Dialog;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.signifierTypes = signifierTypes;