@geneui/components 3.0.0-next-9ffcb93-16102024 → 3.0.0-next-48d0ef7-31102024

package/Alert/index.js

@@ -1,98 +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 { s as screenTypes } from '../configs-00612ce0.js';
-import '../dateValidation-67caec66.js';
-import 'react-dom';
-import useDeviceType from '../hooks/useDeviceType.js';
-import Icon from '../Icon/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .alert-holder{background:var(--background);border-radius:.6rem;width:100%;word-break:break-word}[data-gene-ui-version=\"2.16.3\"] .toaster-holder.top .alert-holder.mobile-view:first-child,[data-gene-ui-version=\"2.16.3\"] .toaster-holder.top .alert-holder.mobile-view:first-child .alert-box{border-top-left-radius:0;border-top-right-radius:0}[data-gene-ui-version=\"2.16.3\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child,[data-gene-ui-version=\"2.16.3\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child .alert-box{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-gene-ui-version=\"2.16.3\"] .alert-box{background:rgba(var(--confirm-rgb),.1);border:1px solid var(--confirm);border-radius:.6rem;display:flex;min-height:4.2rem;padding:.8rem .7rem;width:100%}[data-gene-ui-version=\"2.16.3\"] .alert-box.type-info{--confirm:var(--hero);--confirm-hover:var(--hero-hover);--confirm-sc:var(--hero-sc);--confirm-rgb:var(--hero-rgb);--confirm-sc-rgb:var(--hero-sc-rgb)}[data-gene-ui-version=\"2.16.3\"] .alert-box.type-warning{--confirm:var(--warning);--confirm-hover:var(--warning-hover);--confirm-sc:var(--warning-sc);--confirm-rgb:var(--warning-rgb);--confirm-sc-rgb:var(--warning-sc-rgb)}[data-gene-ui-version=\"2.16.3\"] .alert-box.type-error{--confirm:var(--danger);--confirm-hover:var(--danger-hover);--confirm-sc:var(--danger-sc);--confirm-rgb:var(--danger-rgb);--confirm-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.16.3\"] .alert-box.type-note{--confirm:var(--note);--confirm-hover:var(--note-hover);--confirm-sc:var(--note-sc);--confirm-rgb:var(--note-rgb);--confirm-sc-rgb:var(--note-sc-rgb)}[data-gene-ui-version=\"2.16.3\"] .alert-box.type-message{--confirm:var(--message);--confirm-hover:var(--message-hover);--confirm-sc:var(--message-sc);--confirm-rgb:var(--message-rgb);--confirm-sc-rgb:var(--message-sc-rgb)}[data-gene-ui-version=\"2.16.3\"] .alert-holder.mobile-view .alert-box{border-bottom-color:rgba(var(--background-sc-rgb),.1);border-width:0 0 1px}[data-gene-ui-version=\"2.16.3\"] .toaster-holder:not(.top,.bottom,.center) .alert-holder.mobile-view .alert-box{border-radius:0}[data-gene-ui-version=\"2.16.3\"] .alert-box>li{flex-shrink:0;padding:0 .7rem}[data-gene-ui-version=\"2.16.3\"] .alert-box>li.ab-c-c{align-self:center;flex:auto;margin:.4rem 0}[data-gene-ui-version=\"2.16.3\"] .alert-box>li.ab-bc-icon-c{max-width:100%}[data-gene-ui-version=\"2.16.3\"] .alert-box>li a,[data-gene-ui-version=\"2.16.3\"] .alert-box>li.ab-bc-icon-c{color:var(--confirm)}[data-gene-ui-version=\"2.16.3\"] .alert-box .bc-icon-close{cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .alert-box .bc-icon-close:hover{color:var(--confirm)}}[data-gene-ui-version=\"2.16.3\"] .alert-box a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.16.3\"] .alert-box-title{font:600 1.4rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.16.3\"] .alert-text{font:600 1.2rem/1.42 var(--font-family);margin:.8rem 0 0}";
-styleInject(css_248z);
-
-const alertTypes = ['success', 'info', 'warning', 'error', 'note', 'message'];
-function Alert(_ref) {
-  let {
-    type,
-    title,
-    onClose,
-    message,
-    screenType,
-    iconProps,
-    swapIcon,
-    className,
-    ...rest
-  } = _ref;
-  const {
-    isMobile
-  } = useDeviceType(screenType);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('alert-holder', {
-      'mobile-view': isMobile
-    }, className)
-  }, rest), /*#__PURE__*/React__default.createElement("ul", {
-    className: classnames('alert-box', "type-".concat(type))
-  }, (swapIcon || iconProps) && /*#__PURE__*/React__default.createElement("li", {
-    className: "ab-bc-icon-c"
-  }, swapIcon || /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-".concat(type === 'warning' ? 'info' : type).concat(iconProps.isFilled ? '-fill' : '')
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "ab-c-c"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "alert-box-title"
-  }, title), message && /*#__PURE__*/React__default.createElement("div", {
-    className: "alert-text"
-  }, message)), !!onClose && /*#__PURE__*/React__default.createElement("li", {
-    className: "ab-action-c",
-    onClick: onClose
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-close"
-  }))));
-}
-Alert.propTypes = {
-  /**
-   * Alert type is for specifying information message to be delivered. Also a corresponding "Icon" atom will be displayed
-   */
-  type: PropTypes.oneOf(alertTypes),
-  /**
-   * Main field to describe alert information. Any valid React node
-   */
-  title: PropTypes.node.isRequired,
-  /**
-   * Additional classname
-   */
-  className: PropTypes.string,
-  /**
-   * Use this field for describing information more verbose. Any valid React node
-   */
-  message: PropTypes.node,
-  /**
-   * The switch between mobile and desktop version of Alert will be applied automatically, when the prop is not specified.
-   * When the prop is present it must be changed from outside.
-   */
-  screenType: PropTypes.oneOf(screenTypes),
-  /**
-   * When function is passed an "Icon" atom("type": "bc-icon-close") will be displayed((event: Event) => void).
-   */
-  onClose: PropTypes.func,
-  /**
-   * Same as "Icon" atom props
-   */
-  iconProps: PropTypes.shape({
-    ...Icon.propTypes
-  }),
-  /**
-   * Use this prop for replace main "Icon". Note that when the prop is specified "type" prop will not work(will be overlooked).
-   */
-  swapIcon: PropTypes.node
-};
-Alert.defaultProps = {
-  type: 'info'
-};
-
-export { alertTypes, Alert as default };

package/Avatar/index.js

@@ -1,58 +0,0 @@
-import React__default, { useState, useEffect, cloneElement } from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-
-var _excluded = ["size", "color"];
-var SvgSquare = function SvgSquare(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "currentColor" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-14Z",
-    fill: color
-  }));
-};
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .avatar{align-items:center;border-radius:var(--guit-ref-radius-full);display:flex;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.3\"] .avatar_size_6Xlarge{font-family:var(--guit-sem-font-heading-medium-semibold-font-family);font-size:var(--guit-sem-font-heading-medium-semibold-font-size);font-weight:var(--guit-sem-font-heading-medium-semibold-font-weight);height:var(--guit-sem-dimension-height-6xlarge);line-height:var(--guit-sem-font-heading-medium-semibold-line-height);width:var(--guit-sem-dimension-width-6xlarge)}[data-gene-ui-version=\"2.16.3\"] .avatar_size_large{height:var(--guit-sem-dimension-height-large);width:var(--guit-sem-dimension-width-large)}[data-gene-ui-version=\"2.16.3\"] .avatar_size_large,[data-gene-ui-version=\"2.16.3\"] .avatar_size_medium{font-family:var(--guit-sem-font-label-medium-default-semibold-font-family);font-size:var(--guit-sem-font-label-medium-default-semibold-font-size);font-weight:var(--guit-sem-font-label-medium-default-medium-font-weight);line-height:var(--guit-sem-font-label-medium-default-semibold-line-height)}[data-gene-ui-version=\"2.16.3\"] .avatar_size_medium{height:var(--guit-sem-dimension-height-medium);width:var(--guit-sem-dimension-width-medium)}[data-gene-ui-version=\"2.16.3\"] .avatar_size_small{font-family:var(--guit-sem-font-label-small-default-medium-font-family);font-size:var(--guit-sem-font-label-small-default-medium-font-size);font-weight:var(--guit-sem-font-label-small-default-medium-font-weight);height:var(--guit-sem-dimension-height-small);line-height:var(--guit-sem-font-label-small-default-medium-line-height);width:var(--guit-sem-dimension-width-small)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_neutral{background-color:var(--guit-sem-color-background-neutral-2);color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_blue{background-color:var(--guit-sem-color-background-accent-blue-1);color:var(--guit-sem-color-foreground-accent-blue)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_red{background-color:var(--guit-sem-color-background-accent-red-1);color:var(--guit-sem-color-foreground-accent-red)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_green{background-color:var(--guit-sem-color-background-accent-green-1);color:var(--guit-sem-color-foreground-accent-green)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_purple{background-color:var(--guit-sem-color-background-accent-purple-1);color:var(--guit-sem-color-foreground-accent-purple)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_orange{background-color:var(--guit-sem-color-background-accent-orange-1);color:var(--guit-sem-color-foreground-accent-orange)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_lagoon{background-color:var(--guit-sem-color-background-accent-lagoon-1);color:var(--guit-sem-color-foreground-accent-lagoon)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_magenta{background-color:var(--guit-sem-color-background-accent-magenta-1);color:var(--guit-sem-color-foreground-accent-magenta)}[data-gene-ui-version=\"2.16.3\"] .avatar_color_slate{background-color:var(--guit-sem-color-background-accent-slate-1);color:var(--guit-sem-color-foreground-accent-slate)}[data-gene-ui-version=\"2.16.3\"] .avatar__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}[data-gene-ui-version=\"2.16.3\"] .avatar__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase}[data-gene-ui-version=\"2.16.3\"] .avatar:active:before,[data-gene-ui-version=\"2.16.3\"] .avatar:hover:before,[data-gene-ui-version=\"2.16.3\"] .avatar_disabled:before{content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-gene-ui-version=\"2.16.3\"] .avatar_button{cursor:pointer}[data-gene-ui-version=\"2.16.3\"] .avatar_button:hover:before{background-color:var(--guit-sem-color-background-transparent-1-hover)}[data-gene-ui-version=\"2.16.3\"] .avatar_button:active:before{background-color:var(--guit-sem-color-background-transparent-1-pressed)}[data-gene-ui-version=\"2.16.3\"] .avatar_disabled{pointer-events:none}[data-gene-ui-version=\"2.16.3\"] .avatar_disabled:before{background-color:var(--guit-sem-color-background-transparent-inverse-disabled)}";
-styleInject(css_248z);
-
-const iconSizes = {
-    small: 16,
-    large: 20,
-    '6Xlarge': 48
-};
-const AvatarWrapper = ({ onClick, children, parentClass, isDisabled }) => {
-    return onClick ? (React__default.createElement("button", { onClick: onClick, className: `${parentClass} avatar_button`, disabled: isDisabled }, children)) : (React__default.createElement("div", { className: parentClass }, children));
-};
-/**
- * An avatar is a graphical representation of a user, typically displayed as a small image or icon. It can be a photo, illustration, or initials, and is used to personalize the user experience by visually identifying the user in interfaces such as profiles, comment sections, and messaging apps.
- */
-const Avatar = ({ size = 'medium', color = 'magenta', fullName = '', src, onClick, isDisabled, isLoading, Icon = React__default.createElement(SvgSquare, null), className }) => {
-    const [proceedFullName, setProceedFullName] = useState(fullName);
-    useEffect(() => {
-        const [firstName = '', lastName = ''] = fullName.split(' ');
-        const [firstNameFirstLetter] = firstName;
-        const [lastNameFirstLetter] = lastName || '';
-        setProceedFullName(firstNameFirstLetter
-            ? `${firstNameFirstLetter}${!!lastNameFirstLetter && (size === '6Xlarge' || size === 'large') ? ' ' + lastNameFirstLetter : ''}`
-            : ``);
-    }, [fullName, size]);
-    const iconMock = Icon &&
-        cloneElement(Icon, {
-            size: iconSizes[size]
-        });
-    return isLoading ? (React__default.createElement("span", null, "skeleton")) : (React__default.createElement(AvatarWrapper, { parentClass: classnames(`avatar avatar_size_${size} avatar_color_${color}`, className, {
-            avatar_disabled: isDisabled
-        }), onClick: onClick, isDisabled: isDisabled }, src ? (React__default.createElement("img", { className: "avatar__image", alt: 'avatar', src: src })) : proceedFullName ? (React__default.createElement("span", { className: "avatar__text" }, proceedFullName)) : (iconMock)));
-};
-
-export { Avatar as default };

package/Badge/index.js

@@ -1,29 +0,0 @@
-import { _ as __rest } from '../tslib.es6-f211516f.js';
-import React__default from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .badge{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}[data-gene-ui-version=\"2.16.3\"] .badge__content{background:var(--danger);border-radius:3rem;color:var(--danger-sc);display:block;font:600 1rem/1.6rem var(--font-family);min-width:1.6rem;padding:0 .5rem;text-align:center}[data-gene-ui-version=\"2.16.3\"] .badge__content-children{position:absolute;top:-.8rem}html:not([dir=rtl]) .badge__content-children{right:-.8rem}html[dir=rtl] .badge__content-children{left:-.8rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-dot{height:1rem;min-height:1rem;min-width:1rem;top:-.5rem;width:1rem}html:not([dir=rtl]) .badge__content-dot{right:-.5rem}html[dir=rtl] .badge__content-dot{left:-.5rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-medium{line-height:1.8rem;min-height:1.8rem;min-width:1.8rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-big{line-height:2.2rem;min-height:2.2rem;min-width:2.2rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-huge{font-size:1.3rem;line-height:2.6rem;min-height:2.6rem;min-width:2.6rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-big,[data-gene-ui-version=\"2.16.3\"] .badge__content-huge,[data-gene-ui-version=\"2.16.3\"] .badge__content-medium{top:-1rem}html:not([dir=rtl]) .badge__content-big,html:not([dir=rtl]) .badge__content-huge,html:not([dir=rtl]) .badge__content-medium{right:-1rem}html[dir=rtl] .badge__content-big,html[dir=rtl] .badge__content-huge,html[dir=rtl] .badge__content-medium{left:-1rem}[data-gene-ui-version=\"2.16.3\"] .badge__content-primary{background:var(--hero)}";
-styleInject(css_248z);
-
-const getShowValue = (count, maxCount) => {
-    if (!count && count !== 0)
-        return null;
-    if (!maxCount)
-        return count;
-    return count > maxCount ? `${maxCount}+` : count;
-};
-const Badge = (_a) => {
-    var { size = 'default', dot = false, color = 'danger', count, maxCount, className, children } = _a, restProps = __rest(_a, ["size", "dot", "color", "count", "maxCount", "className", "children"]);
-    const show = dot ? '' : getShowValue(count, maxCount);
-    return (React__default.createElement("div", Object.assign({ className: "badge" }, restProps),
-        show !== null && (React__default.createElement("span", { className: classnames('badge__content', className, {
-                [`badge__content-${size}`]: size,
-                [`badge__content-${color}`]: color,
-                [`badge__content-dot`]: dot,
-                [`badge__content-children`]: children
-            }) }, show)),
-        children));
-};
-
-export { Badge as default };

package/Breadcrumb/index.js

@@ -1,130 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useCallback, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { n as noop } from '../index-5f37f281.js';
-import Button from '../Button/index.js';
-import Popover from '../Popover/index.js';
-import Icon from '../Icon/index.js';
-import Menu from '../Menu/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../tslib.es6-f211516f.js';
-import '../index-122432cd.js';
-import '../hooks/useDeviceType.js';
-import '../configs-00612ce0.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../hooks/useUpdatableRef.js';
-import '../hooks/useForceUpdate.js';
-import '../GeneUIProvider/index.js';
-import '../Portal/index.js';
-import '../Scrollbar/index.js';
-import '../guid-8ddf77b3.js';
-import '../Option/index.js';
-import '../useEllipsisDetection-c1c9ad94.js';
-import '../index-65217440.js';
-
-function BreadcrumbItem(_ref) {
-  let {
-    data,
-    active,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("button", {
-    onClick: onClick,
-    className: classnames('breadcrumbs-link', {
-      active
-    })
-  }, data.title);
-}
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .bread-crumbs-holder{align-items:center;display:flex;font-weight:600;justify-content:flex-start;min-height:3.6rem;width:100%}[data-gene-ui-version=\"2.16.3\"] .bread-crumbs-holder>*+:not(button){margin:0 0 0 1rem}html[dir=rtl] .bread-crumbs-holder>*+:not(button){margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.3\"] .bread-crumbs-holder>button{margin:0 .4rem}[data-gene-ui-version=\"2.16.3\"] .bread-crumbs-holder>button+.icon,html[dir=rtl] .bread-crumbs-holder>button+.icon{margin:0}[data-gene-ui-version=\"2.16.3\"] .breadcrumbs-link{color:inherit;cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .breadcrumbs-link:hover{color:var(--hero)}}[data-gene-ui-version=\"2.16.3\"] .breadcrumbs-link.active{color:var(--hero)}";
-styleInject(css_248z);
-
-function Breadcrumb(_ref) {
-  let {
-    data,
-    onClick,
-    collapsed,
-    className,
-    separator,
-    ...restProps
-  } = _ref;
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-  const [firstItem, ...others] = data;
-  const handlePopoverItemClick = useCallback((_, item) => {
-    onClick(item);
-    setIsPopoverOpen(false);
-  }, [onClick]);
-  const handlePopoverToggle = useCallback(() => {
-    setIsPopoverOpen(prev => !prev);
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('bread-crumbs-holder', className)
-  }, restProps), collapsed && data.length > 4 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
-    onClick: () => onClick(firstItem),
-    data: firstItem
-  }), separator, /*#__PURE__*/React__default.createElement(Popover, {
-    isOpen: isPopoverOpen,
-    align: "start",
-    extendTargetWidth: false,
-    Content: /*#__PURE__*/React__default.createElement(Menu, {
-      onSelect: handlePopoverItemClick,
-      data: others.slice(0, -2)
-    })
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    onClick: handlePopoverToggle,
-    icon: "bc-icon-more-horizontal",
-    appearance: "minimal",
-    color: "default"
-  })), separator, others.slice(-2).map((item, i) => /*#__PURE__*/React__default.createElement(Fragment, {
-    key: item.slug
-  }, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
-    onClick: () => onClick(item),
-    active: i === 1,
-    key: item.slug,
-    data: item
-  }), i !== 1 && separator))) : data.map((item, i) => /*#__PURE__*/React__default.createElement(Fragment, {
-    key: item.slug
-  }, /*#__PURE__*/React__default.createElement(BreadcrumbItem, {
-    onClick: () => onClick(item),
-    active: data.length - 1 === i,
-    data: item
-  }), data.length - 1 !== i && separator)));
-}
-Breadcrumb.propTypes = {
-  /**
-   * Data items to display
-   */
-  data: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.node.isRequired
-  })).isRequired,
-  /**
-   * Additional className
-   */
-  className: PropTypes.string,
-  /**
-   * Breadcrumbs will render collapsed view when "data" length is greater than 4, when set to "true"
-   */
-  collapsed: PropTypes.bool,
-  /**
-   * Fires an event on breadcrumb item click((item: data[item] => void))
-   */
-  onClick: PropTypes.func,
-  /**
-   * Use this prop to define the middle component between breadcrumb items.
-   */
-  separator: PropTypes.node
-};
-Breadcrumb.defaultProps = {
-  collapsed: false,
-  onClick: noop,
-  separator: /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-arrow-right"
-  })
-};
-
-export { Breadcrumb as default };

package/BusyLoader/index.js

@@ -1,31 +0,0 @@
-import React__default from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import Icon from '../Icon/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
-import 'prop-types';
-
-const BusyLoaderHolderHOC = ({ children, loadingText, className }) => {
-    return (React__default.createElement("div", { className: classnames('loader-holder', className) },
-        children,
-        loadingText && React__default.createElement("div", { className: "loader-text" }, loadingText)));
-};
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .loader-holder{align-items:center;color:var(--hero);display:flex;flex-direction:column;margin:auto;position:relative;text-align:center}[data-gene-ui-version=\"2.16.3\"] .loader-holder.p-static{margin:6rem}[data-gene-ui-version=\"2.16.3\"] .loader-holder.p-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.16.3\"] .loader-holder .s-medium{font-size:2.8rem}[data-gene-ui-version=\"2.16.3\"] .loader-holder .s-big{font-size:5.4rem}[data-gene-ui-version=\"2.16.3\"] .loader-text{font:600 1.6rem/2rem var(--font-family);margin:1rem 0 0}[data-gene-ui-version=\"2.16.3\"] .bubble-loader{animation:sk-rotate 2s linear infinite;height:6.6rem;position:relative;width:6.6rem}@keyframes sk-rotate{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.16.3\"] .bubble-loader .dot{animation:sk-bounce 2s ease-in-out infinite;background:var(--hero);border-radius:100%;height:60%;position:absolute;top:0;width:60%}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}[data-gene-ui-version=\"2.16.3\"] .bubble-loader .dot2{animation-delay:-1s;bottom:0;top:auto}[data-gene-ui-version=\"2.16.3\"] .bar-loader{height:.6rem;left:0;overflow:hidden;position:fixed;top:calc(var(--header-height, .6rem) - .6rem);width:100%}[data-gene-ui-version=\"2.16.3\"] .bar-loader:before{animation:bar-loader .8s linear infinite;background:linear-gradient(270deg,#7eb8ff 30%,#8d14e6 50%,#7eb8ff 70%) no-repeat 50% 50%/100vw .6rem;content:\"\";display:block;height:100%;left:50%;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100%}@keyframes bar-loader{0%,to{opacity:0}10%,90%{opacity:1}0%{max-width:0}to{max-width:100%}}";
-styleInject(css_248z);
-
-const BusyLoader = ({ type = 'spinner', isBusy = true, children = null, className, loadingText, spinnerSize = 'small' }) => {
-    const loaders = {
-        bar: React__default.createElement("div", { className: "bar-loader" }),
-        spinner: (React__default.createElement(BusyLoaderHolderHOC, { className: className, loadingText: loadingText }, 
-        // @ts-ignore
-        React__default.createElement(Icon, { type: `bc-icon-loader s-${spinnerSize}` }))),
-        bubbles: (React__default.createElement(BusyLoaderHolderHOC, { className: className, loadingText: loadingText },
-            React__default.createElement("div", { className: "bubble-loader" },
-                React__default.createElement("div", { className: "dot dot1" }),
-                React__default.createElement("div", { className: "dot dot2" }))))
-    };
-    return isBusy ? React__default.createElement(React__default.Fragment, null, loaders[type]) : children;
-};
-
-export { BusyLoader as default };

package/Button/index.js

@@ -1,30 +0,0 @@
-import { _ as __rest } from '../tslib.es6-f211516f.js';
-import React__default, { forwardRef } from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import Icon from '../Icon/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
-import 'prop-types';
-
-var css_248z = "[data-gene-ui-version=\"2.16.3\"] .btn{--size:3.6rem;align-items:center;border:1px solid #0000;border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));color:inherit;cursor:pointer;display:flex;font:600 1.4rem/2rem var(--font-family);justify-content:center;min-height:var(--button-external-size,var(--size));min-width:var(--button-external-size,var(--size));position:relative;transition:color .3s,background .3s,opacity .2s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.3\"] .btn:focus-visible{border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.16.3\"] .btn:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.3\"] .btn.s-medium{--size:3.2rem;font-size:1.2rem}[data-gene-ui-version=\"2.16.3\"] .btn.s-big{--size:4.2rem}[data-gene-ui-version=\"2.16.3\"] .btn.cr-smooth{border-radius:var(--button-external-border-radius,.4rem)}[data-gene-ui-version=\"2.16.3\"] .btn>*+*{margin:0 0 0 .4rem}html[dir=rtl] .btn>*+*{margin:0 .4rem 0 0}[data-gene-ui-version=\"2.16.3\"] .btn.id-end{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.3\"] .btn.id-end>*+*{margin:0 .7rem 0 0}html[dir=rtl] .btn.id-end>*+*{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.16.3\"] .btn:not(.c-icon){padding:0 2rem}[data-gene-ui-version=\"2.16.3\"] .btn:not(.c-icon).f-content-size{padding:0 1.3rem}[data-gene-ui-version=\"2.16.3\"] .btn:not(.c-icon).f-default{min-width:10rem}[data-gene-ui-version=\"2.16.3\"] .btn:not(.c-icon).f-full-width{width:100%}[data-gene-ui-version=\"2.16.3\"] .btn:not(.c-icon).loading-padding{padding:0 .6rem}[data-gene-ui-version=\"2.16.3\"] .btn.c-confirm{--hero:var(--confirm);--hero-sc:var(--confirm-sc);--hero-hover:var(--confirm-hover)}[data-gene-ui-version=\"2.16.3\"] .btn.c-danger{--hero:var(--danger);--hero-sc:var(--danger-sc);--hero-hover:var(--danger-hover)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-outline{border-color:var(--hero);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-outline:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-outline:active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-minimal:not(.c-default){color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-minimal:hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-minimal.active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-grayscale:not(:disabled){background:rgba(var(--background-sc-rgb),.01)}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-grayscale:not(:disabled):hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-grayscale:not(:disabled).active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-grayscale:not(.c-default){color:var(--hero)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-clean:not(.c-default){color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-clean:not(:disabled){background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-clean:not(:disabled):hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.3\"] .btn:not(.active).a-clean:not(:disabled).active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.3\"] .btn:not(.a-grayscale).with-shadow{box-shadow:0 .2rem .4rem 0 #0000001a}[data-gene-ui-version=\"2.16.3\"] .btn.a-grayscale:not(:disabled){box-shadow:0 1px 0 0 #00000029}[data-gene-ui-version=\"2.16.3\"] .btn.a-default,[data-gene-ui-version=\"2.16.3\"] .btn.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.3\"] .btn.a-default:hover,[data-gene-ui-version=\"2.16.3\"] .btn.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.16.3\"] .btn.loading-state>:not(.btn-loader-holder){color:#0000!important}[data-gene-ui-version=\"2.16.3\"] .btn .btn-loader-holder{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}";
-styleInject(css_248z);
-
-const Button = forwardRef((_a, ref) => {
-    var { children, appearance = 'default', size = 'default', flexibility = 'default', color = 'primary', cornerRadius = 'round', itemsDirection = 'start', icon, active, className, withShadow, loading, ariaLabel } = _a, restProps = __rest(_a, ["children", "appearance", "size", "flexibility", "color", "cornerRadius", "itemsDirection", "icon", "active", "className", "withShadow", "loading", "ariaLabel"]);
-    const noChildren = !children && children !== 0;
-    return (React__default.createElement("button", Object.assign({ className: classnames('btn', className, `a-${appearance}`, `s-${size}`, `f-${flexibility}`, `c-${color}`, `id-${itemsDirection}`, `cr-${cornerRadius}`, {
-            active,
-            'c-icon': !!icon && noChildren,
-            'with-shadow': withShadow,
-            'loading-padding': !noChildren && !icon && loading
-        }), ref: ref }, (ariaLabel ? { 'aria-label': ariaLabel } : {}), restProps),
-        icon && (loading ? React__default.createElement(Icon, { type: "bc-icon-loader" }) : React__default.createElement(Icon, { type: icon })),
-        !noChildren &&
-            (!icon && loading ? (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Icon, { type: "bc-icon-loader" }),
-                React__default.createElement("span", null, children))) : (React__default.createElement("span", { className: "ellipsis-text" }, children))),
-        loading && noChildren && (React__default.createElement("div", { className: "btn-loader-holder" },
-            React__default.createElement(Icon, { type: "bc-icon-loader" })))));
-});
-
-export { Button as default };