@activecollab/components 1.0.3 → 1.0.7

package/dist/esm/components/Loaders/Spinner/Styles.js

@@ -1,11 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-
-var rotateAnimation = keyframes(["100%{transform:rotate(360deg);}"]);
-var dashAnimation = keyframes(["0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}"]);
-var StyledSpinnerLoader = styled.div.withConfig({
-  displayName: "Styles__StyledSpinnerLoader",
-  componentId: "sc-1ht53g9-0"
-})(["position:relative;width:20px;&:before{content:\"\";display:block;padding-top:100%;}svg{animation:", " 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:var(--color-theme-600);animation:", " 1.5s ease-in-out infinite;stroke-linecap:round;}}"], rotateAnimation, dashAnimation);
-
-export { StyledSpinnerLoader };
-//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Loaders/Spinner/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst rotateAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst dashAnimation = keyframes`\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n`;\n\nexport const StyledSpinnerLoader = styled.div`\n  position: relative;\n  width: 20px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    padding-top: 100%;\n  }\n\n  svg {\n    animation: ${rotateAnimation} 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n\n    circle {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n      stroke: var(--color-theme-600);\n      animation: ${dashAnimation} 1.5s ease-in-out infinite;\n      stroke-linecap: round;\n    }\n  }\n`;\n"],"names":["rotateAnimation","keyframes","dashAnimation","StyledSpinnerLoader","styled","div"],"mappings":";;AAEA,IAAMA,eAAe,GAAGC,SAAH,qCAArB;AAMA,IAAMC,aAAa,GAAGD,SAAH,iKAAnB;IAeaE,mBAAmB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,oYAWfL,eAXe,EA0BbE,aA1Ba;;;;"}

package/dist/esm/components/Menu/Menu.js

@@ -1,109 +0,0 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { MenuContextProvider } from './context/index.js';
-import { StyledMenu } from './Styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Window } from '../Window/Window.js';
-import { Overlay } from '../Overlay/Overlay.js';
-import { Popper } from '../Popper/Popper.js';
-
-var Menu = function Menu(_ref) {
-  var children = _ref.children,
-      _ref$disableFocusLock = _ref.disableFocusLock,
-      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-      onMenuClick = _ref.onMenuClick,
-      _ref$handleScroll = _ref.handleScroll,
-      handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "normal" : _ref$mode,
-      _ref$open = _ref.open,
-      defaultOpen = _ref$open === void 0 ? false : _ref$open,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      onBeforeClose = _ref.onBeforeClose,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? "bottom-start" : _ref$position,
-      target = _ref.target,
-      menuClassName = _ref.menuClassName,
-      popperClassName = _ref.popperClassName,
-      backgroundElementClass = _ref.backgroundElementClass,
-      _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
-      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
-
-  var _useState = useState(defaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childNode = _useState4[0],
-      setChildNode = _useState4[1];
-
-  var elementRef = useRef(null);
-  useEffect(function () {
-    setOpen(defaultOpen);
-  }, [defaultOpen]);
-  var handleRefRef = useForkRef(target ? target.ref : undefined, setChildNode);
-  var handleRef = useForkRef(handleRefRef, elementRef);
-  var handleOpen = useCallback(function (event) {
-    event && event.preventDefault();
-    setOpen(true);
-    typeof onOpen === "function" && onOpen();
-  }, [onOpen]);
-  var handleClose = useCallback(function () {
-    if (typeof onBeforeClose === "function" && !onBeforeClose()) {
-      return;
-    }
-
-    setOpen(false);
-    typeof onClose === "function" && onClose();
-  }, [onClose, onBeforeClose]);
-  var childProps = {
-    forceClose: handleClose
-  };
-  var targetProps = {
-    open: open,
-    ref: handleRef,
-    onClick: handleOpen
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [target && /*#__PURE__*/React.cloneElement(target, targetProps), open ? /*#__PURE__*/jsxs(Window, {
-      onClose: handleClose,
-      disableScrollLock: !handleScroll,
-      disableFocusLock: disableFocusLock,
-      style: {
-        position: windowAbsolutelyPositioned ? "absolute" : "fixed"
-      },
-      children: [/*#__PURE__*/jsx(Overlay, {
-        className: backgroundElementClass,
-        onClick: handleClose,
-        tabIndex: -1
-      }), /*#__PURE__*/jsx(Popper, {
-        anchorEl: childNode,
-        open: childNode ? open : false,
-        placement: position,
-        className: popperClassName,
-        tabIndex: -1,
-        children: /*#__PURE__*/jsx(StyledMenu, {
-          className: classnames("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName),
-          $mode: mode,
-          onMouseDown: onMenuClick,
-          children: /*#__PURE__*/jsx(MenuContextProvider, {
-            value: {
-              open: open,
-              setOpen: setOpen
-            },
-            children: typeof children === "function" ? children(childProps) : children
-          })
-        })
-      })]
-    }) : null]
-  });
-};
-Menu.displayName = "Menu";
-
-export { Menu };
-//# sourceMappingURL=Menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\n// import { Tooltip } from \"../Tooltip\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n      event && event.preventDefault();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n    },\n    [onOpen]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","useState","setOpen","childNode","setChildNode","elementRef","useRef","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","_jsxs","React","cloneElement","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;IA4DaA,IAAe,GAAG,SAAlBA,IAAkB,OAgBzB;AAAA,MAfJC,QAeI,QAfJA,QAeI;AAAA,mCAdJC,gBAcI;AAAA,MAdJA,gBAcI,sCAde,KAcf;AAAA,MAbJC,WAaI,QAbJA,WAaI;AAAA,+BAZJC,YAYI;AAAA,MAZJA,YAYI,kCAZW,IAYX;AAAA,uBAXJC,IAWI;AAAA,MAXJA,IAWI,0BAXG,QAWH;AAAA,uBAVJC,IAUI;AAAA,MAVEC,WAUF,0BAVgB,KAUhB;AAAA,MATJC,MASI,QATJA,MASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,cAMP;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,mCADJC,0BACI;AAAA,MADJA,0BACI,sCADyB,KACzB;;AACJ,kBAAwBC,QAAQ,CAACV,WAAD,CAAhC;AAAA;AAAA,MAAOD,IAAP;AAAA,MAAaY,OAAb;;AACA,mBAAkCD,QAAQ,EAA1C;AAAA;AAAA,MAAOE,SAAP;AAAA,MAAkBC,YAAlB;;AACA,MAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAjB,CAAzB;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdL,IAAAA,OAAO,CAACX,WAAD,CAAP;AACD,GAFQ,EAEN,CAACA,WAAD,CAFM,CAAT;AAIA,MAAMiB,YAAY,GAAGC,UAAU,CAC7Bb,MAAM,GAAGA,MAAM,CAACc,GAAV,GAAgBC,SADO,EAE7BP,YAF6B,CAA/B;AAIA,MAAMQ,SAAS,GAAGH,UAAU,CAACD,YAAD,EAAeH,UAAf,CAA5B;AAEA,MAAMQ,UAAU,GAAGC,WAAW,CAC5B,UAACC,KAAD,EAAwD;AACtDA,IAAAA,KAAK,IAAIA,KAAK,CAACC,cAAN,EAAT;AACAd,IAAAA,OAAO,CAAC,IAAD,CAAP;AACA,WAAOV,MAAP,KAAkB,UAAlB,IAAgCA,MAAM,EAAtC;AACD,GAL2B,EAM5B,CAACA,MAAD,CAN4B,CAA9B;AASA,MAAMyB,WAAW,GAAGH,WAAW,CAAC,YAAM;AACpC,QAAI,OAAOpB,aAAP,KAAyB,UAAzB,IAAuC,CAACA,aAAa,EAAzD,EAA6D;AAC3D;AACD;;AACDQ,IAAAA,OAAO,CAAC,KAAD,CAAP;AACA,WAAOT,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,GAN8B,EAM5B,CAACA,OAAD,EAAUC,aAAV,CAN4B,CAA/B;AAQA,MAAMwB,UAAU,GAAG;AACjBC,IAAAA,UAAU,EAAEF;AADK,GAAnB;AAIA,MAAMG,WAAW,GAAG;AAClB9B,IAAAA,IAAI,EAAJA,IADkB;AAElBoB,IAAAA,GAAG,EAAEE,SAFa;AAGlBS,IAAAA,OAAO,EAAER;AAHS,GAApB;AAMA,sBACES;AAAA,eACG1B,MAAM,iBAAI2B,KAAK,CAACC,YAAN,CAAmB5B,MAAnB,EAA2BwB,WAA3B,CADb,EAEG9B,IAAI,gBACHgC,KAAC,MAAD;AACE,MAAA,OAAO,EAAEL,WADX;AAEE,MAAA,iBAAiB,EAAE,CAAC7B,YAFtB;AAGE,MAAA,gBAAgB,EAAEF,gBAHpB;AAIE,MAAA,KAAK,EAAE;AACLS,QAAAA,QAAQ,EAAEK,0BAA0B,GAAG,UAAH,GAAgB;AAD/C,OAJT;AAAA,8BAQEyB,IAAC,OAAD;AACE,QAAA,SAAS,EAAE1B,sBADb;AAEE,QAAA,OAAO,EAAEkB,WAFX;AAGE,QAAA,QAAQ,EAAE,CAAC;AAHb,QARF,eAaEQ,IAAC,MAAD;AACE,QAAA,QAAQ,EAAEtB,SADZ;AAEE,QAAA,IAAI,EAAEA,SAAS,GAAGb,IAAH,GAAU,KAF3B;AAGE,QAAA,SAAS,EAAEK,QAHb;AAIE,QAAA,SAAS,EAAEG,eAJb;AAKE,QAAA,QAAQ,EAAE,CAAC,CALb;AAAA,+BAOE2B,IAAC,UAAD;AACE,UAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,2BAEDrC,IAFC,GAGnBQ,aAHmB,CADvB;AAME,UAAA,KAAK,EAAER,IANT;AAOE,UAAA,WAAW,EAAEF,WAPf;AAAA,iCASEsC,IAAC,mBAAD;AAAqB,YAAA,KAAK,EAAE;AAAEnC,cAAAA,IAAI,EAAJA,IAAF;AAAQY,cAAAA,OAAO,EAAPA;AAAR,aAA5B;AAAA,sBACG,OAAOjB,QAAP,KAAoB,UAApB,GACGA,QAAQ,CAACiC,UAAD,CADX,GAEGjC;AAHN;AATF;AAPF,QAbF;AAAA,MADG,GAsCD,IAxCN;AAAA,IADF;AA4CD;AAEDD,IAAI,CAAC2C,WAAL,GAAmB,MAAnB;;;;"}

package/dist/esm/components/Menu/MenuFooter.js

@@ -1,27 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { StyledMenuFooter } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "className"];
-
-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; }
-var MenuFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(StyledMenuFooter, _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames("c-menu-footer", className),
-    ref: ref,
-    children: children
-  }));
-});
-MenuFooter.displayName = "MenuFooter";
-
-export { MenuFooter };
-//# sourceMappingURL=MenuFooter.js.map

package/dist/esm/components/Menu/MenuFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuFooter.js","sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"names":["MenuFooter","forwardRef","ref","children","className","props","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAeaA,UAAU,gBAAGC,UAAU,CAClC,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACEC,IAAC,gBAAD,kCACMD,KADN;AAEE,IAAA,SAAS,EAAEE,UAAU,CAAC,eAAD,EAAkBH,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF,GAHP;AAAA,cAKGC;AALH,KADF;AASD,CAlBiC;AAqBpCH,UAAU,CAACQ,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/components/Menu/MenuHeader.js

@@ -1,47 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { Typography } from '../Typography/Typography.js';
-import { StyledMenuHeader } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["title", "className", "leftElement", "rightElement"];
-
-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; }
-var MenuHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var title = _ref.title,
-      className = _ref.className,
-      leftElement = _ref.leftElement,
-      rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsxs(StyledMenuHeader, _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames("c-menu-header", className),
-    ref: ref,
-    children: [leftElement || /*#__PURE__*/jsx("div", {
-      style: {
-        minWidth: "24px"
-      },
-      children: "\xA0"
-    }), /*#__PURE__*/jsx(Typography, {
-      variant: "Body 2",
-      color: "secondary",
-      weight: "bold",
-      overflow: "truncate",
-      className: "tw-mx-1",
-      children: title
-    }), rightElement || /*#__PURE__*/jsx("div", {
-      style: {
-        minWidth: "24px"
-      },
-      children: "\xA0"
-    })]
-  }));
-});
-MenuHeader.displayName = "MenuHeader";
-
-export { MenuHeader };
-//# sourceMappingURL=MenuHeader.js.map

package/dist/esm/components/Menu/MenuHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuHeader.js","sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          className=\"tw-mx-1\"\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"names":["MenuHeader","forwardRef","ref","title","className","leftElement","rightElement","props","_jsxs","classnames","_jsx","minWidth","displayName"],"mappings":";;;;;;;;;;;;;IAYaA,UAAU,gBAAGC,UAAU,CAClC,gBAQEC,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACEC,KAAC,gBAAD,kCACMD,KADN;AAEE,IAAA,SAAS,EAAEE,UAAU,CAAC,eAAD,EAAkBL,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF,GAHP;AAAA,eAKGG,WAAW,iBAAIK;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAZ;AAAA;AAAA,MALlB,eAMED,IAAC,UAAD;AACE,MAAA,OAAO,EAAC,QADV;AAEE,MAAA,KAAK,EAAC,WAFR;AAGE,MAAA,MAAM,EAAC,MAHT;AAIE,MAAA,QAAQ,EAAC,UAJX;AAKE,MAAA,SAAS,EAAC,SALZ;AAAA,gBAOGP;AAPH,MANF,EAeGG,YAAY,iBAAII;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAZ;AAAA;AAAA,MAfnB;AAAA,KADF;AAmBD,CA9BiC;AAiCpCX,UAAU,CAACY,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/components/Menu/Styles.js

@@ -1,49 +0,0 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-import { Bubble } from '../Bubble/Bubble.js';
-
-var StyledMenu = styled(Bubble).withConfig({
-  displayName: "Styles__StyledMenu",
-  componentId: "sc-8fhkp-0"
-})(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
-  "backgroundColor": "var(--page-paper-main)",
-  "borderColor": "var(--border-primary)",
-  "marginTop": "0.25rem",
-  "marginBottom": "0.25rem",
-  "overflow": "auto"
-}, FontStyle, BoxSizingStyle, function (props) {
-  return props.$mode === "normal" && css(["width:260px;"]);
-}, function (props) {
-  return props.$mode === "wider" && css(["width:350px;"]);
-}, function (props) {
-  return props.$mode === "tiny" && css(["width:180px;"]);
-});
-StyledMenu.displayName = "StyledMenu";
-var StyledMenuFooter = styled.div.withConfig({
-  displayName: "Styles__StyledMenuFooter",
-  componentId: "sc-8fhkp-1"
-})(["", " display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"], {
-  "display": "flex",
-  "paddingLeft": "0.5rem",
-  "paddingRight": "0.5rem",
-  "paddingTop": "0.25rem",
-  "paddingBottom": "0.25rem"
-});
-StyledMenuFooter.displayName = "StyledMenuFooter";
-var StyledMenuHeader = styled.div.withConfig({
-  displayName: "Styles__StyledMenuHeader",
-  componentId: "sc-8fhkp-2"
-})(["", " border-bottom:1px solid var(--border-primary);height:32px;"], {
-  "display": "flex",
-  "alignItems": "center",
-  "justifyContent": "space-between",
-  "paddingLeft": "0.5rem",
-  "paddingRight": "0.5rem",
-  "paddingTop": "0.25rem",
-  "paddingBottom": "0.25rem"
-});
-StyledMenuHeader.displayName = "StyledMenuHeader";
-
-export { StyledMenu, StyledMenuFooter, StyledMenuHeader };
-//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Menu/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"names":["StyledMenu","styled","Bubble","FontStyle","BoxSizingStyle","props","$mode","css","displayName","StyledMenuFooter","div","StyledMenuHeader"],"mappings":";;;;;IAMaA,UAAU,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,kGACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,EAGnBC,SAHmB,EAInBC,cAJmB,EAYnB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,QAAhB,IACAC,GADA,kBADA;AAAA,CAZmB,EAkBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAC,GADA,kBADA;AAAA,CAlBmB,EAwBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,MAAhB,IACAC,GADA,kBADA;AAAA,CAxBmB;AA8BvBP,UAAU,CAACQ,WAAX,GAAyB,YAAzB;IAEaC,gBAAgB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,qGACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB;AAQ7BD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;IAEaG,gBAAgB,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,wEACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB;AAM7BC,gBAAgB,CAACH,WAAjB,GAA+B,kBAA/B;;;;"}

package/dist/esm/components/Menu/context/index.js

@@ -1,11 +0,0 @@
-import { useContext, createContext } from 'react';
-
-var MenuContext = /*#__PURE__*/createContext({});
-var MenuContextProvider = MenuContext.Provider;
-MenuContext.Consumer;
-var useMenuContext = function useMenuContext() {
-  return useContext(MenuContext);
-};
-
-export { MenuContextProvider, MenuContext as default, useMenuContext };
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Menu/context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Menu/context/index.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n"],"names":["MenuContext","createContext","MenuContextProvider","Provider","Consumer","useMenuContext","useContext"],"mappings":";;IAOMA,WAAW,gBAAGC,aAAa,CAAe,EAAf;IAEpBC,mBAAmB,GAAGF,WAAW,CAACG;AACZH,WAAW,CAACI;IAElCC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAoBC,UAAU,CAACN,WAAD,CAA9B;AAAA;;;;"}

package/dist/esm/components/MenuSelector/MenuSelector.js

@@ -1,50 +0,0 @@
-import { useCallback } from 'react';
-import classnames from 'classnames';
-import { StyledMenuSelector, StyledMenuSelectorInner, StyledMenuSelectorBack, StyledMenuSelectorDots } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Input } from '../Input/Input.js';
-
-var MenuSelector = function MenuSelector(_ref) {
-  var defaultValue = _ref.defaultValue,
-      children = _ref.children,
-      placeholder = _ref.placeholder,
-      onChange = _ref.onChange,
-      onBack = _ref.onBack,
-      onEdit = _ref.onEdit,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-      className = _ref.className,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
-  var handleChange = useCallback(function (e) {
-    if (typeof onChange === "function") {
-      onChange(e.target.value);
-    }
-  }, [onChange]);
-  return /*#__PURE__*/jsxs(StyledMenuSelector, {
-    className: classnames("c-menu-selector", className),
-    children: [/*#__PURE__*/jsxs(StyledMenuSelectorInner, {
-      children: [typeof onBack === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorBack, {
-        onClick: onBack,
-        width: "16px",
-        height: "16px"
-      }) : null, /*#__PURE__*/jsx(Input, {
-        onChange: handleChange,
-        placeholder: placeholder,
-        autoFocus: autoFocus,
-        defaultValue: defaultValue,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        autoComplete: autoComplete ? "on" : "off"
-      }), typeof onEdit === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorDots, {
-        onClick: onEdit
-      }) : null]
-    }), children]
-  });
-};
-MenuSelector.displayName = "MenuSelector";
-
-export { MenuSelector };
-//# sourceMappingURL=MenuSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuSelector.js","sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<IMenuSelector> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"names":["MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","useCallback","e","target","value","_jsxs","classNames","_jsx","displayName"],"mappings":";;;;;;IAiCaA,YAA+B,GAAG,SAAlCA,YAAkC,OAYzC;AAAA,MAXJC,YAWI,QAXJA,YAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,KAKR;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,KACX;AACJ,MAAMC,YAAY,GAAGC,WAAW,CAC9B,UAACC,CAAD,EAAsC;AACpC,QAAI,OAAOV,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACU,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GAL6B,EAM9B,CAACZ,QAAD,CAN8B,CAAhC;AASA,sBACEa,KAAC,kBAAD;AAAoB,IAAA,SAAS,EAAEC,UAAU,CAAC,iBAAD,EAAoBV,SAApB,CAAzC;AAAA,4BACES,KAAC,uBAAD;AAAA,iBACG,OAAOZ,MAAP,KAAkB,UAAlB,gBACCc,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEd,MAAjC;AAAyC,QAAA,KAAK,EAAC,MAA/C;AAAsD,QAAA,MAAM,EAAC;AAA7D,QADD,GAEG,IAHN,eAIEc,IAAC,KAAD;AACE,QAAA,QAAQ,EAAEP,YADZ;AAEE,QAAA,WAAW,EAAET,WAFf;AAGE,QAAA,SAAS,EAAEI,SAHb;AAIE,QAAA,YAAY,EAAEN,YAJhB;AAKE,QAAA,OAAO,EAAEQ,OALX;AAME,QAAA,MAAM,EAAEC,MANV;AAOE,QAAA,YAAY,EAAEC,YAAY,GAAG,IAAH,GAAU;AAPtC,QAJF,EAaG,OAAOL,MAAP,KAAkB,UAAlB,gBACCa,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEb;AAAjC,QADD,GAEG,IAfN;AAAA,MADF,EAkBGJ,QAlBH;AAAA,IADF;AAsBD;AAEDF,YAAY,CAACoB,WAAb,GAA2B,cAA3B;;;;"}

package/dist/esm/components/MenuSelector/Styles.js

@@ -1,42 +0,0 @@
-import styled from 'styled-components';
-import { FontStyle } from '../FontStyle.js';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import ArrowBackIcon from '../Icons/collection/ArrowBack.js';
-import TreeDotsIcon from '../Icons/collection/TreeDots.js';
-
-var StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
-  displayName: "Styles__StyledMenuSelectorDots",
-  componentId: "sc-1x7qbnu-0"
-})(["", ""], {
-  "cursor": "pointer",
-  "flexShrink": "0",
-  "marginLeft": "0.5rem"
-});
-StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-var StyledMenuSelectorBack = styled(ArrowBackIcon).withConfig({
-  displayName: "Styles__StyledMenuSelectorBack",
-  componentId: "sc-1x7qbnu-1"
-})(["", ""], {
-  "cursor": "pointer",
-  "stroke": "currentColor",
-  "flexShrink": "0",
-  "marginRight": "0.5rem"
-});
-StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
-var StyledMenuSelector = styled.div.withConfig({
-  displayName: "Styles__StyledMenuSelector",
-  componentId: "sc-1x7qbnu-2"
-})(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
-StyledMenuSelector.displayName = "StyledMenuSelector";
-var StyledMenuSelectorInner = styled.div.withConfig({
-  displayName: "Styles__StyledMenuSelectorInner",
-  componentId: "sc-1x7qbnu-3"
-})(["", ""], {
-  "display": "flex",
-  "alignItems": "center",
-  "margin": "1rem"
-});
-StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
-
-export { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner };
-//# sourceMappingURL=Styles.js.map

package/dist/esm/components/MenuSelector/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"names":["StyledMenuSelectorDots","styled","TreeDotsIcon","displayName","StyledMenuSelectorBack","ArrowBackIcon","StyledMenuSelector","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;IAOaA,sBAAsB,GAAGC,MAAM,CAACC,YAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,sBAAsB,GAAGH,MAAM,CAACI,aAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B;AAInCD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;IAEaG,kBAAkB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,gDAC3BC,cAD2B,EAE3BC,SAF2B;AAO/BH,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;IAEaO,uBAAuB,GAAGT,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B;AAIpCG,uBAAuB,CAACP,WAAxB,GAAsC,yBAAtC;;;;"}

package/dist/esm/components/Modal/Modal.js

@@ -1,107 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, cloneElement } from 'react';
-import useForkRef from '../../utils/useForkRef.js';
-import createChainedFunction from '../../utils/createChainedFunction.js';
-import { StyledModalOverlay } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Window } from '../Window/Window.js';
-
-var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
-
-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; }
-
-var getHasTransition = function getHasTransition(children) {
-  return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
-};
-
-var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      _ref$disableFocusLock = _ref.disableFocusLock,
-      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-      _ref$disableScrollLoc = _ref.disableScrollLock,
-      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-      _ref$disableBackgroun = _ref.disableBackgroundClick,
-      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
-      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$open = _ref.open,
-      defaultOpen = _ref$open === void 0 ? false : _ref$open,
-      onClose = _ref.onClose,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useState = useState(defaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      exited = _useState4[0],
-      setExited = _useState4[1];
-
-  var innerRef = useRef(null);
-  var handleRef = useForkRef(innerRef, ref);
-  var hasTransition = useMemo(function () {
-    return getHasTransition(children);
-  }, [children]);
-  useEffect(function () {
-    setOpen(defaultOpen);
-  }, [defaultOpen]);
-  var handleClose = useCallback(function () {
-    setOpen(false);
-
-    if (!hasTransition) {
-      typeof onClose === "function" && onClose();
-    }
-  }, [hasTransition, onClose]);
-  var handleBackgroundClick = useCallback(function (event) {
-    if (!disableBackgroundClick) {
-      event.preventDefault();
-      handleClose();
-    }
-  }, [disableBackgroundClick, handleClose]);
-  var handleEnter = useCallback(function () {
-    setExited(false);
-  }, []);
-  var handleExited = useCallback(function () {
-    setExited(true);
-    typeof onClose === "function" && onClose();
-  }, [onClose]);
-  var childProps = useMemo(function () {
-    var props = {}; // It's a Transition like component
-
-    if (hasTransition && children) {
-      props = {
-        onEnter: createChainedFunction(handleEnter, children.props.onEnter),
-        onExited: createChainedFunction(handleExited, children.props.onExited),
-        in: open
-      };
-    }
-
-    return props;
-  }, [children, handleEnter, handleExited, hasTransition, open]);
-
-  if (!open && (!hasTransition || exited)) {
-    return null;
-  }
-
-  return /*#__PURE__*/jsxs(Window, _objectSpread(_objectSpread({}, rest), {}, {
-    ref: handleRef,
-    onClose: handleClose,
-    disableFocusLock: disableFocusLock,
-    disableScrollLock: disableScrollLock,
-    children: [/*#__PURE__*/jsx(StyledModalOverlay, {
-      onClick: handleBackgroundClick,
-      $disableBackgroundColor: disableBackgroundColor,
-      $open: open
-    }), /*#__PURE__*/cloneElement(children, childProps)]
-  }));
-});
-Modal.displayName = "Modal";
-
-export { Modal };
-//# sourceMappingURL=Modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledModalOverlay\n          onClick={handleBackgroundClick}\n          $disableBackgroundColor={disableBackgroundColor}\n          $open={open}\n        />\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","forwardRef","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","useState","setOpen","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","_jsxs","_jsx","cloneElement","displayName"],"mappings":"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"}

package/dist/esm/components/Modal/Styles.js

@@ -1,17 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Overlay } from '../Overlay/Overlay.js';
-
-var StyledModalOverlay = styled(Overlay).withConfig({
-  displayName: "Styles__StyledModalOverlay",
-  componentId: "sc-1elktgs-0"
-})(["", " ", ""], function (props) {
-  return !props.$open && css(["", ""], {
-    "display": "none"
-  });
-}, function (props) {
-  return !props.$disableBackgroundColor && css(["background:var(--modal-background);"]);
-});
-StyledModalOverlay.displayName = "StyledModalOverlay";
-
-export { StyledModalOverlay };
-//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Modal/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Modal/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n  $open: boolean;\n  $disableBackgroundColor: boolean;\n}>`\n  ${(props) =>\n    !props.$open &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n    `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n"],"names":["StyledModalOverlay","styled","Overlay","props","$open","css","$disableBackgroundColor","displayName"],"mappings":";;;IAIaA,kBAAkB,GAAGC,MAAM,CAACC,OAAD,CAAT;AAAA;AAAA;AAAA,kBAI3B,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,KAAP,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAJ2B,EAU3B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,uBAAP,IACAD,GADA,yCADA;AAAA,CAV2B;AAiB/BL,kBAAkB,CAACO,WAAnB,GAAiC,oBAAjC;;;;"}