@geneui/components 2.11.2 → 2.12.1

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

@@ -1,47 +1,35 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useCallback, useState, useEffect, useMemo, useRef } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { p as oneIsRequired, s as stopEvent, n as noop } from './index-ac59cb10.js';
-import './configs-91c86664.js';
-import Button from './Button.js';
-import MobilePopUp from './MobilePopup.js';
-import './dateValidation-67caec66.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { o as oneIsRequired, s as stopEvent, n as noop } from '../index-a0e4e333.js';
+import '../configs-fed6ac34.js';
+import useBodyScroll from '../hooks/useBodyScroll.js';
+import Button from '../Button/index.js';
+import MobilePopUp from '../MobilePopup/index.js';
+import '../dateValidation-67caec66.js';
 import 'react-dom';
-import { u as useClickOutside } from './useClickOutside-5183e396.js';
-import { P as Popover } from './index-084588e9.js';
-import Menu from './Menu.js';
-import SkeletonLoader from './SkeletonLoader.js';
-import KeyValue from './KeyValue.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { g as guid } from './guid-8ddf77b3.js';
-import './Icon.js';
-import './globalStyling-9c60a159.js';
-import './Portal.js';
-import './GeneUIProvider.js';
-import './_commonjsHelpers-24198af3.js';
-import './Popover-f4d1cac0.js';
-import './index-122432cd.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './Scrollbar.js';
-import './Option.js';
-import './useEllipsisDetection-ef536015.js';
-import './Tooltip.js';
-import './configs.js';
-
-function useBodyScroll() {
-  const lock = useCallback(() => {
-    document.body.style.overflow = 'hidden';
-  }, []);
-  const unlock = useCallback(() => {
-    document.body.style.overflow = 'auto';
-  }, []);
-  return {
-    lock,
-    unlock
-  };
-}
+import useClickOutside from '../hooks/useClickOutside.js';
+import Popover from '../Popover/index.js';
+import Menu from '../Menu/index.js';
+import SkeletonLoader from '../SkeletonLoader/index.js';
+import KeyValue from '../KeyValue/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import { g as guid } from '../guid-8ddf77b3.js';
+import '../Icon/index.js';
+import '../Portal/index.js';
+import '../GeneUIProvider/index.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../Popover-f4d1cac0.js';
+import '../index-122432cd.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useUpdatableRef.js';
+import '../hooks/useForceUpdate.js';
+import '../Scrollbar/index.js';
+import '../Option/index.js';
+import '../hooks/useEllipsisDetection.js';
+import '../Tooltip/index.js';
 
 function CardMenu(_ref) {
   let {
@@ -106,7 +94,7 @@ function CardMenu(_ref) {
   }));
 }
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .card-holder{position:relative;width:100%}[data-gene-ui-version=\"1.0.0\"] .card-holder.with-button{padding-inline-end:1.2rem}[data-gene-ui-version=\"1.0.0\"] .card-holder+.card-holder{padding-top:1rem}[data-gene-ui-version=\"1.0.0\"] .ReactVirtualized__Grid .card-holder{left:0;position:absolute;width:100%}[data-gene-ui-version=\"1.0.0\"] .card-container{position:relative;width:100%}[data-gene-ui-version=\"1.0.0\"] .card-more-button-holder{background:var(--background);border-radius:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}html[dir=rtl] .card-more-button-holder{transform:translate(50%,-50%)}html:not([dir=rtl]) .card-more-button-holder{left:100%}html[dir=rtl] .card-more-button-holder{right:100%}[data-gene-ui-version=\"1.0.0\"] .card-c-holder{grid-column-gap:1rem;grid-row-gap:1.2rem;background:var(--background);border-radius:1rem;display:grid;font:600 1.6rem/2.2rem var(--font-family);grid-template-columns:1fr 1fr;padding:1.4rem 1rem;position:relative;width:100%}[data-gene-ui-version=\"1.0.0\"] .card-c-holder.border:after{border:1px solid var(--background-sc);border-radius:inherit;content:\"\";display:block;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .card-c-holder.shadow{box-shadow:0 1px .3rem 0 #0000001a}[data-gene-ui-version=\"1.0.0\"] .card-c-holder .card-list-col{overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .card-c-holder .card-list-col .kv-label{font:600 1.2rem/1.6rem var(--font-family);margin:0 0 .4rem;opacity:.5}[data-gene-ui-version=\"1.0.0\"] .card-c-holder a{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .expand-card-holder{background:var(--background);bottom:0;padding:0 0 1.6rem;position:-webkit-sticky;position:sticky;width:100%;z-index:10}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .card-holder{position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .card-holder.with-button{padding-inline-end:1.2rem}[data-gene-ui-version=\"2.12.1\"] .card-holder+.card-holder{padding-top:1rem}[data-gene-ui-version=\"2.12.1\"] .ReactVirtualized__Grid .card-holder{left:0;position:absolute;width:100%}[data-gene-ui-version=\"2.12.1\"] .card-container{position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .card-more-button-holder{background:var(--background);border-radius:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}html[dir=rtl] .card-more-button-holder{transform:translate(50%,-50%)}html:not([dir=rtl]) .card-more-button-holder{left:100%}html[dir=rtl] .card-more-button-holder{right:100%}[data-gene-ui-version=\"2.12.1\"] .card-c-holder{grid-column-gap:1rem;grid-row-gap:1.2rem;background:var(--background);border-radius:1rem;display:grid;font:600 1.6rem/2.2rem var(--font-family);grid-template-columns:1fr 1fr;padding:1.4rem 1rem;position:relative;width:100%}[data-gene-ui-version=\"2.12.1\"] .card-c-holder.border:after{border:1px solid var(--background-sc);border-radius:inherit;content:\"\";display:block;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.12.1\"] .card-c-holder.shadow{box-shadow:0 1px .3rem 0 #0000001a}[data-gene-ui-version=\"2.12.1\"] .card-c-holder .card-list-col{overflow:hidden}[data-gene-ui-version=\"2.12.1\"] .card-c-holder .card-list-col .kv-label{font:600 1.2rem/1.6rem var(--font-family);margin:0 0 .4rem;opacity:.5}[data-gene-ui-version=\"2.12.1\"] .card-c-holder a{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .expand-card-holder{background:var(--background);bottom:0;padding:0 0 1.6rem;position:-webkit-sticky;position:sticky;width:100%;z-index:10}";
 styleInject(css_248z);
 
 function Col(_ref) {
@@ -186,16 +174,16 @@ Col.propTypes = {
    * })
    *
    */
-  col: propTypesExports.shape({
-    sortFn: propTypesExports.func,
+  col: PropTypes.shape({
+    sortFn: PropTypes.func,
     ...oneIsRequired({
-      text: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-      render: propTypesExports.func
+      text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+      render: PropTypes.func
     }),
-    dataKey: propTypesExports.string,
-    colRenderer: propTypesExports.func,
-    getter: propTypesExports.func,
-    formatter: propTypesExports.func
+    dataKey: PropTypes.string,
+    colRenderer: PropTypes.func,
+    getter: PropTypes.func,
+    formatter: PropTypes.func
   }).isRequired,
   /**
    * data: rows column's data
@@ -203,15 +191,15 @@ Col.propTypes = {
    * render: Render custom component on (row: PropTypes.rows[item] index: number) => {
    *  return <div>Hello World</div>})
    */
-  row: propTypesExports.shape({
-    data: propTypesExports.object,
-    className: propTypesExports.string,
-    render: propTypesExports.func
+  row: PropTypes.shape({
+    data: PropTypes.object,
+    className: PropTypes.string,
+    render: PropTypes.func
   }),
   /**
    * Index of row
    */
-  index: propTypesExports.number
+  index: PropTypes.number
 };
 var Col$1 = /*#__PURE__*/React__default.memo(Col);
 
@@ -350,33 +338,33 @@ Card.propTypes = {
   /**
    * Close card details and expanded popups with outside click
    */
-  closeWithOutsideClick: propTypesExports.bool,
+  closeWithOutsideClick: PropTypes.bool,
   /**
    * Has component shadow or no
    */
-  shadow: propTypesExports.bool,
+  shadow: PropTypes.bool,
   /**
    * Has component border or no
    */
-  border: propTypesExports.bool,
+  border: PropTypes.bool,
   /**
    * Index of row
    */
-  index: propTypesExports.number,
+  index: PropTypes.number,
   /**
    * Additional classname
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * data: rows column's data
    * className: additional className for row element
    * render: Render custom component on (row: PropTypes.rows[item] index: number) => {
    *  return <div>Hello World</div>})
    */
-  row: propTypesExports.shape({
-    data: propTypesExports.object,
-    className: propTypesExports.string,
-    render: propTypesExports.func
+  row: PropTypes.shape({
+    data: PropTypes.object,
+    className: PropTypes.string,
+    render: PropTypes.func
   }),
   /**
    * sortFn: Custom sort function for columns.((prev: PropTypes.rows[item], next: PropTypes.rows[item], rows: PropTypes.rows, dataKey: string) => {
@@ -415,87 +403,87 @@ Card.propTypes = {
    * })
    *
    */
-  columns: propTypesExports.arrayOf(propTypesExports.shape({
-    sortFn: propTypesExports.func,
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    sortFn: PropTypes.func,
     ...oneIsRequired({
-      text: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-      render: propTypesExports.func
+      text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+      render: PropTypes.func
     }),
-    sortable: propTypesExports.bool,
-    resizable: propTypesExports.bool,
-    dataKey: propTypesExports.string,
-    draggable: propTypesExports.bool,
-    colRenderer: propTypesExports.func,
-    getter: propTypesExports.func,
-    formatter: propTypesExports.func,
-    hide: propTypesExports.bool
+    sortable: PropTypes.bool,
+    resizable: PropTypes.bool,
+    dataKey: PropTypes.string,
+    draggable: PropTypes.bool,
+    colRenderer: PropTypes.func,
+    getter: PropTypes.func,
+    formatter: PropTypes.func,
+    hide: PropTypes.bool
   })).isRequired,
   /**
    * Number of columns that will be shown
    */
-  columnLimit: propTypesExports.number,
+  columnLimit: PropTypes.number,
   /**
    * Function which will return Array of objects as row's action bar on the right corner of the row. ((row: PropTypes.rows[item] ,index: number) => [])
    */
-  rowActionBar: propTypesExports.func,
+  rowActionBar: PropTypes.func,
   /**
    * Function which will return props for mobile popup. ((row: PropTypes.rows[item] ,index: number) => {})
    */
-  getPopupProps: propTypesExports.func,
+  getPopupProps: PropTypes.func,
   /**
    * Fires event when clicked on row
    * (event: SyntheticEvent, index: number) => void
    */
-  onRowClick: propTypesExports.func,
+  onRowClick: PropTypes.func,
   /**
    * Text for View Card
    */
-  viewCardText: propTypesExports.string,
+  viewCardText: PropTypes.string,
   /**
    * Text for Expand
    */
-  expandText: propTypesExports.string,
+  expandText: PropTypes.string,
   /**
    * Text for Cancel
    */
-  cancelText: propTypesExports.string,
+  cancelText: PropTypes.string,
   /**
    * Text for Expanded popup close button
    */
-  expandedCloseText: propTypesExports.string,
+  expandedCloseText: PropTypes.string,
   /**
    * Text for Expanded popup title
    */
-  expandedText: propTypesExports.string,
+  expandedText: PropTypes.string,
   /**
    * Function which should return null or another
    * Function which will return valid node
    */
-  renderRowNestedChildren: propTypesExports.func,
+  renderRowNestedChildren: PropTypes.func,
   /**
    * Extra click function for rows. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => custom logic)
    */
-  rowExtraClick: propTypesExports.func,
+  rowExtraClick: PropTypes.func,
   /**
    * Expand button disabled state
    */
-  expandDisabled: propTypesExports.bool,
+  expandDisabled: PropTypes.bool,
   /**
    * Is card in edit mode
    */
-  isEditMode: propTypesExports.bool,
+  isEditMode: PropTypes.bool,
   /**
    * Hide show more button
    */
-  hideMore: propTypesExports.bool,
+  hideMore: PropTypes.bool,
   /**
    * Function for determining which rows should have extra click. ((e: event object, data: object, index: number, row: PropTypes.rows[item]) => return true or false)
    */
-  rowExtraClickNeeded: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.bool]),
+  rowExtraClickNeeded: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
    * Title for rowExtraClick menu item
    */
-  rowExtraClickMenuTitle: propTypesExports.string
+  rowExtraClickMenuTitle: PropTypes.string
 };
 Card.defaultProps = {
   rowActionBar: noop,