@activecollab/components 1.0.210 → 1.0.212

package/dist/cjs/components/Dialog/Dialog.js

@@ -4,16 +4,22 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Dialog = void 0;
+exports._Dialog = exports.Dialog = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Modal = require("../Modal");
 var _SlideFromTop = require("../Transitions/SlideFromTop");
 var _Styles = require("./Styles");
+var _DialogTitle = require("./DialogTitle");
+var _DialogContent = require("./DialogContent");
+var _DialogContentDivider = require("./DialogContentDivider");
+var _DialogActions = require("./DialogActions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+// import { DialogContext } from "./DialogContext";
+
+var _Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
@@ -23,18 +29,30 @@ var Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
     _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
     disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
-  return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
-    ref: ref,
-    open: open,
-    onClose: onClose,
-    disableBackgroundClick: !enableBackgroundClick,
-    disableCloseOnEsc: disableCloseOnEsc
-  }, /*#__PURE__*/_react.default.createElement(_SlideFromTop.SlideFromTop, {
-    in: open
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
-    className: (0, _classnames.default)("c-dialog", className)
-  }, children)));
+  return (
+    /*#__PURE__*/
+    // <DialogContext.Provider value={{}}>
+    _react.default.createElement(_Modal.Modal, {
+      ref: ref,
+      open: open,
+      onClose: onClose,
+      disableBackgroundClick: !enableBackgroundClick,
+      disableCloseOnEsc: disableCloseOnEsc
+    }, /*#__PURE__*/_react.default.createElement(_SlideFromTop.SlideFromTop, {
+      in: open
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
+      className: (0, _classnames.default)("c-dialog", className)
+    }, children)))
+    // </DialogContext.Provider>
+  );
+});
+exports._Dialog = _Dialog;
+var Dialog = Object.assign({}, _Dialog, {
+  Title: _DialogTitle.DialogTitle,
+  Content: _DialogContent.DialogContent,
+  ContentDivider: _DialogContentDivider.DialogContentDivider,
+  Actions: _DialogActions.DialogActions
 });
 exports.Dialog = Dialog;
-Dialog.displayName = "Dialog";
+_Dialog.displayName = "Dialog";
 //# sourceMappingURL=Dialog.js.map

package/dist/cjs/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["Dialog","forwardRef","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","classnames","displayName"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\nexport interface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAwC;AAAA;AAAA;AAWjC,IAAMA,MAAM,gBAAG,IAAAC,iBAAU,EAC9B,gBASEC,GAAG,EACA;EAAA,IARDC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;EAI3B,oBACE,6BAAC,YAAK;IACJ,GAAG,EAAEN,GAAI;IACT,IAAI,EAAEE,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,sBAAsB,EAAE,CAACE,qBAAsB;IAC/C,iBAAiB,EAAEC;EAAkB,gBAErC,6BAAC,0BAAY;IAAC,EAAE,EAAEJ;EAAK,gBACrB,6BAAC,oBAAY;IAAC,SAAS,EAAE,IAAAK,mBAAU,EAAC,UAAU,EAAEH,SAAS;EAAE,GACxDH,QAAQ,CACI,CACF,CACT;AAEZ,CAAC,CACF;AAAC;AAEFH,MAAM,CAACU,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Dialog.js","names":["_Dialog","forwardRef","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","classnames","Dialog","Object","assign","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions","displayName"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogTitle } from \"./DialogTitle\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogActions } from \"./DialogActions\";\n\nexport interface DialogProps {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n    },\n    ref\n  ) => {\n    return (\n      // <DialogContext.Provider value={{}}>\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n\n_Dialog.displayName = \"Dialog\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AALhD;;AAeO,IAAMA,OAAO,gBAAG,IAAAC,iBAAU,EAI/B,gBASEC,GAAG,EACA;EAAA,IARDC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;EAI3B;IAAA;IACE;IACA,6BAAC,YAAK;MACJ,GAAG,EAAEN,GAAI;MACT,IAAI,EAAEE,IAAK;MACX,OAAO,EAAEC,OAAQ;MACjB,sBAAsB,EAAE,CAACE,qBAAsB;MAC/C,iBAAiB,EAAEC;IAAkB,gBAErC,6BAAC,0BAAY;MAAC,EAAE,EAAEJ;IAAK,gBACrB,6BAAC,oBAAY;MAAC,SAAS,EAAE,IAAAK,mBAAU,EAAC,UAAU,EAAEH,SAAS;IAAE,GACxDH,QAAQ,CACI,CACF;IAEjB;EAAA;AAEJ,CAAC,CACF;AAAC;AAEK,IAAMO,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEZ,OAAO,EAAE;EAC/Ca,KAAK,EAAEC,wBAAW;EAClBC,OAAO,EAAEC,4BAAa;EACtBC,cAAc,EAAEC,0CAAoB;EACpCC,OAAO,EAAEC;AACX,CAAC,CAAC;AAAC;AAEHpB,OAAO,CAACqB,WAAW,GAAG,QAAQ"}

package/dist/cjs/components/Dialog/DialogActions.js

@@ -12,10 +12,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// import { useDialogContext } from "./DialogContext";
+
 var DialogActions = function DialogActions(_ref) {
   var className = _ref.className,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // useDialogContext();
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogActions, _extends({
     className: (0, _classnames.default)("c-dialog-actions", className)
   }, rest), children);

package/dist/cjs/components/Dialog/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["DialogActions","className","children","rest","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n\nexport const DialogActions: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,aAAiD,GAAG,SAApDA,aAAiD,OAIxD;EAAA,IAHJC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DialogActions.js","names":["DialogActions","className","children","rest","classnames","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogActions = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAC/C;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIY;EAAA,IAHpCC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP;;EAEA,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}

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

@@ -12,10 +12,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// import { useDialogContext } from "./DialogContext";
+
 var DialogContent = function DialogContent(_ref) {
   var className = _ref.className,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // useDialogContext();
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogContent, _extends({
     className: (0, _classnames.default)("c-dialog-content", className)
   }, rest), children);

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["DialogContent","className","children","rest","classnames","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;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,aAAiD,GAAG,SAApDA,aAAiD,OAIxD;EAAA,IAHJC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}
+{"version":3,"file":"DialogContent.js","names":["DialogContent","className","children","rest","classnames","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;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAC/C;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIY;EAAA,IAHpCC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP;;EAEA,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEH,SAAS;EAAE,GACjDE,IAAI,GAEPD,QAAQ,CACW;AAE1B,CAAC;AAAC;AAEFF,aAAa,CAACK,WAAW,GAAG,eAAe"}

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

@@ -8,8 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import { useDialogContext } from "./DialogContext";
+
 var DialogContentDivider = function DialogContentDivider(_ref) {
   var className = _ref.className;
+  // useDialogContext();
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogContentDivider, {
     className: (0, _classnames.default)("c-dialog-content-divider", className)
   });

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

@@ -1 +1 @@
-{"version":3,"file":"DialogContentDivider.js","names":["DialogContentDivider","className","classnames","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;AACA;AACA;AAAsD;AAE/C,IAAMA,oBAAwD,GAAG,SAA3DA,oBAAwD,OAE/D;EAAA,IADJC,SAAS,QAATA,SAAS;EAET,oBACE,6BAAC,kCAA0B;IACzB,SAAS,EAAE,IAAAC,mBAAU,EAAC,0BAA0B,EAAED,SAAS;EAAE,EAC7D;AAEN,CAAC;AAAC;AAEFD,oBAAoB,CAACG,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"DialogContentDivider.js","names":["DialogContentDivider","className","classnames","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;AACA;AACA;AAAsD;AACtD;;AAEO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,OAEK;EAAA,IADpCC,SAAS,QAATA,SAAS;EAET;;EAEA,oBACE,6BAAC,kCAA0B;IACzB,SAAS,EAAE,IAAAC,mBAAU,EAAC,0BAA0B,EAAED,SAAS;EAAE,EAC7D;AAEN,CAAC;AAAC;AAEFD,oBAAoB,CAACG,WAAW,GAAG,sBAAsB"}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialogContext = exports.DialogContext = void 0;
+var _react = require("react");
+var DialogContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.DialogContext = DialogContext;
+var useDialogContext = function useDialogContext() {
+  var context = (0, _react.useContext)(DialogContext);
+  if (!context) {
+    throw new Error("Child components of Dialog can not be rendered outside the Dialog component!");
+  }
+  return context;
+};
+exports.useDialogContext = useDialogContext;
+//# sourceMappingURL=DialogContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.js","names":["DialogContext","createContext","useDialogContext","context","useContext","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;AAKO,IAAMA,aAAa,gBAAG,IAAAC,oBAAa,EAA4B,IAAI,CAAC;AAAC;AAErE,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;EACpC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACJ,aAAa,CAAC;EAEzC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,8EAA8E,CAC/E;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC;AAAC"}

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

@@ -19,6 +19,8 @@ var DialogTitle = function DialogTitle(_ref) {
     _ref$disableDefaultHe = _ref.disableDefaultHeading,
     disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // useDialogContext();
+
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogTitle, _extends({
     className: (0, _classnames.default)("c-dialog-title-wrapper", className)
   }, rest), disableDefaultHeading ? children : /*#__PURE__*/_react.default.createElement(_Header.Header3, null, children));

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["DialogTitle","children","className","disableDefaultHeading","rest","classnames","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;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAQtC,IAAMA,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,6BAAC,yBAAiB;IAChB,SAAS,EAAE,IAAAC,mBAAU,EAAC,wBAAwB,EAAEH,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAG,6BAAC,eAAO,QAAEA,QAAQ,CAAW,CAC/C;AAExB,CAAC;AAAC;AAEFD,WAAW,CAACM,WAAW,GAAG,aAAa"}
+{"version":3,"file":"DialogTitle.js","names":["DialogTitle","children","className","disableDefaultHeading","rest","classnames","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;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAQtC,IAAMA,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,6BAAC,yBAAiB;IAChB,SAAS,EAAE,IAAAC,mBAAU,EAAC,wBAAwB,EAAEH,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAG,6BAAC,eAAO,QAAEA,QAAQ,CAAW,CAC/C;AAExB,CAAC;AAAC;AAEFD,WAAW,CAACM,WAAW,GAAG,aAAa"}

package/dist/cjs/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;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"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;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAUA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _moment = _interopRequireDefault(require("moment"));
 var _moment2 = _interopRequireDefault(require("react-day-picker/moment"));
-var _Button = require("../../Button/Button");
 var _ArrowLeft = _interopRequireDefault(require("../../Icons/collection/ArrowLeft"));
 var _DatePicker = require("../../DatePicker");
 var _ClassNames = require("../../DatePicker/ClassNames");
@@ -241,7 +240,7 @@ var DateStepper = function DateStepper(_ref) {
   }, [isDisabled]);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonGroup, {
     className: (0, _classnames.default)("c-date-stepper", className)
-  }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }, renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onLeftClickHandler,
@@ -275,7 +274,7 @@ var DateStepper = function DateStepper(_ref) {
     modifiers: modifiers,
     dateRequired: true,
     fixedWeeks: true
-  })) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  })) : /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, null, getDateFormatted)), renderLeftRightButtons ? /*#__PURE__*/_react.default.createElement(_Styles.StyledControl, {
     type: "button",
     variant: "secondary",
     onClick: onRightClickHandler,

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

@@ -1 +1 @@
-{"version":3,"file":"DateStepper.js","names":["DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","useState","moment","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","customClassNames","disabled","nonWorkingDay","classNames","MomentLocaleUtils","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":["DateStepper","step","formatCallback","onChange","from","to","onBack","onForward","minValue","maxValue","className","period","datePickerClass","withDatePicker","defaultMonth","Date","popperClassName","position","useState","moment","fromDate","setFromDate","toDate","setToDate","showDatePicker","setShowDatePicker","month","setMonth","getDatesByPeriod","useCallback","interval","date","add","clone","startOf","endOf","getDateFormatted","useMemo","actualYear","year","showWeekOrCustomDateFormat","start","end","format","startDate","endDate","quarter","onChangeCallback","amount","newFrom","newTo","onDatePickerChange","dates","fromDateTemp","toDateTemp","isAfterMaxDate","isSameOrBefore","isBeforeMinDate","isSameOrAfter","useEffect","onRightClickHandler","onLeftClickHandler","renderLeftRightButtons","handleShow","closeMenu","onMonthChange","m","dateStepperWidth","fromDay","toDay","range","minWidth","isDisabled","day","dayFormat","isBefore","isAfter","modifiers","customClassNames","disabled","nonWorkingDay","classNames","MomentLocaleUtils","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/cjs/components/Steppers/DateStepper/Styles.js

@@ -4,13 +4,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledButtonGroup = exports.StyledButton = void 0;
+exports.StyledSpan = exports.StyledMenu = exports.StyledDiv = exports.StyledControl = exports.StyledButtonGroup = exports.StyledButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _ButtonGroup = require("../../ButtonGroup");
 var _FontStyle = require("../../FontStyle");
 var _BoxSizingStyle = require("../../BoxSizingStyle");
 var _BreakPoints = require("../../BreakPoints");
 var _Menu = require("../../Menu");
+var _Button = require("../../Button");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var StyledButton = _styledComponents.default.button.withConfig({
@@ -82,9 +83,15 @@ var StyledDiv = _styledComponents.default.div.withConfig({
   "borderStyle": "solid"
 }, _BreakPoints.screen.md);
 exports.StyledDiv = StyledDiv;
+var StyledControl = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledControl",
+  componentId: "sc-1v8h7mt-5"
+})(["border-radius:var(--ac-br-8);"]);
+exports.StyledControl = StyledControl;
 StyledButtonGroup.displayName = "StyledButtonGroup";
 StyledSpan.displayName = "StyledSpan";
 StyledDiv.displayName = "StyledDiv";
 StyledMenu.displayName = "StyledMenu";
 StyledButton.displayName = "StyledButton";
+StyledControl.displayName = "StyledControl";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","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;AACA;AACA;AACA;AACA;AAEA;AAAkC;AAAA;AAE3B,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,kVACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAAC;AAEK,IAAMC,iBAAiB,GAAG,IAAAN,yBAAM,EAACO,wBAAW,CAAC;EAAA;EAAA;AAAA,6DAChDL,oBAAS,EACTC,8BAAc,CAMjB;AAAC;AAEK,IAAMK,UAAU,GAAGR,yBAAM,CAACS,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAAC;AAOK,IAAMC,SAAS,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCE,mBAAM,CAACC,EAAE,CAiCZ;AAAC;AAEFX,iBAAiB,CAACY,WAAW,GAAG,mBAAmB;AACnDV,UAAU,CAACU,WAAW,GAAG,YAAY;AACrCR,SAAS,CAACQ,WAAW,GAAG,WAAW;AACnCd,UAAU,CAACc,WAAW,GAAG,YAAY;AACrCnB,YAAY,CAACmB,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","StyledMenu","Menu","StyledButtonGroup","ButtonGroup","StyledSpan","span","StyledDiv","div","props","$isTargetable","css","$isRounded","screen","md","StyledControl","Button","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;AACA;AACA;AACA;AACA;AAEA;AACA;AAAsC;AAAA;AAE/B,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,kVACrCC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAaJ,CAAC,CAkCF;AAAC;AAEK,IAAMC,UAAU,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAKJ,CAAC,CACF;AAAC;AAEK,IAAMC,iBAAiB,GAAG,IAAAN,yBAAM,EAACO,wBAAW,CAAC;EAAA;EAAA;AAAA,6DAChDL,oBAAS,EACTC,8BAAc,CAMjB;AAAC;AAEK,IAAMK,UAAU,GAAGR,yBAAM,CAACS,IAAI;EAAA;EAAA;AAAA,sDAGpC;AAAC;AAOK,IAAMC,SAAS,GAAGV,yBAAM,CAACW,GAAG;EAAA;EAAA;AAAA,oiBAC/B,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,YACG;IAAA;EAAuB,CAAC,CAC7B;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,0CAEF;AAAA,GAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAgBJ,CAAC,EAUCE,mBAAM,CAACC,EAAE,CAiCZ;AAAC;AAEK,IAAMC,aAAa,GAAG,IAAAlB,yBAAM,EAACmB,cAAM,CAAC;EAAA;EAAA;AAAA,qCAE1C;AAAC;AAEFb,iBAAiB,CAACc,WAAW,GAAG,mBAAmB;AACnDZ,UAAU,CAACY,WAAW,GAAG,YAAY;AACrCV,SAAS,CAACU,WAAW,GAAG,WAAW;AACnChB,UAAU,CAACgB,WAAW,GAAG,YAAY;AACrCrB,YAAY,CAACqB,WAAW,GAAG,cAAc;AACzCF,aAAa,CAACE,WAAW,GAAG,eAAe"}

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

@@ -1,11 +1,32 @@
-import React, { ReactNode } from "react";
-export interface IDialog {
+import React from "react";
+export interface DialogProps {
     open?: boolean;
     onClose?: () => void;
     className?: string;
-    children?: ReactNode;
     enableBackgroundClick?: boolean;
     disableCloseOnEsc?: boolean;
 }
-export declare const Dialog: React.ForwardRefExoticComponent<IDialog & React.RefAttributes<HTMLDivElement>>;
+export declare const _Dialog: React.ForwardRefExoticComponent<DialogProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Title: {
+        ({ children, className, disableDefaultHeading, ...rest }: React.PropsWithChildren<import("./DialogTitle").DialogTitleProps>): JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    ContentDivider: {
+        ({ className, }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Actions: {
+        ({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+};
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,gFA4BlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAa7D,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,OAAO;;wCAiCnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}

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

@@ -3,7 +3,14 @@ import classnames from "classnames";
 import { Modal } from "../Modal";
 import { SlideFromTop } from "../Transitions/SlideFromTop";
 import { StyledDialog } from "./Styles";
-export var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
+
+// import { DialogContext } from "./DialogContext";
+
+import { DialogTitle } from "./DialogTitle";
+import { DialogContent } from "./DialogContent";
+import { DialogContentDivider } from "./DialogContentDivider";
+import { DialogActions } from "./DialogActions";
+export var _Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
@@ -13,17 +20,29 @@ export var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
     enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
     _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
     disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs;
-  return /*#__PURE__*/React.createElement(Modal, {
-    ref: ref,
-    open: open,
-    onClose: onClose,
-    disableBackgroundClick: !enableBackgroundClick,
-    disableCloseOnEsc: disableCloseOnEsc
-  }, /*#__PURE__*/React.createElement(SlideFromTop, {
-    in: open
-  }, /*#__PURE__*/React.createElement(StyledDialog, {
-    className: classnames("c-dialog", className)
-  }, children)));
+  return (
+    /*#__PURE__*/
+    // <DialogContext.Provider value={{}}>
+    React.createElement(Modal, {
+      ref: ref,
+      open: open,
+      onClose: onClose,
+      disableBackgroundClick: !enableBackgroundClick,
+      disableCloseOnEsc: disableCloseOnEsc
+    }, /*#__PURE__*/React.createElement(SlideFromTop, {
+      in: open
+    }, /*#__PURE__*/React.createElement(StyledDialog, {
+      className: classnames("c-dialog", className)
+    }, children)))
+    // </DialogContext.Provider>
+  );
 });
-Dialog.displayName = "Dialog";
+
+export var Dialog = Object.assign({}, _Dialog, {
+  Title: DialogTitle,
+  Content: DialogContent,
+  ContentDivider: DialogContentDivider,
+  Actions: DialogActions
+});
+_Dialog.displayName = "Dialog";
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","Modal","SlideFromTop","StyledDialog","Dialog","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","displayName"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\nexport interface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmB,OAAO;AACpD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBASEM,GAAG,EACA;EAAA,IARDC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;EAI3B,oBACE,oBAAC,KAAK;IACJ,GAAG,EAAEN,GAAI;IACT,IAAI,EAAEE,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,sBAAsB,EAAE,CAACE,qBAAsB;IAC/C,iBAAiB,EAAEC;EAAkB,gBAErC,oBAAC,YAAY;IAAC,EAAE,EAAEJ;EAAK,gBACrB,oBAAC,YAAY;IAAC,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAES,SAAS;EAAE,GACxDH,QAAQ,CACI,CACF,CACT;AAEZ,CAAC,CACF;AAEDF,MAAM,CAACQ,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","Modal","SlideFromTop","StyledDialog","DialogTitle","DialogContent","DialogContentDivider","DialogActions","_Dialog","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","Dialog","Object","assign","Title","Content","ContentDivider","Actions","displayName"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogTitle } from \"./DialogTitle\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogActions } from \"./DialogActions\";\n\nexport interface DialogProps {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  enableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<DialogProps>\n>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n      disableCloseOnEsc = false,\n    },\n    ref\n  ) => {\n    return (\n      // <DialogContext.Provider value={{}}>\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n      // </DialogContext.Provider>\n    );\n  }\n);\n\nexport const Dialog = Object.assign({}, _Dialog, {\n  Title: DialogTitle,\n  Content: DialogContent,\n  ContentDivider: DialogContentDivider,\n  Actions: DialogActions,\n});\n\n_Dialog.displayName = \"Dialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAC5D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,YAAY,QAAQ,UAAU;;AAEvC;;AAEA,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,aAAa,QAAQ,iBAAiB;AAU/C,OAAO,IAAMC,OAAO,gBAAGT,UAAU,CAI/B,gBASEU,GAAG,EACA;EAAA,IARDC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,6BACTC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;EAI3B;IAAA;IACE;IACA,oBAAC,KAAK;MACJ,GAAG,EAAEN,GAAI;MACT,IAAI,EAAEE,IAAK;MACX,OAAO,EAAEC,OAAQ;MACjB,sBAAsB,EAAE,CAACE,qBAAsB;MAC/C,iBAAiB,EAAEC;IAAkB,gBAErC,oBAAC,YAAY;MAAC,EAAE,EAAEJ;IAAK,gBACrB,oBAAC,YAAY;MAAC,SAAS,EAAEX,UAAU,CAAC,UAAU,EAAEa,SAAS;IAAE,GACxDH,QAAQ,CACI,CACF;IAEjB;EAAA;AAEJ,CAAC,CACF;;AAED,OAAO,IAAMM,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEV,OAAO,EAAE;EAC/CW,KAAK,EAAEf,WAAW;EAClBgB,OAAO,EAAEf,aAAa;EACtBgB,cAAc,EAAEf,oBAAoB;EACpCgB,OAAO,EAAEf;AACX,CAAC,CAAC;AAEFC,OAAO,CAACe,WAAW,GAAG,QAAQ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogActions.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":"DialogActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogActions.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/DialogActions.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["React","classnames","StyledDialogActions","DialogActions","className","children","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n\nexport const DialogActions: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\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":"DialogActions.js","names":["React","classnames","StyledDialogActions","DialogActions","className","children","rest","displayName"],"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogActions = ({\n  className,\n  children,\n  ...rest\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\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/DialogContent.d.ts

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