@geneui/components 2.11.2 → 2.12.2

package/{ValidatableRadio.js → ValidatableRadio/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 RadioGroup from './RadioGroup.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 RadioGroup from '../RadioGroup/index.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './index-6ff23041.js';
-import './Radio.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
+import '../index-6ff23041.js';
+import '../Radio/index.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../style-inject.es-746bb8ed.js';
+import '../guid-8ddf77b3.js';
 
 function checkValidation(required, isValid) {
   let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -86,27 +85,27 @@ Radio.propTypes = {
   /**
    * Value for radio field
    */
-  value: propTypesExports.string,
+  value: PropTypes.string,
   /**
    * Callback fires when radio field changes
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Define is field required or no.
    */
-  required: propTypesExports.bool,
+  required: PropTypes.bool,
   /**
    * 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
 };
 Radio.defaultProps = {
   isValid: true,

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.2\"] .widget-holder{background:var(--background);border-radius:2rem;height:6rem;width:100%}[data-gene-ui-version=\"2.12.2\"] .widget-holder.s-small{--font-size:1.6rem;border-radius:1rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.s-medium{border-radius:1rem;height:8rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.s-big{height:11rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder .no-data{opacity:.5}[data-gene-ui-version=\"2.12.2\"] .widget-holder.shadow{box-shadow:0 .3rem .6rem 0 #0000000d}[data-gene-ui-version=\"2.12.2\"] .widget-holder.border{border:1px solid rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"2.12.2\"] .widget-holder .module-title{text-transform:uppercase}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.widget-grid.t-default{padding-inline:2rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-default .module-title{font-size:1.2rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-default .module-header{padding:0}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-default .image{padding-inline-end:3.5rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-default .image img{height:5rem;width:5rem}[data-gene-ui-version=\"2.12.2\"] .s-small.widget-holder.widget-grid.t-default .image{padding-inline-end:1.5rem}[data-gene-ui-version=\"2.12.2\"] .s-small.widget-holder.widget-grid.t-default .image img{height:3.4rem;width:3.4rem}[data-gene-ui-version=\"2.12.2\"] .s-medium.widget-holder.widget-grid.t-default .image{padding-inline-end:2rem}[data-gene-ui-version=\"2.12.2\"] .s-medium.widget-holder.widget-grid.t-default .image img{height:4.8rem;width:4.8rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-compact .text.key-values,[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.widget-grid.t-compact .text .widget-timeline-holder,[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.widget-grid.t-compact{grid-template-areas:\"head head\" \"image text\";grid-template-rows:auto 1fr}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-compact .image{padding-inline-end:1.5rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-compact .image img{height:4.8rem;width:4.8rem}[data-gene-ui-version=\"2.12.2\"] .s-small.widget-holder.widget-grid.t-compact .image{display:none}[data-gene-ui-version=\"2.12.2\"] .s-medium.widget-holder.widget-grid.t-compact .image{padding-inline:2rem}[data-gene-ui-version=\"2.12.2\"] .s-medium.widget-holder.widget-grid.t-compact .image img{height:3rem;width:3rem}[data-gene-ui-version=\"2.12.2\"] .s-big.widget-holder.widget-grid.t-compact .image{padding-inline:2rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-compact .text{padding:0 2rem}[data-gene-ui-version=\"2.12.2\"] .widget-holder.widget-grid.t-compact .text:not(.bobol)>p{text-align:end}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li{align-items:center;display:flex}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li.image{grid-area:image;justify-content:center}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li.head{grid-area:head;overflow:hidden;padding:0 0 1px}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li.text{grid-area:text;overflow:hidden}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li.text>p{flex:auto;font:700 var(--font-size,1.8rem)/3rem var(--font-family)}[data-gene-ui-version=\"2.12.2\"] .widget-holder>li.text .icon{flex-shrink:0}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.t-minimal.shadow{box-shadow:0 .2rem .4rem 0 #0000000d}[data-gene-ui-version=\"2.12.2\"] .widget-holder.t-minimal>li{justify-content:center;width:100%}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.t-minimal>li:nth-child(2){font-weight:600;margin:1rem 0 0}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .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.2\"] .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.2\"] .widget-holder.t-colorful>li{position:relative}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .widget-holder.t-colorful .widget-c-text{font:700 1.6rem/2.2rem var(--font-family)}[data-gene-ui-version=\"2.12.2\"] .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.2\"] .comparison-icons-holder.cs-up{--status-color:#51cf78}[data-gene-ui-version=\"2.12.2\"] .comparison-icons-holder.cs-up .bc-icon-comparison-down{color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .comparison-icons-holder.cs-down{--status-color:#e84855}[data-gene-ui-version=\"2.12.2\"] .comparison-icons-holder.cs-down .bc-icon-comparison-up{color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.2\"] .comparison-icons-holder .icon+.icon{left:0;position:absolute;top:0}[data-gene-ui-version=\"2.12.2\"] .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 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, img && /*#__PURE__*/React__default.createElement("li", {
+    className: "image"
+  }, /*#__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), 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,
+  /**
+   * The prop allows you to specify actions for the widget's header.
+   * It works only for types `default` and `compact`
+   */
+  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 };