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

package/Overspread/index.js

@@ -1,291 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useRef, useEffect, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { n as noop } from '../index-5f37f281.js';
-import '../configs-00612ce0.js';
-import useClickOutside from '../hooks/useClickOutside.js';
-import Icon from '../Icon/index.js';
-import Portal from '../Portal/index.js';
-import Popover from '../Popover/index.js';
-import Menu from '../Menu/index.js';
-import { D as Dropdown } from '../index-ce12e4a9.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../index-031ff73c.js';
-import '../GeneUIProvider/index.js';
-import '../index-122432cd.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../hooks/useUpdatableRef.js';
-import '../hooks/useForceUpdate.js';
-import '../Scrollbar/index.js';
-import '../guid-8ddf77b3.js';
-import '../Option/index.js';
-import '../useEllipsisDetection-c1c9ad94.js';
-import '../index-c7646e48.js';
-import '../tslib.es6-f211516f.js';
-import '../objectWithoutPropertiesLoose-e1596bdb.js';
-import '../react-lifecycles-compat.es-6e1f3768.js';
-import '../clsx.m-2bb6df4b.js';
-import '../hooks/useMount.js';
-import '../hooks/useClick.js';
-import '../hooks/useKeyDown.js';
-import '../BusyLoader/index.js';
-import '../Empty/index.js';
-import '../index-3188e46e.js';
-import '../debounce-4419bc2f.js';
-import '../ExtendedInput/index.js';
-import '../SuggestionList/index.js';
-import '../config-1053d64d.js';
-import '../callAfterDelay-7272faca.js';
-import '../Checkbox/index.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../index-fcbae78d.js';
-import '../Tag/index.js';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .overspread-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:300}[data-gene-ui-version=\"2.16.4\"] .overspread-holder{animation:overspread-reveal .5s forwards;background:var(--background);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr;height:100%;transform:translate3d(0,100%,0);width:100%}@keyframes overspread-reveal{to{transform:translateZ(0)}}[data-gene-ui-version=\"2.16.4\"] .overspread-head{border-bottom:1px solid rgba(var(--background-sc-rgb),.05);display:grid;grid-template-areas:\"left center right\";grid-template-columns:1fr auto 1fr;padding:0 1rem;position:relative;width:100%}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li{align-items:center;display:flex;height:4.6rem;overflow:hidden}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li.over-h-act{font:600 1.5rem/2.3rem var(--font-family);grid-area:left;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li.over-h-act:last-child{grid-area:right;justify-content:flex-end}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li.over-h-tt{font:600 1.7rem/2.3rem var(--font-family);grid-area:center}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li>*{margin:0 .5rem}[data-gene-ui-version=\"2.16.4\"] .overspread-head>li .color-hero{color:var(--hero)}[data-gene-ui-version=\"2.16.4\"] .overspread-head button{transition:opacity .4s}[data-gene-ui-version=\"2.16.4\"] .overspread-head button:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .overspread-body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:1.5rem}[data-gene-ui-version=\"2.16.4\"] .overspread-search{position:relative}[data-gene-ui-version=\"2.16.4\"] .overspread-search:not(:focus-within,.show-search) input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.4\"] .overspread-search:not(:focus-within,.show-search) .bc-icon-search{pointer-events:none}[data-gene-ui-version=\"2.16.4\"] .overspread-search:not(:focus-within,.show-search) .bc-icon-close{display:none}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within{background:var(--background);display:flex;left:0;margin:0;padding:0 1rem;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:10}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search>*,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within>*{padding:0 .5rem}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search .bc-icon-search,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within .bc-icon-search{display:none}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search input,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within input{font:600 1.4rem var(--font-family);height:2.4rem;width:100%}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search input::input-placeholder,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within input::input-placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search input:placeholder,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within input:placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search input::placeholder,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within input::placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"2.16.4\"] .overspread-search.show-search input:input-placeholder,[data-gene-ui-version=\"2.16.4\"] .overspread-search:focus-within input:input-placeholder{color:rgba(var(--background-sc-rgb),.5);font-size:1.4rem;font-weight:600}[data-gene-ui-version=\"2.16.4\"] .back-button-holder{align-items:center;cursor:pointer;display:flex}";
-styleInject(css_248z);
-
-function Overspread(props) {
-  const {
-    opened,
-    title,
-    hasDone,
-    disabledDone,
-    children,
-    hasSearch,
-    hasOptions,
-    titleHasOptions,
-    searchOutput,
-    hasBack,
-    doneText,
-    backWithIcon,
-    backText,
-    doneWithIcon,
-    onClose,
-    onDone,
-    onBack,
-    onSelectingOption,
-    onSelectingTitleOption,
-    dataForOptions,
-    dataForTitleWithOptions,
-    defaultValueForTitleWithOptions,
-    onAnimationEnd,
-    ...restProps
-  } = props;
-  const isControlled = ('opened' in props);
-  const [isOpen, setIsOpen] = useState(opened);
-  const [optionsPopoverIsOpen, setOptionsPopoverIsOpen] = useState(false);
-  const portalRef = useRef(null);
-  useEffect(() => setIsOpen(opened), [opened]);
-  const handleSearchOutput = useCallback(e => {
-    searchOutput && searchOutput(e.target.value);
-  }, [searchOutput]);
-  const handleClose = useCallback(e => {
-    !isControlled && setIsOpen(isOpen => !isOpen);
-    onClose && onClose(e);
-  }, [onClose, isControlled]);
-  const handleDone = useCallback(e => {
-    !isControlled && setIsOpen(isOpen => !isOpen);
-    onDone && onDone(e);
-  }, [onDone, isControlled]);
-  const outsideClickHandler = useCallback(() => {
-    setOptionsPopoverIsOpen(false);
-  }, []);
-  const outsideClickRef = useClickOutside(outsideClickHandler);
-  const onAnimationEndHandler = useCallback(() => {
-    onAnimationEnd && onAnimationEnd();
-  }, [onAnimationEnd]);
-  useEffect(() => {
-    var _portalRef$current;
-    portalRef === null || portalRef === void 0 ? void 0 : (_portalRef$current = portalRef.current) === null || _portalRef$current === void 0 ? void 0 : _portalRef$current.addEventListener('animationend', onAnimationEndHandler);
-  }, [portalRef.current, isOpen]);
-  const cleanup = () => {
-    var _portalRef$current2;
-    portalRef === null || portalRef === void 0 ? void 0 : (_portalRef$current2 = portalRef.current) === null || _portalRef$current2 === void 0 ? void 0 : _portalRef$current2.removeEventListener('animationend', onAnimationEndHandler);
-  };
-  useEffect(() => cleanup, []);
-  return /*#__PURE__*/React__default.createElement(Portal, {
-    isOpen: isOpen
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: "overspread-container"
-  }, restProps), /*#__PURE__*/React__default.createElement("div", {
-    className: "overspread-holder",
-    ref: portalRef
-  }, /*#__PURE__*/React__default.createElement("ul", {
-    className: "overspread-head"
-  }, /*#__PURE__*/React__default.createElement("li", {
-    className: "over-h-act"
-  }, hasBack ? /*#__PURE__*/React__default.createElement("p", {
-    onClick: onBack,
-    className: "back-button-holder cursor-pointer"
-  }, backWithIcon && /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-arrow-left"
-  }), /*#__PURE__*/React__default.createElement("span", null, backText)) : /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-close",
-    onClick: handleClose,
-    className: "cursor-pointer"
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "over-h-tt"
-  }, titleHasOptions ? /*#__PURE__*/React__default.createElement(Dropdown, {
-    hasSearch: false,
-    value: defaultValueForTitleWithOptions.value,
-    data: dataForTitleWithOptions,
-    placeholder: " ",
-    appearance: "light",
-    onChange: onSelectingTitleOption,
-    flexibility: "content-size"
-  }) : /*#__PURE__*/React__default.createElement("p", {
-    className: "ellipsis-text"
-  }, title)), /*#__PURE__*/React__default.createElement("li", {
-    className: "over-h-act"
-  }, hasSearch && /*#__PURE__*/React__default.createElement("div", {
-    className: "overspread-search cursor-pointer"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-close"
-  }), /*#__PURE__*/React__default.createElement("input", {
-    onChange: handleSearchOutput,
-    placeholder: "Search"
-  }), /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-search"
-  })), hasOptions && /*#__PURE__*/React__default.createElement(Popover, {
-    isOpen: optionsPopoverIsOpen,
-    extendTargetWidth: false,
-    Content: /*#__PURE__*/React__default.createElement(Menu, {
-      ref: outsideClickRef,
-      data: dataForOptions,
-      onSelect: function () {
-        setOptionsPopoverIsOpen(false);
-        onSelectingOption(...arguments);
-      }
-    }),
-    align: "end"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-more-vertical",
-    onClick: () => setOptionsPopoverIsOpen(true)
-  })), hasDone && /*#__PURE__*/React__default.createElement("button", {
-    disabled: disabledDone,
-    onClick: handleDone,
-    className: "color-hero cursor-pointer"
-  }, doneWithIcon ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-checkbox-checked"
-  }) : doneText))), children && /*#__PURE__*/React__default.createElement("div", {
-    className: "overspread-body"
-  }, children))));
-}
-Overspread.propTypes = {
-  title: PropTypes.string,
-  /**
-   * Enables title's dropdown,
-   */
-  titleHasOptions: PropTypes.bool,
-  /**
-   * Fires event for handling change of value/selected option
-   * ((event: Event) => void)
-   */
-  onSelectingTitleOption: PropTypes.func,
-  /**
-   * Title's dropdown data
-   */
-  dataForTitleWithOptions: PropTypes.array,
-  /**
-   *  Default value for title's dropdown
-   */
-  defaultValueForTitleWithOptions: PropTypes.object,
-  /**
-   * Enables search,
-   */
-  hasSearch: PropTypes.bool,
-  /**
-   * Fires event when user types in search field
-   * (event: Event) => void
-   */
-  searchOutput: PropTypes.func,
-  /**
-   * Displays dropdown on the right corner,
-   */
-  hasOptions: PropTypes.bool,
-  /**
-   * Right corner dropdown's data
-   */
-  dataForOptions: PropTypes.array,
-  /**
-   * Fires event for handling change of value/selected option
-   * ((event: Event) => void)
-   */
-  onSelectingOption: PropTypes.func,
-  /** Opened state */
-  opened: PropTypes.bool,
-  /**
-   * Any valid node
-   */
-  children: PropTypes.node,
-  /**
-   * Enables done button on the right corner,
-   */
-  hasDone: PropTypes.bool,
-  /**
-   * Shows done icon instead of text
-   */
-  doneWithIcon: PropTypes.bool,
-  /**
-   * Done button disabled state
-   */
-  disabledDone: PropTypes.bool,
-  /**
-   * Custom text for done button
-   */
-  doneText: PropTypes.string,
-  /**
-   * Fires event when done button is clicked
-   * ((event: Event) => void)
-   */
-  onDone: PropTypes.func,
-  /**
-   * Enables back button on the left corner,
-   */
-  hasBack: PropTypes.bool,
-  /**
-   * Custom text for back button
-   */
-  backText: PropTypes.string,
-  /**
-   * Displays chevron icon in back button
-   */
-  backWithIcon: PropTypes.bool,
-  /**
-   * Fires event when back button is clicked
-   * ((event: Event) => void)
-   */
-  onBack: PropTypes.func,
-  /**
-   * Fires event when close icon is clicked
-   * ((event: Event) => void)
-   */
-  onClose: PropTypes.func,
-  /**
-   * Function calls when the animation ends.
-   */
-  onAnimationEnd: PropTypes.func
-};
-Overspread.defaultProps = {
-  hasSearch: false,
-  hasBack: false,
-  hasOptions: false,
-  doneText: 'Done',
-  titleHasOptions: false,
-  backWithIcon: false,
-  doneWithIcon: false,
-  hasDone: true,
-  onDone: noop,
-  onBack: noop,
-  onClose: noop,
-  onSelectingOption: noop,
-  onSelectingTitleOption: noop,
-  onAnimationEnd: noop
-};
-
-export { Overspread as default };

package/Pagination/index.js

@@ -1,261 +0,0 @@
-import React__default, { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { a as conflictPropsLog, k as keyboardHandler } from '../index-5f37f281.js';
-import Button from '../Button/index.js';
-import Divider from '../Divider/index.js';
-import { T as Tooltip } from '../index-c7646e48.js';
-import TextInput from '../ValidatableTextInput/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 '../Icon/index.js';
-import '../_rollupPluginBabelHelpers-a83240e1.js';
-import '../GeneUIProvider/index.js';
-import '../hooks/useMount.js';
-import '../configs-00612ce0.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';
-
-var css_248z = "[data-gene-ui-version=\"2.16.4\"] .pagination-holder{align-items:center;display:flex}[data-gene-ui-version=\"2.16.4\"] .pagination-holder .icon{cursor:pointer}[data-gene-ui-version=\"2.16.4\"] .pagination-holder .defaultCursor{cursor:default}[data-gene-ui-version=\"2.16.4\"] .pagination-holder .input-element{text-align:center}";
-styleInject(css_248z);
-
-const drawCount = 5;
-const offset = 2;
-const enterCode = 13;
-const diff = drawCount - offset;
-const numberRegExp = /^[1-9][0-9]*$/;
-function Pagination(props) {
-  const {
-    count: propCount,
-    selected,
-    onChange,
-    errorText,
-    defaultSelected,
-    supportedKeyCodes,
-    autoFocus,
-    nextIconTooltipText,
-    previousIconTooltipText
-  } = props;
-  selected && defaultSelected && conflictPropsLog('Pagination', ['selected', 'defaultSelected']);
-  const [page, setPage] = useState(selected || defaultSelected || 1);
-  const [isValid, setIsValid] = useState(true);
-  const [inputValue, setInputValue] = useState('');
-  const current = selected || page;
-  const count = propCount === 0 ? current : propCount;
-  const isLeftIconDisabled = current === 1;
-  const isRightIconDisabled = current === count;
-  const canShowDots = count > drawCount;
-  const areLeftDotsVisible = canShowDots && current > diff;
-  const areRightDotsVisible = canShowDots && current + diff <= count;
-  const setSelected = useCallback(nextSelected => {
-    if (nextSelected) {
-      !selected && setPage(nextSelected);
-      onChange && onChange(nextSelected);
-    }
-  }, [selected, onChange]);
-
-  // button handlers
-  const onClick = useCallback(e => {
-    setSelected(Number(e.currentTarget.dataset.key));
-    setInputValue('');
-    setIsValid(true);
-  }, [setSelected]);
-  const validate = useCallback(value => {
-    const allowedDigitsCount = String(count).length;
-    const checkingValue = value.length > allowedDigitsCount ? value.substring(0, allowedDigitsCount) : value;
-    const number = Number(checkingValue);
-    if (isNaN(number)) return true;
-    return !number || number <= count && number >= 1;
-  }, [count]);
-
-  // input handlers
-  const onInputChange = useCallback(e => {
-    setIsValid(validate(e.target.value));
-    const {
-      value = ''
-    } = e.target;
-    if (!value || numberRegExp.test(value) && value.length <= String(count).length) {
-      setInputValue(value);
-    }
-  }, [count, validate]);
-  const onBlur = useCallback(e => {
-    if (isValid) {
-      setSelected(Number(e.target.value));
-      setInputValue('');
-    }
-  }, [isValid, setSelected]);
-  const onInputKeyPress = useCallback(e => {
-    if (isValid && keyboardHandler(e, supportedKeyCodes)) {
-      setSelected(Number(e.target.value));
-      setInputValue('');
-    }
-  }, [isValid, setSelected, supportedKeyCodes]);
-
-  // icon handlers
-  const onLeftClick = useCallback(e => {
-    if (current > 1) {
-      setSelected(current - 1);
-      setInputValue('');
-      setIsValid(true);
-    }
-  }, [current, setSelected]);
-  const onRightClick = useCallback(e => {
-    if (current < count) {
-      setSelected(current + 1);
-      setInputValue('');
-      setIsValid(true);
-    }
-  }, [count, current, setSelected]);
-  const leftButtons = [1];
-  const rightButtons = count > 1 ? [count] : [];
-  let centerButtons = [];
-  if (count > offset) {
-    if (count - offset > diff) {
-      const customPage = current < diff ? diff : current + diff > count ? count - offset : current;
-      centerButtons = [customPage - 1, customPage, customPage + 1];
-    } else {
-      for (let i = offset; i < count; i++) {
-        centerButtons.push(i);
-      }
-    }
-  }
-  const dotedButton = () => /*#__PURE__*/React__default.createElement(Button, {
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    className: "pointer-events-none"
-  }, "...");
-  const Input = /*#__PURE__*/React__default.createElement(Tooltip, {
-    alwaysShow: !isValid,
-    title: isValid ? '' : errorText,
-    padding: 25
-  }, /*#__PURE__*/React__default.createElement(TextInput, {
-    min: 1,
-    forceAllowValidation: true,
-    autoFocus: autoFocus,
-    max: count,
-    type: "text",
-    onBlur: onBlur,
-    value: inputValue,
-    colorBorderOnError: true,
-    showErrorIcon: false,
-    showNumberIcon: false,
-    onChange: onInputChange,
-    flexibility: "content-size",
-    placeholder: "1-".concat(count),
-    isValid: isValid,
-    onKeyPress: onInputKeyPress,
-    showClickableTooltipOnError: false,
-    className: classnames('number-input')
-  }));
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "pagination-holder"
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: previousIconTooltipText
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    icon: "bc-icon-arrow-left-nav",
-    onClick: onLeftClick,
-    disabled: isLeftIconDisabled
-  })), /*#__PURE__*/React__default.createElement(Divider, {
-    type: "vertical"
-  }), leftButtons.map(number => /*#__PURE__*/React__default.createElement(Button, {
-    key: number,
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    onClick: number !== current ? onClick : undefined,
-    "data-key": number,
-    className: classnames(number === current && 'defaultCursor'),
-    active: number === current
-  }, number)), areLeftDotsVisible ? areRightDotsVisible ? dotedButton() : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, dotedButton(), Input, dotedButton()) : null, centerButtons.map(number => /*#__PURE__*/React__default.createElement(Button, {
-    key: number,
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    onClick: number !== current ? onClick : undefined,
-    "data-key": number,
-    className: classnames(number === current && 'defaultCursor'),
-    active: number === current
-  }, number)), areRightDotsVisible && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, dotedButton(), Input, dotedButton()), rightButtons.map(number => /*#__PURE__*/React__default.createElement(Button, {
-    key: number,
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    onClick: number !== current ? onClick : undefined,
-    "data-key": number,
-    className: classnames(number === current && 'defaultCursor'),
-    active: number === current
-  }, number)), /*#__PURE__*/React__default.createElement(Divider, {
-    type: "vertical"
-  }), /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: nextIconTooltipText
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    flexibility: "content-size",
-    color: "default",
-    appearance: "minimal",
-    icon: "bc-icon-arrow-right-nav",
-    onClick: onRightClick,
-    disabled: isRightIconDisabled
-  })));
-}
-Pagination.propTypes = {
-  /**
-   * Fires event when user changes the page
-   * (page: Number) => void
-   */
-  onChange: PropTypes.func,
-  /**
-   * Initially selected page
-   */
-  selected: PropTypes.number,
-  /**
-   * Custom text if element will indicate error
-   */
-  errorText: PropTypes.string,
-  /**
-   * Turn on/off pagination's autofocus
-   */
-  autoFocus: PropTypes.bool,
-  /**
-   * Initially selected page
-   */
-  defaultSelected: PropTypes.number,
-  /**
-   * Total pages count
-   */
-  count: PropTypes.number.isRequired,
-  /**
-   * Text for next icon tooltip.
-   */
-  nextIconTooltipText: PropTypes.string,
-  /**
-   * Text for previous icon tooltip.
-   */
-  previousIconTooltipText: PropTypes.string,
-  // TODO: bad naming
-  supportedKeyCodes: PropTypes.arrayOf(PropTypes.number)
-};
-Pagination.defaultProps = {
-  count: 1,
-  errorText: 'Page does not exist',
-  supportedKeyCodes: [enterCode],
-  nextIconTooltipText: 'Next page',
-  previousIconTooltipText: 'Previous page'
-};
-
-export { Pagination as default };

package/Paper/index.js

@@ -1,96 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef } from 'react';
-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\"] .paper{align-content:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.16.4\"] .paper:not(.bg-transparent){background:var(--background)}[data-gene-ui-version=\"2.16.4\"] .paper.with-shadow{box-shadow:0 .3rem .6rem 0 #0000000d}[data-gene-ui-version=\"2.16.4\"] .paper.top-radius{border-radius:2rem 2rem 0 0}[data-gene-ui-version=\"2.16.4\"] .paper.bottom-radius{border-radius:0 0 2rem 2rem}[data-gene-ui-version=\"2.16.4\"] .paper.full-radius{border-radius:2rem}[data-gene-ui-version=\"2.16.4\"] .paper.with-border{border:1px solid rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.4\"] .pd-row{flex-direction:row}[data-gene-ui-version=\"2.16.4\"] .pd-row-reverse{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.4\"] .pd-column{flex-direction:column}[data-gene-ui-version=\"2.16.4\"] .pd-column-reverse{flex-direction:column-reverse}[data-gene-ui-version=\"2.16.4\"] .pw-nowrap{flex-wrap:nowrap}[data-gene-ui-version=\"2.16.4\"] .pw-wrap{flex-wrap:wrap}[data-gene-ui-version=\"2.16.4\"] .pw-wrap-reverse{flex-wrap:wrap-reverse}[data-gene-ui-version=\"2.16.4\"] .jc-paper-start{justify-content:flex-start}[data-gene-ui-version=\"2.16.4\"] .jc-paper-end{justify-content:flex-end}[data-gene-ui-version=\"2.16.4\"] .jc-center{justify-content:center}[data-gene-ui-version=\"2.16.4\"] .jc-start{justify-content:start}[data-gene-ui-version=\"2.16.4\"] .jc-end{justify-content:end}[data-gene-ui-version=\"2.16.4\"] .jc-left{justify-content:left}[data-gene-ui-version=\"2.16.4\"] .jc-right{justify-content:right}[data-gene-ui-version=\"2.16.4\"] .jc-normal{justify-content:normal}[data-gene-ui-version=\"2.16.4\"] .jc-space-between{justify-content:space-between}[data-gene-ui-version=\"2.16.4\"] .jc-space-around{justify-content:space-around}[data-gene-ui-version=\"2.16.4\"] .jc-space-evenly{justify-content:space-evenly}[data-gene-ui-version=\"2.16.4\"] .jc-stretch{justify-content:stretch}[data-gene-ui-version=\"2.16.4\"] .jc-inherit{justify-content:inherit}[data-gene-ui-version=\"2.16.4\"] .jc-initial{justify-content:normal}[data-gene-ui-version=\"2.16.4\"] .jc-unset{justify-content:unset}[data-gene-ui-version=\"2.16.4\"] .ai-normal{align-items:normal}[data-gene-ui-version=\"2.16.4\"] .ai-stretch{align-items:stretch}[data-gene-ui-version=\"2.16.4\"] .ai-center{align-items:center}[data-gene-ui-version=\"2.16.4\"] .ai-start{align-items:start}[data-gene-ui-version=\"2.16.4\"] .ai-end{align-items:end}[data-gene-ui-version=\"2.16.4\"] .ai-paper-start{align-items:flex-start}[data-gene-ui-version=\"2.16.4\"] .ai-paper-end{align-items:flex-end}[data-gene-ui-version=\"2.16.4\"] .ai-self-start{align-items:self-start}[data-gene-ui-version=\"2.16.4\"] .ai-self-end{align-items:self-end}[data-gene-ui-version=\"2.16.4\"] .ai-baseline{align-items:baseline}[data-gene-ui-version=\"2.16.4\"] .ai-inherit{align-items:inherit}[data-gene-ui-version=\"2.16.4\"] .ai-initial{align-items:normal}[data-gene-ui-version=\"2.16.4\"] .ai-unset{align-items:unset}";
-styleInject(css_248z);
-
-const paperDirections = ['row', 'row-reverse', 'column', 'column-reverse'];
-const paperWraps = ['nowrap', 'wrap', 'wrap-reverse'];
-const justifyContents = ['paper-start', 'paper-end', 'center', 'start', 'end', 'left', 'right', 'normal', 'space-between', 'space-around', 'space-evenly', 'stretch', 'inherit', 'initial', 'unset'];
-const alignItems = ['stretch', 'normal', 'center', 'start', 'end', 'paper-start', 'paper-end', 'self-start', 'self-end', 'baseline', 'inherit', 'initial', 'unset'];
-const cornersRadius = ['none', 'top-radius', 'bottom-radius', 'full-radius'];
-const Paper = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    padding,
-    children,
-    className,
-    paperDirection,
-    paperWrap,
-    justifyContent,
-    alignItems,
-    cornerRadius,
-    shadow,
-    border,
-    isTransparent,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref,
-    className: "paper bg-".concat(isTransparent ? 'transparent' : 'color', "\n    ").concat(border ? 'with-border' : '', "\n    ").concat(className, "\n    pd-").concat(paperDirection, "\n    pw-").concat(paperWrap, "\n    jc-").concat(justifyContent, "\n    ai-").concat(alignItems, "\n    ").concat(cornerRadius, "\n    ").concat(shadow ? 'with-shadow' : ''),
-    style: {
-      padding: typeof padding === 'number' ? "".concat(padding / 10, "rem") : padding
-    }
-  }, restProps), children);
-});
-Paper.propTypes = {
-  /**
-   * Paper padding. Any padding value valid in css
-   */
-  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Additional className
-   */
-  className: PropTypes.string,
-  /**
-   * Wrapping with paper anything passed as child. Any valid React node
-   */
-  children: PropTypes.node,
-  /**
-   * Paper direction
-   */
-  paperDirection: PropTypes.oneOf(paperDirections),
-  /**
-   * Paper wrapping
-   */
-  paperWrap: PropTypes.oneOf(paperWraps),
-  /**
-   * Paper justify content
-   */
-  justifyContent: PropTypes.oneOf(justifyContents),
-  /**
-   * Paper align items
-   */
-  alignItems: PropTypes.oneOf(alignItems),
-  /**
-   * Paper corner radius
-   */
-  cornerRadius: PropTypes.oneOf(cornersRadius),
-  /**
-   * Will add transparency to the Paper when set to "true"
-   */
-  isTransparent: PropTypes.bool,
-  /**
-   * Will add borders to the Paper when set to "true"
-   */
-  border: PropTypes.bool,
-  /**
-   * Will add shadow to the Paper when set to "true"
-   */
-  shadow: PropTypes.bool
-};
-Paper.defaultProps = {
-  padding: 0,
-  className: '',
-  paperDirection: paperDirections[0],
-  paperWrap: paperWraps[0],
-  justifyContent: justifyContents[0],
-  alignItems: alignItems[0],
-  cornerRadius: cornersRadius[0],
-  shadow: false,
-  border: false,
-  isTransparent: false
-};
-
-export { alignItems, cornersRadius, Paper as default, justifyContents, paperDirections, paperWraps };