@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.20

package/dist/tooltip.js

@@ -0,0 +1,71 @@
+import { jsxs as g, Fragment as y, jsx as l } from "react/jsx-runtime";
+import { useState as E, useRef as N } from "react";
+import { c as O } from "./bind-06a7ff84.js";
+import { useFloating as S, flip as W } from "@floating-ui/react-dom";
+const v = "_tooltip_7bl3z_1", z = {
+  "tooltip-wrapper": "_tooltip-wrapper_7bl3z_1",
+  tooltip: v,
+  "tooltip-content": "_tooltip-content_7bl3z_26",
+  "tooltip-arrow": "_tooltip-arrow_7bl3z_39"
+}, n = O.bind(z), F = 300, M = 100, I = ({
+  content: c,
+  wrapperClassName: a,
+  contentClassName: p,
+  dynamicWidth: d,
+  width: m,
+  placement: u = "bottom",
+  dataAutomationId: f,
+  children: _
+}) => {
+  const [h, i] = E(!1), t = N(), { refs: s, floatingStyles: w } = S({
+    placement: u,
+    strategy: "fixed",
+    middleware: [
+      W({
+        fallbackPlacements: ["bottom", "top", "right", "left"]
+      })
+    ]
+  }), o = d ? null : { width: `${m}px` }, x = document.documentElement.clientWidth, b = o || x - M, r = () => {
+    t.current && clearTimeout(t.current), i(!1);
+  }, T = () => {
+    t.current = setTimeout(() => i(!0), F);
+  };
+  return /* @__PURE__ */ g(y, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        ref: (e) => s.setReference(e),
+        className: n("tooltip-wrapper", a),
+        onMouseDown: r,
+        onMouseEnter: T,
+        onMouseLeave: r,
+        children: _
+      }
+    ),
+    h && /* @__PURE__ */ l(
+      "div",
+      {
+        className: n("tooltip"),
+        ref: (e) => s.setFloating(e),
+        style: {
+          ...w,
+          ...o
+        },
+        "data-automation-id": f,
+        children: /* @__PURE__ */ l(
+          "div",
+          {
+            className: n("tooltip-content", p),
+            style: {
+              maxWidth: `${b}px`
+            },
+            children: c
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  I as Tooltip
+};

package/dist/useOnClickOutside-c332f7d3.js

@@ -0,0 +1,16 @@
+import { useEffect as i } from "react";
+function u(t, n) {
+  i(() => {
+    if (!n)
+      return;
+    const e = (o) => {
+      t && t.current && !t.current.contains(o.target) && n(o);
+    };
+    return document.addEventListener("pointerdown", e), () => {
+      document.removeEventListener("pointerdown", e);
+    };
+  }, [t, n]);
+}
+export {
+  u
+};

package/package.json

@@ -1,64 +1,96 @@
-{
-  "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.2",
-  "type": "module",
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "tsc && vite build",
-    "build:storybook": "storybook build",
-    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
-    "format": "npm run lint -- --fix",
-    "prepare": "husky install"
-  },
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/components/index.d.ts",
-  "peerDependencies": {
-    "react": "17.x-18.x",
-    "react-dom": "17.x-18.x"
-  },
-  "dependencies": {
-    "classnames": "^2.3.2",
-    "html-react-parser": "^4.2.0"
-  },
-  "devDependencies": {
-    "@storybook/addon-essentials": "^7.2.0",
-    "@storybook/addon-interactions": "^7.2.0",
-    "@storybook/addon-links": "^7.2.0",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.2.0",
-    "@storybook/react": "^7.2.0",
-    "@storybook/react-vite": "^7.2.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@types/node": "^20.4.5",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "@vitejs/plugin-react": "^4.0.3",
-    "eslint": "^8.46.0",
-    "eslint-config-airbnb-typescript": "^15.0.0",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-import": "^2.28.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.13",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.3",
-    "prettier": "^3.0.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "sass": "^1.64.1",
-    "storybook": "^7.2.2",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vite-plugin-dts": "^3.4.0",
-    "vite-plugin-linter": "^2.0.2",
-    "vite-tsconfig-paths": "^4.2.0"
-  }
-}
+{
+  "name": "@reportportal/ui-kit",
+  "version": "0.0.1-alpha.20",
+  "description": "The UI-kit library for ReportPortal Design System.",
+  "type": "module",
+  "scripts": {
+    "start": "storybook dev -p 6006",
+    "build": "tsc && vite build",
+    "build:storybook": "storybook build",
+    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format": "npm run lint -- --fix",
+    "test": "exit 0",
+    "test:coverage": "exit 0",
+    "prepare": "husky install"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/components/index.d.ts",
+  "peerDependencies": {
+    "react": "17.x-18.x",
+    "react-dom": "17.x-18.x"
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.26.16",
+    "@floating-ui/react-dom": "^2.0.1",
+    "classnames": "^2.3.2",
+    "downshift": "^6.1.12",
+    "framer-motion": "^10.15.2",
+    "rc-scrollbars": "^1.1.6",
+    "react-datepicker": "^7.3.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.2.0",
+    "@storybook/addon-interactions": "^7.2.0",
+    "@storybook/addon-links": "^7.2.0",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.2.0",
+    "@storybook/react": "^7.2.0",
+    "@storybook/react-vite": "^7.2.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/node": "^20.4.5",
+    "@types/react": "^18.3.3",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "date-fns": "^3.6.0",
+    "eslint": "^8.46.0",
+    "eslint-config-airbnb-typescript": "^15.0.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-import-resolver-typescript": "^3.6.0",
+    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.13",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.3",
+    "prettier": "^3.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "sass": "^1.64.1",
+    "storybook": "^7.2.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.4.0",
+    "vite-plugin-svgr": "^3.2.0",
+    "vite-tsconfig-paths": "^4.2.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/reportportal/ui-kit.git"
+  },
+  "author": "ReportPortal.io",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/reportportal/ui-kit/issues"
+  },
+  "homepage": "https://github.com/reportportal/ui-kit#readme",
+  "keywords": [
+    "react",
+    "react-components",
+    "design-systems",
+    "ui-kit",
+    "reportportal",
+    "epam"
+  ],
+  "engines": {
+    "node": ">=16.x"
+  }
+}

package/dist/bind-e1346f99.js

@@ -1,44 +0,0 @@
-var p = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function a(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var r = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var f = {}.hasOwnProperty;
-    function s() {
-      for (var n = [], i = 0; i < arguments.length; i++) {
-        var t = arguments[i];
-        if (t) {
-          var l = typeof t;
-          if (l === "string" || l === "number")
-            n.push(this && this[t] || t);
-          else if (Array.isArray(t))
-            n.push(s.apply(this, t));
-          else if (l === "object") {
-            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
-              n.push(t.toString());
-              continue;
-            }
-            for (var o in t)
-              f.call(t, o) && t[o] && n.push(this && this[o] || o);
-          }
-        }
-      }
-      return n.join(" ");
-    }
-    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
-  })();
-})(r);
-var u = r.exports;
-const c = /* @__PURE__ */ a(u);
-export {
-  p as a,
-  c,
-  a as g
-};