@helpdice/ui 1.6.8 → 1.7.0

package/esm/utils/collections.js

@@ -110,7 +110,7 @@ export var isChildElement = function isChildElement(parent, child) {
   }
   return false;
 };
-export var isGeistElement = function isGeistElement(el) {
+export var isUiElement = function isUiElement(el) {
   if (!el) return false;
   if (el !== null && el !== void 0 && el.dataset && el !== null && el !== void 0 && el.dataset['helpdice']) return true;
   el.attributes.getNamedItem('data-helpdice');

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.6.8",
+  "version": "1.7.0",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
   "scripts": {
-    "dev": "yarn docs:collect && next dev",
-    "docs:start": "next start",
+    "start": "next start",
+    "dev": "next dev",
+    "build": "next build",
+    "docs:dev": "yarn docs:collect && next dev",
     "docs:collect": "node scripts/collect-meta.js",
     "docs:seeds": "node scripts/seeds/update.js",
     "docs:build": "yarn docs:collect & yarn docs:seeds && next build",
@@ -21,8 +23,8 @@
     "build:babel": "babel --no-babelrc --config-file ./scripts/babel.config.js --extensions \".js,.ts,.tsx\" ./components --out-dir ./esm --ignore \"**/__tests__/**/*,**/*.d.ts\"",
     "build:after": "node scripts/move-built-in.js",
     "build:types": "tsc -p ./scripts & tsc -p ./scripts --outDir ./esm",
-    "build": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
-    "release": "yarn build && yarn publish --access public --non-interactive"
+    "build:package": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
+    "release": "yarn publish --access public --non-interactive"
   },
   "license": "MIT",
   "description": "Modern React UI library.",
@@ -48,11 +50,13 @@
   ],
   "sideEffects": false,
   "devDependencies": {
+    "@babel/core": "7.27.4",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
+    "@helpdice/pro": "file:../pro/build",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
@@ -63,7 +67,7 @@
     "@rollup/plugin-node-resolve": "16.0.0",
     "@types/enzyme": "^3.10.18",
     "@types/lodash": "^4.17.15",
-    "@types/react": "~18.3.12",
+    "@types/react": "~18.3.1",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "~18.3.1",
     "@types/react-html-parser": "^2.0.6",
@@ -82,11 +86,10 @@
     "just-debounce-it": "^3.2.0",
     "next": "^15.1.7",
     "prettier": "^3.4.2",
-    "react": "~18.3.1",
+    "react": "^18.3.1",
     "react-color": "^2.19.3",
-    "react-dom": "~18.3.1",
+    "react-dom": "^18.3.1",
     "react-live": "^4.1.8",
-    "rehype-join-line": "^1.0.2",
     "rollup": "^4.32.1",
     "styled-jsx": "^5.1.6",
     "typescript": "^5.7.3",
@@ -94,30 +97,34 @@
     "yup": "^1.6.1"
   },
   "dependencies": {
+    "@floating-ui/react-dom": "^2.1.3",
     "@helpdice/icons": "^1.1.2",
+    "@mapbox/rehype-prism": "^0.9.0",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/styled-components": "^5.1.34",
     "babel-plugin-transform-rename-import": "^2.3.0",
     "clsx": "^2.1.1",
     "deepmerge": "^4.3.1",
     "dompurify": "^3.2.4",
+    "framer-motion": "^12.17.0",
     "fuse.js": "^7.1.0",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
+    "next-sitemap": "^4.2.3",
     "polished": "^4.3.1",
     "react-fast-compare": "^3.2.2",
     "react-is": "^19.0.0",
-    "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
+    "rehype-join-line": "^1.0.2",
     "rollup-plugin-local-resolve": "^1.0.7",
     "styled-components": "^6.1.14",
     "tiny-warning": "^1.0.3",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "jest": {
     "globals": {

package/dist/cart/index.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-export interface Item {
-    id: string;
-    price: number;
-    quantity?: number;
-    itemTotal?: number;
-    [key: string]: any;
-}
-export interface InitialState {
-    id: string;
-    items: Item[];
-    isEmpty: boolean;
-    totalItems: number;
-    totalUniqueItems: number;
-    cartTotal: number;
-    metadata?: Metadata;
-}
-export interface Metadata {
-    [key: string]: any;
-}
-export interface CartProviderState extends InitialState {
-    addItem: (item: Item, quantity?: number) => void;
-    removeItem: (id: Item["id"]) => void;
-    updateItem: (id: Item["id"], payload: object) => void;
-    setItems: (items: Item[]) => void;
-    updateItemQuantity: (id: Item["id"], quantity: number) => void;
-    emptyCart: () => void;
-    getItem: (id: Item["id"]) => any | undefined;
-    inCart: (id: Item["id"]) => boolean;
-    clearCartMetadata: () => void;
-    setCartMetadata: (metadata: Metadata) => void;
-    updateCartMetadata: (metadata: Metadata) => void;
-}
-export type Actions = {
-    type: "SET_ITEMS";
-    payload: Item[];
-} | {
-    type: "ADD_ITEM";
-    payload: Item;
-} | {
-    type: "REMOVE_ITEM";
-    id: Item["id"];
-} | {
-    type: "UPDATE_ITEM";
-    id: Item["id"];
-    payload: object;
-} | {
-    type: "EMPTY_CART";
-} | {
-    type: "CLEAR_CART_META";
-} | {
-    type: "SET_CART_META";
-    payload: Metadata;
-} | {
-    type: "UPDATE_CART_META";
-    payload: Metadata;
-};
-export declare const initialState: any;
-export declare const createCartIdentifier: (len?: number) => string;
-export declare const useCart: () => CartProviderState;
-export declare const CartProvider: React.FC<{
-    children?: React.ReactNode;
-    id?: string;
-    defaultItems?: Item[];
-    onSetItems?: (items: Item[]) => void;
-    onItemAdd?: (payload: Item) => void;
-    onItemUpdate?: (payload: object) => void;
-    onItemRemove?: (id: Item["id"]) => void;
-    onEmptyCart?: () => void;
-    storage?: (key: string, initialValue: string) => [string, (value: Function | string) => void];
-    metadata?: Metadata;
-}>;

package/dist/cart/useLocalStorage.d.ts

@@ -1 +0,0 @@
-export default function useLocalStorage(key: string, initialValue: string): [string, (value: Function | string) => void];

package/dist/table/data-table.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-type DataTableProps = {
-    cols: any[];
-    rows: any[];
-    readOnly?: boolean;
-    loading?: boolean;
-    heading?: never[];
-    filter?: boolean;
-    menu?: never;
-    sideMenu?: boolean;
-    style?: object;
-    children?: React.ReactNode;
-    stickyHeader?: boolean;
-    hasMore?: boolean;
-    nextFn?: () => void;
-    onBack?: () => void;
-    infiniteLoader?: React.ReactNode;
-    endMessage?: React.ReactNode;
-    onRefresh?: () => void;
-    onFilters?: (filters: object) => void;
-    onSelectedDelete?: (selected: never[]) => void;
-    onSelectedEdit?: (selected: never) => void;
-    onSelected?: (selected: any) => void;
-    disableViewColumn?: boolean;
-    rowDraggable?: boolean;
-    onDragOver?: () => void;
-    onDragEnter?: () => void;
-    onDragLeave?: () => void;
-    onDrop?: () => void;
-    onRowClick?: (row: any) => void;
-    disableMenu?: boolean;
-    dataLength?: number;
-    viewLength?: number;
-    onPageChange?: (page: number, start: number, end: number) => void;
-    cursorPagination?: boolean;
-    previousCursor?: string;
-    nextCursor?: string;
-    onNextPage?: (next?: string) => void;
-    onPreviousPage?: (prev?: string) => void;
-};
-declare function DataTable({ cols, rows, readOnly, heading, filter, menu, sideMenu, style, children, onBack, onRefresh, // Function
-onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, stickyHeader, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DataTable>;
-export default _default;

package/esm/cart/index.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-export interface Item {
-    id: string;
-    price: number;
-    quantity?: number;
-    itemTotal?: number;
-    [key: string]: any;
-}
-export interface InitialState {
-    id: string;
-    items: Item[];
-    isEmpty: boolean;
-    totalItems: number;
-    totalUniqueItems: number;
-    cartTotal: number;
-    metadata?: Metadata;
-}
-export interface Metadata {
-    [key: string]: any;
-}
-export interface CartProviderState extends InitialState {
-    addItem: (item: Item, quantity?: number) => void;
-    removeItem: (id: Item["id"]) => void;
-    updateItem: (id: Item["id"], payload: object) => void;
-    setItems: (items: Item[]) => void;
-    updateItemQuantity: (id: Item["id"], quantity: number) => void;
-    emptyCart: () => void;
-    getItem: (id: Item["id"]) => any | undefined;
-    inCart: (id: Item["id"]) => boolean;
-    clearCartMetadata: () => void;
-    setCartMetadata: (metadata: Metadata) => void;
-    updateCartMetadata: (metadata: Metadata) => void;
-}
-export type Actions = {
-    type: "SET_ITEMS";
-    payload: Item[];
-} | {
-    type: "ADD_ITEM";
-    payload: Item;
-} | {
-    type: "REMOVE_ITEM";
-    id: Item["id"];
-} | {
-    type: "UPDATE_ITEM";
-    id: Item["id"];
-    payload: object;
-} | {
-    type: "EMPTY_CART";
-} | {
-    type: "CLEAR_CART_META";
-} | {
-    type: "SET_CART_META";
-    payload: Metadata;
-} | {
-    type: "UPDATE_CART_META";
-    payload: Metadata;
-};
-export declare const initialState: any;
-export declare const createCartIdentifier: (len?: number) => string;
-export declare const useCart: () => CartProviderState;
-export declare const CartProvider: React.FC<{
-    children?: React.ReactNode;
-    id?: string;
-    defaultItems?: Item[];
-    onSetItems?: (items: Item[]) => void;
-    onItemAdd?: (payload: Item) => void;
-    onItemUpdate?: (payload: object) => void;
-    onItemRemove?: (id: Item["id"]) => void;
-    onEmptyCart?: () => void;
-    storage?: (key: string, initialValue: string) => [string, (value: Function | string) => void];
-    metadata?: Metadata;
-}>;

package/esm/cart/index.js

@@ -1,265 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-/* eslint-disable @typescript-eslint/ban-types */
-/* "use client" */;
-import * as React from "react";
-import useLocalStorage from "./useLocalStorage";
-export var initialState = {
-  items: [],
-  isEmpty: true,
-  totalItems: 0,
-  totalUniqueItems: 0,
-  cartTotal: 0,
-  metadata: {}
-};
-var CartContext = /*#__PURE__*/React.createContext(initialState);
-export var createCartIdentifier = function createCartIdentifier() {
-  var len = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 12;
-  return _toConsumableArray(Array(len)).map(function () {
-    return (~~(Math.random() * 36)).toString(36);
-  }).join("");
-};
-export var useCart = function useCart() {
-  var context = React.useContext(CartContext);
-  if (!context) throw new Error("Expected to be wrapped in a CartProvider");
-  return context;
-};
-function reducer(state, action) {
-  switch (action.type) {
-    case "SET_ITEMS":
-      return generateCartState(state, action.payload);
-    case "ADD_ITEM":
-      {
-        var items = [].concat(_toConsumableArray(state.items), [action.payload]);
-        return generateCartState(state, items);
-      }
-    case "UPDATE_ITEM":
-      {
-        var _items = state.items.map(function (item) {
-          if (item.id !== action.id) return item;
-          return _extends({}, item, action.payload);
-        });
-        return generateCartState(state, _items);
-      }
-    case "REMOVE_ITEM":
-      {
-        var _items2 = state.items.filter(function (i) {
-          return i.id !== action.id;
-        });
-        return generateCartState(state, _items2);
-      }
-    case "EMPTY_CART":
-      return initialState;
-    case "CLEAR_CART_META":
-      return _extends({}, state, {
-        metadata: {}
-      });
-    case "SET_CART_META":
-      return _extends({}, state, {
-        metadata: _extends({}, action.payload)
-      });
-    case "UPDATE_CART_META":
-      return _extends({}, state, {
-        metadata: _extends({}, state.metadata, action.payload)
-      });
-    default:
-      throw new Error("No action specified");
-  }
-}
-var generateCartState = function generateCartState() {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var items = arguments.length > 1 ? arguments[1] : undefined;
-  var totalUniqueItems = calculateUniqueItems(items);
-  var isEmpty = totalUniqueItems === 0;
-  return _extends({}, initialState, state, {
-    items: calculateItemTotals(items),
-    totalItems: calculateTotalItems(items),
-    totalUniqueItems: totalUniqueItems,
-    cartTotal: calculateTotal(items),
-    isEmpty: isEmpty
-  });
-};
-var calculateItemTotals = function calculateItemTotals(items) {
-  return items.map(function (item) {
-    return _extends({}, item, {
-      itemTotal: item.price * item.quantity
-    });
-  });
-};
-var calculateTotal = function calculateTotal(items) {
-  return items.reduce(function (total, item) {
-    return total + item.quantity * item.price;
-  }, 0);
-};
-var calculateTotalItems = function calculateTotalItems(items) {
-  return items.reduce(function (sum, item) {
-    return sum + item.quantity;
-  }, 0);
-};
-var calculateUniqueItems = function calculateUniqueItems(items) {
-  return items.length;
-};
-export var CartProvider = function CartProvider(_ref) {
-  var children = _ref.children,
-    cartId = _ref.id,
-    _ref$defaultItems = _ref.defaultItems,
-    defaultItems = _ref$defaultItems === void 0 ? [] : _ref$defaultItems,
-    onSetItems = _ref.onSetItems,
-    onItemAdd = _ref.onItemAdd,
-    onItemUpdate = _ref.onItemUpdate,
-    onItemRemove = _ref.onItemRemove,
-    onEmptyCart = _ref.onEmptyCart,
-    _ref$storage = _ref.storage,
-    storage = _ref$storage === void 0 ? useLocalStorage : _ref$storage,
-    metadata = _ref.metadata;
-  var id = cartId ? cartId : createCartIdentifier();
-  var _storage = storage(cartId ? "react-use-cart-".concat(id) : "react-use-cart", JSON.stringify(_extends({
-      id: id
-    }, initialState, {
-      items: defaultItems,
-      metadata: metadata
-    }))),
-    _storage2 = _slicedToArray(_storage, 2),
-    savedCart = _storage2[0],
-    saveCart = _storage2[1];
-  var _React$useReducer = React.useReducer(reducer, JSON.parse(savedCart)),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    state = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  React.useEffect(function () {
-    saveCart(JSON.stringify(state));
-  }, [state, saveCart]);
-  var setItems = function setItems(items) {
-    dispatch({
-      type: "SET_ITEMS",
-      payload: items.map(function (item) {
-        return _extends({}, item, {
-          quantity: item.quantity || 1
-        });
-      })
-    });
-    onSetItems && onSetItems(items);
-  };
-  var addItem = function addItem(item) {
-    var quantity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-    if (!item.id) throw new Error("You must provide an `id` for items");
-    if (quantity <= 0) return;
-    var currentItem = state.items.find(function (i) {
-      return i.id === item.id;
-    });
-    if (!currentItem && !item.hasOwnProperty("price")) throw new Error("You must pass a `price` for new items");
-    if (!currentItem) {
-      var _payload = _extends({}, item, {
-        quantity: quantity
-      });
-      dispatch({
-        type: "ADD_ITEM",
-        payload: _payload
-      });
-      onItemAdd && onItemAdd(_payload);
-      return;
-    }
-    var payload = _extends({}, item, {
-      quantity: currentItem.quantity + quantity
-    });
-    dispatch({
-      type: "UPDATE_ITEM",
-      id: item.id,
-      payload: payload
-    });
-    onItemUpdate && onItemUpdate(payload);
-  };
-  var updateItem = function updateItem(id, payload) {
-    if (!id || !payload) {
-      return;
-    }
-    dispatch({
-      type: "UPDATE_ITEM",
-      id: id,
-      payload: payload
-    });
-    onItemUpdate && onItemUpdate(payload);
-  };
-  var updateItemQuantity = function updateItemQuantity(id, quantity) {
-    if (quantity <= 0) {
-      onItemRemove && onItemRemove(id);
-      dispatch({
-        type: "REMOVE_ITEM",
-        id: id
-      });
-      return;
-    }
-    var currentItem = state.items.find(function (item) {
-      return item.id === id;
-    });
-    if (!currentItem) throw new Error("No such item to update");
-    var payload = _extends({}, currentItem, {
-      quantity: quantity
-    });
-    dispatch({
-      type: "UPDATE_ITEM",
-      id: id,
-      payload: payload
-    });
-    onItemUpdate && onItemUpdate(payload);
-  };
-  var removeItem = function removeItem(id) {
-    if (!id) return;
-    dispatch({
-      type: "REMOVE_ITEM",
-      id: id
-    });
-    onItemRemove && onItemRemove(id);
-  };
-  var emptyCart = function emptyCart() {
-    dispatch({
-      type: "EMPTY_CART"
-    });
-    onEmptyCart && onEmptyCart();
-  };
-  var getItem = function getItem(id) {
-    return state.items.find(function (i) {
-      return i.id === id;
-    });
-  };
-  var inCart = function inCart(id) {
-    return state.items.some(function (i) {
-      return i.id === id;
-    });
-  };
-  var clearCartMetadata = function clearCartMetadata() {
-    dispatch({
-      type: "CLEAR_CART_META"
-    });
-  };
-  var setCartMetadata = function setCartMetadata(metadata) {
-    if (!metadata) return;
-    dispatch({
-      type: "SET_CART_META",
-      payload: metadata
-    });
-  };
-  var updateCartMetadata = function updateCartMetadata(metadata) {
-    if (!metadata) return;
-    dispatch({
-      type: "UPDATE_CART_META",
-      payload: metadata
-    });
-  };
-  return /*#__PURE__*/React.createElement(CartContext.Provider, {
-    value: _extends({}, state, {
-      getItem: getItem,
-      inCart: inCart,
-      setItems: setItems,
-      addItem: addItem,
-      updateItem: updateItem,
-      updateItemQuantity: updateItemQuantity,
-      removeItem: removeItem,
-      emptyCart: emptyCart,
-      clearCartMetadata: clearCartMetadata,
-      setCartMetadata: setCartMetadata,
-      updateCartMetadata: updateCartMetadata
-    })
-  }, children);
-};

package/esm/cart/useLocalStorage.d.ts

@@ -1 +0,0 @@
-export default function useLocalStorage(key: string, initialValue: string): [string, (value: Function | string) => void];

package/esm/cart/useLocalStorage.js

@@ -1,29 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/* "use client" */;
-
-/* eslint-disable @typescript-eslint/ban-types */
-
-import * as React from "react";
-export default function useLocalStorage(key, initialValue) {
-  var _React$useState = React.useState(function () {
-      try {
-        var item = typeof window !== "undefined" && window.localStorage.getItem(key);
-        return item ? item : initialValue;
-      } catch (error) {
-        return initialValue;
-      }
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    storedValue = _React$useState2[0],
-    setStoredValue = _React$useState2[1];
-  var setValue = function setValue(value) {
-    try {
-      var valueToStore = value instanceof Function ? value(storedValue) : value;
-      setStoredValue(valueToStore);
-      window.localStorage.setItem(key, valueToStore);
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  return [storedValue, setValue];
-}

package/esm/table/data-table.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-type DataTableProps = {
-    cols: any[];
-    rows: any[];
-    readOnly?: boolean;
-    loading?: boolean;
-    heading?: never[];
-    filter?: boolean;
-    menu?: never;
-    sideMenu?: boolean;
-    style?: object;
-    children?: React.ReactNode;
-    stickyHeader?: boolean;
-    hasMore?: boolean;
-    nextFn?: () => void;
-    onBack?: () => void;
-    infiniteLoader?: React.ReactNode;
-    endMessage?: React.ReactNode;
-    onRefresh?: () => void;
-    onFilters?: (filters: object) => void;
-    onSelectedDelete?: (selected: never[]) => void;
-    onSelectedEdit?: (selected: never) => void;
-    onSelected?: (selected: any) => void;
-    disableViewColumn?: boolean;
-    rowDraggable?: boolean;
-    onDragOver?: () => void;
-    onDragEnter?: () => void;
-    onDragLeave?: () => void;
-    onDrop?: () => void;
-    onRowClick?: (row: any) => void;
-    disableMenu?: boolean;
-    dataLength?: number;
-    viewLength?: number;
-    onPageChange?: (page: number, start: number, end: number) => void;
-    cursorPagination?: boolean;
-    previousCursor?: string;
-    nextCursor?: string;
-    onNextPage?: (next?: string) => void;
-    onPreviousPage?: (prev?: string) => void;
-};
-declare function DataTable({ cols, rows, readOnly, heading, filter, menu, sideMenu, style, children, onBack, onRefresh, // Function
-onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, stickyHeader, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DataTable>;
-export default _default;