@geneui/components 2.11.2 → 2.12.1

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

@@ -1,19 +1,18 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { n as noop } from './index-ac59cb10.js';
-import { u as useMount } from './useMount-6fef51a5.js';
-import './configs-91c86664.js';
-import Switcher from './Switcher.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { n as noop } from '../index-a0e4e333.js';
+import useMount from '../hooks/useMount.js';
+import '../configs-fed6ac34.js';
+import Switcher from '../Switcher/index.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './index-6ff23041.js';
-import './useKeyDown-38102ae7.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
+import '../index-6ff23041.js';
+import '../hooks/useKeyDown.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../style-inject.es-746bb8ed.js';
+import '../guid-8ddf77b3.js';
 
 function checkValidation(value, required, isValid) {
   if (required && !value) return {
@@ -78,12 +77,12 @@ const SwitcherElement = /*#__PURE__*/forwardRef((props, ref) => {
   }, restProps));
 });
 SwitcherElement.propTypes = {
-  onChange: propTypesExports.func,
-  required: propTypesExports.bool,
-  checked: propTypesExports.bool,
-  isFieldValid: propTypesExports.func,
-  isValid: propTypesExports.bool,
-  forceAllowValidation: propTypesExports.bool
+  onChange: PropTypes.func,
+  required: PropTypes.bool,
+  checked: PropTypes.bool,
+  isFieldValid: PropTypes.func,
+  isValid: PropTypes.bool,
+  forceAllowValidation: PropTypes.bool
 };
 SwitcherElement.defaultProps = {
   isValid: true,

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

@@ -1,26 +1,27 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { n as noop } from './index-ac59cb10.js';
-import { u as useMount } from './useMount-6fef51a5.js';
-import './configs-91c86664.js';
-import ExtendedInput from './ExtendedInput.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { n as noop } from '../index-a0e4e333.js';
+import useMount from '../hooks/useMount.js';
+import '../configs-fed6ac34.js';
+import ExtendedInput from '../ExtendedInput/index.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './index-6ff23041.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './index-897d8240.js';
-import './useKeyDown-38102ae7.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './Icon.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
+import '../index-6ff23041.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useEllipsisDetection.js';
+import '../Icon/index.js';
+import '../style-inject.es-746bb8ed.js';
+import '../SuggestionList/index.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
 
 const emailRegExp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 function checkValidation(required, isValid, maxLength, minLength, isEmail) {
@@ -117,43 +118,43 @@ TextInput.propTypes = {
   /**
    * Value for text input
    */
-  value: propTypesExports.string,
+  value: PropTypes.string,
   /**
    * Callback fires when field changes
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Callback fires when field blured
    */
-  onBlur: propTypesExports.func,
+  onBlur: PropTypes.func,
   /**
    *  Define is field required or no.
    */
-  required: propTypesExports.bool,
+  required: PropTypes.bool,
   /**
    * Is field accept only email or no
    */
-  isEmail: propTypesExports.bool,
+  isEmail: PropTypes.bool,
   /**
    * Maximum length of value
    */
-  maxLength: propTypesExports.number,
+  maxLength: PropTypes.number,
   /**
    * Minimum length of value
    */
-  minLength: propTypesExports.number,
+  minLength: PropTypes.number,
   /**
    * Callback fires when field validation state changes
    */
-  isFieldValid: propTypesExports.func,
+  isFieldValid: PropTypes.func,
   /**
    * Additional validation state
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    * Allow validation without onBlur, validate field when mount
    */
-  forceAllowValidation: propTypesExports.bool
+  forceAllowValidation: PropTypes.bool
 };
 TextInput.defaultProps = {
   isValid: true,

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

@@ -1,27 +1,28 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { d as dayjsWithPlugins } from './dateValidation-67caec66.js';
-import { g as getBrowserDateFormat } from './localization-4ba17032.js';
-import { c as checkTimeValidation } from './checkTimeValidation-e56771be.js';
+import PropTypes from 'prop-types';
+import { d as dayjsWithPlugins } from '../dateValidation-67caec66.js';
+import { g as getBrowserDateFormat } from '../localization-4ba17032.js';
+import { c as checkTimeValidation } from '../checkTimeValidation-e56771be.js';
 import 'react-dom';
-import ExtendedInput from './ExtendedInput.js';
-import './_commonjsHelpers-24198af3.js';
-import './index-6ff23041.js';
-import './configs-91c86664.js';
-import './index-ac59cb10.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './index-897d8240.js';
-import './useKeyDown-38102ae7.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './Icon.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
+import ExtendedInput from '../ExtendedInput/index.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../index-6ff23041.js';
+import '../configs-fed6ac34.js';
+import '../index-a0e4e333.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useEllipsisDetection.js';
+import '../Icon/index.js';
+import '../style-inject.es-746bb8ed.js';
+import '../SuggestionList/index.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
 
 const nonLettersRegex = /[\W_]+/g;
 const getFormatSeparator = format => format[format.search(nonLettersRegex)];
@@ -155,14 +156,14 @@ const DateInput = /*#__PURE__*/forwardRef((_ref6, ref) => {
   }, restProps));
 });
 DateInput.propTypes = {
-  value: propTypesExports.string,
-  onChange: propTypesExports.func,
-  required: propTypesExports.bool,
-  getInitialState: propTypesExports.func,
-  customValidation: propTypesExports.func,
-  min: propTypesExports.string,
-  max: propTypesExports.string,
-  format: propTypesExports.string
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  required: PropTypes.bool,
+  getInitialState: PropTypes.func,
+  customValidation: PropTypes.func,
+  min: PropTypes.string,
+  max: PropTypes.string,
+  format: PropTypes.string
 };
 DateInput.defaultProps = {
   format: getBrowserDateFormat()

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

@@ -1,36 +1,38 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { u as useMount } from './useMount-6fef51a5.js';
-import './configs-91c86664.js';
-import { U as Uploader } from './index-135b9d17.js';
-import './index-ac59cb10.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import useMount from '../hooks/useMount.js';
+import '../configs-fed6ac34.js';
+import Uploader from '../Uploader/index.js';
+import '../index-a0e4e333.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './index-6ff23041.js';
-import './Grid.js';
-import './useWidth-9f4647f8.js';
-import './useWindowSize-80369d76.js';
-import './style-inject.es-746bb8ed.js';
-import './Button.js';
-import './Icon.js';
-import './globalStyling-9c60a159.js';
-import './useKeyDown-38102ae7.js';
-import './BusyLoader.js';
-import './Image.js';
-import './Empty.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './useDeviceType-dd51db38.js';
-import './GeneUIProvider.js';
-import './Checkbox.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
-import './ExtendedInput.js';
-import './index-897d8240.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
+import '../index-6ff23041.js';
+import '../Button/index.js';
+import '../Icon/index.js';
+import '../style-inject.es-746bb8ed.js';
+import '../ExtendedInput/index.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useEllipsisDetection.js';
+import '../SuggestionList/index.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
+import '../Grid/index.js';
+import '../hooks/useWidth.js';
+import '../hooks/useImgDownload.js';
+import '../BusyLoader/index.js';
+import '../Image/index.js';
+import '../Empty/index.js';
+import '../Checkbox/index.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
 
 function checkValidation(required, isValid) {
   let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -83,12 +85,12 @@ const UploaderField = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, restProps));
 });
 UploaderField.propTypes = {
-  onChange: propTypesExports.func,
-  customValidation: propTypesExports.func,
+  onChange: PropTypes.func,
+  customValidation: PropTypes.func,
   /**
    * Additional validation state
    */
-  isValid: propTypesExports.bool
+  isValid: PropTypes.bool
 };
 
 export { UploaderField as default };

package/Widget/index.js

@@ -0,0 +1,227 @@
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { w as widgetConfig } from '../configs-fed6ac34.js';
+import Icon from '../Icon/index.js';
+import KeyValue from '../KeyValue/index.js';
+import ModuleTitle from '../ModuleTitle/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../index-a0e4e333.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../GeneUIProvider/index.js';
+
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .widget-holder{background:var(--background);border-radius:2rem;height:6rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .widget-holder.s-small{--font-size:1.6rem;border-radius:1rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.s-medium{border-radius:1rem;height:8rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.s-big{height:11rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder .no-data{opacity:.5}[data-gene-ui-version=\"2.12.1\"] .widget-holder.shadow{box-shadow:0 .3rem .6rem 0 #0000000d}[data-gene-ui-version=\"2.12.1\"] .widget-holder.border{border:1px solid rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"2.12.1\"] .widget-holder .module-title{text-transform:uppercase}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid{display:grid;grid-template-areas:\"image head\" \"image text\";grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default{padding:0 2rem 0 0}html[dir=rtl] .widget-holder.widget-grid.t-default{padding:0 0 0 2rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .module-title{font-size:1.2rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .module-header{padding:0}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .image{padding:0 3.5rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .image img{height:5rem;width:5rem}[data-gene-ui-version=\"2.12.1\"] .s-small.widget-holder.widget-grid.t-default .image{padding:0 1.5rem}[data-gene-ui-version=\"2.12.1\"] .s-small.widget-holder.widget-grid.t-default .image img{height:3.4rem;width:3.4rem}[data-gene-ui-version=\"2.12.1\"] .s-medium.widget-holder.widget-grid.t-default .image{padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .s-medium.widget-holder.widget-grid.t-default .image img{height:4.8rem;width:4.8rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .text.key-values,[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .text.key-values{display:grid;gap:1.6rem;grid-template-columns:.5fr .4fr 1fr}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .text .widget-timeline-holder,[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-default .text .widget-timeline-holder{align-items:center;border-left:1px solid rgba(var(--background-sc-rgb),.05);display:flex;justify-content:space-between;text-align:center}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact{grid-template-areas:\"head head\" \"image text\";grid-template-rows:auto 1fr}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .image{padding:0 1.5rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .image img{height:4.8rem;width:4.8rem}[data-gene-ui-version=\"2.12.1\"] .s-small.widget-holder.widget-grid.t-compact .image{display:none}[data-gene-ui-version=\"2.12.1\"] .s-medium.widget-holder.widget-grid.t-compact .image{padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .s-medium.widget-holder.widget-grid.t-compact .image img{height:3rem;width:3rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .text{padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.widget-grid.t-compact .text:not(.bobol)>p{text-align:end}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li{align-items:center;display:flex}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li.image{grid-area:image;justify-content:center}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li.head{grid-area:head;overflow:hidden;padding:0 0 1px}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li.text{grid-area:text;overflow:hidden}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li.text>p{flex:auto;font:700 var(--font-size,1.8rem)/3rem var(--font-family)}[data-gene-ui-version=\"2.12.1\"] .widget-holder>li.text .icon{flex-shrink:0}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal{align-items:center;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:0 .8rem;text-align:center}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal.shadow{box-shadow:0 .2rem .4rem 0 #0000000d}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal>li{justify-content:center;width:100%}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal>li:first-child{color:rgba(var(--background-sc-rgb),.61);font:600 1.2rem/1.6rem var(--font-family)}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal>li:nth-child(2){font-weight:600;margin:1rem 0 0}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-minimal>li>i{border-radius:100%;display:block;flex-shrink:0;height:.8rem;width:.8rem}html:not([dir=rtl]) .widget-holder.t-minimal>li>i{margin-right:.8rem}html[dir=rtl] .widget-holder.t-minimal>li>i{margin-left:.8rem}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-colorful{border:1px solid var(--hero);display:block;max-width:100%;min-width:14rem;padding:1rem 1.4rem .8rem;position:relative;width:auto}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-colorful:before{background:var(--hero);border-radius:inherit;content:\"\";display:block;height:100%;left:0;opacity:.03;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-colorful>li{position:relative}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-colorful .widget-c-title{font:600 1.2rem/1.6rem var(--font-family);margin:0 0 .4rem;opacity:.8}[data-gene-ui-version=\"2.12.1\"] .widget-holder.t-colorful .widget-c-text{font:700 1.6rem/2.2rem var(--font-family)}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder{--status-color:inherit;align-items:center;color:var(--status-color);display:flex;flex-shrink:0;font:700 1.4rem/1.8rem var(--font-family);margin-inline-start:.6rem;transition:color .4s}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder.cs-up{--status-color:#51cf78}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder.cs-up .bc-icon-comparison-down{color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder.cs-down{--status-color:#e84855}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder.cs-down .bc-icon-comparison-up{color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .comparison-icons-holder .icon+.icon{left:0;position:absolute;top:0}[data-gene-ui-version=\"2.12.1\"] .comparison-icons{position:relative}";
+styleInject(css_248z);
+
+function Widget(_ref) {
+  let {
+    type,
+    img,
+    title,
+    text,
+    color,
+    headerActions,
+    noDataText,
+    noData,
+    className,
+    withShadow,
+    withBorder,
+    titleIcon,
+    showComparisonIcons,
+    comparisonText,
+    comparisonStatus,
+    size,
+    titleProps,
+    keyValues,
+    ...restProps
+  } = _ref;
+  const isCompact = type === widgetConfig.type[1];
+  const showKeyValues = useMemo(() => !!keyValues.length && size === widgetConfig.size[2], [size, keyValues]);
+  return /*#__PURE__*/React__default.createElement("ul", _extends({}, restProps, {
+    className: classnames(className, 'widget-holder', "t-".concat(type), "s-".concat(size), {
+      'widget-grid': type !== widgetConfig.type[2] && type !== widgetConfig.type[3],
+      shadow: withShadow,
+      border: withBorder
+    }),
+    style: {
+      '--hero': color
+    }
+  }), type === widgetConfig.type[2] ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("i", {
+    style: {
+      background: color
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "ellipsis-text"
+  }, title)), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("span", {
+    className: classnames('ellipsis-text', {
+      'no-data': noData
+    })
+  }, noData ? noDataText : text), !noData && (showComparisonIcons || comparisonText) && /*#__PURE__*/React__default.createElement("div", {
+    className: classnames('comparison-icons-holder', "cs-".concat(comparisonStatus))
+  }, comparisonText && /*#__PURE__*/React__default.createElement("div", {
+    className: "comparison-text"
+  }, comparisonText), showComparisonIcons && /*#__PURE__*/React__default.createElement("div", {
+    className: "comparison-icons"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: "bc-icon-comparison-up"
+  }), /*#__PURE__*/React__default.createElement(Icon, {
+    type: "bc-icon-comparison-down"
+  }))))) : type === widgetConfig.type[3] ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
+    className: "widget-c-title"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "ellipsis-text"
+  }, title)), /*#__PURE__*/React__default.createElement("li", {
+    className: "widget-c-text"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: classnames('ellipsis-text', {
+      'no-data': noData
+    })
+  }, noData ? noDataText : text))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
+    className: "image"
+  }, img && /*#__PURE__*/React__default.createElement("img", {
+    src: img,
+    alt: ""
+  })), /*#__PURE__*/React__default.createElement("li", {
+    className: "head"
+  }, /*#__PURE__*/React__default.createElement(ModuleTitle, _extends({
+    title: title,
+    color: color,
+    size: size,
+    cornerRadius: "position-radius",
+    titleIcon: titleIcon
+  }, titleProps), !isCompact && headerActions)), /*#__PURE__*/React__default.createElement("li", {
+    className: classnames('text', {
+      'key-values': showKeyValues
+    })
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: classnames('ellipsis-text', {
+      'no-data': noData
+    })
+  }, noData ? noDataText : text), !noData && (showComparisonIcons || comparisonText) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: classnames('comparison-icons-holder', "cs-".concat(comparisonStatus))
+  }, comparisonText && /*#__PURE__*/React__default.createElement("div", {
+    className: "comparison-text"
+  }, comparisonText), showComparisonIcons && /*#__PURE__*/React__default.createElement("div", {
+    className: "comparison-icons"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: "bc-icon-comparison-up"
+  }), /*#__PURE__*/React__default.createElement(Icon, {
+    type: "bc-icon-comparison-down"
+  }))), showKeyValues && /*#__PURE__*/React__default.createElement("div", {
+    className: "widget-timeline-holder"
+  }, keyValues.map((_ref2, index) => {
+    let {
+      label,
+      value,
+      className,
+      ...rest
+    } = _ref2;
+    return /*#__PURE__*/React__default.createElement(KeyValue, _extends({
+      key: index,
+      label: label,
+      value: value,
+      className: className
+    }, rest));
+  }))))));
+}
+Widget.propTypes = {
+  /**
+   * Switching to different types of widget's view, can be
+   * default, minimal, compact
+   */
+  type: PropTypes.oneOf(widgetConfig.type),
+  /**
+   * Setting image to widget
+   */
+  img: PropTypes.string,
+  /**
+   * Title for widget
+   */
+  title: PropTypes.node.isRequired,
+  /**
+   * Main text for widget
+   */
+  text: PropTypes.node,
+  /**
+   * Theme color for widget
+   */
+  color: PropTypes.string,
+  /**
+   * Header of widget can have actions, so with this prop can be set actions
+   */
+  headerActions: PropTypes.node,
+  /**
+   * Text for No data state
+   */
+  noDataText: PropTypes.string,
+  /**
+   * Show/hide No data state
+   */
+  noData: PropTypes.bool,
+  /**
+   * Additional className
+   */
+  className: PropTypes.string,
+  /**
+   * Show/Hide shadow effect for widget
+   */
+  withShadow: PropTypes.bool,
+  /**
+   * Show/Hide bordered effect
+   */
+  withBorder: PropTypes.bool,
+  /**
+   * Title can have icon, defining with this prop
+   */
+  titleIcon: PropTypes.string,
+  /**
+   * Show/Hide comparison icons
+   */
+  showComparisonIcons: PropTypes.bool,
+  /**
+   * Props for title component
+   */
+  titleProps: PropTypes.object,
+  /**
+   * Comparison text
+   */
+  comparisonText: PropTypes.string,
+  /**
+   * Defining status/state of comparison icon
+   * can be one of `'initial','up','down'`
+   */
+  comparisonStatus: PropTypes.oneOf(widgetConfig.comparisonStatus),
+  /**
+   * Widget size
+   * `small, big, medium`
+   */
+  size: PropTypes.oneOf(widgetConfig.size),
+  /**
+   * Widget keyValues is an array of keyValue
+   * it will appear when the size is big
+   */
+  keyValues: PropTypes.arrayOf(PropTypes.shape({
+    ...KeyValue.propTypes
+  }))
+};
+Widget.defaultProps = {
+  type: widgetConfig.type[0],
+  noDataText: 'No Data',
+  noData: false,
+  titleProps: {},
+  withShadow: true,
+  withBorder: false,
+  showComparisonIcons: false,
+  comparisonStatus: widgetConfig.comparisonStatus[0],
+  size: widgetConfig.size[1],
+  keyValues: []
+};
+
+export { Widget as default };

package/config-0ca92874.js

@@ -0,0 +1,31 @@
+import ReactDOM__default from 'react-dom';
+
+const callAfterDelay = (callBack, time) => {
+  const timerId = setTimeout(() => {
+    clearTimeout(timerId);
+    ReactDOM__default.unstable_batchedUpdates(() => {
+      callBack();
+    });
+  }, time);
+};
+
+const actionTypes = {
+  add: 'add',
+  edit: 'edit',
+  delete: 'delete'
+};
+const keyDownKeys = {
+  space: ' ',
+  enter: 'Enter',
+  escape: 'Escape',
+  arrowDown: 'ArrowDown',
+  arrowUp: 'ArrowUp',
+  arrowLeft: 'ArrowLeft',
+  arrowRight: 'ArrowRight',
+  backspace: 'Backspace',
+  delete: 'Delete',
+  tab: 'Tab'
+};
+const SPACE_HEIGHT = 8;
+
+export { SPACE_HEIGHT as S, actionTypes as a, callAfterDelay as c, keyDownKeys as k };

package/{configs-91c86664.js → configs-fed6ac34.js}

@@ -79,6 +79,7 @@ const widgetConfig = {
 const customScrollbarConfig = {
   size: ['medium', 'small']
 };
+const noDataConfig = ['data', 'image', 'search'];
 const timePickerConfig = {
   appearance: ['multipleInputs', 'singleInput']
 };
@@ -92,5 +93,31 @@ const optionConfig = {
     end: 'end'
   }
 };
+const keyValueConfig = {
+  appearance: {
+    horizontal: {
+      _key: 'horizontal',
+      parentItemClassName: 'geneKeyValue--horizontal',
+      labelClassName: 'geneKeyValue__label--horizontal',
+      valueClassName: 'geneKeyValue__value--horizontal',
+      iconClassName: 'geneKeyValue__icon--horizontal'
+    },
+    vertical: {
+      _key: 'vertical',
+      parentItemClassName: '',
+      itemClassName: ''
+    }
+  }
+};
+const advancedSearchConfig = {
+  positions: {
+    right: 'right',
+    left: 'left'
+  }
+};
+const badgeConfig = {
+  color: ['danger', 'primary'],
+  size: ['default', 'medium', 'big', 'huge']
+};
 
-export { clientConfigs as a, titleConfig as b, checkboxRadioSwitcherConfig as c, popoverConfig as d, popoverV2Config as e, customScrollbarConfig as f, breakPoints as g, stepsConfig as h, inputConfig as i, moduleTitleConfig as j, timePickerConfig as k, mobileScreenSize as m, optionConfig as o, positions as p, screenTypes as s, tagConfig as t, uploaderConfig as u, widgetConfig as w };
+export { clientConfigs as a, badgeConfig as b, checkboxRadioSwitcherConfig as c, moduleTitleConfig as d, popoverConfig as e, tagConfig as f, popoverV2Config as g, timePickerConfig as h, inputConfig as i, advancedSearchConfig as j, keyValueConfig as k, customScrollbarConfig as l, mobileScreenSize as m, noDataConfig as n, optionConfig as o, positions as p, breakPoints as q, stepsConfig as r, screenTypes as s, titleConfig as t, uploaderConfig as u, widgetConfig as w };

package/hooks/useBodyScroll.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+
+function useBodyScroll() {
+  const lock = useCallback(() => {
+    document.body.style.overflow = 'hidden';
+  }, []);
+  const unlock = useCallback(() => {
+    document.body.style.overflow = 'auto';
+  }, []);
+  return {
+    lock,
+    unlock
+  };
+}
+
+export { useBodyScroll as default };