@invoicebox/ui 0.1.0-alpha.56 → 0.1.0-alpha.58

package/dist/components/form/PositiveIntegerInput/index.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _addonActions = require("@storybook/addon-actions");
-var _ = require(".");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var meta = {
-  title: 'form/PositiveIntegerInput',
-  component: _.PositiveIntegerInput,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var Component = function Component(props) {
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var handleChange = (0, _react.useCallback)(function (newValue) {
-    setValue(newValue);
-    (0, _addonActions.action)('onChange')(newValue);
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_.PositiveIntegerInput, _extends({}, props, {
-    value: value,
-    onChange: handleChange
-  }));
-};
-var Default = exports.Default = {
-  args: {
-    max: 1000,
-    upAndDown: true,
-    label: 'Label',
-    placeholder: 'Placeholder',
-    hasError: false
-  },
-  render: Component
-};

package/dist/components/form/PositiveIntegerInput/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const Arrows: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Arrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-}>>;
-export declare const ControlWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/form/PositiveIntegerInput/styles.js

@@ -1,25 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ControlWrapper = exports.Arrows = exports.Arrow = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Arrows = exports.Arrows = _styledComponents["default"].div.withConfig({
-  displayName: "styles__Arrows",
-  componentId: "sc-ctutr8-0"
-})(["display:flex;flex-direction:column;position:absolute;height:100%;justify-content:center;top:0;right:18px;"]);
-var Arrow = exports.Arrow = _styledComponents["default"].div.withConfig({
-  displayName: "styles__Arrow",
-  componentId: "sc-ctutr8-1"
-})(["cursor:pointer;display:flex;user-select:none;", ""], function (_ref) {
-  var $disabled = _ref.$disabled;
-  return $disabled && (0, _styledComponents.css)(["opacity:0.4;pointer-events:none;"]);
-});
-var ControlWrapper = exports.ControlWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__ControlWrapper",
-  componentId: "sc-ctutr8-2"
-})(["position:relative;"]);

package/dist/components/form/PureInput/index.d.ts

@@ -1,10 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-export type TProps = InputHTMLAttributes<HTMLInputElement> & {
-    paddingLeft?: number;
-    paddingRight?: number;
-    hasError?: boolean;
-    inFocus?: boolean;
-    hasBorder?: boolean;
-    className?: never;
-};
-export declare const PureInput: FC<TProps>;

package/dist/components/form/PureInput/index.js

@@ -1,42 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PureInput = void 0;
-var _react = _interopRequireDefault(require("react"));
-var S = _interopRequireWildcard(require("./styles"));
-var _palette = require("../../../palette");
-var _excluded = ["paddingLeft", "paddingRight", "hasError", "inFocus", "hasBorder", "className"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var PureInput = exports.PureInput = function PureInput(_ref) {
-  var _ref$paddingLeft = _ref.paddingLeft,
-    paddingLeft = _ref$paddingLeft === void 0 ? 18 : _ref$paddingLeft,
-    _ref$paddingRight = _ref.paddingRight,
-    paddingRight = _ref$paddingRight === void 0 ? 18 : _ref$paddingRight,
-    _ref$hasError = _ref.hasError,
-    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-    _ref$inFocus = _ref.inFocus,
-    inFocus = _ref$inFocus === void 0 ? false : _ref$inFocus,
-    _ref$hasBorder = _ref.hasBorder,
-    hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var palette = (0, _palette.useComponentPalette)('pureInput');
-  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
-    variant: "bodyMRegular",
-    element: "input",
-    $paddingLeft: paddingLeft,
-    $paddingRight: paddingRight,
-    $hasError: hasError,
-    $inFocus: inFocus,
-    $hasBorder: hasBorder,
-    $palette: palette
-  }, rest));
-};

package/dist/components/form/PureInput/index.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PureInput } from '.';
-declare const meta: Meta<typeof PureInput>;
-export default meta;
-export declare const Default: StoryObj<typeof PureInput>;

package/dist/components/form/PureInput/index.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _ = require(".");
-var meta = {
-  title: 'form/PureInput',
-  component: _.PureInput,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var Default = exports.Default = {
-  args: {
-    paddingLeft: 18,
-    paddingRight: 18,
-    hasError: false,
-    inFocus: false,
-    hasBorder: true,
-    placeholder: 'Введите текст'
-  }
-};

package/dist/components/form/PureInput/palette.d.ts

@@ -1,10 +0,0 @@
-import { TAbstractPalette } from '../../../palette';
-export type TPureInputPalette = {
-    text: string;
-    bg: string;
-    error: string;
-    border: string;
-    borderFocus: string;
-    placeholder: string;
-};
-export declare const generatePureInputPalette: (abstractPalette: TAbstractPalette) => TPureInputPalette;

package/dist/components/form/PureInput/palette.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generatePureInputPalette = void 0;
-var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var generatePureInputPalette = exports.generatePureInputPalette = function generatePureInputPalette(abstractPalette) {
-  return {
-    text: abstractPalette.primary,
-    bg: abstractPalette.base,
-    error: abstractPalette.error,
-    border: (0, _hexToRgba["default"])(abstractPalette.neutralBrutal, 0.3),
-    borderFocus: abstractPalette.primary,
-    placeholder: (0, _hexToRgba["default"])(abstractPalette.primary, 0.3)
-  };
-};

package/dist/components/form/PureInput/styles.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TPureInputPalette } from './palette';
-export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps, {
-    $paddingLeft: number;
-    $paddingRight: number;
-    $hasError: boolean;
-    $inFocus: boolean;
-    $hasBorder: boolean;
-    $palette: TPureInputPalette;
-}>> & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;

package/dist/components/form/PureInput/styles.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Typography = require("../../common/Typography");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
-  displayName: "styles__Wrapper",
-  componentId: "sc-1g8ijo6-0"
-})(["color:", ";border-radius:10px;outline:none;padding:12px 18px;width:100%;background-color:", ";transition:all 0.2s ease-in-out 0s;box-sizing:border-box;padding-right:", "px;padding-left:", "px;border:1px solid ", ";&::placeholder{color:", ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s !important;}"], function (_ref) {
-  var $palette = _ref.$palette;
-  return $palette.text;
-}, function (_ref2) {
-  var $palette = _ref2.$palette;
-  return $palette.bg;
-}, function (_ref3) {
-  var $paddingRight = _ref3.$paddingRight;
-  return $paddingRight;
-}, function (_ref4) {
-  var $paddingLeft = _ref4.$paddingLeft;
-  return $paddingLeft;
-}, function (_ref5) {
-  var $hasError = _ref5.$hasError,
-    $inFocus = _ref5.$inFocus,
-    $hasBorder = _ref5.$hasBorder,
-    $palette = _ref5.$palette;
-  return !$hasBorder ? 'transparent' : $hasError ? $palette.error : $inFocus ? $palette.borderFocus : $palette.border;
-}, function (_ref6) {
-  var $palette = _ref6.$palette;
-  return $palette.placeholder;
-});

package/dist/components/form/Select/components/Input/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { TProps as TInputLabelProps } from '../../../InputLabel';
-import { TProps as TPureInputProps } from '../../../PureInput';
-import { TProps as TArrowProps } from '../../../../common/Arrow';
-export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value'> & Pick<TArrowProps, 'isOpen'>;
-export declare const Input: FC<TProps>;

package/dist/components/form/Select/components/Input/index.js

@@ -1,42 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Input = void 0;
-var _react = _interopRequireDefault(require("react"));
-var S = _interopRequireWildcard(require("./styles"));
-var _InputLabel = require("../../../InputLabel");
-var _PureInput = require("../../../PureInput");
-var _Arrow = require("../../../../common/Arrow");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var Input = exports.Input = function Input(_ref) {
-  var hasError = _ref.hasError,
-    inFocus = _ref.inFocus,
-    placeholder = _ref.placeholder,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    value = _ref.value,
-    name = _ref.name,
-    label = _ref.label,
-    isOpen = _ref.isOpen;
-  return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
-    inFocus: inFocus,
-    label: label
-  }, /*#__PURE__*/_react["default"].createElement(S.ControlWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
-    hasError: hasError,
-    inFocus: inFocus,
-    name: name,
-    placeholder: placeholder,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    value: value,
-    readOnly: true,
-    paddingRight: 52
-  }), /*#__PURE__*/_react["default"].createElement(S.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
-    isOpen: isOpen
-  }))));
-};

package/dist/components/form/Select/components/Input/index.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Input, TProps } from '.';
-declare const meta: Meta<typeof Input>;
-export default meta;
-export declare const Default: StoryObj<TProps>;

package/dist/components/form/Select/components/Input/index.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
-var _ = require(".");
-var meta = {
-  title: 'form/Select/_components/Input',
-  component: _.Input,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var Default = exports.Default = {
-  args: {
-    hasError: false,
-    inFocus: false,
-    placeholder: 'placeholder',
-    onFocus: (0, _addonActions.action)('focus'),
-    onBlur: (0, _addonActions.action)('blur'),
-    value: 'Selected option',
-    name: 'name',
-    label: 'label',
-    isOpen: false
-  }
-};

package/dist/components/form/Select/components/Input/styles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const IconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ControlWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/form/Select/components/Input/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconWrapper = exports.ControlWrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var IconWrapper = exports.IconWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__IconWrapper",
-  componentId: "sc-1fsrle6-0"
-})(["position:absolute;right:14px;height:100%;top:0;display:flex;align-items:center;"]);
-var ControlWrapper = exports.ControlWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "styles__ControlWrapper",
-  componentId: "sc-1fsrle6-1"
-})(["position:relative;"]);

package/dist/components/form/Select/index.d.ts

@@ -1,10 +0,0 @@
-import { TProps as TInputProps } from './components/Input';
-export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'onFocus' | 'onBlur' | 'name'> & {
-    value: TValue | null;
-    onChange: (value: TValue) => void;
-    options: {
-        label: string;
-        value: TValue;
-    }[];
-};
-export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, onFocus, onBlur, name, value, onChange, options, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/Select/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var S = _interopRequireWildcard(require("./styles"));
-var _Input = require("./components/Input");
-var _useInputFocus2 = require("../../../hooks/useInputFocus");
-var _Dropdown = require("../../common/Dropdown");
-var _Scrollbar = require("../../common/Scrollbar");
-var _useOutsideClick = require("../../../hooks/useOutsideClick");
-var _palette = require("../../../palette");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var LIST_HEIGHT = 294;
-var OPTION_IDENTIFIER = 'option-identifier';
-var Select = exports.Select = function Select(_ref) {
-  var label = _ref.label,
-    hasError = _ref.hasError,
-    placeholder = _ref.placeholder,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    name = _ref.name,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    options = _ref.options;
-  var palette = (0, _palette.useComponentPalette)('select');
-  var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
-      onFocus: onFocus,
-      onBlur: onBlur
-    }),
-    inFocus = _useInputFocus.inFocus,
-    focusHandler = _useInputFocus.handleFocus,
-    blurHandler = _useInputFocus.handleBlur;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-
-  /*  
-      существует интеграционная проблема селекта с final-form 
-       Суть:
-      - пользователь выбирает опцию;
-      - срабатывает onBlur;
-      - final-form помечает поле, как toched;
-      - если поле не валидно, hasError становится true, отображается красная рамка;
-      - срабатывает onChange, и если поле валидно рамка пропадает;
-       т.е. рамка мигает, хотя такого быть не должно;
-       так появилась логика delayBlur
-  */
-  var delayBlur = (0, _react.useRef)(null);
-  var selectedOption = (0, _react.useMemo)(function () {
-    return options.find(function (option) {
-      return option.value === value;
-    });
-  }, [options, value]);
-  var handleShow = (0, _react.useCallback)(function () {
-    return setIsOpen(true);
-  }, []);
-  var handleHide = (0, _react.useCallback)(function () {
-    return setIsOpen(false);
-  }, []);
-  var wrapperRef = (0, _useOutsideClick.useOutsideClick)(handleHide);
-  var handleFocus = (0, _react.useCallback)(function (event) {
-    handleShow();
-    focusHandler(event);
-  }, [focusHandler, handleShow]);
-  var handleBlur = (0, _react.useCallback)(function (event) {
-    var relatedTarget = event.relatedTarget;
-    var isOptionClick = (relatedTarget === null || relatedTarget === void 0 ? void 0 : relatedTarget.dataset.optionIdentifier) === OPTION_IDENTIFIER;
-    if (!isOptionClick) {
-      blurHandler(event);
-      return;
-    }
-    delayBlur.current = function () {
-      return blurHandler(event);
-    };
-  }, [blurHandler]);
-  var handleSelect = (0, _react.useCallback)(function (event) {
-    var newValue = JSON.parse(event.currentTarget.dataset.value);
-    onChange(newValue);
-    handleHide();
-    if (delayBlur.current) {
-      delayBlur.current();
-      delayBlur.current = null;
-    }
-  }, [handleHide, onChange]);
-  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
-    ref: wrapperRef
-  }, /*#__PURE__*/_react["default"].createElement(S.InputWrapper, null, /*#__PURE__*/_react["default"].createElement(_Input.Input, {
-    label: label,
-    hasError: hasError,
-    inFocus: inFocus,
-    placeholder: placeholder,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    value: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || '',
-    name: name,
-    isOpen: isOpen
-  })), /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
-    isOpen: isOpen,
-    isAutoPosition: true,
-    width: "100%"
-  }, /*#__PURE__*/_react["default"].createElement(S.Options, null, /*#__PURE__*/_react["default"].createElement(_Scrollbar.Scrollbar, {
-    maxHeight: LIST_HEIGHT
-  }, options.map(function (option) {
-    return /*#__PURE__*/_react["default"].createElement(S.Option, {
-      key: option.value,
-      $palette: palette,
-      variant: "bodyMRegular",
-      onClick: handleSelect,
-      "data-value": JSON.stringify(option.value),
-      "data-option-identifier": OPTION_IDENTIFIER
-    }, option.label);
-  })))));
-};

package/dist/components/form/Select/index.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Select } from '.';
-declare const meta: Meta<typeof Select>;
-export default meta;
-export declare const Default: StoryObj<typeof Select>;

package/dist/components/form/Select/index.stories.js

@@ -1,85 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _addonActions = require("@storybook/addon-actions");
-var _ = require(".");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var meta = {
-  title: 'form/Select',
-  component: _.Select,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var selectOptions = [{
-  label: 'Option 1',
-  value: 'option-1'
-}, {
-  label: 'Option 2',
-  value: 'option-2'
-}, {
-  label: 'Option 3',
-  value: 'option-3'
-}, {
-  label: 'Option 4',
-  value: 'option-4'
-}, {
-  label: 'Option 5',
-  value: 'option-5'
-}, {
-  label: 'Option 6',
-  value: 'option-6'
-}, {
-  label: 'Option 7',
-  value: 'option-7'
-}, {
-  label: 'Option 8',
-  value: 'option-8'
-}, {
-  label: 'Option 9',
-  value: 'option-9'
-}, {
-  label: 'Option 10',
-  value: 'option-10'
-}, {
-  label: 'Option 11',
-  value: 'option-11'
-}, {
-  label: 'Option 12',
-  value: 'option-12'
-}];
-var Default = exports.Default = {
-  args: {
-    hasError: false,
-    label: 'Label',
-    name: 'name',
-    placeholder: 'Placeholder'
-  },
-  render: function Component(props) {
-    var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-    var handleChange = (0, _react.useCallback)(function (newValue) {
-      setValue(newValue);
-      (0, _addonActions.action)('onChange')(newValue);
-    }, []);
-    return /*#__PURE__*/_react["default"].createElement(_.Select, _extends({}, props, {
-      value: value,
-      onChange: handleChange,
-      options: selectOptions
-    }));
-  }
-};

package/dist/components/form/Select/palette.d.ts

@@ -1,5 +0,0 @@
-import { TAbstractPalette } from '../../../palette';
-export type TSelectPalette = {
-    bgHover: string;
-};
-export declare const generateSelectPalette: (abstractPalette: TAbstractPalette) => TSelectPalette;

package/dist/components/form/Select/palette.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateSelectPalette = void 0;
-var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var generateSelectPalette = exports.generateSelectPalette = function generateSelectPalette(abstractPalette) {
-  return {
-    bgHover: (0, _hexToRgba["default"])(abstractPalette.neutralUsual, 0.5)
-  };
-};

package/dist/components/form/Select/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TSelectPalette } from './palette';
-export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Options: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Option: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps, {
-    $palette: TSelectPalette;
-}>> & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;