@geneui/components 2.11.2 → 2.12.2

package/Paper/index.js

@@ -0,0 +1,96 @@
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .paper{align-content:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.12.2\"] .paper:not(.bg-transparent){background:var(--background)}[data-gene-ui-version=\"2.12.2\"] .paper.with-shadow{box-shadow:0 .3rem .6rem 0 #0000000d}[data-gene-ui-version=\"2.12.2\"] .paper.top-radius{border-radius:2rem 2rem 0 0}[data-gene-ui-version=\"2.12.2\"] .paper.bottom-radius{border-radius:0 0 2rem 2rem}[data-gene-ui-version=\"2.12.2\"] .paper.full-radius{border-radius:2rem}[data-gene-ui-version=\"2.12.2\"] .paper.with-border{border:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .pd-row{flex-direction:row}[data-gene-ui-version=\"2.12.2\"] .pd-row-reverse{flex-direction:row-reverse}[data-gene-ui-version=\"2.12.2\"] .pd-column{flex-direction:column}[data-gene-ui-version=\"2.12.2\"] .pd-column-reverse{flex-direction:column-reverse}[data-gene-ui-version=\"2.12.2\"] .pw-nowrap{flex-wrap:nowrap}[data-gene-ui-version=\"2.12.2\"] .pw-wrap{flex-wrap:wrap}[data-gene-ui-version=\"2.12.2\"] .pw-wrap-reverse{flex-wrap:wrap-reverse}[data-gene-ui-version=\"2.12.2\"] .jc-paper-start{justify-content:flex-start}[data-gene-ui-version=\"2.12.2\"] .jc-paper-end{justify-content:flex-end}[data-gene-ui-version=\"2.12.2\"] .jc-center{justify-content:center}[data-gene-ui-version=\"2.12.2\"] .jc-start{justify-content:start}[data-gene-ui-version=\"2.12.2\"] .jc-end{justify-content:end}[data-gene-ui-version=\"2.12.2\"] .jc-left{justify-content:left}[data-gene-ui-version=\"2.12.2\"] .jc-right{justify-content:right}[data-gene-ui-version=\"2.12.2\"] .jc-normal{justify-content:normal}[data-gene-ui-version=\"2.12.2\"] .jc-space-between{justify-content:space-between}[data-gene-ui-version=\"2.12.2\"] .jc-space-around{justify-content:space-around}[data-gene-ui-version=\"2.12.2\"] .jc-space-evenly{justify-content:space-evenly}[data-gene-ui-version=\"2.12.2\"] .jc-stretch{justify-content:stretch}[data-gene-ui-version=\"2.12.2\"] .jc-inherit{justify-content:inherit}[data-gene-ui-version=\"2.12.2\"] .jc-initial{justify-content:normal}[data-gene-ui-version=\"2.12.2\"] .jc-unset{justify-content:unset}[data-gene-ui-version=\"2.12.2\"] .ai-normal{align-items:normal}[data-gene-ui-version=\"2.12.2\"] .ai-stretch{align-items:stretch}[data-gene-ui-version=\"2.12.2\"] .ai-center{align-items:center}[data-gene-ui-version=\"2.12.2\"] .ai-start{align-items:start}[data-gene-ui-version=\"2.12.2\"] .ai-end{align-items:end}[data-gene-ui-version=\"2.12.2\"] .ai-paper-start{align-items:flex-start}[data-gene-ui-version=\"2.12.2\"] .ai-paper-end{align-items:flex-end}[data-gene-ui-version=\"2.12.2\"] .ai-self-start{align-items:self-start}[data-gene-ui-version=\"2.12.2\"] .ai-self-end{align-items:self-end}[data-gene-ui-version=\"2.12.2\"] .ai-baseline{align-items:baseline}[data-gene-ui-version=\"2.12.2\"] .ai-inherit{align-items:inherit}[data-gene-ui-version=\"2.12.2\"] .ai-initial{align-items:normal}[data-gene-ui-version=\"2.12.2\"] .ai-unset{align-items:unset}";
+styleInject(css_248z);
+
+const paperDirections = ['row', 'row-reverse', 'column', 'column-reverse'];
+const paperWraps = ['nowrap', 'wrap', 'wrap-reverse'];
+const justifyContents = ['paper-start', 'paper-end', 'center', 'start', 'end', 'left', 'right', 'normal', 'space-between', 'space-around', 'space-evenly', 'stretch', 'inherit', 'initial', 'unset'];
+const alignItems = ['stretch', 'normal', 'center', 'start', 'end', 'paper-start', 'paper-end', 'self-start', 'self-end', 'baseline', 'inherit', 'initial', 'unset'];
+const cornersRadius = ['none', 'top-radius', 'bottom-radius', 'full-radius'];
+const Paper = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    padding,
+    children,
+    className,
+    paperDirection,
+    paperWrap,
+    justifyContent,
+    alignItems,
+    cornerRadius,
+    shadow,
+    border,
+    isTransparent,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref,
+    className: "paper bg-".concat(isTransparent ? 'transparent' : 'color', "\n    ").concat(border ? 'with-border' : '', "\n    ").concat(className, "\n    pd-").concat(paperDirection, "\n    pw-").concat(paperWrap, "\n    jc-").concat(justifyContent, "\n    ai-").concat(alignItems, "\n    ").concat(cornerRadius, "\n    ").concat(shadow ? 'with-shadow' : ''),
+    style: {
+      padding: typeof padding === 'number' ? "".concat(padding / 10, "rem") : padding
+    }
+  }, restProps), children);
+});
+Paper.propTypes = {
+  /**
+   * Paper padding. Any padding value valid in css
+   */
+  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * Additional className
+   */
+  className: PropTypes.string,
+  /**
+   * Wrapping with paper anything passed as child. Any valid React node
+   */
+  children: PropTypes.node,
+  /**
+   * Paper direction
+   */
+  paperDirection: PropTypes.oneOf(paperDirections),
+  /**
+   * Paper wrapping
+   */
+  paperWrap: PropTypes.oneOf(paperWraps),
+  /**
+   * Paper justify content
+   */
+  justifyContent: PropTypes.oneOf(justifyContents),
+  /**
+   * Paper align items
+   */
+  alignItems: PropTypes.oneOf(alignItems),
+  /**
+   * Paper corner radius
+   */
+  cornerRadius: PropTypes.oneOf(cornersRadius),
+  /**
+   * Will add transparency to the Paper when set to "true"
+   */
+  isTransparent: PropTypes.bool,
+  /**
+   * Will add borders to the Paper when set to "true"
+   */
+  border: PropTypes.bool,
+  /**
+   * Will add shadow to the Paper when set to "true"
+   */
+  shadow: PropTypes.bool
+};
+Paper.defaultProps = {
+  padding: 0,
+  className: '',
+  paperDirection: paperDirections[0],
+  paperWrap: paperWraps[0],
+  justifyContent: justifyContents[0],
+  alignItems: alignItems[0],
+  cornerRadius: cornersRadius[0],
+  shadow: false,
+  border: false,
+  isTransparent: false
+};
+
+export { alignItems, cornersRadius, Paper as default, justifyContents, paperDirections, paperWraps };

package/{index-084588e9.js → Popover/index.js}

@@ -1,35 +1,25 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useReducer, useRef, useCallback, forwardRef, useState, useContext, useMemo, Children, useEffect } from 'react';
-import { _ as _default } from './Popover-f4d1cac0.js';
-import { u as useSwipeable } from './index-122432cd.js';
-import { c as classnames } from './index-6ff23041.js';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { n as noop, s as stopEvent } from './index-ac59cb10.js';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { d as popoverConfig, s as screenTypes } from './configs-91c86664.js';
-import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
-import Portal from './Portal.js';
-import CustomScrollbar from './Scrollbar.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { g as guid } from './guid-8ddf77b3.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { forwardRef, useRef, useState, useContext, useCallback, useMemo, Children, useEffect } from 'react';
+import { _ as _default } from '../Popover-f4d1cac0.js';
+import { u as useSwipeable } from '../index-122432cd.js';
+import { c as classnames } from '../index-6ff23041.js';
+import PropTypes from 'prop-types';
+import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import useUpdatableRef from '../hooks/useUpdatableRef.js';
+import { e as popoverConfig, s as screenTypes } from '../configs-fed6ac34.js';
+import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
+import Portal from '../Portal/index.js';
+import CustomScrollbar from '../Scrollbar/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import { g as guid } from '../guid-8ddf77b3.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../dateValidation-67caec66.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useForceUpdate.js';
 
-const useForceUpdate = () => {
-  const [ignored, forceUpdate] = useReducer(x => x + 1, 0);
-  return forceUpdate;
-};
-
-const useUpdatableRef = initial => {
-  const ref = useRef(initial);
-  const forceUpdate = useForceUpdate();
-  const update = useCallback(value => {
-    if (ref.current !== value) forceUpdate();
-    ref.current = value;
-  }, []);
-  return [ref, update];
-};
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"1.0.0\"] .popover{width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"1.0.0\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"1.0.0\"] .fullHeight{height:100%}[data-gene-ui-version=\"1.0.0\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"1.0.0\"] .popover-footer,[data-gene-ui-version=\"1.0.0\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"1.0.0\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"1.0.0\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"1.0.0\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"1.0.0\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"1.0.0\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;width:100%}[data-gene-ui-version=\"2.12.2\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"2.12.2\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"2.12.2\"] .popover{width:100%}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"2.12.2\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"2.12.2\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"2.12.2\"] .fullHeight{height:100%}[data-gene-ui-version=\"2.12.2\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"2.12.2\"] .popover-footer,[data-gene-ui-version=\"2.12.2\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"2.12.2\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"2.12.2\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"2.12.2\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"2.12.2\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"2.12.2\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.12.2\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
 styleInject(css_248z);
 
 const setRef = (ref, currentRef) => {
@@ -207,106 +197,106 @@ Popover.propTypes = {
   /**
    * The component that need to be displayed in the Popover. Any valid React node
    */
-  Content: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Content: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component that need to be displayed as Popover header. Any valid React node
    */
-  Header: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Header: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component that need to be displayed as Popover footer. Any valid React node
    */
-  Footer: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Footer: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component which click needs to trigger the Popover to open. Need to passed as child to Popover. Any valid React node
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * The Popover will get the width of its child. The property will not work when "width" prop is specified
    */
-  extendTargetWidth: propTypesExports.bool,
+  extendTargetWidth: PropTypes.bool,
   /**
    * The Popover "Content" minimum scroll height
    */
-  minHeight: propTypesExports.number,
+  minHeight: PropTypes.number,
   /**
    * The Popover "Content" maximum scroll height. Will not work when the "screenType" is "mobile"
    */
-  maxHeight: propTypesExports.number,
+  maxHeight: PropTypes.number,
   /**
    * Use this prop to control the Popover. Note the component will start not to open and close automatically
    */
-  isOpen: propTypesExports.bool,
+  isOpen: PropTypes.bool,
   /**
    * Popover position to be displayed
    */
-  position: propTypesExports.oneOfType([propTypesExports.oneOf(popoverConfig.position), propTypesExports.arrayOf(propTypesExports.oneOf(popoverConfig.position))]),
+  position: PropTypes.oneOfType([PropTypes.oneOf(popoverConfig.position), PropTypes.arrayOf(PropTypes.oneOf(popoverConfig.position))]),
   /**
    * Will called each time the popover need to be toggled(child click, close button click, backdrop click).
    * (event: Event, isOpen: bool) => void
    */
-  toggleHandler: propTypesExports.func,
+  toggleHandler: PropTypes.func,
   /**
    * Possible values are start, center, and end.
    * If start is specified, the popover content's top or left location is aligned with its target's.
    * With end specified, the content's bottom or right location is aligned with its target's.
    * If center is specified, the popover content and target's centers are aligned.
    */
-  align: propTypesExports.oneOf(popoverConfig.align),
+  align: PropTypes.oneOf(popoverConfig.align),
   /**
    * If you'd like to apply styles to the single container div that your popover content is rendered within via stylesheets,
    * you can specify a custom className for the container here.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * This number determines the gap, in pixels, between your target content and your popover content
    */
-  padding: propTypesExports.number,
+  padding: PropTypes.number,
   /**
    * If this property is enabled, rather than the popover content repositioning on a boundary collision,
    * the popover content container will move beyond the window's bounds.
    * You are, however, supplied with nudgedLeft and nudgedTop values, so you may choose to handle content overflow as you wish.
    */
-  disableReposition: propTypesExports.bool,
+  disableReposition: PropTypes.bool,
   /**
    * Popover corner radius
    */
-  cornerRadius: propTypesExports.oneOf(popoverConfig.cornerRadius),
+  cornerRadius: PropTypes.oneOf(popoverConfig.cornerRadius),
   /**
    * The switch between mobile and desktop version of Popover will be applied automatically, when the prop is not specified.
    * When the prop is present it must be changed from outside.
    */
-  screenType: propTypesExports.oneOf(screenTypes),
+  screenType: PropTypes.oneOf(screenTypes),
   /**
    * Specify does Popover needs to be toggled on child click
    */
-  behave: propTypesExports.oneOf(popoverConfig.behave),
+  behave: PropTypes.oneOf(popoverConfig.behave),
   /**
    * Given content prop can have its own scroll, and with this props we can use/not use default scroll that has popover
    */
-  scrollbarNeeded: propTypesExports.bool,
+  scrollbarNeeded: PropTypes.bool,
   /**
    * Popover content ref
    */
-  contentRef: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.shape({
-    current: propTypesExports.any
+  contentRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
   })]),
-  disabled: propTypesExports.bool,
-  getScrollRef: propTypesExports.func,
+  disabled: PropTypes.bool,
+  getScrollRef: PropTypes.func,
   /*
    * After DOWN swipe  (SwipeEventData) => void
    */
-  onSwipedDown: propTypesExports.func,
+  onSwipedDown: PropTypes.func,
   /*
    * props for scrollbar
    */
-  scrollbarProps: propTypesExports.shape({
+  scrollbarProps: PropTypes.shape({
     ...CustomScrollbar.propTypes
   }),
   /*
    * Popup content opens with full height. Mobile only property.
    */
-  fullHeight: propTypesExports.bool,
-  swipeable: propTypesExports.bool
+  fullHeight: PropTypes.bool,
+  swipeable: PropTypes.bool
 };
 Popover.defaultProps = {
   cornerRadius: popoverConfig.cornerRadius[0],
@@ -326,4 +316,4 @@ Popover.defaultProps = {
   onSwipedDown: noop
 };
 
-export { Popover as P, useUpdatableRef as u };
+export { Popover as default };

package/PopoverV2/index.js

@@ -0,0 +1,18 @@
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import 'react';
+export { P as default } from '../index-462461c0.js';
+import '../index-122432cd.js';
+import '../index-6ff23041.js';
+import 'prop-types';
+import '../index-a0e4e333.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useClickOutside.js';
+import '../configs-fed6ac34.js';
+import '../Scrollbar/index.js';
+import '../GeneUIProvider/index.js';
+import '../debounce-4419bc2f.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../style-inject.es-746bb8ed.js';
+import '../dateValidation-67caec66.js';
+import '../hooks/useWindowSize.js';

package/{Portal.js → Portal/index.js}

@@ -1,9 +1,8 @@
 import { memo, useState, useContext, useEffect } from 'react';
 import ReactDOM__default from 'react-dom';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import './globalStyling-9c60a159.js';
-import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
-import './style-inject.es-746bb8ed.js';
+import PropTypes from 'prop-types';
+import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
+import '../style-inject.es-746bb8ed.js';
 
 function Portal(_ref) {
   let {
@@ -36,19 +35,19 @@ Portal.propTypes = {
   /**
    * Specify Portal visibility
    */
-  isOpen: propTypesExports.bool,
+  isOpen: PropTypes.bool,
   /**
    * A DOM element for Portal to be appended. When not specified the Portal will create a "div" element and append in body
    */
-  container: propTypesExports.instanceOf(Element),
+  container: PropTypes.instanceOf(Element),
   /**
    * Additional className
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Anything passed to the Portal as child will be rendered in "container". Any valid React node
    */
-  children: propTypesExports.node
+  children: PropTypes.node
 };
 Portal.defaultProps = {
   isOpen: false

package/{Products.js → Products/index.js}

@@ -1,19 +1,18 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { s as screenTypes } from './configs-91c86664.js';
-import './dateValidation-67caec66.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { s as screenTypes } from '../configs-fed6ac34.js';
+import '../dateValidation-67caec66.js';
 import 'react-dom';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import Icon from './Icon.js';
-import Divider from './Divider.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_commonjsHelpers-24198af3.js';
-import './useWindowSize-80369d76.js';
-import './globalStyling-9c60a159.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import Icon from '../Icon/index.js';
+import Divider from '../Divider/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useWindowSize.js';
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .products-switcher-holder{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 2rem;text-align:center;width:100%}[data-gene-ui-version=\"1.0.0\"] .products-switcher-holder .divider{margin-left:auto;margin-right:auto}[data-gene-ui-version=\"1.0.0\"] .product-item{border:1px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-wrap:wrap;font:600 1.2rem/1.42 var(--font-family);justify-content:center;margin:.5rem 0;padding:1rem .5rem;text-align:center;width:33.3333333333%}[data-gene-ui-version=\"1.0.0\"] .product-item .icon{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:100%;display:flex;height:5rem;justify-content:center;margin:0 0 .5rem;transition:color .2s,background .2s;width:5rem}[data-gene-ui-version=\"1.0.0\"] .product-item p{width:100%}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .product-item:hover .icon{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"1.0.0\"] .product-item.active .icon{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"1.0.0\"] .product-item.active{pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .product-item:hover{border-color:rgba(var(--background-sc-rgb),.11)}}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .products-switcher-holder{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:.5rem 2rem;text-align:center;width:100%}[data-gene-ui-version=\"2.12.2\"] .products-switcher-holder .divider{margin-left:auto;margin-right:auto}[data-gene-ui-version=\"2.12.2\"] .product-item{border:1px solid #0000;border-radius:1rem;cursor:pointer;display:flex;flex-wrap:wrap;font:600 1.2rem/1.42 var(--font-family);justify-content:center;margin:.5rem 0;padding:1rem .5rem;text-align:center;width:33.3333333333%}[data-gene-ui-version=\"2.12.2\"] .product-item .icon{align-items:center;background:rgba(var(--background-sc-rgb),.05);border-radius:100%;display:flex;height:5rem;justify-content:center;margin:0 0 .5rem;transition:color .2s,background .2s;width:5rem}[data-gene-ui-version=\"2.12.2\"] .product-item p{width:100%}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .product-item:hover .icon{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.12.2\"] .product-item.active .icon{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.12.2\"] .product-item.active{pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .product-item:hover{border-color:rgba(var(--background-sc-rgb),.11)}}";
 styleInject(css_248z);
 
 function Products(_ref) {
@@ -68,19 +67,19 @@ function Products(_ref) {
     className: "ellipsis-text"
   }, item.title))));
 }
-const propShape = propTypesExports.arrayOf(propTypesExports.shape({
+const propShape = PropTypes.arrayOf(PropTypes.shape({
   /**
    * Product title
    */
-  title: propTypesExports.string,
+  title: PropTypes.string,
   /**
    * Product slug
    */
-  slug: propTypesExports.string,
+  slug: PropTypes.string,
   /**
    * Product icon
    */
-  icon: propTypesExports.string
+  icon: PropTypes.string
 }));
 Products.propTypes = {
   /**
@@ -94,19 +93,19 @@ Products.propTypes = {
   /**
    * Selected item
    */
-  activeSlug: propTypesExports.string,
+  activeSlug: PropTypes.string,
   /**
    * CSS class name for element
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Callback fires when click on product
    */
-  onClick: propTypesExports.func,
+  onClick: PropTypes.func,
   /**
    * Pass screenType to control appearance, weather it should be mobile version etc.
    */
-  screenType: propTypesExports.oneOf(screenTypes)
+  screenType: PropTypes.oneOf(screenTypes)
 };
 Products.defaultProps = {
   favorites: []