@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/componentsV2/Paper/Paper.js

@@ -0,0 +1,33 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { Paper as Paper$1 } from '@material-ui/core';
+import classNames from 'classnames';
+import styles from './Paper.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "className", "testId", "onMouseLeave", "onMouseEnter"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Paper = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    testId = _ref.testId,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseEnter = _ref.onMouseEnter,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Paper$1, _objectSpread(_objectSpread({
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    ref: ref,
+    tabIndex: -1,
+    elevation: 0,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, rest), {}, {
+    children: children
+  }));
+});
+
+export { Paper };
+//# sourceMappingURL=Paper.js.map

package/componentsV2/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../src/componentsV2/Paper/Paper.tsx"],"sourcesContent":["import { forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport { Paper as MuiPaper } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './Paper.scss';\n\nexport type PaperProps = {\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(\n  (\n    {\n      children,\n      className,\n      testId,\n      onMouseLeave,\n      onMouseEnter,\n      // Needed for animations\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <MuiPaper\n        className={classNames(styles.root, className)}\n        data-testid={testId}\n        ref={ref}\n        tabIndex={-1}\n        elevation={0}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...rest}\n      >\n        {children}\n      </MuiPaper>\n    );\n  }\n);\n"],"names":["Paper","forwardRef","ref","children","className","testId","onMouseLeave","onMouseEnter","rest","_jsx","MuiPaper","classNames","styles","root"],"mappings":";;;;;;;;;;;IAmBaA,KAAK,GAAGC,UAAU,CAC7B,UAAA,IAAA,EAUEC,GAAG,EACA;EAAA,IATDC,QAAQ,QAARA,QAAQ;AACRC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,YAAY,QAAZA,YAAY;IAETC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAIT,EAAA,oBACEC,IAACC,OAAQ,EAAA,aAAA,CAAA,aAAA,CAAA;IACP,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAET,SAAS,CAAE;AAC9C,IAAA,aAAA,EAAaC,MAAO;AACpB,IAAA,GAAG,EAAEH,GAAI;IACT,QAAQ,EAAE,CAAC,CAAE;AACb,IAAA,SAAS,EAAE,CAAE;AACb,IAAA,YAAY,EAAEK,YAAa;AAC3B,IAAA,YAAY,EAAED,YAAAA;AAAa,GAAA,EACvBE,IAAI,CAAA,EAAA,EAAA,EAAA;IAAA,QAEPL,EAAAA,QAAAA;GACQ,CAAA,CAAA,CAAA;AAEf,CAAC;;;;"}

package/componentsV2/Paper/Paper.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Paper_root__BtJlH {\n  outline: none;\n  background: var(--palette-background-b-7) !important;\n  border-radius: 8px !important;\n  --corvaui-background: var(--palette-background-b-7);\n}";
+var styles = {"spacing":"8","root":"Paper_root__BtJlH"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Paper.scss.js.map

package/componentsV2/Paper/Paper.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Popover/Popover.js

@@ -0,0 +1,126 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef, useCallback, useEffect, useMemo } from 'react';
+import { Grow } from '@material-ui/core';
+import classNames from 'classnames';
+import { Popper } from '../Popper/Popper.js';
+import { Paper } from '../Paper/Paper.js';
+import { disableScroll } from './utils.js';
+import styles from './Popover.scss.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Popover = function Popover(_ref) {
+  var _children = _ref.children,
+    open = _ref.open,
+    onClose = _ref.onClose,
+    className = _ref.className,
+    _ref$closeOnBackdropC = _ref.closeOnBackdropClick,
+    closeOnBackdropClick = _ref$closeOnBackdropC === void 0 ? true : _ref$closeOnBackdropC,
+    _ref$closeOnEscape = _ref.closeOnEscape,
+    closeOnEscape = _ref$closeOnEscape === void 0 ? true : _ref$closeOnEscape,
+    _ref$backdrop = _ref.backdrop,
+    backdrop = _ref$backdrop === void 0 ? true : _ref$backdrop,
+    anchorEl = _ref.anchorEl,
+    _ref$preventScroll = _ref.preventScroll,
+    preventScroll = _ref$preventScroll === void 0 ? true : _ref$preventScroll,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseEnter = _ref.onMouseEnter,
+    _ref$flip = _ref.flip,
+    flip = _ref$flip === void 0 ? true : _ref$flip;
+  var popperRef = useRef(null);
+  var contentRef = useRef(null);
+  var observerRef = useRef(new ResizeObserver(function () {
+    var _popperRef$current;
+    (_popperRef$current = popperRef.current) === null || _popperRef$current === void 0 ? void 0 : _popperRef$current.scheduleUpdate();
+  }));
+  var backdropClickCloseHandler = useCallback(function () {
+    if (onClose && closeOnBackdropClick) {
+      onClose('backdropClick');
+    }
+  }, [onClose, closeOnBackdropClick]);
+
+  // Escape key close
+  useEffect(function () {
+    var handler = function handler(event) {
+      if (event.key === 'Escape' || event.key === 'Esc') {
+        onClose === null || onClose === void 0 ? void 0 : onClose('escapeKey');
+      }
+    };
+    if (open && closeOnEscape) {
+      document.addEventListener('keydown', handler);
+      return function () {
+        document.removeEventListener('keydown', handler);
+      };
+    }
+    return function () {};
+  }, [onClose, closeOnEscape, open]);
+
+  // Block scrolling
+  useEffect(function () {
+    if (open && preventScroll) {
+      return disableScroll(document.body);
+    }
+    return function () {};
+  }, [open, preventScroll]);
+  var modifiers = useMemo(function () {
+    return {
+      flip: {
+        enabled: flip
+      }
+    };
+  }, [flip]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [backdrop && /*#__PURE__*/jsx(Popper, {
+      open: open,
+      className: styles.root,
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.backdrop,
+        onClick: backdropClickCloseHandler
+      })
+    }), /*#__PURE__*/jsx(Popper, {
+      open: open,
+      anchorEl: anchorEl,
+      placement: placement,
+      className: styles.root,
+      transition: true,
+      popperRef: popperRef,
+      modifiers: modifiers,
+      children: function children(_ref2) {
+        var TransitionProps = _ref2.TransitionProps;
+        return /*#__PURE__*/jsx(Grow, _objectSpread(_objectSpread({}, TransitionProps), {}, {
+          timeout: "auto",
+          disableStrictModeCompat: true,
+          onEntered: function onEntered() {
+            var _TransitionProps$onEn;
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            TransitionProps === null || TransitionProps === void 0 ? void 0 : (_TransitionProps$onEn = TransitionProps.onEntered) === null || _TransitionProps$onEn === void 0 ? void 0 : _TransitionProps$onEn.call.apply(_TransitionProps$onEn, [TransitionProps].concat(args));
+            observerRef.current.observe(args[0]);
+          },
+          onExit: function onExit() {
+            var _TransitionProps$onEx;
+            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              args[_key2] = arguments[_key2];
+            }
+            TransitionProps === null || TransitionProps === void 0 ? void 0 : (_TransitionProps$onEx = TransitionProps.onExit) === null || _TransitionProps$onEx === void 0 ? void 0 : _TransitionProps$onEx.call.apply(_TransitionProps$onEx, [TransitionProps].concat(args));
+            observerRef.current.disconnect();
+          },
+          children: /*#__PURE__*/jsx(Paper, {
+            className: classNames(styles.paper, className),
+            onMouseEnter: onMouseEnter,
+            onMouseLeave: onMouseLeave,
+            ref: contentRef,
+            children: _children
+          })
+        }));
+      }
+    })]
+  });
+};
+
+export { Popover };
+//# sourceMappingURL=Popover.js.map

package/componentsV2/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper } from '../Paper';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, or a function that returns it. It's used to set the position of the popover.\n   */\n  anchorEl?: HTMLElement | (() => HTMLElement) | null;\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  className?: string;\n};\n\nexport const Popover = ({\n  children,\n  open,\n  onClose,\n  className,\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  backdrop = true,\n  anchorEl,\n  preventScroll = true,\n  placement = 'bottom-start',\n  onMouseLeave,\n  onMouseEnter,\n  flip = true,\n}: PopoverProps) => {\n  const popperRef = useRef<PopperJs>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const observerRef = useRef(\n    new ResizeObserver(() => {\n      popperRef.current?.scheduleUpdate();\n    })\n  );\n\n  const backdropClickCloseHandler = useCallback(() => {\n    if (onClose && closeOnBackdropClick) {\n      onClose('backdropClick');\n    }\n  }, [onClose, closeOnBackdropClick]);\n\n  // Escape key close\n  useEffect(() => {\n    const handler = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' || event.key === 'Esc') {\n        onClose?.('escapeKey');\n      }\n    };\n\n    if (open && closeOnEscape) {\n      document.addEventListener('keydown', handler);\n\n      return () => {\n        document.removeEventListener('keydown', handler);\n      };\n    }\n\n    return () => {};\n  }, [onClose, closeOnEscape, open]);\n\n  // Block scrolling\n  useEffect(() => {\n    if (open && preventScroll) {\n      return disableScroll(document.body);\n    }\n\n    return () => {};\n  }, [open, preventScroll]);\n\n  const modifiers = useMemo(\n    () => ({\n      flip: {\n        enabled: flip,\n      },\n    }),\n    [flip]\n  );\n\n  return (\n    <>\n      {backdrop && (\n        <Popper open={open} className={styles.root}>\n          <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n        </Popper>\n      )}\n      <Popper\n        open={open}\n        anchorEl={anchorEl}\n        placement={placement}\n        className={styles.root}\n        transition\n        popperRef={popperRef}\n        modifiers={modifiers}\n      >\n        {({ TransitionProps }) => (\n          <Grow\n            {...TransitionProps}\n            timeout=\"auto\"\n            disableStrictModeCompat\n            onEntered={(...args) => {\n              TransitionProps?.onEntered?.(...args);\n              observerRef.current.observe(args[0]);\n            }}\n            onExit={(...args) => {\n              TransitionProps?.onExit?.(...args);\n              observerRef.current.disconnect();\n            }}\n          >\n            <Paper\n              className={classNames(styles.paper, className)}\n              onMouseEnter={onMouseEnter}\n              onMouseLeave={onMouseLeave}\n              ref={contentRef}\n            >\n              {children}\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </>\n  );\n};\n"],"names":["Popover","children","open","onClose","className","closeOnBackdropClick","closeOnEscape","backdrop","anchorEl","preventScroll","placement","onMouseLeave","onMouseEnter","flip","popperRef","useRef","contentRef","observerRef","ResizeObserver","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","_jsxs","_Fragment","_jsx","styles","root","TransitionProps","args","onEntered","observe","onExit","disconnect","classNames","paper"],"mappings":"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"}

package/componentsV2/Popover/Popover.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Popover_root__jbuJL {\n  z-index: 1300;\n}\n\n.Popover_backdrop__MLBZb {\n  position: fixed;\n  inset: 0;\n}\n\n.Popover_paper__wjJL5 {\n  outline: 0;\n  max-width: calc(100vw - 32px);\n  max-height: calc(100vh - 32px);\n  min-width: 16px;\n  min-height: 16px;\n  overflow-x: hidden;\n  overflow-y: auto;\n}";
+var styles = {"root":"Popover_root__jbuJL","backdrop":"Popover_backdrop__MLBZb","paper":"Popover_paper__wjJL5"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Popover.scss.js.map

package/componentsV2/Popover/Popover.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Popover/utils.js

@@ -0,0 +1,76 @@
+// Credit https://github.com/twbs/bootstrap/blob/488fd8afc535ca3a6ad4dc581f5e89217b6a36ac/js/src/util/scrollbar.js#L14-L18
+var getScrollbarSize = function getScrollbarSize() {
+  var win = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
+  var documentWidth = win.document.documentElement.clientWidth;
+  return win.innerWidth - documentWidth;
+};
+
+// Simplified version of https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Modal/ModalManager.ts
+var isOverflowing = function isOverflowing(container) {
+  if (document.body === container) {
+    return window.innerWidth > document.documentElement.clientWidth;
+  }
+  return container.scrollHeight > container.clientHeight;
+};
+function getPaddingRight(element) {
+  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
+}
+
+/**
+ * Properly disables scroll on `container`
+ * @param container
+ * @param preventScroll
+ */
+var disableScroll = function disableScroll(container) {
+  var restoreStyle = [];
+  if (isOverflowing(container)) {
+    // Compute the size before applying overflow hidden to avoid any scroll jumps.
+    var scrollbarSize = getScrollbarSize(window);
+    restoreStyle.push({
+      value: container.style.paddingRight,
+      property: 'padding-right',
+      el: container
+    });
+    // Use computed style, here to get the real padding to add our scrollbar width.
+    // eslint-disable-next-line no-param-reassign
+    container.style.paddingRight = "".concat(getPaddingRight(container) + scrollbarSize, "px");
+  }
+
+  // Support html overflow-y: auto for scroll stability between pages
+  // https://css-tricks.com/snippets/css/force-vertical-scrollbar/
+  var parent = container.parentElement;
+  var scrollContainer = (parent === null || parent === void 0 ? void 0 : parent.nodeName) === 'HTML' && window.getComputedStyle(parent).overflowY === 'scroll' ? parent : container;
+
+  // Block the scroll even if no scrollbar is visible to account for mobile keyboard
+  // screensize shrink.
+  restoreStyle.push({
+    value: scrollContainer.style.overflow,
+    property: 'overflow',
+    el: scrollContainer
+  }, {
+    value: scrollContainer.style.overflowX,
+    property: 'overflow-x',
+    el: scrollContainer
+  }, {
+    value: scrollContainer.style.overflowY,
+    property: 'overflow-y',
+    el: scrollContainer
+  });
+  scrollContainer.style.overflow = 'hidden';
+  return function () {
+    restoreStyle.forEach(function (_ref) {
+      var value = _ref.value,
+        el = _ref.el,
+        property = _ref.property;
+      if (value) {
+        el.style.setProperty(property, value);
+      } else {
+        el.style.removeProperty(property);
+      }
+    });
+  };
+};
+
+export { disableScroll };
+//# sourceMappingURL=utils.js.map

package/componentsV2/Popover/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/componentsV2/Popover/utils.ts"],"sourcesContent":["// Credit https://github.com/twbs/bootstrap/blob/488fd8afc535ca3a6ad4dc581f5e89217b6a36ac/js/src/util/scrollbar.js#L14-L18\nconst getScrollbarSize = (win: Window = window): number => {\n  // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n  const documentWidth = win.document.documentElement.clientWidth;\n  return win.innerWidth - documentWidth;\n};\n\n// Simplified version of https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Modal/ModalManager.ts\nconst isOverflowing = (container: HTMLElement): boolean => {\n  if (document.body === container) {\n    return window.innerWidth > document.documentElement.clientWidth;\n  }\n\n  return container.scrollHeight > container.clientHeight;\n};\n\nfunction getPaddingRight(element: HTMLElement): number {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;\n}\n\n/**\n * Properly disables scroll on `container`\n * @param container\n * @param preventScroll\n */\nexport const disableScroll = (container: HTMLElement) => {\n  const restoreStyle: Array<{\n    /**\n     * CSS property name (HYPHEN CASE) to be modified.\n     */\n    property: string;\n    el: HTMLElement;\n    value: string;\n  }> = [];\n\n  if (isOverflowing(container)) {\n    // Compute the size before applying overflow hidden to avoid any scroll jumps.\n    const scrollbarSize = getScrollbarSize(window);\n\n    restoreStyle.push({\n      value: container.style.paddingRight,\n      property: 'padding-right',\n      el: container,\n    });\n    // Use computed style, here to get the real padding to add our scrollbar width.\n    // eslint-disable-next-line no-param-reassign\n    container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`;\n  }\n\n  // Support html overflow-y: auto for scroll stability between pages\n  // https://css-tricks.com/snippets/css/force-vertical-scrollbar/\n  const parent = container.parentElement;\n  const scrollContainer =\n    parent?.nodeName === 'HTML' && window.getComputedStyle(parent).overflowY === 'scroll'\n      ? parent\n      : container;\n\n  // Block the scroll even if no scrollbar is visible to account for mobile keyboard\n  // screensize shrink.\n  restoreStyle.push(\n    {\n      value: scrollContainer.style.overflow,\n      property: 'overflow',\n      el: scrollContainer,\n    },\n    {\n      value: scrollContainer.style.overflowX,\n      property: 'overflow-x',\n      el: scrollContainer,\n    },\n    {\n      value: scrollContainer.style.overflowY,\n      property: 'overflow-y',\n      el: scrollContainer,\n    }\n  );\n\n  scrollContainer.style.overflow = 'hidden';\n\n  return () => {\n    restoreStyle.forEach(({ value, el, property }) => {\n      if (value) {\n        el.style.setProperty(property, value);\n      } else {\n        el.style.removeProperty(property);\n      }\n    });\n  };\n};\n"],"names":["getScrollbarSize","win","window","documentWidth","document","documentElement","clientWidth","innerWidth","isOverflowing","container","body","scrollHeight","clientHeight","getPaddingRight","element","parseInt","getComputedStyle","paddingRight","disableScroll","restoreStyle","scrollbarSize","push","value","style","property","el","parent","parentElement","scrollContainer","nodeName","overflowY","overflow","overflowX","forEach","setProperty","removeProperty"],"mappings":"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"}

package/componentsV2/Popper/Popper.js

@@ -0,0 +1,45 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Popper as Popper$1 } from '@material-ui/core';
+import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
+import { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import { useIsInsideDcFullscreenElem, IsInsideDcFullscreenElemProvider } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "open"],
+  _excluded2 = ["popperRef"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function DcPopper(_ref) {
+  var children = _ref.children,
+    isOpen = _ref.open,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
+      isOpen: isOpen
+    }),
+    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
+  var ownChildren = typeof children === 'function' ? function () {
+    return /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+      children: children.apply(void 0, arguments)
+    });
+  } : /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+    children: children
+  });
+  return /*#__PURE__*/jsx(Popper$1, _objectSpread(_objectSpread({}, otherProps), {}, {
+    open: delayedIsOpen,
+    children: ownChildren
+  }));
+}
+function Popper(_ref2) {
+  var popperRef = _ref2.popperRef,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  var isInsideDcApp = useIsInsideIsolatedDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : Popper$1;
+  return /*#__PURE__*/jsx(PopperComponent, _objectSpread(_objectSpread({}, restProps), {}, {
+    popperRef: popperRef
+  }));
+}
+
+export { Popper };
+//# sourceMappingURL=Popper.js.map

package/componentsV2/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sources":["../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n  Popper as MuiPopper,\n  PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\n\nexport type PopperProps = {\n  /**\n   * Contents of the popover\n   */\n  children:\n    | ReactNode\n    | ((props: {\n        placement: MuiPopperPlacementType;\n        TransitionProps?: TransitionProps;\n      }) => ReactNode);\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl?: HTMLElement | (() => HTMLElement) | null;\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n\n  /**\n   * Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n   */\n  modifiers?: object;\n\n  /**\n   * Element where Popper will mount. Default - `document.body`\n   */\n  container?: HTMLElement;\n\n  /**\n   * Help supporting a react-transition-group/Transition component\n   */\n  transition?: boolean;\n\n  className?: string;\n\n  /**\n   * Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n   */\n  popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n  const ownChildren: PopperProps['children'] =\n    typeof children === 'function' ? (\n      (...args) => (\n        <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n      )\n    ) : (\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    );\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      {ownChildren}\n    </MuiPopper>\n  );\n}\n\nexport function Popper({ popperRef, ...restProps }: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...restProps} popperRef={popperRef} />;\n}\n"],"names":["DcPopper","children","isOpen","open","otherProps","useDelayedDcFullscreenElemOpen","delayedIsOpen","ownChildren","_jsx","MuiPopper","Popper","popperRef","restProps","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","PopperComponent"],"mappings":";;;;;;;;;;;;AAuEA,SAASA,QAAQ,CAAyD,IAAA,EAAA;EAAA,IAAtDC,QAAQ,QAARA,QAAQ;AAAQC,IAAAA,MAAM,QAAZC,IAAI;IAAaC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACvD,EAAA,IAAA,qBAAA,GAA0BC,8BAA8B,CAAC;AAAEH,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC;AAA5DI,IAAAA,aAAa,yBAAbA,aAAa,CAAA;AAErB,EAAA,IAAMC,WAAoC,GACxC,OAAON,QAAQ,KAAK,UAAU,GAC5B,YAAA;AAAA,IAAA,oBACEO,IAAC,gCAAgC,EAAA;AAAA,MAAA,QAAA,EAAEP,QAAQ,CAAA,KAAA,CAAA,KAAA,CAAA,EAAA,SAAA,CAAA;KAA6C,CAAA,CAAA;GACzF,gBAEDO,IAAC,gCAAgC,EAAA;IAAA,QAAEP,EAAAA,QAAAA;GACpC,CAAA,CAAA;EAEH,oBACEO,GAAA,CAACC,QAAS,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,IAAI,EAAEE,aAAc;IAAA,QAC5CC,EAAAA,WAAAA;GACS,CAAA,CAAA,CAAA;AAEhB,CAAA;AAEO,SAASG,MAAM,CAA2C,KAAA,EAAA;EAAA,IAAxCC,SAAS,SAATA,SAAS;IAAKC,SAAS,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;EAC9C,IAAMC,aAAa,GAAGC,wBAAwB,EAAE,CAAA;EAChD,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,eAAe,GAAGJ,aAAa,IAAI,CAACE,wBAAwB,GAAGf,QAAQ,GAAGS,QAAS,CAAA;EAEzF,oBAAOD,GAAA,CAAC,eAAe,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKI,SAAS,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,SAAS,EAAED,SAAAA;GAAa,CAAA,CAAA,CAAA;AACjE;;;;"}

package/componentsV2/Radio/Radio.js

@@ -0,0 +1,34 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, useCallback } from 'react';
+import { Radio as Radio$1 } from '@material-ui/core';
+import { RadioAndCheckboxLabel } from '../RadioAndCheckboxLabel/RadioAndCheckboxLabel.js';
+import styles from '../RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onChange", "labelPlacement", "size"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Radio = forwardRef(function (_ref, ref) {
+  var onChange = _ref.onChange,
+    _ref$labelPlacement = _ref.labelPlacement,
+    labelPlacement = _ref$labelPlacement === void 0 ? 'end' : _ref$labelPlacement,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var onChangeHandler = useCallback(function (event) {
+    return onChange === null || onChange === void 0 ? void 0 : onChange(event.target.checked, event);
+  }, [onChange]);
+  return /*#__PURE__*/jsx(RadioAndCheckboxLabel, _objectSpread({
+    control: /*#__PURE__*/jsx(Radio$1, {
+      className: styles.control
+    }),
+    onChange: onChangeHandler,
+    ref: ref,
+    labelPlacement: labelPlacement,
+    size: size
+  }, rest));
+});
+
+export { Radio };
+//# sourceMappingURL=Radio.js.map

package/componentsV2/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/componentsV2/Radio/Radio.tsx"],"sourcesContent":["import { ChangeEvent, forwardRef, useCallback } from 'react';\nimport { Radio as MuiRadio } from '@material-ui/core';\n\nimport {\n  RadioAndCheckboxLabel,\n  RadioAndCheckboxLabelProps,\n  styles,\n} from '../RadioAndCheckboxLabel';\n\nexport type RadioProps = Omit<RadioAndCheckboxLabelProps, 'control' | 'onChange'> & {\n  /**\n   * Called when a radio is checked. Is _not_ called when radio is unchecked.\n   * @param checked - always `true`\n   * @param event\n   */\n  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Radio = forwardRef<HTMLElement, RadioProps>(\n  ({ onChange, labelPlacement = 'end', size = 'medium', ...rest }, ref) => {\n    const onChangeHandler: RadioAndCheckboxLabelProps['onChange'] = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => onChange?.(event.target.checked, event),\n      [onChange]\n    );\n\n    return (\n      <RadioAndCheckboxLabel\n        control={<MuiRadio className={styles.control} />}\n        onChange={onChangeHandler}\n        ref={ref}\n        labelPlacement={labelPlacement}\n        size={size}\n        {...rest}\n      />\n    );\n  }\n);\n"],"names":["Radio","forwardRef","ref","onChange","labelPlacement","size","rest","onChangeHandler","useCallback","event","target","checked","_jsx","MuiRadio","styles","control"],"mappings":";;;;;;;;;;;IAkBaA,KAAK,GAAGC,UAAU,CAC7B,UAAA,IAAA,EAAiEC,GAAG,EAAK;EAAA,IAAtEC,QAAQ,QAARA,QAAQ;AAAA,IAAA,mBAAA,GAAA,IAAA,CAAEC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,KAAK,GAAA,mBAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC3D,EAAA,IAAMC,eAAuD,GAAGC,WAAW,CACzE,UAACC,KAAoC,EAAA;AAAA,IAAA,OAAKN,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGM,KAAK,CAACC,MAAM,CAACC,OAAO,EAAEF,KAAK,CAAC,CAAA;GACjF,EAAA,CAACN,QAAQ,CAAC,CACX,CAAA;AAED,EAAA,oBACES,IAAC,qBAAqB,EAAA,aAAA,CAAA;IACpB,OAAO,eAAEA,IAACC,OAAQ,EAAA;MAAC,SAAS,EAAEC,MAAM,CAACC,OAAAA;KAAY,CAAA;AACjD,IAAA,QAAQ,EAAER,eAAgB;AAC1B,IAAA,GAAG,EAAEL,GAAI;AACT,IAAA,cAAc,EAAEE,cAAe;AAC/B,IAAA,IAAI,EAAEC,IAAAA;AAAK,GAAA,EACPC,IAAI,CACR,CAAA,CAAA;AAEN,CAAC;;;;"}

package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.RadioAndCheckboxGroup_root__tLctB .RadioAndCheckboxGroup_group__oZa4f {\n  display: flex;\n}\n.RadioAndCheckboxGroup_root__tLctB .RadioAndCheckboxGroup_label__3qzmz {\n  margin-bottom: 16px;\n}\n.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_spacing_normal__yoZrA .MuiFormGroup-root {\n  gap: 16px 24px;\n}\n.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_spacing_dense__oXUQb .MuiFormGroup-root {\n  gap: 8px 16px;\n}\n.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_horizontal__eSUbx .MuiFormGroup-root {\n  flex-flow: row wrap;\n}\n.RadioAndCheckboxGroup_root__tLctB.RadioAndCheckboxGroup_vertical__mwXJH .MuiFormGroup-root {\n  flex-flow: column nowrap;\n}";
+var styles = {"spacing":"8","root":"RadioAndCheckboxGroup_root__tLctB","group":"RadioAndCheckboxGroup_group__oZa4f","label":"RadioAndCheckboxGroup_label__3qzmz","spacing_normal":"RadioAndCheckboxGroup_spacing_normal__yoZrA","spacing_dense":"RadioAndCheckboxGroup_spacing_dense__oXUQb","horizontal":"RadioAndCheckboxGroup_horizontal__eSUbx","vertical":"RadioAndCheckboxGroup_vertical__mwXJH"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RadioAndCheckboxGroup.scss.js.map

package/componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/RadioGroup/RadioGroup.js

@@ -0,0 +1,42 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useCallback } from 'react';
+import { Radio } from '../Radio/Radio.js';
+import { RadioAndCheckboxGroup } from '../RadioAndCheckboxGroup/RadioAndCheckboxGroup.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onChange", "size", "spacing", "direction"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getOptionChecked = function getOptionChecked(optionValue, value) {
+  return value === optionValue;
+};
+var RadioGroup = function RadioGroup(_ref) {
+  var onChange = _ref.onChange,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'normal' : _ref$spacing,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var getOnChangeHandler = useCallback(function (optionValue) {
+    return function (checked) {
+      for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        rest[_key - 1] = arguments[_key];
+      }
+      return onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [optionValue].concat(rest));
+    };
+  }, [onChange]);
+  return /*#__PURE__*/jsx(RadioAndCheckboxGroup, _objectSpread(_objectSpread({}, rest), {}, {
+    size: size,
+    spacing: spacing,
+    direction: direction,
+    component: Radio,
+    getOnChangeHandler: getOnChangeHandler,
+    getOptionChecked: getOptionChecked
+  }));
+};
+
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/componentsV2/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/componentsV2/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { ChangeEvent, useCallback } from 'react';\n\nimport { Radio } from '../Radio';\nimport { RadioAndCheckboxGroup, RadioAndCheckboxGroupProps } from '../RadioAndCheckboxGroup';\n\nconst getOptionChecked = <T,>(optionValue: T, value: T) => value === optionValue;\n\nexport type RadioGroupProps<T> = {\n  /**\n   * Selected value\n   */\n  value?: T;\n  onChange?: (value: T, event: ChangeEvent<HTMLInputElement>) => void;\n} & Omit<\n  RadioAndCheckboxGroupProps<T, T>,\n  'component' | 'getOnChangeHandler' | 'getOptionChecked' | 'value'\n>;\n\nexport const RadioGroup = <T,>({\n  onChange,\n  size = 'medium',\n  spacing = 'normal',\n  direction = 'vertical',\n  ...rest\n}: RadioGroupProps<T>) => {\n  const getOnChangeHandler = useCallback<RadioAndCheckboxGroupProps<T, T>['getOnChangeHandler']>(\n    optionValue =>\n      (checked, ...rest) =>\n        onChange?.(optionValue, ...rest),\n    [onChange]\n  );\n\n  return (\n    <RadioAndCheckboxGroup\n      {...rest}\n      size={size}\n      spacing={spacing}\n      direction={direction}\n      component={Radio}\n      getOnChangeHandler={getOnChangeHandler}\n      getOptionChecked={getOptionChecked}\n    />\n  );\n};\n"],"names":["getOptionChecked","optionValue","value","RadioGroup","onChange","size","spacing","direction","rest","getOnChangeHandler","useCallback","checked","_jsx","Radio"],"mappings":";;;;;;;;;;AAKA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAQC,WAAc,EAAEC,KAAQ,EAAA;EAAA,OAAKA,KAAK,KAAKD,WAAW,CAAA;AAAA,CAAA,CAAA;AAanEE,IAAAA,UAAU,GAAG,SAAbA,UAAU,CAMG,IAAA,EAAA;EAAA,IALxBC,QAAQ,QAARA,QAAQ;AAAA,IAAA,SAAA,GAAA,IAAA,CACRC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACfC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,QAAQ,GAAA,YAAA;AAAA,IAAA,cAAA,GAAA,IAAA,CAClBC,SAAS;AAATA,IAAAA,SAAS,+BAAG,UAAU,GAAA,cAAA;IACnBC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAGC,WAAW,CACpC,UAAAT,WAAW,EAAA;AAAA,IAAA,OACT,UAACU,OAAO,EAAA;AAAA,MAAA,KAAA,IAAA,IAAA,GAAA,SAAA,CAAA,MAAA,EAAKH,IAAI,GAAA,IAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,CAAA,CAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,EAAA,IAAA,EAAA,EAAA;QAAJA,IAAI,CAAA,IAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,OAAA;MAAA,OACfJ,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,QAAQ,CAAGH,KAAAA,CAAAA,KAAAA,CAAAA,EAAAA,CAAAA,WAAW,CAAKO,CAAAA,MAAAA,CAAAA,IAAI,CAAC,CAAA,CAAA;AAAA,KAAA,CAAA;GACpC,EAAA,CAACJ,QAAQ,CAAC,CACX,CAAA;EAED,oBACEQ,GAAA,CAAC,qBAAqB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAChBJ,IAAI,CAAA,EAAA,EAAA,EAAA;AACR,IAAA,IAAI,EAAEH,IAAK;AACX,IAAA,OAAO,EAAEC,OAAQ;AACjB,IAAA,SAAS,EAAEC,SAAU;AACrB,IAAA,SAAS,EAAEM,KAAM;AACjB,IAAA,kBAAkB,EAAEJ,kBAAmB;AACvC,IAAA,gBAAgB,EAAET,gBAAAA;GAClB,CAAA,CAAA,CAAA;AAEN;;;;"}

package/componentsV2/Skeleton/Skeleton.js

@@ -0,0 +1,25 @@
+import { Skeleton as Skeleton$1 } from '@material-ui/lab';
+import classNames from 'classnames';
+import styles from './Skeleton.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Skeleton = function Skeleton(_ref) {
+  var testId = _ref.testId,
+    height = _ref.height,
+    className = _ref.className,
+    width = _ref.width,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type;
+  return /*#__PURE__*/jsx(Skeleton$1, {
+    component: "span",
+    animation: "wave",
+    variant: type === 'block' ? 'rect' : type,
+    width: width,
+    height: height,
+    className: classNames(styles.root, className),
+    "data-testid": testId
+  });
+};
+
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/componentsV2/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/componentsV2/Skeleton/Skeleton.tsx"],"sourcesContent":["import { Skeleton as MuiSkeleton } from '@material-ui/lab';\nimport classNames from 'classnames';\n\nimport styles from './Skeleton.scss';\n\nexport type SkeletonProps = {\n  type?: 'text' | 'circle' | 'block';\n  /**\n   * `number` value is treated as pixels, everything else is passed through unchanged\n   */\n  width?: number | string;\n  /**\n   * `number` value is treated as pixels, everything else is passed through unchanged\n   */\n  height?: number | string;\n\n  className?: string;\n  testId?: string;\n};\n\nexport const Skeleton = ({ testId, height, className, width, type = 'text' }: SkeletonProps) => {\n  return (\n    <MuiSkeleton\n      component=\"span\"\n      animation=\"wave\"\n      variant={type === 'block' ? 'rect' : type}\n      width={width}\n      height={height}\n      className={classNames(styles.root, className)}\n      data-testid={testId}\n    />\n  );\n};\n"],"names":["Skeleton","testId","height","className","width","type","_jsx","MuiSkeleton","classNames","styles","root"],"mappings":";;;;;AAoBaA,IAAAA,QAAQ,GAAG,SAAXA,QAAQ,CAA2E,IAAA,EAAA;EAAA,IAArEC,MAAM,QAANA,MAAM;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,MAAM,GAAA,SAAA,CAAA;AACxE,EAAA,oBACEC,IAACC,UAAW,EAAA;AACV,IAAA,SAAS,EAAC,MAAM;AAChB,IAAA,SAAS,EAAC,MAAM;AAChB,IAAA,OAAO,EAAEF,IAAI,KAAK,OAAO,GAAG,MAAM,GAAGA,IAAK;AAC1C,IAAA,KAAK,EAAED,KAAM;AACb,IAAA,MAAM,EAAEF,MAAO;IACf,SAAS,EAAEM,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEP,SAAS,CAAE;IAC9C,aAAaF,EAAAA,MAAAA;GACb,CAAA,CAAA;AAEN;;;;"}

package/componentsV2/Skeleton/Skeleton.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Skeleton_root__sv-Um.MuiSkeleton-text {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  transform-origin: 0 50%;\n}\n.Skeleton_root__sv-Um.MuiSkeleton-rect {\n  border-radius: 8px;\n}";
+var styles = {"root":"Skeleton_root__sv-Um"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Skeleton.scss.js.map

package/componentsV2/Skeleton/Skeleton.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Stepper/Step/Step.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Step_root__KNlzQ {\n  display: inline-flex;\n  flex-flow: row nowrap;\n  height: 40px;\n  align-items: center;\n  gap: 8px;\n}\n.Step_prefix__4FgrS {\n  flex: 0 0 auto;\n  user-select: none;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  align-items: center;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  border: 1px solid transparent;\n  padding: 6px;\n  border-radius: 8px;\n}\n.Step_title__q7apM {\n  flex: 0 0 auto;\n  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.Step_medium__yMK2U .Step_prefix__4FgrS {\n  width: 32px;\n  height: 32px;\n  font-size: 16px;\n}\n.Step_medium__yMK2U .Step_title__q7apM {\n  line-height: 20px;\n  max-height: 40px;\n  font-size: 14px;\n}\n.Step_large__3nSDo .Step_prefix__4FgrS {\n  width: 40px;\n  height: 40px;\n  font-size: 20px;\n}\n.Step_large__3nSDo .Step_title__q7apM {\n  line-height: 22px;\n  max-height: 44px;\n  font-size: 16px;\n}\n.Step_future__z0oN8 .Step_prefix__4FgrS {\n  border-color: var(--palette-primary-text-6);\n  color: var(--palette-primary-text-6);\n}\n.Step_future__z0oN8 .Step_title__q7apM {\n  color: var(--palette-primary-text-6);\n}\n.Step_current__ClEJ5 .Step_prefix__4FgrS {\n  background: var(--palette-primary-main);\n  color: var(--palette-background-b-1);\n  border-color: transparent;\n}\n.Step_current__ClEJ5 .Step_title__q7apM {\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n}\n.Step_passed__hKTUE .Step_prefix__4FgrS {\n  background: rgb(from var(--palette-primary-main) r g b / 0.1);\n  color: var(--palette-primary-main);\n  border-color: transparent;\n}\n.Step_passed__hKTUE .Step_title__q7apM {\n  font-weight: 500;\n  color: var(--palette-primary-text-1);\n}\n.Step_passed__hKTUE.Step_noReturn__42SOG {\n  cursor: not-allowed;\n}\n.Step_passed__hKTUE.Step_hoverable__gHWAV {\n  cursor: pointer;\n}\n.Step_passed__hKTUE.Step_hoverable__gHWAV:hover .Step_prefix__4FgrS {\n  background: rgb(from var(--palette-primary-main) r g b / 0.24);\n  color: var(--palette-primary-light);\n}\n.Step_disabled__QNDpo {\n  user-select: none;\n}\n.Step_disabled__QNDpo .Step_prefix__4FgrS {\n  background: transparent;\n  color: var(--palette-primary-text-9);\n  border-color: var(--palette-primary-text-9);\n}\n.Step_disabled__QNDpo .Step_title__q7apM {\n  color: var(--palette-primary-text-9);\n}\n.Step_error__EEvE2 .Step_prefix__4FgrS {\n  background: transparent;\n  color: var(--palette-error-main);\n  border-color: var(--palette-error-main);\n}\n.Step_error__EEvE2 .Step_title__q7apM {\n  background: transparent;\n  color: var(--palette-error-main);\n}\n.Step_error__EEvE2.Step_hoverable__gHWAV:hover .Step_prefix__4FgrS {\n  background: rgb(from var(--palette-error-main) r g b / 0.1);\n  color: var(--palette-error-main);\n}";
+var styles = {"spacing":"8","root":"Step_root__KNlzQ","prefix":"Step_prefix__4FgrS","title":"Step_title__q7apM","medium":"Step_medium__yMK2U","large":"Step_large__3nSDo","future":"Step_future__z0oN8","current":"Step_current__ClEJ5","passed":"Step_passed__hKTUE","noReturn":"Step_noReturn__42SOG","hoverable":"Step_hoverable__gHWAV","disabled":"Step_disabled__QNDpo","error":"Step_error__EEvE2"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Step.scss.js.map

package/componentsV2/Stepper/Step/Step.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/componentsV2/Stepper/Stepper.js

@@ -0,0 +1,47 @@
+import classNames from 'classnames';
+import { Step } from './Step/Step.js';
+import styles from './Stepper.scss.js';
+import { jsx } from 'react/jsx-runtime';
+
+var getStepState = function getStepState(index, activeIndex) {
+  if (index === activeIndex) {
+    return 'current';
+  }
+  if (activeIndex && index < activeIndex) {
+    return 'passed';
+  }
+  return 'future';
+};
+var Stepper = function Stepper(_ref) {
+  var steps = _ref.steps,
+    activeStep = _ref.activeStep,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    testId = _ref.testId,
+    className = _ref.className,
+    onStepClick = _ref.onStepClick;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.root, className),
+    "data-testid": testId,
+    children: steps.map(function (step, index) {
+      return /*#__PURE__*/jsx(Step, {
+        prefix: step.prefix || index + 1,
+        tooltip: step.tooltip,
+        testId: step.testId,
+        className: step.className,
+        onClick: onStepClick && function () {
+          return onStepClick(index, step);
+        },
+        size: size,
+        state: getStepState(index, activeStep),
+        error: step.state === 'error',
+        disabled: step.state === 'disabled',
+        noReturn: step.noReturn,
+        children: step.title
+      }, index);
+    })
+  });
+};
+
+export { Stepper };
+//# sourceMappingURL=Stepper.js.map

package/componentsV2/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/componentsV2/Stepper/Stepper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Step, StepProps } from './Step';\n\nimport styles from './Stepper.scss';\n\ntype Step = {\n  title: ReactNode;\n  /**\n   * Content to display to the left of title. Will be a step number by default. Will change to a check mark icon\n   * for passed steps without `onClick`\n   */\n  prefix?: ReactNode;\n  state?: 'error' | 'disabled';\n\n  tooltip?: ReactNode;\n\n  /**\n   * Defines if user can return to this step\n   */\n  noReturn?: boolean;\n\n  className?: string;\n  testId?: string;\n};\n\nexport type StepperProps = {\n  steps: Step[];\n  activeStep?: number;\n  size?: 'medium' | 'large';\n  onStepClick?: (index: number, clickedStep: Step) => void;\n\n  className?: string;\n  testId?: string;\n};\n\nconst getStepState = (index: number, activeIndex?: number): StepProps['state'] => {\n  if (index === activeIndex) {\n    return 'current';\n  }\n\n  if (activeIndex && index < activeIndex) {\n    return 'passed';\n  }\n\n  return 'future';\n};\n\nexport const Stepper = ({\n  steps,\n  activeStep,\n  size = 'medium',\n  testId,\n  className,\n  onStepClick,\n}: StepperProps) => {\n  return (\n    <div className={classNames(styles.root, className)} data-testid={testId}>\n      {steps.map((step, index) => (\n        <Step\n          key={index}\n          prefix={step.prefix || index + 1}\n          tooltip={step.tooltip}\n          testId={step.testId}\n          className={step.className}\n          onClick={onStepClick && (() => onStepClick(index, step))}\n          size={size}\n          state={getStepState(index, activeStep)}\n          error={step.state === 'error'}\n          disabled={step.state === 'disabled'}\n          noReturn={step.noReturn}\n        >\n          {step.title}\n        </Step>\n      ))}\n    </div>\n  );\n};\n"],"names":["getStepState","index","activeIndex","Stepper","steps","activeStep","size","testId","className","onStepClick","_jsx","classNames","styles","root","map","step","prefix","tooltip","state","noReturn","title"],"mappings":";;;;;AAqCA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAa,EAAEC,WAAoB,EAAyB;EAChF,IAAID,KAAK,KAAKC,WAAW,EAAE;AACzB,IAAA,OAAO,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,IAAIA,WAAW,IAAID,KAAK,GAAGC,WAAW,EAAE;AACtC,IAAA,OAAO,QAAQ,CAAA;AACjB,GAAA;AAEA,EAAA,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAEYC,IAAAA,OAAO,GAAG,SAAVA,OAAO,CAOA,IAAA,EAAA;EAAA,IANlBC,KAAK,QAALA,KAAK;AACLC,IAAAA,UAAU,QAAVA,UAAU;AAAA,IAAA,SAAA,GAAA,IAAA,CACVC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,QAAQ,GAAA,SAAA;AACfC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,WAAW,QAAXA,WAAW,CAAA;EAEX,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,SAAS,CAAE;AAAC,IAAA,aAAA,EAAaD,MAAO;AAAA,IAAA,QAAA,EACrEH,KAAK,CAACU,GAAG,CAAC,UAACC,IAAI,EAAEd,KAAK,EAAA;AAAA,MAAA,oBACrBS,IAAC,IAAI,EAAA;AAEH,QAAA,MAAM,EAAEK,IAAI,CAACC,MAAM,IAAIf,KAAK,GAAG,CAAE;QACjC,OAAO,EAAEc,IAAI,CAACE,OAAQ;QACtB,MAAM,EAAEF,IAAI,CAACR,MAAO;QACpB,SAAS,EAAEQ,IAAI,CAACP,SAAU;QAC1B,OAAO,EAAEC,WAAW,IAAK,YAAA;AAAA,UAAA,OAAMA,WAAW,CAACR,KAAK,EAAEc,IAAI,CAAC,CAAA;SAAE;AACzD,QAAA,IAAI,EAAET,IAAK;AACX,QAAA,KAAK,EAAEN,YAAY,CAACC,KAAK,EAAEI,UAAU,CAAE;AACvC,QAAA,KAAK,EAAEU,IAAI,CAACG,KAAK,KAAK,OAAQ;AAC9B,QAAA,QAAQ,EAAEH,IAAI,CAACG,KAAK,KAAK,UAAW;QACpC,QAAQ,EAAEH,IAAI,CAACI,QAAS;AAAA,QAAA,QAAA,EAEvBJ,IAAI,CAACK,KAAAA;AAAK,OAAA,EAZNnB,KAAK,CAaL,CAAA;KACR,CAAA;GACG,CAAA,CAAA;AAEV;;;;"}

package/componentsV2/Stepper/Stepper.scss.js

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.Stepper_root__FV6wF {\n  display: flex;\n  gap: 16px;\n  flex-flow: row wrap;\n  justify-content: space-between;\n}";
+var styles = {"spacing":"8","root":"Stepper_root__FV6wF"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Stepper.scss.js.map

package/componentsV2/Stepper/Stepper.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}