@invoicebox/ui 0.1.0-alpha.292 → 0.1.0-alpha.295

package/dist/esm/validate/utils/websiteValidate.test.js

@@ -0,0 +1,45 @@
+import { Validate, WEBSITE_WRONG_MESSAGE } from '../index';
+describe('Website validate', function () {
+  var validateAllFunc = function validateAllFunc(value) {
+    return Validate.website(value, function (result) {
+      return result;
+    });
+  };
+  test('validate web sites all variants', function () {
+    expect(validateAllFunc('abc.com')).toBe(true);
+    expect(validateAllFunc('http://abc.com')).toBe(true);
+    expect(validateAllFunc('https://abc.com')).toBe(true);
+    expect(validateAllFunc('http://www.abc.com')).toBe(true);
+    expect(validateAllFunc('https://www.abc.com')).toBe(true);
+    expect(validateAllFunc('https://дом.рф')).toBe(true);
+    expect(validateAllFunc('дом.рф')).toBe(true);
+    expect(validateAllFunc('http://abc.com/anyhere')).toBe(true);
+    expect(validateAllFunc('http://abc.com/anyhere/anyhere')).toBe(true);
+    expect(validateAllFunc('https://abc.com/anyhere/anyhere?any')).toBe(true);
+    expect(validateAllFunc('https://www')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateAllFunc('www')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateAllFunc('.com')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateAllFunc('дом')).toBe(WEBSITE_WRONG_MESSAGE);
+  });
+  var validateHttpsFunc = function validateHttpsFunc(value) {
+    return Validate.website(value, function (result) {
+      return result;
+    }, true);
+  };
+  test('validate web sites only https variants', function () {
+    expect(validateHttpsFunc('https://abc.com')).toBe(true);
+    expect(validateHttpsFunc('https://www.abc.com')).toBe(true);
+    expect(validateHttpsFunc('https://дом.рф')).toBe(true);
+    expect(validateAllFunc('https://abc.com/anyhere')).toBe(true);
+    expect(validateAllFunc('https://abc.com/anyhere/anyhere')).toBe(true);
+    expect(validateAllFunc('https://abc.com/anyhere/anyhere?any')).toBe(true);
+    expect(validateHttpsFunc('дом.рф')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('http://www.abc.com')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('abc.com')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('http://abc.com')).toBe(WEBSITE_WRONG_MESSAGE);
+    // expect(validateHttpsFunc('https://www')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('www')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('.com')).toBe(WEBSITE_WRONG_MESSAGE);
+    expect(validateHttpsFunc('дом')).toBe(WEBSITE_WRONG_MESSAGE);
+  });
+});

package/dist/hooks/useMedia/index.js

@@ -4,25 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTablet = exports.useMobile = exports.useMiniLaptop = exports.useLargeTablet = void 0;
-var _reactResponsive = require("react-responsive");
+var _react = require("react");
 var _breakpoints = require("../../breakpoints");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+// Инлайн-замена `react-responsive` (убрали зависимость): тонкий хук поверх window.matchMedia.
+// Возвращает boolean и обновляется на смену совпадения; SSR-безопасен (false без window).
+var useMediaQuery = function useMediaQuery(query) {
+  var _useState = (0, _react.useState)(function () {
+      return typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia(query).matches;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    matches = _useState2[0],
+    setMatches = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return undefined;
+    var mediaQueryList = window.matchMedia(query);
+    var handleChange = function handleChange(event) {
+      return setMatches(event.matches);
+    };
+    setMatches(mediaQueryList.matches);
+    mediaQueryList.addEventListener('change', handleChange);
+    return function () {
+      return mediaQueryList.removeEventListener('change', handleChange);
+    };
+  }, [query]);
+  return matches;
+};
 var useMobile = exports.useMobile = function useMobile() {
-  return (0, _reactResponsive.useMediaQuery)({
-    query: _breakpoints.breakpoints.sm
-  });
+  return useMediaQuery(_breakpoints.breakpoints.sm);
 };
 var useTablet = exports.useTablet = function useTablet() {
-  return (0, _reactResponsive.useMediaQuery)({
-    query: _breakpoints.breakpoints.md
-  });
+  return useMediaQuery(_breakpoints.breakpoints.md);
 };
 var useLargeTablet = exports.useLargeTablet = function useLargeTablet() {
-  return (0, _reactResponsive.useMediaQuery)({
-    query: _breakpoints.breakpoints.ld
-  });
+  return useMediaQuery(_breakpoints.breakpoints.ld);
 };
 var useMiniLaptop = exports.useMiniLaptop = function useMiniLaptop() {
-  return (0, _reactResponsive.useMediaQuery)({
-    query: _breakpoints.breakpoints.xl
-  });
+  return useMediaQuery(_breakpoints.breakpoints.xl);
 };

package/dist/hooks/useOutsideClick/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const useOutsideClick: (onClick: () => void) => import("react").RefObject<HTMLDivElement>;
+import { RefObject } from 'react';
+export declare const useOutsideClick: (onClick: () => void, extraRefs?: ReadonlyArray<RefObject<HTMLElement>>) => RefObject<HTMLDivElement>;

package/dist/hooks/useOutsideClick/index.js

@@ -5,18 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useOutsideClick = void 0;
 var _react = require("react");
+// extraRefs — узлы, которые физически вне основного ref (например, дропдаун, вынесенный порталом
+// в document.body), но логически ему принадлежат: клик по ним НЕ считается «снаружи». Без этого
+// портал-дропдаун ловил бы клик как outside и схлопывался. По умолчанию пусто — обратная
+// совместимость со старыми вызовами `const ref = useOutsideClick(onClick)`.
 var useOutsideClick = exports.useOutsideClick = function useOutsideClick(onClick) {
+  var extraRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var ref = (0, _react.useRef)(null);
+  var extraRefsRef = (0, _react.useRef)(extraRefs);
+  extraRefsRef.current = extraRefs;
   (0, _react.useEffect)(function () {
     var handleOutsideClick = function handleOutsideClick(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClick();
-      }
+      var target = event.target;
+      if (ref.current && ref.current.contains(target)) return;
+      if (extraRefsRef.current.some(function (extra) {
+        return extra.current && extra.current.contains(target);
+      })) return;
+      onClick();
     };
     document.addEventListener('mousedown', handleOutsideClick);
     return function () {
       document.removeEventListener('mousedown', handleOutsideClick);
     };
-  }, [ref, onClick]);
+  }, [onClick]);
   return ref;
 };

package/dist/index.js

@@ -380,16 +380,4 @@ var _breakpoints = require("./breakpoints");
 var _useMedia = require("./hooks/useMedia");
 var _useModal = require("./hooks/useModal");
 var _vatNumberValidateHelpers = require("./validate/utils/vatNumberValidateHelpers");
-var _validate = require("./validate");
-// eslint-disable-next-line @typescript-eslint/no-var-requires,no-undef
-var fromEntries = require('object.fromentries');
-// eslint-disable-next-line @typescript-eslint/no-var-requires,no-undef
-var entries = require('object.entries');
-fromEntries.shim();
-entries.shim();
-
-// common
-
-// form
-
-// hooks
+var _validate = require("./validate");

package/dist/utils/hexToRgba.d.ts

@@ -0,0 +1 @@
+export default function hexToRgba(hex: string, alpha?: number): string;

package/dist/utils/hexToRgba.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = hexToRgba;
+// Инлайн-замена пакета `hex-to-rgba` (убрали зависимость). Поддерживает #RGB / #RRGGBB / #RRGGBBAA
+// (альфа из 8-значного хекса игнорируется в пользу переданной). alpha — число 0..1.
+function hexToRgba(hex) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var normalized = hex.replace('#', '');
+  if (normalized.length === 3) {
+    normalized = normalized.split('').map(function (_char) {
+      return _char + _char;
+    }).join('');
+  }
+  var r = parseInt(normalized.slice(0, 2), 16);
+  var g = parseInt(normalized.slice(2, 4), 16);
+  var b = parseInt(normalized.slice(4, 6), 16);
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.292",
+    "version": "0.1.0-alpha.295",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {
@@ -32,6 +32,7 @@
         "@storybook/react-webpack5": "^7.6.13",
         "@storybook/test": "^7.6.13",
         "@types/jest": "^29.5.8",
+        "@types/react-dom": "^18.3.7",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
         "@typescript-eslint/parser": "^5.62.0",
         "babel-plugin-inline-json-import": "^0.3.2",
@@ -53,20 +54,14 @@
     },
     "dependencies": {
         "@mona-health/react-input-mask": "^3.0.3",
-        "hex-to-rgba": "^2.0.1",
-        "motion": "^12.38.0",
-        "object.entries": "^1.1.8",
-        "object.fromentries": "^2.0.8",
         "qrcode.react": "^3.1.0",
         "react-calendar": "^4.8.0",
         "react-currency-input-field": "^3.10.0",
-        "react-custom-scrollbars-2": "^4.5.0",
-        "react-modal-sheet": "^5.6.0",
-        "react-responsive": "^9.0.2",
         "react-toastify": "^9.1.3"
     },
     "peerDependencies": {
         "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "styled-components": "^6.1.8"
     },
     "engines": {
@@ -75,5 +70,8 @@
     "files": [
         "dist"
     ],
-    "main": "./dist/index.js"
+    "main": "./dist/index.js",
+    "module": "./dist/esm/index.js",
+    "types": "./dist/index.d.ts",
+    "sideEffects": false
 }