@helpdice/ui 2.1.5 → 2.1.8

package/esm/notetip/note-tip.js

@@ -0,0 +1,97 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _JSXStyle from "../styled-jsx.es.js";
+import React, { useState, useRef, useEffect } from 'react';
+import { useFloating, offset, flip, shift, arrow } from '@floating-ui/react-dom';
+import { useTheme } from '@helpdice/theme';
+import { createPortal } from 'react-dom';
+var Notetip = function Notetip(_ref) {
+  var children = _ref.children,
+    text = _ref.text,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? 0 : _ref$delay,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 200 : _ref$duration,
+    _ref$animation = _ref.animation,
+    animation = _ref$animation === void 0 ? 'fade' : _ref$animation;
+  var theme = useTheme();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    show = _useState4[0],
+    setShow = _useState4[1];
+  var arrowRef = useRef(null);
+  var _useFloating = useFloating({
+      placement: placement,
+      middleware: [offset(8), flip(), shift({
+        padding: 5
+      }), arrow({
+        element: arrowRef
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    refs = _useFloating.refs,
+    strategy = _useFloating.strategy;
+  useEffect(function () {
+    var timer;
+    if (open) {
+      timer = setTimeout(function () {
+        return setShow(true);
+      }, delay);
+    } else {
+      setShow(false);
+    }
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [open, delay]);
+  var handleMouseEnter = function handleMouseEnter() {
+    return setOpen(true);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    return setOpen(false);
+  };
+  var handleTouchStart = function handleTouchStart() {
+    setOpen(true);
+    setTimeout(function () {
+      return setOpen(false);
+    }, 2000); // auto-hide
+  };
+
+  // const staticSide = {
+  //   top: 'bottom',
+  //   right: 'left',
+  //   bottom: 'top',
+  //   left: 'right',
+  // }[finalPlacement.split('-')[0]];
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: refs.setReference,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onTouchStart: handleTouchStart,
+    className: _JSXStyle.dynamic([["4210526695", [theme.palette.accents_1, duration, duration, duration]]]) + " " + "tooltip-reference"
+  }, children), show && x != null && y != null && text != null ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    ref: refs.setFloating,
+    style: {
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0,
+      zIndex: 9999,
+      // opacity: show ? 1 : 0,
+      // visibility: x == null || y == null ? 'hidden' : 'visible',
+      transitionProperty: 'opacity, transform',
+      transitionDuration: "".concat(duration, "ms")
+    },
+    className: _JSXStyle.dynamic([["4210526695", [theme.palette.accents_1, duration, duration, duration]]]) + " " + "tooltip-box ".concat(animation)
+  }, text), document.body) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "4210526695",
+    dynamic: [theme.palette.accents_1, duration, duration, duration]
+  }, ".tooltip-box.__jsx-style-dynamic-selector{background:".concat(theme.palette.accents_1, ";padding:4px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:9999;opacity:0;}.fade.__jsx-style-dynamic-selector{-webkit-animation:fadeIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;animation:fadeIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;}@-webkit-keyframes fadeIn-__jsx-style-dynamic-selector{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-__jsx-style-dynamic-selector{from{opacity:0;}to{opacity:1;}}.scale.__jsx-style-dynamic-selector{-webkit-animation:scaleIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;animation:scaleIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;}@-webkit-keyframes scaleIn-__jsx-style-dynamic-selector{from{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}to{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}@keyframes scaleIn-__jsx-style-dynamic-selector{from{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}to{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}.slide.__jsx-style-dynamic-selector{-webkit-animation:slideIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;animation:slideIn-__jsx-style-dynamic-selector ").concat(duration, "ms ease forwards;}@-webkit-keyframes slideIn-__jsx-style-dynamic-selector{from{opacity:0;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}@keyframes slideIn-__jsx-style-dynamic-selector{from{opacity:0;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}")));
+};
+export default Notetip;

package/esm/table/table-body.js

@@ -73,7 +73,7 @@ var TableBody = function TableBody(_ref) {
 
   function renderRow(cols, row, index) {
     var _row$style;
-    var urid = _.uniqueId();
+    // const urid = _.uniqueId();
     var className = rowClassName(row, index);
     var rw = _extends({}, row);
     var rowStyle = (_row$style = row === null || row === void 0 ? void 0 : row.style) !== null && _row$style !== void 0 ? _row$style : {};
@@ -94,7 +94,7 @@ var TableBody = function TableBody(_ref) {
       onDragStart: onDragStart,
       "aria-checked": selected.indexOf(row) !== -1,
       tabIndex: -1,
-      key: urid,
+      key: "table-row-".concat(rw.id),
       style: _extends({
         cursor: 'pointer',
         backgroundColor: isRowSelected ? hoverColor : ''

package/esm/table/table-cell.js

@@ -22,7 +22,7 @@ var TableCell = function TableCell(_ref) {
         whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
       }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
       "data-column": column.prop,
-      key: "row-td-".concat(index, "-").concat(column.prop.toString()),
+      key: "row-td-".concat(currentRowValue.id, "-").concat(column.prop.toString()),
       onClick: function onClick() {
         return onCellClick && onCellClick(currentRowValue, rowIndex, index);
       },

package/esm/table/table-head.js

@@ -5,10 +5,12 @@ import _JSXStyle from "../styled-jsx.es.js";
 import React, { useMemo } from 'react';
 import { useTheme } from '@helpdice/theme';
 import Input from '../input';
+import { uniqueId } from 'lodash';
 import Select from '../select';
 // import Button from '../button'
 
 var makeColgroup = function makeColgroup(width, columns) {
+  var colId = uniqueId('col');
   var unsetWidthCount = columns.filter(function (c) {
     return !c.width;
   }).length;
@@ -17,9 +19,9 @@ var makeColgroup = function makeColgroup(width, columns) {
   }, 0);
   var averageWidth = (width - customWidthTotal) / unsetWidthCount;
   if (averageWidth <= 0) return /*#__PURE__*/React.createElement("colgroup", null);
-  return /*#__PURE__*/React.createElement("colgroup", null, columns.map(function (column, index) {
+  return /*#__PURE__*/React.createElement("colgroup", null, columns.map(function (column) {
     return /*#__PURE__*/React.createElement("col", {
-      key: "colgroup-".concat(index),
+      key: "colgroup-".concat(colId),
       width: column.width || averageWidth
     });
   }));

package/esm/table/table.js

@@ -5,7 +5,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["children", "data", "initialData", "hover", "emptyText", "rowDraggable", "readOnly", "cursorPagination", "previousCursor", "nextCursor", "hasMore", "onNextPage", "onPreviousPage", "onRow", "onCell", "onChange", "onFilters", "onPageChange", "showFilters", "stickyHeader", "textPlaceholder", "onSelected", "dataLength", "viewLength", "className", "rowClassName"];
 import _JSXStyle from "../styled-jsx.es.js";
 /* "use client" */
-
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import TableHead from './table-head';
 import TableBody from './table-body';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "2.1.5",
+  "version": "2.1.8",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -26,7 +26,7 @@
     "build:types": "tsc -p ./scripts & tsc -p ./scripts --outDir ./esm",
     "build:package": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
     "release": "yarn publish --access public --non-interactive",
-    "release:github": "yarn publish --registry=https://npm.pkg.github.com"
+    "release:github": "npm publish --registry=https://npm.pkg.github.com"
   },
   "license": "MIT",
   "description": "Modern React UI library.",
@@ -63,8 +63,8 @@
     "@babel/preset-typescript": "^7.14.5",
     "@babel/standalone": "^7.28.3",
     "@helpdice/icons": "^1.2.5",
-    "@helpdice/pro": "^1.8.0",
-    "@helpdice/sdk": "^0.2.5",
+    "@helpdice/sdk": "^0.2.9",
+    "@helpdice/utils": "^0.1.4",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
@@ -139,7 +139,7 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@helpdice/theme": "^1.0.5",
+    "@helpdice/theme": "^1.0.9",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
@@ -215,6 +215,10 @@
       "import": "./dist/collapse/index.js",
       "types": "./dist/collapse/index.d.ts"
     },
+    "./CopyToClipboard": {
+      "import": "./dist/copy-to-clipboard/index.js",
+      "types": "./dist/copy-to-clipboard/index.d.ts"
+    },
     "./CurrencyInput": {
       "import": "./dist/currency-input/index.js",
       "types": "./dist/currency-input/index.d.ts"
@@ -427,7 +431,7 @@
       "import": "./dist/use-toasts/index.js",
       "types": "./dist/use-toasts/index.d.ts"
     },
-    "./User": {
+    "./user": {
       "import": "./dist/user/index.js",
       "types": "./dist/user/index.d.ts"
     }
@@ -476,6 +480,9 @@
       "Collapse": [
         "dist/collapse/index.d.ts"
       ],
+      "CopyToClipboard": [
+        "dist/copy-to-clipboard/index.d.ts"
+      ],
       "CurrencyInput": [
         "dist/currency-input/index.d.ts"
       ],
@@ -635,7 +642,7 @@
       "useToasts": [
         "dist/use-toasts/index.d.ts"
       ],
-      "User": [
+      "user": [
         "dist/user/index.d.ts"
       ]
     }