@activecollab/components 1.0.7 → 1.0.11

package/dist/cjs/components/ValueButton/ValueButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueButton = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["active", "alwaysShowIcon", "icon", "label", "value"];
+
+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; }
+
+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; }
+
+var ValueButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      _ref$alwaysShowIcon = _ref.alwaysShowIcon,
+      alwaysShowIcon = _ref$alwaysShowIcon === void 0 ? false : _ref$alwaysShowIcon,
+      icon = _ref.icon,
+      label = _ref.label,
+      value = _ref.value,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButton, _extends({
+    className: "c-value-button"
+  }, args, {
+    ref: ref,
+    variant: "text gray",
+    $active: active
+  }), icon && alwaysShowIcon ? /*#__PURE__*/_react.default.cloneElement(icon, {
+    style: {
+      display: "inline-block"
+    }
+  }) : null, label ? /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButtonLabel, {
+    color: "secondary",
+    weight: "medium",
+    className: "c-value-button__label"
+  }, label, ":") : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButtonValue, {
+    color: "secondary",
+    weight: "medium",
+    className: "c-value-button__value"
+  }, value));
+});
+exports.ValueButton = ValueButton;
+ValueButton.displayName = "ValueButton";
+//# sourceMappingURL=ValueButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"names":["ValueButton","ref","active","alwaysShowIcon","icon","label","value","args","React","cloneElement","style","display","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAmBO,IAAMA,WAAW,gBAAG,uBACzB,gBAEEC,GAFF,EAGK;AAAA,yBAFDC,MAEC;AAAA,MAFDA,MAEC,4BAFQ,KAER;AAAA,iCAFeC,cAEf;AAAA,MAFeA,cAEf,oCAFgC,KAEhC;AAAA,MAFuCC,IAEvC,QAFuCA,IAEvC;AAAA,MAF6CC,KAE7C,QAF6CA,KAE7C;AAAA,MAFoDC,KAEpD,QAFoDA,KAEpD;AAAA,MAF8DC,IAE9D;;AACH,sBACE,6BAAC,yBAAD;AACE,IAAA,SAAS,EAAE;AADb,KAEMA,IAFN;AAGE,IAAA,GAAG,EAAEN,GAHP;AAIE,IAAA,OAAO,EAAE,WAJX;AAKE,IAAA,OAAO,EAAEC;AALX,MAOGE,IAAI,IAAID,cAAR,gBACGK,eAAMC,YAAN,CAAmBL,IAAnB,EAAyB;AACvBM,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX;AADgB,GAAzB,CADH,GAIG,IAXN,EAYGN,KAAK,gBACJ,6BAAC,8BAAD;AACE,IAAA,KAAK,EAAE,WADT;AAEE,IAAA,MAAM,EAAE,QAFV;AAGE,IAAA,SAAS,EAAE;AAHb,KAKGA,KALH,MADI,GAQF,IApBN,eAqBE,6BAAC,8BAAD;AACE,IAAA,KAAK,EAAE,WADT;AAEE,IAAA,MAAM,EAAE,QAFV;AAGE,IAAA,SAAS,EAAE;AAHb,KAKGC,KALH,CArBF,CADF;AA+BD,CApCwB,CAApB;;AAuCPN,WAAW,CAACY,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className={\"c-value-button\"}\n        {...args}\n        ref={ref}\n        variant={\"text gray\"}\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color={\"secondary\"}\n            weight={\"medium\"}\n            className={\"c-value-button__label\"}\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color={\"secondary\"}\n          weight={\"medium\"}\n          className={\"c-value-button__value\"}\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"file":"ValueButton.js"}

package/dist/cjs/components/ValueButton/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ValueButton = require("./ValueButton");
+
+Object.keys(_ValueButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ValueButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ValueButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ValueButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ValueButton/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ValueButton\";\n"],"file":"index.js"}

package/dist/cjs/components/Window/Style.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWindow = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _FontStyle = require("../FontStyle");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledWindow = _styledComponents.default.div.withConfig({
+  displayName: "Style__StyledWindow",
+  componentId: "sc-rnlftg-0"
+})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledWindow = StyledWindow;
+StyledWindow.displayName = "StyledWindow";
+//# sourceMappingURL=Style.js.map

package/dist/cjs/components/Window/Style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Window/Style.ts"],"names":["StyledWindow","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,gEACrBC,oBADqB,EAErBC,8BAFqB,CAAlB;;;AAWPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"file":"Style.js"}

package/dist/cjs/components/Window/Window.js

@@ -0,0 +1,104 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Window = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
+
+var _helpers = require("../../helpers");
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _reactRemoveScroll = require("react-remove-scroll");
+
+var _Style = require("./Style");
+
+var _excluded = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock"];
+
+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; }
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+var returnFocus = {
+  preventScroll: true
+};
+var Window = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      onClose = _ref.onClose,
+      className = _ref.className,
+      style = _ref.style,
+      onKeyDown = _ref.onKeyDown,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      _ref$disableScrollLoc = _ref.disableScrollLock,
+      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var innerRef = (0, _react.useRef)(null);
+  var handleRef = (0, _useForkRef.default)(innerRef, ref);
+
+  var _useLayerContext = (0, _helpers.useLayerContext)(),
+      _useLayerContext$zInd = _useLayerContext.zIndex,
+      zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {
+      event.preventDefault();
+
+      if (onClose) {
+        onClose();
+      }
+    }
+
+    if (typeof onKeyDown === "function") {
+      onKeyDown(event);
+    }
+  }, [onClose, onKeyDown]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      typeof onClose === "function" && onClose();
+    }; // Dependency is empty because we only want to call onClose when component is unmounted
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
+    returnFocus: returnFocus,
+    disabled: disableFocusLock
+  }, /*#__PURE__*/_react.default.createElement(_reactRemoveScroll.RemoveScroll, {
+    forwardProps: true,
+    ref: handleRef,
+    enabled: !disableScrollLock,
+    noIsolation: true
+  }, /*#__PURE__*/_react.default.createElement(_Style.StyledWindow, _extends({}, rest, {
+    style: _objectSpread({
+      zIndex: zIndex
+    }, style),
+    onKeyDown: handleKeyDown,
+    tabIndex: 0,
+    className: (0, _classnames.default)("c-window", className)
+  }), children))));
+});
+exports.Window = Window;
+Window.displayName = "Window";
+//# sourceMappingURL=Window.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","rest","innerRef","handleRef","zIndex","handleKeyDown","event","defaultPrevented","key","preventDefault","displayName"],"mappings":";;;;;;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,WAAW,GAAG;AAAEC,EAAAA,aAAa,EAAE;AAAjB,CAApB;AAEO,IAAMC,MAAM,gBAAG,uBAIpB,gBAWEC,GAXF,EAYK;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,OASC,QATDA,OASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,mCALDC,gBAKC;AAAA,MALDA,gBAKC,sCALkB,KAKlB;AAAA,mCAJDC,iBAIC;AAAA,MAJDA,iBAIC,sCAJmB,KAInB;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAG,mBAAuB,IAAvB,CAAjB;AACA,MAAMC,SAAS,GAAG,yBAAWD,QAAX,EAAqBT,GAArB,CAAlB;;AACA,yBAA0B,+BAA1B;AAAA,+CAAQW,MAAR;AAAA,MAAQA,MAAR,sCAAiB,IAAjB;;AAEA,MAAMC,aAAa,GAAG,wBACpB,UAACC,KAAD,EAA0C;AACxC,QACE,CAACA,KAAK,CAACC,gBAAP,KACCD,KAAK,CAACE,GAAN,KAAc,KAAd,IAAuBF,KAAK,CAACE,GAAN,KAAc,QADtC,CADF,EAGE;AACAF,MAAAA,KAAK,CAACG,cAAN;;AACA,UAAId,OAAJ,EAAa;AACXA,QAAAA,OAAO;AACR;AACF;;AACD,QAAI,OAAOG,SAAP,KAAqB,UAAzB,EAAqC;AACnCA,MAAAA,SAAS,CAACQ,KAAD,CAAT;AACD;AACF,GAdmB,EAepB,CAACX,OAAD,EAAUG,SAAV,CAfoB,CAAtB;AAkBA,wBAAU,YAAM;AACd,WAAO,YAAY;AACjB,aAAOH,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,KAFD,CADc,CAId;AACA;AACD,GAND,EAMG,EANH;AAQA,sBACE,6BAAC,eAAD,qBACE,6BAAC,uBAAD;AAAW,IAAA,WAAW,EAAEL,WAAxB;AAAqC,IAAA,QAAQ,EAAES;AAA/C,kBACE,6BAAC,+BAAD;AACE,IAAA,YAAY,MADd;AAEE,IAAA,GAAG,EAAEI,SAFP;AAGE,IAAA,OAAO,EAAE,CAACH,iBAHZ;AAIE,IAAA,WAAW;AAJb,kBAME,6BAAC,mBAAD,eACMC,IADN;AAEE,IAAA,KAAK;AAAIG,MAAAA,MAAM,EAANA;AAAJ,OAAeP,KAAf,CAFP;AAGE,IAAA,SAAS,EAAEQ,aAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBT,SAAvB;AALb,MAOGF,QAPH,CANF,CADF,CADF,CADF;AAsBD,CArEmB,CAAf;;AAwEPF,MAAM,CAACkB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\ninterface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = 1300 } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}

package/dist/cjs/components/Window/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Window = require("./Window");
+
+Object.keys(_Window).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Window[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Window[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Window/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Window/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Window\";\n"],"file":"index.js"}