@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024

package/FormableUploader/index.js

@@ -1,44 +0,0 @@
-import { F as Formable } from '../FormableHOC-85f89a81.js';
-import UploaderField from '../ValidatableUploader/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
-import 'react';
-import '../index-5f37f281.js';
-import 'prop-types';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../hooks/useMount.js';
-import '../configs-00612ce0.js';
-import '../index-262edd7a.js';
-import '../guid-8ddf77b3.js';
-import '../Uploader/index.js';
-import '../index-031ff73c.js';
-import '../Button/index.js';
-import '../tslib.es6-f211516f.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/useDebounce.js';
-import '../useEllipsisDetection-c1c9ad94.js';
-import '../SuggestionList/index.js';
-import '../hooks/useKeyDown.js';
-import '../hooks/useClickOutside.js';
-import '../config-1053d64d.js';
-import '../Scrollbar/index.js';
-import '../callAfterDelay-7272faca.js';
-import '../index-c7646e48.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';
-
-var FormableUploader = Formable(UploaderField);
-
-export { FormableUploader as default };

package/Grid/index.js

@@ -1,167 +0,0 @@
-import React__default, { useRef } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import useWidth from '../hooks/useWidth.js';
-import '../dateValidation-67caec66.js';
-import 'react-dom';
-import { k as breakPoints } from '../configs-00612ce0.js';
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../_commonjsHelpers-24198af3.js';
-
-/* Recognizing screen size by configuration.
- * Now we have 5 supported screen sizes.
- */
-
-const getPartsByWindowSize = (size, options) => {
-  let screenKey = 'xxl';
-  let screenSize = options[screenKey];
-  for (const key in options) {
-    const value = options[key];
-    // find value closest to our window size
-    if (size <= value && value < screenSize) {
-      screenKey = key;
-      screenSize = value;
-    }
-  }
-  return screenKey;
-};
-
-function Col(props) {
-  const {
-    __count,
-    __gutter,
-    __padding,
-    __parentWidth,
-    children,
-    size,
-    className,
-    style = {},
-    ...rest
-  } = props;
-  const styles = {
-    padding: "".concat(__padding / 20, "rem ").concat(__gutter / 20, "rem"),
-    ...style
-  };
-  const fit = size || rest[getPartsByWindowSize(__parentWidth, breakPoints)];
-  styles.width = "".concat(fit / __count * 100, "%");
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('grid-child', className),
-    style: styles
-  }, rest), children);
-}
-Col.propTypes = {
-  /**
-   * Component will calculate width based on this props
-   */
-  __parentWidth: PropTypes.number,
-  /**
-   * The space between elements vertically
-   */
-  __padding: PropTypes.number,
-  /**
-   * The space between elements horizontally
-   */
-  __gutter: PropTypes.number,
-  /**
-   * Defines the number of grids the component is going to use
-   */
-  __count: PropTypes.number,
-  /**
-   * The CSS class name of the element.
-   */
-  className: PropTypes.string,
-  /**
-   * Custom stylings
-   */
-  style: PropTypes.object,
-  /**
-   * Defines the size of grids the component is going to use.
-   */
-  xs: PropTypes.number,
-  /**
-   * Defines the size of grids the component is going to use.
-   */
-  md: PropTypes.number,
-  /**
-   * Defines the size of grids the component is going to use.
-   */
-  lg: PropTypes.number,
-  /**
-   * Defines the size of grids the component is going to use.
-   */
-  xl: PropTypes.number,
-  /**
-   * Defines the size of grids the component is going to use.
-   */
-  xxl: PropTypes.number,
-  /**
-   *  Custom size for element
-   */
-  size: PropTypes.number,
-  /**
-   *  Any valid react node
-   */
-  children: PropTypes.node
-};
-Col.defaultProps = {
-  __parentWidth: 0,
-  __padding: 20,
-  __gutter: 20,
-  __count: 12,
-  xs: 1,
-  md: 1,
-  lg: 1,
-  xl: 1,
-  xxl: 1
-};
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .grid-holder{width:100%}[data-gene-ui-version=\"2.16.4\"] .grid-items-group{display:flex;flex-wrap:wrap;width:100%}[data-gene-ui-version=\"2.16.4\"] .grid-child{display:flex}";
-styleInject(css_248z);
-
-function Row(props) {
-  const ref = useRef();
-  const width = useWidth(ref);
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: ref,
-    className: classnames('grid-holder', props.className)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "grid-items-group",
-    style: {
-      width: "calc(100% + ".concat(props.gutter / 10, "rem)"),
-      margin: "-".concat(props.padding / 20, "rem -").concat(props.gutter / 20, "rem")
-    }
-  }, React__default.Children.map(props.children, child => /*#__PURE__*/React__default.isValidElement(child) && /*#__PURE__*/React__default.cloneElement(child, {
-    __count: props.span,
-    __parentWidth: width,
-    __padding: props.padding,
-    __gutter: props.gutter
-  }))));
-}
-Row.propTypes = {
-  /**
-   * Defines the space between horizontally
-   */
-  gutter: PropTypes.number,
-  /**
-   * Defines the number of grids the component is going to use
-   */
-  span: PropTypes.number,
-  /**
-   * Defines the space between vertically
-   */
-  padding: PropTypes.number,
-  /**
-   * 	The content of the component.
-   */
-  children: PropTypes.oneOfType([PropTypes.bool, PropTypes.node, PropTypes.element, PropTypes.instanceOf(Col)])
-};
-Row.defaultProps = {
-  gutter: 20,
-  padding: 20,
-  span: 12
-};
-
-export { Col, Row };

package/HelperText/index.js

@@ -1,86 +0,0 @@
-import React__default, { useRef, cloneElement } from 'react';
-import { _ as _objectWithoutProperties, a as _extends } from '../ArrowLeft-b88e2ba8.js';
-import { c as classnames } from '../index-031ff73c.js';
-import 'prop-types';
-import '../dateValidation-67caec66.js';
-import 'react-dom';
-import '../configs-00612ce0.js';
-import { u as useEllipsisDetection } from '../useEllipsisDetection-c1c9ad94.js';
-import { T as Tooltip } from '../index-c7646e48.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../hooks/useDebounce.js';
-import '../tslib.es6-f211516f.js';
-import '../GeneUIProvider/index.js';
-
-var _excluded$1 = ["size", "color"];
-var SvgErrorAlertFill = function SvgErrorAlertFill(_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$1);
-  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: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-.75 5.758a.75.75 0 1 1 1.5 0v5.243a.75.75 0 1 1-1.5 0v-5.243Zm.75 9.235a.915.915 0 1 1 0-1.83.915.915 0 0 1 0 1.83Z",
-    fill: color
-  }));
-};
-
-var _excluded = ["size", "color"];
-var SvgWarningFill = function SvgWarningFill(_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", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m2.13 19.503 9.075-15.997a1 1 0 0 1 1.375-.368 1 1 0 0 1 .365.375l8.928 15.996a1.004 1.004 0 0 1-.375 1.358.997.997 0 0 1-.497.133h-18.002a.997.997 0 0 1-.999-.997c0-.175.044-.348.13-.5Zm9.33-5.035a.748.748 0 0 0 1.278-.531v-5.254a.753.753 0 0 0-.749-.751.748.748 0 0 0-.749.751v5.254c0 .199.08.39.22.531Zm1.442 2.552a.915.915 0 0 1-.913.917.915.915 0 0 1-.914-.917.915.915 0 1 1 1.827 0Z",
-    fill: color
-  }));
-};
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .helperText{align-items:center;display:inline-flex;gap:var(--guit-ref-spacing-3xsmall);max-width:100%}[data-gene-ui-version=\"2.16.4\"] .helperText_size_medium .helperText__text{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.4\"] .helperText_size_medium .helperText__icon{height:var(--guit-sem-sizing-height-small-nudge);width:var(--guit-sem-sizing-width-small-nudge)}[data-gene-ui-version=\"2.16.4\"] .helperText_size_small .helperText__text{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);line-height:var(--guit-sem-font-label-small-default-medium-line-height)}[data-gene-ui-version=\"2.16.4\"] .helperText_size_small .helperText__icon{height:var(--guit-sem-sizing-height-xs);width:var(--guit-sem-sizing-width-xs)}[data-gene-ui-version=\"2.16.4\"] .helperText_type_rest{color:var(--guit-sem-color-foreground-neutral-2)}[data-gene-ui-version=\"2.16.4\"] .helperText_type_danger{color:var(--guit-sem-color-foreground-error)}[data-gene-ui-version=\"2.16.4\"] .helperText_type_warning .helperText__icon{color:var(--guit-sem-color-foreground-warning)}[data-gene-ui-version=\"2.16.4\"] .helperText__icon{align-items:center;display:flex;flex:0 0 auto}[data-gene-ui-version=\"2.16.4\"] .helperText_disabled,[data-gene-ui-version=\"2.16.4\"] .helperText_disabled .helperText__icon{color:var(--guit-sem-color-foreground-disabled)}";
-styleInject(css_248z);
-
-/**
- * The Helper Text provides users with additional information or guidance related to a specific input field in a form. This text helps users understand the expected format, requirements, or purpose of the input, thereby improving form completion accuracy and user confidence.
- */
-const HelperText = ({ size = 'medium', type = 'rest', text, Icon, isDisabled, isLoading, className }) => {
-    const textRef = useRef(null);
-    const isTruncated = useEllipsisDetection(textRef);
-    const iconSize = {
-        small: 16,
-        medium: 20
-    };
-    const iconMap = {
-        danger: React__default.createElement(SvgErrorAlertFill, { size: iconSize[size] }),
-        warning: React__default.createElement(SvgWarningFill, { size: iconSize[size] })
-    };
-    const iconMock = iconMap[type] ||
-        (Icon &&
-            cloneElement(Icon, {
-                size: iconSize[size]
-            }));
-    return (React__default.createElement("div", { className: classnames(`helperText helperText_type_${type} helperText_size_${size}`, className, {
-            helperText_disabled: isDisabled
-        }) }, isLoading ? ('skeleton') : (React__default.createElement(React__default.Fragment, null,
-        iconMock && React__default.createElement("div", { className: "helperText__icon" }, iconMock),
-        React__default.createElement(Tooltip, { text: text, isVisible: isTruncated },
-            React__default.createElement("p", { className: "helperText__text ellipsis-text", ref: textRef }, text))))));
-};
-
-export { HelperText as default };

package/Holder/index.js

@@ -1,261 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { n as noop } from '../index-5f37f281.js';
-import { p as popoverV2Config } from '../configs-00612ce0.js';
-import Icon from '../Icon/index.js';
-import Button from '../Button/index.js';
-import Portal from '../Portal/index.js';
-import CustomScrollbar from '../Scrollbar/index.js';
-import ModuleTitle from '../ModuleTitle/index.js';
-import { T as Tooltip } from '../index-c7646e48.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 '../GeneUIProvider/index.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .holder{--delay:200ms;--width:1.9rem;--opened-width:39.9rem;background:var(--background);height:100%;position:relative;top:0;transition:width .4s var(--delay);width:var(--width);z-index:200}[data-gene-ui-version=\"2.16.4\"] .holder.disabled{pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .holder.disabled .holder-toggle .icon{opacity:.5}[data-gene-ui-version=\"2.16.4\"] .holder.pinned{--width:var(--opened-width);--delay:0ms}[data-gene-ui-version=\"2.16.4\"] .holder.pinned.opened .layer-1{transform:scale(1)}[data-gene-ui-version=\"2.16.4\"] .holder.opened{--delay:400ms}[data-gene-ui-version=\"2.16.4\"] .holder.opened .holder-wrapper{opacity:1;width:var(--opened-width)}[data-gene-ui-version=\"2.16.4\"] .holder:not(.pinned).opened .layer-3,[data-gene-ui-version=\"2.16.4\"] .holder:not(.pinned):not(.opened) .layer-2{transform:scale(1)}[data-gene-ui-version=\"2.16.4\"] .holder-c-wrapper{background:var(--background);height:100%;min-width:100%;position:absolute;top:0}[data-gene-ui-version=\"2.16.4\"] .holder-toggle{padding:.5rem;position:absolute;top:1rem}[data-gene-ui-version=\"2.16.4\"] .holder-toggle button{background:var(--background);border-radius:100%;box-shadow:0 0 .2rem rgba(var(--background-sc-rgb),.16);color:var(--hero);cursor:pointer;height:3rem;position:relative;transition:color .25s,background .25s;width:3rem}@media (hover:hover){[data-gene-ui-version=\"2.16.4\"] .holder-toggle button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.4\"] .holder-toggle button.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.4\"] .holder-toggle button.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.16.4\"] .holder-toggle .icon{left:0;padding:.3rem;position:absolute;top:0;transform:scale(0);transition:transform .4s,opacity .4s}[data-gene-ui-version=\"2.16.4\"] .holder-wrapper{height:100%;opacity:0;overflow:hidden;position:relative;transition:opacity .15s var(--delay),width .4s var(--delay);width:var(--width)}html:not([dir=rtl]) .holder-left{left:0}html[dir=rtl] .holder-left{right:0}[data-gene-ui-version=\"2.16.4\"] .holder-left .holder-c-wrapper{border-inline-end:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-left .holder-c-wrapper{left:0}html[dir=rtl] .holder-left .holder-c-wrapper{right:0}html:not([dir=rtl]) .holder-left .module-header{padding-right:1.5rem}html[dir=rtl] .holder-left .module-header{padding-left:1.5rem}html:not([dir=rtl]) .holder-left .holder-toggle{right:-2rem}html[dir=rtl] .holder-left .holder-toggle{left:-2rem}html:not([dir=rtl]) .holder-right{right:0}html[dir=rtl] .holder-right{left:0}[data-gene-ui-version=\"2.16.4\"] .holder-right .holder-c-wrapper{border-inline-start:1px solid rgba(var(--background-sc-rgb),.1)}html:not([dir=rtl]) .holder-right .holder-c-wrapper{right:0}html[dir=rtl] .holder-right .holder-c-wrapper{left:0}html:not([dir=rtl]) .holder-right .holder-toggle{left:-2rem}html[dir=rtl] .holder-right .holder-toggle{right:-2rem}[data-gene-ui-version=\"2.16.4\"] .opened .holder-content{width:var(--opened-width)}[data-gene-ui-version=\"2.16.4\"] .holder-content{display:grid;grid-template-areas:\"head\" \"body\" \"footer\";grid-template-columns:100%;grid-template-rows:auto 1fr auto;height:100%;overflow:hidden}[data-gene-ui-version=\"2.16.4\"] .holder-content-disable{pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .holder-content .module-header{grid-area:head}[data-gene-ui-version=\"2.16.4\"] .holder-content .holder-body{grid-area:body}[data-gene-ui-version=\"2.16.4\"] .holder-footer{border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;grid-area:footer;padding:2rem}[data-gene-ui-version=\"2.16.4\"] .holder-footer:empty{display:none}[data-gene-ui-version=\"2.16.4\"] .holder-body-c{display:flex;flex-wrap:wrap;padding:1rem}[data-gene-ui-version=\"2.16.4\"] .holder-body-c>*{margin:1rem}[data-gene-ui-version=\"2.16.4\"] .holder-body-c .holder-title{font:600 1.6rem/2rem var(--font-family);margin-bottom:.5rem;padding:0 1rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .holder-body-c .col-6{width:50%}";
-styleInject(css_248z);
-
-function Holder(_ref) {
-  let {
-    title,
-    footer,
-    disabled,
-    children,
-    position,
-    onChange,
-    resetText,
-    applyText,
-    withPortal,
-    className,
-    onReset,
-    onApply,
-    applyDisabled,
-    resetDisabled,
-    defaultOpened,
-    expandText,
-    collapseText,
-    portalContainer,
-    rightIconType,
-    leftIconType,
-    filterIconType,
-    openedWidth,
-    disableOnHover,
-    ...restProps
-  } = _ref;
-  const parentContainer = useRef(null);
-  const isControlled = ('opened' in restProps);
-  const [holderOpened, setHolderOpened] = useState(defaultOpened);
-  const [holderHovered, setHolderHovered] = useState(false);
-  const isOpened = isControlled ? restProps.opened : holderOpened;
-  const handleEvent = open => {
-    if (!isControlled) {
-      setHolderOpened(open);
-      !open && holderHovered && setHolderHovered(false);
-    }
-    onChange(open, holderHovered);
-  };
-
-  // Will open later
-  const handleHover = hovered => {
-    if (!disableOnHover && hovered !== holderHovered) {
-      !isControlled && setHolderHovered(!holderOpened ? hovered : false);
-      onChange(holderOpened, hovered);
-    }
-  };
-  const Content = /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('holder', className, "holder-".concat(position), {
-      pinned: isOpened,
-      opened: holderHovered || isOpened,
-      disabled
-    }),
-    style: {
-      '--opened-width': openedWidth
-    },
-    onMouseLeave: () => {
-      if (!document.documentElement.classList.contains(popoverV2Config.onOpenClassName)) {
-        handleHover(false);
-      }
-    }
-  }, restProps), /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-c-wrapper",
-    ref: parentContainer
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-wrapper",
-    onMouseEnter: () => handleHover(true)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('holder-content', {
-      'holder-content-disable': !holderOpened && disableOnHover
-    })
-  }, title && /*#__PURE__*/React__default.createElement(ModuleTitle, {
-    title: title,
-    size: "extra-big"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-body"
-  }, /*#__PURE__*/React__default.createElement(CustomScrollbar, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-body-c"
-  }, children))), /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-footer"
-  }, footer !== undefined ? footer : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
-    flexibility: "full-width",
-    appearance: "minimal",
-    color: "default",
-    disabled: resetDisabled,
-    onClick: onReset
-  }, resetText), /*#__PURE__*/React__default.createElement(Button, {
-    flexibility: "full-width",
-    color: "confirm",
-    disabled: applyDisabled,
-    onClick: onApply
-  }, applyText))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "holder-toggle"
-  }, /*#__PURE__*/React__default.createElement("button", {
-    className: classnames({
-      active: isOpened
-    })
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: isOpened ? collapseText : expandText,
-    position: "right"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Icon, {
-    type: leftIconType,
-    className: "layer-1",
-    onClick: () => handleEvent(false)
-  }), /*#__PURE__*/React__default.createElement(Icon, {
-    type: filterIconType,
-    className: "layer-2",
-    onClick: () => handleEvent(true)
-  }))), /*#__PURE__*/React__default.createElement(Icon, {
-    type: rightIconType,
-    className: "layer-3",
-    onClick: () => handleEvent(true)
-  })))));
-  return withPortal ? /*#__PURE__*/React__default.createElement(Portal, {
-    isOpen: true,
-    container: portalContainer
-  }, Content) : Content;
-}
-Holder.propTypes = {
-  /**
-   * Custom footer,
-   * Any valid React element
-   */
-  footer: PropTypes.node,
-  /**
-   * It prevents the user from changing the state(opened/closed) of holder
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Content of holder,
-   * Valid React element
-   */
-  children: PropTypes.node,
-  /**
-   * Fires event when user changes state(opened/closed) of holder
-   * (holderOpened: Boolean) => void
-   */
-  onChange: PropTypes.func,
-  /**
-   * Wraps component with Portal component if [true]
-   */
-  withPortal: PropTypes.bool,
-  /**
-   * Custom text for reset button
-   */
-  resetText: PropTypes.string,
-  /**
-   * Custom text for apply button
-   */
-  applyText: PropTypes.string,
-  /**
-   * The CSS class name of the wrapper element.
-   */
-  className: PropTypes.string,
-  /**
-   * Fires event when user clicks on reset button
-   * (event: Event) -=> void
-   */
-  onReset: PropTypes.func,
-  /**
-   * Fires event when user clicks on apply button
-   * (event: Event) -=> void
-   */
-  onApply: PropTypes.func,
-  /**
-   * Initial state(opened/closed) for holder, I
-   * If true holder will be opened
-   */
-  defaultOpened: PropTypes.bool,
-  /**
-   * Controlled value or state(opened/closed) for holder, I
-   * If true holder will be opened
-   */
-  opened: PropTypes.bool,
-  /**
-   * Is any valid DOM node, regardless of its location in the DOM.
-   */
-  portalContainer: PropTypes.any,
-  /**
-   * Controls holder position
-   */
-  position: PropTypes.oneOf(['left', 'right']),
-  /**
-   * Title for component
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * Disabled state for "apply" button
-   */
-  applyDisabled: PropTypes.bool,
-  /**
-   * Disabled state for "reset" button
-   */
-  resetDisabled: PropTypes.bool,
-  /**
-   * Tooltip text for expanding icon
-   */
-  expandText: PropTypes.string.isRequired,
-  /**
-   * Tooltip text for collapsing icon
-   */
-  collapseText: PropTypes.string.isRequired,
-  /**
-   * Width for holder opened state (write with px)
-   */
-  openedWidth: PropTypes.string,
-  /**
-   * Left custom icon name, default is 'bc-icon-arrow-left'
-   */
-  leftIconType: PropTypes.string,
-  /**
-   * Right custom icon name, default is 'bc-icon-arrow-right'
-   */
-  rightIconType: PropTypes.string,
-  /**
-   * Filter custom icon name, default is 'bc-icon-arrow-filter'
-   */
-  filterIconType: PropTypes.string,
-  /**
-   * Disabled hover event which opening Holder component.
-   */
-  disableOnHover: PropTypes.bool
-};
-Holder.defaultProps = {
-  disabled: false,
-  applyText: 'Apply',
-  withPortal: false,
-  resetText: 'Reset',
-  defaultOpened: false,
-  position: 'left',
-  applyDisabled: false,
-  onChange: noop,
-  leftIconType: 'bc-icon-arrow-left',
-  rightIconType: 'bc-icon-arrow-right',
-  filterIconType: 'bc-icon-filter',
-  disableOnHover: false
-};
-
-export { Holder as default };

package/Icon/index.js

@@ -1,62 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import PropTypes from 'prop-types';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .icon{display:block;font-size:2.4rem}[data-gene-ui-version=\"2.16.4\"] .icon.disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .icon.bc-icon-loader{overflow:hidden}[data-gene-ui-version=\"2.16.4\"] .icon.bc-icon-loader:before{animation:loader-icon .3s linear infinite;display:block}@keyframes loader-icon{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-arrow-right-nav:before{content:\"\\e906\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-arrow-left-nav:before{content:\"\\e90a\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-arrow-right:before{content:\"\\e907\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-arrow-left:before{content:\"\\e90b\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-arrow-forward:before{content:\"\\e901\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-left-outline:before{content:\"\\e959\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-right-outline:before{content:\"\\e955\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-forwards:before{content:\"\\e95b\"}[data-gene-ui-version=\"2.16.4\"] [dir=rtl] .bc-icon-backwards:before{content:\"\\e95a\"}";
-styleInject(css_248z);
-
-// This this because in production we need to replace 'nonames.com' with host
-// but in development mode we need to put 'nonames.com'
-function getMainHost() {
-  const parts = window.location.host.split('.');
-  if (parts.length < 2) return 'nonamens.com';
-  return "".concat(parts[parts.length - 2], ".").concat(parts[parts.length - 1]);
-}
-const host = process.env.REACT_APP_ICON_URL || process.env.REACT_APP_NODE === 'production' ? getMainHost() : 'nonamens.com';
-if (process.env.REACT_APP_CUSTOM_ICON_URL) {
-  document.head.appendChild(document.createElement('style')).textContent = "@import url('".concat(window.location.protocol, "//").concat(window.location.host, "/core-icons/import.css?v=").concat(Math.floor(Math.random() * 666) + 1);
-} else {
-  document.head.appendChild(document.createElement('style')).textContent = "@import url('https://sharedassets.".concat(host, "/core-icons/import.css?v=").concat(Math.floor(Math.random() * 666) + 1);
-}
-function Icon(_ref) {
-  let {
-    type,
-    disabled,
-    className,
-    isFilled,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("i", _extends({}, restProps, {
-    className: classnames('icon', className, {
-      [type]: !!type,
-      disabled
-    })
-  }));
-}
-Icon.propTypes = {
-  /**
-   * Type is the exact icon. You can find valid "type" values in the documentation example
-   */
-  type: PropTypes.string,
-  /**
-   * Additional className
-   */
-  className: PropTypes.string,
-  /**
-   * Icon disabled state
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Will fill the icon when set to "true"
-   */
-  isFilled: PropTypes.bool
-};
-Icon.defaultProps = {
-  disabled: false,
-  isFilled: false,
-  type: ''
-};
-
-export { Icon as default };

package/Image/index.js

@@ -1,45 +0,0 @@
-import { _ as __rest } from '../tslib.es6-f211516f.js';
-import React__default from 'react';
-import { c as classnames } from '../index-031ff73c.js';
-import Empty from '../Empty/index.js';
-import { T as Tooltip } from '../index-c7646e48.js';
-import Checkbox from '../Checkbox/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import 'react-dom';
-import '../GeneUIProvider/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
-import 'prop-types';
-import '../configs-00612ce0.js';
-import '../index-5f37f281.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../guid-8ddf77b3.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .image-holder{--image-border-radius:1rem;padding:100% 0 0;position:relative;transition:box-shadow .4s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.4\"] .image-holder.with-border{--distance:0.8rem;--image-border-radius:0.6rem;border-radius:1rem;box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.16.4\"] .image-holder.with-border:hover{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.5)}[data-gene-ui-version=\"2.16.4\"] .image-holder.with-border.error{box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb),.5)}[data-gene-ui-version=\"2.16.4\"] .image-holder.with-border.error:hover{box-shadow:inset 0 0 0 1px var(--danger)}[data-gene-ui-version=\"2.16.4\"] .image-content{bottom:var(--distance,0);left:var(--distance,0);position:absolute;right:var(--distance,0);top:var(--distance,0)}[data-gene-ui-version=\"2.16.4\"] .image-content img{border-radius:var(--image-border-radius);display:block;height:100%;object-fit:cover;width:100%}[data-gene-ui-version=\"2.16.4\"] .image-label-holder{background:#0003;border-radius:var(--image-border-radius);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.4\"] .image-heading{align-items:center;display:flex;left:0;padding:0 .7rem;position:absolute;top:1.2rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .image-heading>li{margin:0 .5rem}[data-gene-ui-version=\"2.16.4\"] .image-heading>li.image-cra{background:#fff;border-radius:.3rem;flex-shrink:0}[data-gene-ui-version=\"2.16.4\"] .image-heading>li.image-title{color:#fff;flex:auto;font:700 1.2rem/2rem var(--font-family)}[data-gene-ui-version=\"2.16.4\"] .image-actions-holder{align-items:center;background:#0009;border-radius:var(--image-border-radius);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .4s,visibility .4s;width:100%}[data-gene-ui-version=\"2.16.4\"] .image-holder:not(:hover) .image-actions-holder{opacity:0;visibility:hidden}[data-gene-ui-version=\"2.16.4\"] .image-actions{align-items:center;display:flex}[data-gene-ui-version=\"2.16.4\"] .image-actions>*{box-shadow:inset 0 0 0 5rem #ffffffe6}html:not([dir=rtl]) .image-actions>*+*{margin-left:.5rem}html[dir=rtl] .image-actions>*+*{margin-right:.5rem}[data-gene-ui-version=\"2.16.4\"] .image-empty-state-holder{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}";
-styleInject(css_248z);
-
-const Image = (_a) => {
-    var { src, withBorder = false, selectMode = false, actions, title, imageProps, checkboxProps, className, isValid = true, tooltipTitle, emptyText = 'No image to display' } = _a, restProps = __rest(_a, ["src", "withBorder", "selectMode", "actions", "title", "imageProps", "checkboxProps", "className", "isValid", "tooltipTitle", "emptyText"]);
-    return (
-    /*@ts-ignore */
-    React__default.createElement(Tooltip, { title: tooltipTitle },
-        React__default.createElement("div", Object.assign({ className: classnames('image-holder', className, {
-                'with-border': withBorder,
-                error: !isValid
-            }) }, restProps), src ? (React__default.createElement("div", { className: "image-content" },
-            React__default.createElement("img", Object.assign({ src: src, alt: title }, imageProps)),
-            selectMode && (React__default.createElement("label", { className: "image-label-holder" },
-                React__default.createElement("ul", { className: "image-heading" },
-                    React__default.createElement("li", { className: "image-cra" },
-                        React__default.createElement(Checkbox, Object.assign({ size: "big" }, checkboxProps))),
-                    title && React__default.createElement("li", { className: "image-title ellipsis-text" }, title)))),
-            actions && !selectMode && (React__default.createElement("div", { className: "image-actions-holder" },
-                title && (React__default.createElement("ul", { className: "image-heading" },
-                    React__default.createElement("li", { className: "image-title ellipsis-text" }, title))),
-                React__default.createElement("div", { className: "image-actions" }, actions))))) : (
-        /*@ts-ignore */
-        React__default.createElement(Empty, { type: "data", title: emptyText, className: "image-empty-state-holder" })))));
-};
-
-export { Image as default };