@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-63cb5e7-01112024

package/Timeline/index.js

@@ -1,113 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { c as childrenOf } from '../index-5f37f281.js';
-import Icon from '../Icon/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-
-var css_248z$1 = "[data-gene-ui-version=\"2.16.4\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"2.16.4\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.16.4\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.16.4\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.4\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"2.16.4\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"2.16.4\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.4\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"2.16.4\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-description,[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"2.16.4\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"2.16.4\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
-styleInject(css_248z$1);
-
-const timelineColors = ['hero', 'success', 'danger'];
-const timelineAppearances = ['default', 'compact'];
-function TimelineItem(props) {
-  const {
-    icon,
-    title,
-    color,
-    withLine,
-    isLoading,
-    className,
-    appearance,
-    description,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('timeline-item', "a-".concat(appearance), "c-".concat(color), className, {
-      'with-line': withLine
-    })
-  }, restProps), /*#__PURE__*/React__default.createElement("li", {
-    className: "t-line"
-  }, isLoading ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-loader"
-  }) : icon ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  }) : /*#__PURE__*/React__default.createElement("div", {
-    className: "t-icon"
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "t-texts"
-  }, !!title && /*#__PURE__*/React__default.createElement("div", {
-    className: "t-title"
-  }, title), !!description && /*#__PURE__*/React__default.createElement("div", {
-    className: "t-description"
-  }, description)));
-}
-TimelineItem.propTypes = {
-  /**
-   * Is loading state.
-   */
-  isLoading: PropTypes.bool,
-  /**
-   * Title for item
-   */
-  title: PropTypes.string,
-  /**
-   * Icon for item
-   */
-  icon: PropTypes.string,
-  /**
-   * Render line between items
-   */
-  withLine: PropTypes.bool,
-  /**
-   * Description fot item
-   */
-  description: PropTypes.string,
-  /**
-   * External/Additional className
-   */
-  className: PropTypes.string,
-  /**
-   * Different colors for items
-   */
-  color: PropTypes.oneOf(timelineColors),
-  /**
-   * Any valid React node.
-   */
-  appearance: PropTypes.oneOf(timelineAppearances)
-};
-TimelineItem.defaultProps = {
-  color: timelineColors[0],
-  withLine: true,
-  appearance: timelineAppearances[0]
-};
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .timeline-holder{display:flex;flex-direction:column}";
-styleInject(css_248z);
-
-function Timeline(props) {
-  const {
-    children,
-    className,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('timeline-holder', className)
-  }, restProps), children);
-}
-Timeline.propTypes = {
-  /**
-   * External/Additional className
-   */
-  className: PropTypes.string,
-  /**
-   * Any valid React node.
-   */
-  children: childrenOf([TimelineItem])
-};
-
-export { Timeline, TimelineItem, timelineAppearances, timelineColors };

package/Title/index.js

@@ -1,65 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { t as titleConfig } from '../configs-00612ce0.js';
-import Icon from '../Icon/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"2.16.4\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.4\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"2.16.4\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"2.16.4\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.4\"] .title-holder .divider{margin:0 1rem}";
-styleInject(css_248z);
-
-function Title(_ref) {
-  let {
-    icon,
-    text,
-    actions,
-    color,
-    withLine,
-    className,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('title-holder', "c-".concat(color), className)
-  }, restProps), icon && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "title-text"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ellipsis-text"
-  }, text)), /*#__PURE__*/React__default.createElement("li", {
-    className: "line"
-  }, withLine && /*#__PURE__*/React__default.createElement("i", null)), actions && /*#__PURE__*/React__default.createElement("li", null, actions));
-}
-Title.propTypes = {
-  /**
-   * Display an icon. Values are the same as "Icon" atoms type prop
-   */
-  icon: PropTypes.string,
-  /**
-   * Text/Component to be displayed. Any valid React node
-   */
-  text: PropTypes.node.isRequired,
-  /**
-   * Actions to be displayed. Any valid React node
-   */
-  actions: PropTypes.node,
-  /**
-   * Title color
-   */
-  color: PropTypes.oneOf(titleConfig.color),
-  /**
-   * Displays a divider line
-   */
-  withLine: PropTypes.bool,
-  /**
-   * Additional className
-   */
-  className: PropTypes.string
-};
-Title.defaultProps = {
-  color: titleConfig.color[1],
-  withLine: false
-};
-
-export { Title as default };

package/Toaster/index.js

@@ -1,116 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import '../dateValidation-67caec66.js';
-import { g as guid } from '../guid-8ddf77b3.js';
-import 'react-dom';
-import Portal from '../Portal/index.js';
-import Notification from '../Notification/index.js';
-import Alert, { alertTypes } from '../Alert/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../GeneUIProvider/index.js';
-import '../hooks/useDeviceType.js';
-import '../configs-00612ce0.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../Icon/index.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .toaster-holder{max-width:38rem;padding:1.5rem;position:fixed;width:100%;z-index:500}[data-gene-ui-version=\"2.16.4\"] .toaster-holder>*+*{margin:2rem 0 0}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.left-top{left:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.left-bottom{bottom:0;left:0}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.right-top{right:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.right-bottom{bottom:0;right:0}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.bottom,[data-gene-ui-version=\"2.16.4\"] .toaster-holder.top{left:50%;transform:translate3d(-50%,0,0)}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.top{top:var(--header-height,0)}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.bottom{bottom:0}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.mobile-view{transform:none;width:100%}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.mobile-view:not(.top,.bottom){padding:0}[data-gene-ui-version=\"2.16.4\"] .toaster-holder.mobile-view.center:not(.top,.bottom){padding:0 1.5rem}[data-gene-ui-version=\"2.16.4\"] .toaster-holder:empty{pointer-events:none}";
-styleInject(css_248z);
-
-const toasterPositions = ['top', 'bottom', 'center', 'left-top', 'left-bottom', 'right-top', 'right-bottom'];
-function Toaster(_ref) {
-  let {
-    defaultDuration,
-    toasterPosition,
-    notificationPosition
-  } = _ref;
-  const [messages, setMessages] = useState([]);
-  const [notifications, setNotifications] = useState([]);
-  const removeItem = useCallback((key, id) => {
-    const setState = key === 'messages' ? setMessages : setNotifications;
-    setState(prev => prev.filter(item => item.id !== id));
-  }, []);
-  const runRenderTask = useCallback((key, duration, option) => {
-    const timerId = setTimeout(() => {
-      removeItem(key, option.id);
-    }, duration || defaultDuration);
-    const setState = key === 'messages' ? setMessages : setNotifications;
-    setState(prev => [...prev, {
-      ...option,
-      onClose: e => {
-        removeItem(key, option.id);
-        clearTimeout(timerId);
-        option.onClose && option.onClose(e);
-      }
-    }]);
-  }, [defaultDuration, removeItem]);
-  useEffect(() => {
-    Toaster.notify = options => {
-      const {
-        duration,
-        ...rest
-      } = options;
-      const notification = {
-        ...rest,
-        id: guid()
-      };
-      runRenderTask('notifications', duration, notification);
-    };
-    alertTypes.forEach(type => {
-      Toaster[type] = options => {
-        const {
-          duration,
-          ...rest
-        } = options;
-        const message = {
-          ...rest,
-          type,
-          id: guid()
-        };
-        runRenderTask('messages', duration, message);
-      };
-    });
-  }, [runRenderTask]);
-  const createPortal = (Comp, options, className, position) => /*#__PURE__*/React__default.createElement(Portal, {
-    isOpen: !!options.length,
-    className: classnames(className, position)
-  }, options.map(option => {
-    const {
-      Component,
-      id,
-      ...rest
-    } = option;
-    return /*#__PURE__*/React__default.isValidElement(Component) ? /*#__PURE__*/React__default.createElement(Component, _extends({
-      key: id
-    }, rest)) : /*#__PURE__*/React__default.createElement(Comp, _extends({
-      key: id
-    }, rest));
-  }));
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, createPortal(Alert, messages, 'toaster-holder', toasterPosition), createPortal(Notification, notifications, 'toaster-holder', notificationPosition));
-}
-Toaster.propTypes = {
-  /**
-   * Determines how long should component be displayed
-   */
-  defaultDuration: PropTypes.number,
-  /**
-   * Determines toaster position on window,
-   * On of ['top', 'bottom', 'center', 'left-top', 'left-bottom', 'right-top', 'right-bottom']
-   */
-  toasterPosition: PropTypes.string,
-  /**
-   * Determines notification position on window,
-   * On of ['top', 'bottom', 'center', 'left-top', 'left-bottom', 'right-top', 'right-bottom']
-   */
-  notificationPosition: PropTypes.string
-};
-Toaster.defaultProps = {
-  defaultDuration: 4000,
-  toasterPosition: 'right-top',
-  notificationPosition: 'right-top'
-};
-
-export { Toaster as default, toasterPositions };

package/Tooltip/index.js

@@ -1,6 +0,0 @@
-export { T as default } from '../index-c7646e48.js';
-import '../tslib.es6-f211516f.js';
-import 'react';
-import 'react-dom';
-import '../GeneUIProvider/index.js';
-import '../style-inject.es-746bb8ed.js';