@geneui/components 2.11.2 → 2.12.2

package/ModuleTitle.js

@@ -1,99 +0,0 @@
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import 'react';
-import './index-e0af0caf.js';
-import './index-6ff23041.js';
-import './configs-91c86664.js';
-import './index-ac59cb10.js';
-import './Icon.js';
-import './globalStyling-9c60a159.js';
-export { M as default } from './index-9164a86d.js';
-import './Grid.js';
-import './Tabs.js';
-import './Steps.js';
-import './Timeline.js';
-import './RadioGroup.js';
-import './Checkbox.js';
-import './Card.js';
-import './Tag.js';
-import './Alert.js';
-import './Tooltip.js';
-import './index-00fe8887.js';
-import './Slider.js';
-import './Pagination.js';
-import './ExtendedInput.js';
-import './Editor.js';
-import './ValidatableUploader.js';
-import './ValidatableRadio.js';
-import './ValidatableCheckbox.js';
-import './ValidatableSwitcher.js';
-import './ValidatableNumberInput.js';
-import './ValidatableTextInput.js';
-import './ValidatableDatePicker.js';
-import './Notification.js';
-import './Modal.js';
-import './Collapse.js';
-import './Status.js';
-import './Menu.js';
-import './Progress.js';
-import './MobileNavigation.js';
-import './MobilePopup.js';
-import './index-135b9d17.js';
-import './Products.js';
-import './Search.js';
-import './index-0199942c.js';
-import './Breadcrumb.js';
-import './Section.js';
-import './ColorPicker.js';
-import './NavigationMenu.js';
-import './Textarea.js';
-import './AdvancedSearch.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import './style-inject.es-746bb8ed.js';
-import './useEllipsisDetection-ef536015.js';
-import './Switcher.js';
-import './useKeyDown-38102ae7.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
-import './useMount-6fef51a5.js';
-import './objectWithoutPropertiesLoose-299691d8.js';
-import './rangeAndSlider-20599da4.js';
-import './clsx.m-2bb6df4b.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './useClickOutside-5183e396.js';
-import './index-084588e9.js';
-import './Popover-f4d1cac0.js';
-import './index-122432cd.js';
-import './GeneUIProvider.js';
-import './Portal.js';
-import './Scrollbar.js';
-import './index-897d8240.js';
-import './BusyLoader.js';
-import './index-5e96cb4d.js';
-import './debounce-4419bc2f.js';
-import './Empty.js';
-import './index-2030e31c.js';
-import './Button.js';
-import './Divider.js';
-import './Avatar.js';
-import './TextLink.js';
-import './Label.js';
-import './Radio.js';
-import './Paper.js';
-import './Badge.js';
-import './configs.js';
-import './SkeletonLoader.js';
-import './Time.js';
-import './localization-4ba17032.js';
-import './Title.js';
-import './Image.js';
-import './KeyValue.js';
-import './Option.js';
-import './index-b7a33c58.js';
-import './QRCode.js';
-import './useWidth-9f4647f8.js';
-import './checkTimeValidation-e56771be.js';
-import './DatePicker.js';
-import './LinkButton.js';

package/Notification.js

@@ -1,120 +0,0 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default from 'react';
-import { c as classnames } from './index-6ff23041.js';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import './dateValidation-67caec66.js';
-import 'react-dom';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { s as screenTypes } from './configs-91c86664.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_commonjsHelpers-24198af3.js';
-import './useWindowSize-80369d76.js';
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .notifier-block{align-items:flex-start;background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:1rem;box-shadow:0 .2rem .4rem 0 #0000001a;cursor:pointer;display:flex;height:8.5rem;transition:border-color .3s;width:100%}[data-gene-ui-version=\"1.0.0\"] .notifier-block.mobile-view{border-radius:0;border-width:0 0 1px;box-shadow:none}[data-gene-ui-version=\"1.0.0\"] .notifier-block>li{flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .notifier-block>li.notifier-icon{align-self:stretch}[data-gene-ui-version=\"1.0.0\"] .notifier-block>li.notifier-content{flex:auto;overflow:hidden;padding:1.2rem 1.4rem;width:10rem}[data-gene-ui-version=\"1.0.0\"] .notifier-block>li.notifier-action{padding:1rem 1.5rem 0 0}html[dir=rtl] .notifier-block>li.notifier-action{padding:1rem 0 0 1.5rem}[data-gene-ui-version=\"1.0.0\"] .notifier-block>li.notifier-action .icon{cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .notifier-block>li.notifier-action .icon:hover{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .notifier-block:hover{border-color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .notifier-icon{align-items:center;background:rgba(var(--hero-rgb),.28);border-radius:.9rem 0 0 .9rem;color:var(--background);display:flex;font-size:4.2rem;justify-content:center;width:8.5rem}html[dir=rtl] .notifier-icon{border-radius:0 .9rem .9rem 0}[data-gene-ui-version=\"1.0.0\"] .notifier-block.mobile-view .notifier-icon{border-radius:0}[data-gene-ui-version=\"1.0.0\"] .type-clean .notifier-icon{background:none;color:rgba(var(--hero-rgb),.48)}html:not([dir=rtl]) .type-clean .notifier-icon{border-right:1px solid rgba(var(--background-sc-rgb),.1)}html[dir=rtl] .type-clean .notifier-icon{border-left:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .notifier-title{font:600 1.4rem/1.36 var(--font-family);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"1.0.0\"] .notifier-c-t{margin:.8rem 0 0}[data-gene-ui-version=\"1.0.0\"] .notifier-c-t>ul{display:grid;font:600 1.2rem/1.42 var(--font-family);grid-template-areas:\"c1 c2\";grid-template-columns:auto 1fr}[data-gene-ui-version=\"1.0.0\"] .notifier-c-t>ul>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"1.0.0\"] .notifier-c-t>ul>li:first-child{grid-area:c1;opacity:.5;width:6.4rem}[data-gene-ui-version=\"1.0.0\"] .notifier-c-t>ul>li:nth-child(2){grid-area:c2}";
-styleInject(css_248z);
-
-const notificationTypes = ['default', 'clean'];
-function Notification(_ref) {
-  let {
-    type,
-    onClose,
-    closable,
-    content,
-    title,
-    heading,
-    className,
-    screenType,
-    additionalHeading,
-    notificationIcon,
-    onContentClick,
-    description,
-    additionalDescription,
-    ...restProps
-  } = _ref;
-  const {
-    isMobile
-  } = useDeviceType(screenType);
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    onClick: onContentClick,
-    className: classnames('notifier-block', className, "type-".concat(type), {
-      'mobile-view': isMobile
-    })
-  }, restProps), type && /*#__PURE__*/React__default.createElement("li", {
-    className: classnames('notifier-icon', notificationIcon)
-  }), /*#__PURE__*/React__default.createElement("li", {
-    className: "notifier-content"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "notifier-title"
-  }, title), content || /*#__PURE__*/React__default.createElement("div", {
-    className: "notifier-c-t"
-  }, heading && /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("span", null, heading)), /*#__PURE__*/React__default.createElement("li", null, description)), additionalHeading && /*#__PURE__*/React__default.createElement("ul", null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement("span", null, additionalHeading)), /*#__PURE__*/React__default.createElement("li", null, additionalDescription)))), closable && /*#__PURE__*/React__default.createElement("li", {
-    className: "notifier-action",
-    onClick: onClose
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-close"
-  })));
-}
-Notification.propTypes = {
-  /**
-   * Type of the Notification component.
-   */
-  type: propTypesExports.oneOf(notificationTypes),
-  /**
-   * If true displays close button
-   */
-  closable: propTypesExports.bool,
-  /**
-   * CSS class name for element
-   */
-  className: propTypesExports.string,
-  /**
-   * Fires event when user clicks on close button
-   * (event: Event) => void
-   */
-  onClose: propTypesExports.func,
-  /**
-   * Custom content form notification
-   */
-  content: propTypesExports.element,
-  /**
-   * Fires when user click on notification modal
-   * (event: Event) => void
-   */
-  onContentClick: propTypesExports.func,
-  /**
-   * Heading text for notification modal
-   */
-  heading: propTypesExports.string,
-  /**
-   * Descriptions text fro notification
-   */
-  description: propTypesExports.string,
-  /**
-   * Controls screen type
-   */
-  screenType: propTypesExports.oneOf(screenTypes),
-  /**
-   * Additional heading text for notification
-   */
-  additionalHeading: propTypesExports.string,
-  /**
-   * Notification icon
-   */
-  notificationIcon: propTypesExports.string.isRequired,
-  /**
-   * Additional info for notification
-   */
-  additionalDescription: propTypesExports.string,
-  /**
-   * Title for notification
-   */
-  title: propTypesExports.string.isRequired
-};
-Notification.defaultProps = {
-  type: notificationTypes[0],
-  closable: false
-};
-
-export { Notification as default, notificationTypes };

package/Option.js

@@ -1,186 +0,0 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useRef } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { o as optionConfig, s as screenTypes } from './configs-91c86664.js';
-import './dateValidation-67caec66.js';
-import 'react-dom';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { u as useEllipsisDetection } from './useEllipsisDetection-ef536015.js';
-import Tooltip from './Tooltip.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_commonjsHelpers-24198af3.js';
-import './useWindowSize-80369d76.js';
-import './Popover-f4d1cac0.js';
-import './index-ac59cb10.js';
-import './GeneUIProvider.js';
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .option-container{align-items:center;cursor:pointer;display:flex;min-height:4rem;overflow:hidden;padding:0 1.4rem;position:relative;transition:background .4s;-webkit-user-select:none;user-select:none;width:100%;z-index:0}[data-gene-ui-version=\"1.0.0\"] .option-container>*{transition:color .4s}[data-gene-ui-version=\"1.0.0\"] .option-container.mobile-view{min-height:4.8rem;padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .option-container.border-top{border-top:1px solid}[data-gene-ui-version=\"1.0.0\"] .option-container.border-bottom{border-bottom:1px solid}[data-gene-ui-version=\"1.0.0\"] .option-container.border-bottom,[data-gene-ui-version=\"1.0.0\"] .option-container.border-top{border-color:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .option-container.sticky-bottom,[data-gene-ui-version=\"1.0.0\"] .option-container.sticky-top{position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"1.0.0\"] .option-container.sticky-top{top:0}[data-gene-ui-version=\"1.0.0\"] .option-container.sticky-bottom{bottom:0}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .option-container.hovered:hover,[data-gene-ui-version=\"1.0.0\"] .option-container:hover:hover{background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"1.0.0\"] .option-container.hovered{background:rgba(var(--background-sc-rgb),.05)}[data-gene-ui-version=\"1.0.0\"] .option-container.active,[data-gene-ui-version=\"1.0.0\"] .option-container.c-hero{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .option-container.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .option-container a{display:block;line-height:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"1.0.0\"] .option-container a.active~*{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .option-container-relative{position:relative}[data-gene-ui-version=\"1.0.0\"] .option-left-elements{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-inline-end:1.2rem;min-height:2.4rem;min-width:2.4rem}[data-gene-ui-version=\"1.0.0\"] .option-right-elements{flex-shrink:0;margin-inline-start:1.2rem}[data-gene-ui-version=\"1.0.0\"] .option-right-elements .bc-icon-selected{transition:transform .4s}[data-gene-ui-version=\"1.0.0\"] .option-container:not(.mobile-view) .option-right-elements .bc-icon-selected{margin-inline-end:-.4rem}[data-gene-ui-version=\"1.0.0\"] .option-container:not(.active) .option-right-elements .bc-icon-selected{transform:scale(0)}[data-gene-ui-version=\"1.0.0\"] .mobile-view .bc-icon-selected{margin-inline-end:.8rem!important}[data-gene-ui-version=\"1.0.0\"] .option-texts{align-items:center;display:flex;flex:auto;font:600 1.4rem/2rem var(--font-family);overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .option-texts>li{flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .option-texts>li:first-child{flex:auto;overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .option-texts>li.assigned-value{margin-inline-start:1rem;opacity:.7}[data-gene-ui-version=\"1.0.0\"] .option-description{font:600 1.2rem/1.6rem var(--font-family);opacity:.7}[data-gene-ui-version=\"1.0.0\"] .option-title-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"1.0.0\"] .option-title-end{text-align:end}";
-styleInject(css_248z);
-
-function Option(props) {
-  const {
-    title,
-    description,
-    className,
-    icon,
-    color,
-    active,
-    checkMark,
-    forwardMark,
-    leftCustomElement,
-    rightCustomElement,
-    assignedValue,
-    border,
-    sticky,
-    content,
-    onClick,
-    screenType,
-    forwardedRef,
-    disabled,
-    titlePosition,
-    ...restProps
-  } = props;
-  const titleRef = useRef(null);
-  const hasTooltip = useEllipsisDetection(titleRef);
-  const descriptionRef = useRef(null);
-  const hasDescriptionTooltip = useEllipsisDetection(descriptionRef);
-  const {
-    isMobile
-  } = useDeviceType(screenType);
-  return /*#__PURE__*/React__default.createElement("label", _extends({
-    className: classnames('option-container', className, "border-".concat(border), "sticky-".concat(sticky), "c-".concat(color), {
-      'mobile-view': isMobile,
-      'option-container-relative': titlePosition === optionConfig.titlePosition.center,
-      active,
-      disabled
-    }),
-    onClick: onClick,
-    ref: forwardedRef
-  }, restProps), content, (icon || leftCustomElement) && /*#__PURE__*/React__default.createElement("div", {
-    className: "option-left-elements"
-  }, icon && /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  }), leftCustomElement), /*#__PURE__*/React__default.createElement("ul", {
-    className: "option-texts"
-  }, /*#__PURE__*/React__default.createElement("li", null, title && /*#__PURE__*/React__default.createElement(Tooltip, {
-    text: title,
-    isVisible: hasTooltip
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('option-title', 'ellipsis-text', {
-      'option-title-center': titlePosition === optionConfig.titlePosition.center,
-      'option-title-end': titlePosition === optionConfig.titlePosition.end
-    }),
-    ref: titleRef
-  }, title)), description && /*#__PURE__*/React__default.createElement(Tooltip, {
-    text: description,
-    isVisible: hasDescriptionTooltip
-  }, /*#__PURE__*/React__default.createElement("div", {
-    ref: descriptionRef,
-    className: "option-description ellipsis-text"
-  }, description))), assignedValue && /*#__PURE__*/React__default.createElement("li", {
-    className: "assigned-value"
-  }, assignedValue)), (checkMark || forwardMark || rightCustomElement) && /*#__PURE__*/React__default.createElement("div", {
-    className: "option-right-elements"
-  }, checkMark && /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-selected"
-  }), forwardMark && /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-arrow-right"
-  }), rightCustomElement));
-}
-Option.defaultProps = {
-  color: optionConfig.color[0],
-  border: optionConfig.border[0],
-  sticky: optionConfig.sticky[0],
-  titlePosition: optionConfig.titlePosition.start,
-  screenType: screenTypes[0]
-};
-Option.propTypes = {
-  /**
-   * Title of the option
-   */
-  title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
-  /**
-   * Description of the option which is displayed on the bottom of the title with small caps
-   */
-  description: propTypesExports.string,
-  /**
-   * Adds additional className to the option
-   */
-  className: propTypesExports.string,
-  /**
-   * Adds icon on the right side of the option
-   */
-  icon: propTypesExports.string,
-  /**
-   * Changes text colors
-   */
-  color: propTypesExports.oneOf(optionConfig.color),
-  /**
-   * Changes color to hero
-   */
-  active: propTypesExports.bool,
-  /**
-   * Adds check icon and displays it when the option is active
-   */
-  checkMark: propTypesExports.bool,
-  /**
-   * Adds to right arrow icon
-   */
-  forwardMark: propTypesExports.bool,
-  /**
-   * Any element you can add to the left side
-   */
-  leftCustomElement: propTypesExports.any,
-  /**
-   * Any element you can add to the right side
-   */
-  rightCustomElement: propTypesExports.any,
-  /**
-   * Information you can display on the right side of the option
-   */
-  assignedValue: propTypesExports.string,
-  /**
-   * Adds border to the option
-   */
-  border: propTypesExports.oneOf(optionConfig.border),
-  /**
-   * Makes item sticky to scrolling element based on the position you choose
-   */
-  sticky: propTypesExports.oneOf(optionConfig.sticky),
-  /**
-   * Additional elements for rendering in option
-   */
-  content: propTypesExports.any,
-  /**
-   * Fires event when user click on one of the menu items;
-   * (event: Event, item: Object) => void
-   */
-  onClick: propTypesExports.func,
-  /**
-   * Controls screen type
-   */
-  screenType: propTypesExports.oneOf(screenTypes),
-  /**
-   * Controls button disable state
-   */
-  disabled: propTypesExports.bool,
-  /**
-   * ref for label
-   */
-  forwardedRef: propTypesExports.oneOfType([propTypesExports.func,
-  // for callback ref
-  propTypesExports.shape({
-    current: propTypesExports.instanceOf(Element)
-  }) // for createRef() object
-  ]),
-
-  /**
-   * Chose position for title
-   */
-  titlePosition: propTypesExports.oneOf(['start', 'center', 'end'])
-};
-
-export { Option as default };

package/Overlay.js

@@ -1,99 +0,0 @@
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import 'react';
-import './index-e0af0caf.js';
-import './index-6ff23041.js';
-import './configs-91c86664.js';
-import './index-ac59cb10.js';
-import './useKeyDown-38102ae7.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './Button.js';
-import './Divider.js';
-export { O as default } from './index-9164a86d.js';
-import './globalStyling-9c60a159.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import './style-inject.es-746bb8ed.js';
-import './Icon.js';
-import './Editor.js';
-import './useMount-6fef51a5.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './ValidatableUploader.js';
-import './index-135b9d17.js';
-import './Grid.js';
-import './useWidth-9f4647f8.js';
-import './BusyLoader.js';
-import './Image.js';
-import './Empty.js';
-import './Tooltip.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
-import './Checkbox.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './guid-8ddf77b3.js';
-import './ExtendedInput.js';
-import './index-897d8240.js';
-import './ValidatableRadio.js';
-import './RadioGroup.js';
-import './Radio.js';
-import './ValidatableCheckbox.js';
-import './ValidatableSwitcher.js';
-import './Switcher.js';
-import './ValidatableNumberInput.js';
-import './ValidatableTextInput.js';
-import './ValidatableDatePicker.js';
-import './index-0199942c.js';
-import './index-5e96cb4d.js';
-import './index-122432cd.js';
-import './debounce-4419bc2f.js';
-import './DatePicker.js';
-import './localization-4ba17032.js';
-import './checkTimeValidation-e56771be.js';
-import './useEllipsisDetection-ef536015.js';
-import './Tabs.js';
-import './Steps.js';
-import './index-084588e9.js';
-import './Portal.js';
-import './Timeline.js';
-import './Card.js';
-import './MobilePopup.js';
-import './Menu.js';
-import './Option.js';
-import './SkeletonLoader.js';
-import './KeyValue.js';
-import './configs.js';
-import './Tag.js';
-import './Alert.js';
-import './index-00fe8887.js';
-import './rangeAndSlider-20599da4.js';
-import './Slider.js';
-import './Pagination.js';
-import './objectWithoutPropertiesLoose-299691d8.js';
-import './clsx.m-2bb6df4b.js';
-import './index-2030e31c.js';
-import './Notification.js';
-import './Modal.js';
-import './Collapse.js';
-import './Status.js';
-import './Avatar.js';
-import './Search.js';
-import './TextLink.js';
-import './Label.js';
-import './Paper.js';
-import './Badge.js';
-import './Time.js';
-import './Title.js';
-import './index-b7a33c58.js';
-import './QRCode.js';
-import './Progress.js';
-import './MobileNavigation.js';
-import './Products.js';
-import './Breadcrumb.js';
-import './Section.js';
-import './ColorPicker.js';
-import './NavigationMenu.js';
-import './Textarea.js';
-import './AdvancedSearch.js';
-import './LinkButton.js';