@geneui/components 2.11.2 → 2.12.1

package/Steps.js

@@ -1,312 +0,0 @@
-import React__default, { useRef, useState } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { h as stepsConfig } from './configs-91c86664.js';
-import Icon from './Icon.js';
-import Tooltip from './Tooltip.js';
-import './dateValidation-67caec66.js';
-import { d as debounce } from './debounce-4419bc2f.js';
-import 'react-dom';
-import { P as Popover } from './index-084588e9.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import { c as childrenOf } from './index-ac59cb10.js';
-import './globalStyling-9c60a159.js';
-import './Popover-f4d1cac0.js';
-import './_commonjsHelpers-24198af3.js';
-import './useDeviceType-dd51db38.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
-import './index-122432cd.js';
-import './Portal.js';
-import './Scrollbar.js';
-import './guid-8ddf77b3.js';
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .steps-holder{--circle-font-size:1.2rem;--font-size:1.2rem;--circle-size:2.6rem;--min-height:8.8rem;display:flex;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"1.0.0\"] .steps-holder.s-big{--circle-font-size:1.6rem;--font-size:1.4rem;--circle-size:3.6rem;--min-height:9.8rem}[data-gene-ui-version=\"1.0.0\"] .steps-holder.s-big .bc-icon-selected{font-size:var(--circle-size)}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-horizontal{align-items:center;min-height:var(--min-height);text-align:center;width:100%}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-horizontal>li:not(:first-child){margin:0 0 0 1rem}html[dir=rtl] .steps-holder.d-horizontal>li:not(:first-child){margin:0 1rem 0 0}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-horizontal .line{height:1px;width:100%}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-horizontal .line:before{height:inherit;width:0}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-horizontal .line.active:before{width:100%}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical{align-items:flex-start;flex-direction:column;height:100%}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical>li:not(:first-child){margin:.8rem 0 0}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical .line-box{display:flex;justify-content:center;width:var(--circle-size)}[data-gene-ui-version=\"1.0.0\"] .a-dots.steps-holder.d-vertical .line-box{width:1.9rem}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical .line{height:100%;min-height:3.4rem;width:1px}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical .line:before{height:0;width:inherit}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical .line.active:before{height:100%}[data-gene-ui-version=\"1.0.0\"] .steps-holder.d-vertical .step-texts{margin:0 0 0 1.5rem}html[dir=rtl] .steps-holder.d-vertical .step-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"1.0.0\"] .steps-holder .line{background:rgba(var(--background-sc-rgb),.04)}[data-gene-ui-version=\"1.0.0\"] .steps-holder .line:before{background:var(--hero);content:\"\";display:block;transition:width .4s,height .4s}[data-gene-ui-version=\"1.0.0\"] .steps-holder.a-dots .line{background:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .steps-holder .s-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=\"1.0.0\"] .steps-holder .s-fail{--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=\"1.0.0\"] .step{align-items:center;display:flex;flex-shrink:0;font:600 var(--font-size)/1.8rem var(--font-family);position:relative}[data-gene-ui-version=\"1.0.0\"] .step.clickable{cursor:pointer}[data-gene-ui-version=\"1.0.0\"] .step.clickable .step-circle:before{border:1px solid var(--hero);border-radius:100%;bottom:-.4rem;content:\"\";display:block;left:-.4rem;position:absolute;right:-.4rem;top:-.4rem;transform:scale(0);transition:transform .4s,border-color .4s}[data-gene-ui-version=\"1.0.0\"] .s-initial.step.clickable .step-circle:before,[data-gene-ui-version=\"1.0.0\"] .steps-holder:not(.highlight-current) .s-current.step.clickable .step-circle:before{border-color:rgba(var(--background-sc-rgb),.06)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .step.clickable:hover .step-circle:before{transform:scale(1)}}[data-gene-ui-version=\"1.0.0\"] .step.clickable.s-activated .step-circle:before{transform:scale(1)}[data-gene-ui-version=\"1.0.0\"] .line-box{flex:auto}[data-gene-ui-version=\"1.0.0\"] .d-horizontal .step-label,[data-gene-ui-version=\"1.0.0\"] .d-horizontal .step-title{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;width:auto}[data-gene-ui-version=\"1.0.0\"] .d-horizontal .step-title{margin:0 0 1rem}[data-gene-ui-version=\"1.0.0\"] .d-horizontal .step-title:nth-last-child(2){bottom:auto;margin:1rem 0 0;top:100%}[data-gene-ui-version=\"1.0.0\"] .step-label{opacity:.5}[data-gene-ui-version=\"1.0.0\"] .d-horizontal .step-label{margin:0 0 1.6rem}[data-gene-ui-version=\"1.0.0\"] .step-texts{align-items:flex-start;display:flex;flex-direction:column;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .step-texts.both{font-size:1.4rem}[data-gene-ui-version=\"1.0.0\"] .step-circle{align-items:center;background:rgba(var(--background-sc-rgb),.04);border-radius:100%;display:flex;font-size:var(--circle-font-size);height:var(--circle-size);justify-content:center;position:relative;transition:color .3s,background .3s;width:var(--circle-size)}[data-gene-ui-version=\"1.0.0\"] .highlight-current .s-current .step-circle,[data-gene-ui-version=\"1.0.0\"] .passed .step-circle,[data-gene-ui-version=\"1.0.0\"] .s-activated .step-circle{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"1.0.0\"] .step-layer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:transform .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .passed .step-layer.layer-1,[data-gene-ui-version=\"1.0.0\"] .step-layer.layer-2{transform:scale(0)}[data-gene-ui-version=\"1.0.0\"] .passed .step-layer.layer-2{transform:scale(1)}[data-gene-ui-version=\"1.0.0\"] .step-dot{--size:1.9rem;--inner-size:0.9rem;align-items:center;display:flex;height:var(--size);justify-content:center;position:relative;width:var(--size)}[data-gene-ui-version=\"1.0.0\"] .view-normal .step-dot{--size:15px;--inner-size:7px}[data-gene-ui-version=\"1.0.0\"] .view-small .step-dot{--size:11px;--inner-size:5px}[data-gene-ui-version=\"1.0.0\"] .step-dot:after,[data-gene-ui-version=\"1.0.0\"] .step-dot:before{border-radius:100%;box-shadow:inset 0 0 0 .2rem var(--hero);content:\"\";display:block}[data-gene-ui-version=\"1.0.0\"] .step-dot:before{content:\"\";height:var(--inner-size);transition:box-shadow .3s;width:var(--inner-size)}[data-gene-ui-version=\"1.0.0\"] .passed .step-dot:before,[data-gene-ui-version=\"1.0.0\"] .s-activated .step-dot:before,[data-gene-ui-version=\"1.0.0\"] .s-current .step-dot:before{box-shadow:inset 0 0 0 .9rem var(--hero)}[data-gene-ui-version=\"1.0.0\"] .step-dot:after{height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s;width:100%}[data-gene-ui-version=\"1.0.0\"] .s-activated .step-dot:after,[data-gene-ui-version=\"1.0.0\"] .s-current .step-dot:after{transform:scale(1)}[data-gene-ui-version=\"1.0.0\"] .detailed-value-popover-container{padding:16px}";
-styleInject(css_248z);
-
-const positionMap = {
-  vertical: 'left',
-  horizontal: 'bottom'
-};
-function DetailedView(_ref) {
-  let {
-    content,
-    children,
-    direction
-  } = _ref;
-  const isHoveredOnContent = useRef(false);
-  const isHoveredOnStep = useRef(false);
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-  const closePopover = () => {
-    debounce(() => {
-      if (!isHoveredOnContent.current && !isHoveredOnStep.current) {
-        setIsPopoverOpen(false);
-      }
-    }, 250)();
-  };
-  const stepOnMouseEnterHandler = () => {
-    isHoveredOnStep.current = true;
-    setIsPopoverOpen(true);
-  };
-  const stepOnMouseLeaveHandler = () => {
-    isHoveredOnStep.current = false;
-    closePopover();
-  };
-  const contentOnMouseEnterHandler = () => isHoveredOnContent.current = true;
-  const contentOnMouseLeaveHandler = () => {
-    isHoveredOnContent.current = false;
-    closePopover();
-  };
-  return /*#__PURE__*/React__default.createElement(Popover, {
-    swipeable: true,
-    align: "center",
-    position: positionMap[direction],
-    isOpen: isPopoverOpen,
-    onClickOutside: () => setIsPopoverOpen(false),
-    extendTargetWidth: false,
-    onSwipedDown: () => setIsPopoverOpen(false),
-    Content: /*#__PURE__*/React__default.createElement("div", {
-      onMouseEnter: contentOnMouseEnterHandler,
-      onMouseLeave: contentOnMouseLeaveHandler,
-      className: "detailed-value-popover-container"
-    }, content)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    onMouseEnter: stepOnMouseEnterHandler,
-    onMouseLeave: stepOnMouseLeaveHandler
-  }, children));
-}
-
-function WithTooltip(_ref) {
-  let {
-    tooltip,
-    children
-  } = _ref;
-  if (!tooltip) return children;
-  return /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: tooltip
-  }, children);
-}
-function Step(_ref2) {
-  let {
-    title,
-    label,
-    onClick,
-    icon,
-    status,
-    appearance,
-    failColor,
-    successColor,
-    heroColor,
-    style,
-    extraLines,
-    stepsCount,
-    current,
-    tooltip,
-    direction,
-    detailedView,
-    __index
-  } = _ref2;
-  const stepBody = /*#__PURE__*/React__default.createElement("li", {
-    className: classnames('step', "s-".concat(status), {
-      clickable: !!onClick,
-      passed: status === 'fail' || status === 'success'
-    }),
-    onClick: onClick,
-    style: {
-      '--danger': failColor,
-      '--confirm': successColor,
-      '--hero': heroColor,
-      ...style
-    }
-  }, appearance === stepsConfig.appearance[1] ? /*#__PURE__*/React__default.createElement("div", {
-    className: "step-dot"
-  }) : /*#__PURE__*/React__default.createElement("div", {
-    className: "step-circle"
-  }, icon ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "step-layer layer-1"
-  }, __index), /*#__PURE__*/React__default.createElement("div", {
-    className: "step-layer layer-2"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: status === 'fail' ? 'bc-icon-clear' : 'bc-icon-selected'
-  })))), /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('step-texts', {
-      both: !!title && !!label
-    })
-  }, title && /*#__PURE__*/React__default.createElement("div", {
-    className: "step-title"
-  }, title), label && /*#__PURE__*/React__default.createElement("div", {
-    className: "step-label"
-  }, label)));
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (__index !== 1 || extraLines) && /*#__PURE__*/React__default.createElement("li", {
-    className: "line-box"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('line', "s-".concat(status), {
-      active: current >= __index
-    }),
-    style: {
-      '--danger': failColor,
-      '--confirm': successColor,
-      '--hero': heroColor
-    }
-  })), detailedView ? /*#__PURE__*/React__default.createElement(DetailedView, {
-    direction: direction,
-    content: detailedView
-  }, stepBody) : /*#__PURE__*/React__default.createElement(WithTooltip, {
-    tooltip: tooltip
-  }, stepBody), __index === stepsCount && extraLines && /*#__PURE__*/React__default.createElement("li", {
-    className: "line-box"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('line', "s-".concat(status), {
-      active: current === stepsCount
-    }),
-    style: {
-      '--danger': failColor,
-      '--confirm': successColor,
-      '--hero': heroColor
-    }
-  })));
-}
-Step.propTypes = {
-  /**
-   * Title of Step
-   */
-  title: propTypesExports.string,
-  /**
-   * Label of Step
-   */
-  label: propTypesExports.string,
-  /**
-   * Tooltip of Step
-   */
-  tooltip: propTypesExports.string,
-  /**
-   * Fires an event on ExtendedInput change((event: Event) => void).
-   */
-  onClick: propTypesExports.func,
-  /**
-   * Icon for current step
-   */
-  icon: propTypesExports.string,
-  /**
-   * Current step status
-   */
-  status: propTypesExports.oneOf(stepsConfig.status),
-  /**
-   * View/style for step
-   */
-  appearance: propTypesExports.oneOf(stepsConfig.appearance),
-  /**
-   * style for step
-   */
-  style: propTypesExports.object,
-  /**
-   * Color for failed step
-   */
-  failColor: propTypesExports.string,
-  /**
-   * Color for success step
-   */
-  successColor: propTypesExports.string,
-  /**
-   * Default color for step
-   */
-  heroColor: propTypesExports.string
-};
-Step.defaultProps = {
-  appearance: stepsConfig.appearance[0]
-};
-
-function getStepStatus(current, index, statusProp) {
-  if (current > index) return 'success';
-  if (current < index) return 'initial';
-  return statusProp || 'current';
-}
-function Steps(_ref) {
-  let {
-    direction,
-    size,
-    appearance,
-    highlightCurrent,
-    extraLines,
-    children,
-    current,
-    status,
-    failColor,
-    successColor,
-    heroColor,
-    className,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('steps-holder', "s-".concat(size), "d-".concat(direction), "a-".concat(appearance), {
-      'highlight-current': highlightCurrent
-    }, className),
-    style: {
-      '--danger': failColor,
-      '--confirm': successColor,
-      '--hero': heroColor
-    }
-  }, rest), React__default.Children.map(children, (child, i) => {
-    const stepStatus = child.props.status || getStepStatus(current, i, status);
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.cloneElement(child, {
-      __index: i + 1,
-      status: stepStatus,
-      appearance,
-      extraLines,
-      stepsCount: children.length,
-      current,
-      direction
-    }));
-  }));
-}
-Steps.propTypes = {
-  /**
-   * View of 'Steps'.
-   */
-  direction: propTypesExports.oneOf(stepsConfig.direction),
-  /**
-   * Size of 'Steps'.
-   */
-  size: propTypesExports.oneOf(stepsConfig.size),
-  /**
-   * View type of 'Steps'.
-   */
-  appearance: propTypesExports.oneOf(stepsConfig.appearance),
-  /**
-   * Turn on/off highlighted view of current step.
-   */
-  highlightCurrent: propTypesExports.bool,
-  /**
-   * Show/hide extra lines in 'Steps'.
-   */
-  extraLines: propTypesExports.bool,
-  /**
-   * The child or children of 'Steps' molecule
-   */
-  children: childrenOf([Step]),
-  /**
-   * Initial/current step
-   */
-  current: propTypesExports.number,
-  /**
-   * Status of current step
-   */
-  status: propTypesExports.oneOf(stepsConfig.status),
-  /**
-   * Additional classname
-   */
-  className: propTypesExports.string
-};
-Steps.defaultProps = {
-  direction: stepsConfig.direction[0],
-  size: stepsConfig.size[0],
-  appearance: stepsConfig.appearance[0],
-  highlightCurrent: false,
-  extraLines: false,
-  current: 0
-};
-
-export { Step, Steps };

package/SuggestionList.js

@@ -1,15 +0,0 @@
-import 'react';
-import './index-ac59cb10.js';
-import './useKeyDown-38102ae7.js';
-import './configs-91c86664.js';
-import './useClickOutside-5183e396.js';
-import './index-6ff23041.js';
-export { S as default } from './index-897d8240.js';
-import './Scrollbar.js';
-import './index-e0af0caf.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import './style-inject.es-746bb8ed.js';
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import './globalStyling-9c60a159.js';

package/Table.js

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