@dbcdk/react-components 0.0.97 → 0.0.101

package/dist/tanstack.js

@@ -1,5 +1,5 @@
 import { useReactTable, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import * as React9 from 'react';
+import * as React8 from 'react';
 import { createContext, forwardRef, useId, useState, useRef, useEffect, useCallback, useImperativeHandle, useLayoutEffect, useContext, useMemo } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { LoaderCircle, ChevronUp, ChevronDown, Check, ListChevronsDownUp, Settings, ChevronsLeft, ArrowLeft, ArrowRight, ChevronsRight, ArrowUp, ArrowDown } from 'lucide-react';
@@ -175,7 +175,7 @@ function mergeRefs(...refs) {
     }
   };
 }
-var Button = React9.forwardRef(function Button2({
+var Button = React8.forwardRef(function Button2({
   variant = "outlined",
   shape = "default",
   size = "md",
@@ -204,8 +204,8 @@ var Button = React9.forwardRef(function Button2({
     userClassName
   );
   const tooltipEnabled = Boolean(tooltip);
-  const childRef = isLink && React9.isValidElement(children) ? (_a = children.ref) != null ? _a : null : null;
-  const mergedRef = React9.useMemo(() => mergeRefs(childRef, ref), [childRef, ref]);
+  const childRef = isLink && React8.isValidElement(children) ? (_a = children.ref) != null ? _a : null : null;
+  const mergedRef = React8.useMemo(() => mergeRefs(childRef, ref), [childRef, ref]);
   const { triggerProps, id: tooltipId } = useTooltipTrigger({
     content: tooltipEnabled ? tooltip : null,
     placement: tooltipPlacement,
@@ -222,7 +222,7 @@ var Button = React9.forwardRef(function Button2({
     loading && /* @__PURE__ */ jsx("span", { style: { display: "flex", opacity: 0.5 }, className: "spin", children: /* @__PURE__ */ jsx(LoaderCircle, {}) })
   ] });
   let buttonEl;
-  if (isLink && React9.isValidElement(children)) {
+  if (isLink && React8.isValidElement(children)) {
     const childClassName = typeof children.props.className === "string" ? children.props.className : "";
     const { disabled, onClick, ...linkButtonProps } = buttonProps;
     const handleClick = (e) => {
@@ -232,7 +232,7 @@ var Button = React9.forwardRef(function Button2({
       }
       onClick == null ? void 0 : onClick(e);
     };
-    buttonEl = React9.cloneElement(children, {
+    buttonEl = React8.cloneElement(children, {
       ...linkButtonProps,
       ref: mergedRef,
       className: cx(childClassName, computedClassName, Button_default.buttonLink),
@@ -554,9 +554,9 @@ var INTERACTIVE_SELECTOR = 'a:not([disabled]), button:not([disabled]), [tabindex
 function getMenuItems(el) {
   return Array.from(el.querySelectorAll(INTERACTIVE_SELECTOR));
 }
-var MenuBase = React9.forwardRef(
+var MenuBase = React8.forwardRef(
   ({ children, className, itemRole = "menuitem", gap, onKeyDown, ...props }, ref) => {
-    const internalRef = React9.useRef(null);
+    const internalRef = React8.useRef(null);
     const handleKeyDown = (e) => {
       const ul = internalRef.current;
       if (!ul) return;
@@ -599,16 +599,16 @@ var MenuBase = React9.forwardRef(
   }
 );
 MenuBase.displayName = "Menu";
-var isInteractiveEl = (el) => React9.isValidElement(el) && (typeof el.type === "string" ? el.type === "a" || el.type === "button" : true);
+var isInteractiveEl = (el) => React8.isValidElement(el) && (typeof el.type === "string" ? el.type === "a" || el.type === "button" : true);
 function applyMenuItemPropsToElement(child, opts) {
   var _a, _b, _c, _d;
   const { active, selected, disabled, role, tabIndex = 0, className } = opts;
   const childClass = [Menu_default.item, active ? Menu_default.active : "", selected ? Menu_default.selected : ""].filter(Boolean).join(" ");
-  const nextImmediate = React9.cloneElement(child, {
+  const nextImmediate = React8.cloneElement(child, {
     className: [child.props.className, Menu_default.interactiveChild, className].filter(Boolean).join(" ")
   });
   if (typeof child.type === "string" && (child.type === "a" || child.type === "button")) {
-    return React9.cloneElement(child, {
+    return React8.cloneElement(child, {
       role: (_a = child.props.role) != null ? _a : role,
       tabIndex: (_b = child.props.tabIndex) != null ? _b : tabIndex,
       "aria-selected": selected || void 0,
@@ -617,7 +617,7 @@ function applyMenuItemPropsToElement(child, opts) {
       ...child.type === "button" ? { disabled } : {}
     });
   }
-  return React9.cloneElement(nextImmediate, {
+  return React8.cloneElement(nextImmediate, {
     role: (_c = nextImmediate.props.role) != null ? _c : role,
     tabIndex: (_d = nextImmediate.props.tabIndex) != null ? _d : tabIndex,
     "aria-selected": selected || void 0,
@@ -626,7 +626,7 @@ function applyMenuItemPropsToElement(child, opts) {
     disabled
   });
 }
-var MenuItem = React9.forwardRef(
+var MenuItem = React8.forwardRef(
   ({ children, active, selected, disabled, className, itemRole, variant, ...liProps }, ref) => {
     const resolvedRole = itemRole != null ? itemRole : "menuitem";
     const isBordered = variant === "bordered";
@@ -664,7 +664,7 @@ var MenuItem = React9.forwardRef(
   }
 );
 MenuItem.displayName = "Menu.Item";
-var MenuCheckItem = React9.forwardRef(
+var MenuCheckItem = React8.forwardRef(
   ({
     label,
     checked,
@@ -730,7 +730,7 @@ var MenuCheckItem = React9.forwardRef(
   }
 );
 MenuCheckItem.displayName = "Menu.CheckItem";
-var MenuRadioItem = React9.forwardRef(
+var MenuRadioItem = React8.forwardRef(
   ({ name, value, checked, disabled, label, onValueChange, className, ...liProps }, ref) => {
     return /* @__PURE__ */ jsx(
       "li",
@@ -770,7 +770,7 @@ var MenuRadioItem = React9.forwardRef(
   }
 );
 MenuRadioItem.displayName = "Menu.RadioItem";
-var MenuSeparator = React9.forwardRef(
+var MenuSeparator = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "li",
     {
@@ -782,7 +782,7 @@ var MenuSeparator = React9.forwardRef(
   )
 );
 MenuSeparator.displayName = "Menu.Separator";
-var MenuHeader = React9.forwardRef(
+var MenuHeader = React8.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "li",
     {
@@ -1042,7 +1042,7 @@ var Popover = forwardRef(function Popover2({
     (_b = (_a = triggerElRef.current) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
   }, [isOpen, returnFocus]);
   const icon = isOpen ? /* @__PURE__ */ jsx(ChevronUp, { className: "dbc-muted-text", size: 20 }) : /* @__PURE__ */ jsx(ChevronDown, { className: "dbc-muted-text", size: 20 });
-  const setOverlayRef = React9.useCallback(
+  const setOverlayRef = React8.useCallback(
     (node) => {
       assignRef(overlayRef, node);
     },
@@ -1870,24 +1870,10 @@ function SkeletonLoaderItem({
     }
   );
 }
-function getColumnWidth(column) {
-  if (typeof column.width === "number" && column.width < 150) {
-    return "100%";
-  }
-  if (typeof column.width === "string" && column.width.endsWith("px")) {
-    const px = parseInt(column.width, 10);
-    if (!isNaN(px) && px < 150) {
-      return "100%";
-    }
-  }
-  const percent = Math.floor(Math.random() * (90 - 50 + 1)) + 50;
-  return `${percent}%`;
-}
 function TableLoadingBody({ rows, columns, hasSelection }) {
-  const widths = Array.from({ length: rows }, () => columns.map(getColumnWidth));
   return /* @__PURE__ */ jsx("tbody", { className: Table_default.body, children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: Table_default.row, children: [
     hasSelection ? /* @__PURE__ */ jsx("td", { className: cx2(Table_default.cell, Table_default.selectionCell), children: /* @__PURE__ */ jsx("div", { className: Table_default.cellContent, children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { height: 20, width: 20 }) }) }) : null,
-    columns.map((column, columnIndex) => {
+    columns.map((column) => {
       var _a;
       return /* @__PURE__ */ jsx(
         "td",
@@ -1899,7 +1885,7 @@ function TableLoadingBody({ rows, columns, hasSelection }) {
           ),
           "data-align": (_a = column.align) != null ? _a : "left",
           "data-divider": column.divider,
-          children: /* @__PURE__ */ jsx("div", { className: Table_default.cellContent, children: /* @__PURE__ */ jsx("div", { className: Table_default.cellValueEllipsis, children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { height: 16, width: widths[rowIndex][columnIndex] }) }) })
+          children: /* @__PURE__ */ jsx("div", { className: Table_default.cellContent, children: /* @__PURE__ */ jsx("div", { className: Table_default.cellValueEllipsis, children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { height: 20, width: "100%" }) }) })
         },
         column.id
       );
@@ -2273,19 +2259,19 @@ function TanstackTable(props) {
     ...tableProps
   } = props;
   const isControlledSorting = controlledSorting != null;
-  const [uiSorting, setUiSorting] = React9.useState(controlledSorting != null ? controlledSorting : []);
-  React9.useEffect(() => {
+  const [uiSorting, setUiSorting] = React8.useState(controlledSorting != null ? controlledSorting : []);
+  React8.useEffect(() => {
     if (!isControlledSorting) return;
     if (sortingEqual(uiSorting, controlledSorting)) return;
     setUiSorting(controlledSorting);
   }, [isControlledSorting, controlledSorting, uiSorting]);
-  const columnVisibility = React9.useMemo(
+  const columnVisibility = React8.useMemo(
     () => buildColumnVisibilityFromVisibleIds(columns, visibleColumnIds),
     [columns, visibleColumnIds]
   );
-  const [columnSizing, setColumnSizing] = React9.useState({});
-  const containerRef = React9.useRef(null);
-  const [availableWidth, setAvailableWidth] = React9.useState(void 0);
+  const [columnSizing, setColumnSizing] = React8.useState({});
+  const containerRef = React8.useRef(null);
+  const [availableWidth, setAvailableWidth] = React8.useState(void 0);
   const table = useReactTable({
     data,
     columns,
@@ -2311,7 +2297,7 @@ function TanstackTable(props) {
       size: DEFAULT_COLUMN_PX
     }
   });
-  React9.useLayoutEffect(() => {
+  React8.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const updateWidth = () => {
@@ -2327,7 +2313,7 @@ function TanstackTable(props) {
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  const distributedLayout = React9.useMemo(() => {
+  const distributedLayout = React8.useMemo(() => {
     if (availableWidth == null) return null;
     return buildDistributedColumnWidths({
       table,
@@ -2338,7 +2324,7 @@ function TanstackTable(props) {
     });
   }, [table, selectedRows, onRowSelect, dataKey, columnSizing, availableWidth]);
   const initialLayoutReady = availableWidth != null;
-  const resolvedLayout = React9.useMemo(() => {
+  const resolvedLayout = React8.useMemo(() => {
     const next = {};
     table.getVisibleLeafColumns().forEach((column) => {
       next[column.id] = {
@@ -2347,13 +2333,13 @@ function TanstackTable(props) {
     });
     return next;
   }, [table, distributedLayout]);
-  const columnItems = React9.useMemo(
+  const columnItems = React8.useMemo(
     () => mapDefsToColumnItems(columns, columnVisibility, resolvedLayout),
     [columns, columnVisibility, resolvedLayout]
   );
   const visibleData = table.getRowModel().rows.map((r) => r.original);
   const { sortById, sortDirection } = getSortPropsFromSorting(uiSorting);
-  const handleSortChange = React9.useCallback(
+  const handleSortChange = React8.useCallback(
     (column, direction) => {
       const next = direction == null ? [] : [{ id: column.id, desc: direction === "desc" }];
       if (optimisticSortingUi) setUiSorting(next);
@@ -2361,7 +2347,7 @@ function TanstackTable(props) {
     },
     [optimisticSortingUi, onSortingChange]
   );
-  const headerExtras = React9.useCallback(
+  const headerExtras = React8.useCallback(
     ({ index }) => {
       var _a, _b, _c, _d;
       const headerGroups = table.getHeaderGroups();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.97",
+  "version": "0.0.101",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",

package/dist/components/page-layout/components/page-layout-hero/PageLayoutHero.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { PageLayoutMaxWidth } from '../../PageLayout';
-export interface PageLayoutHeroProps {
-    children?: React.ReactNode;
-    link?: (children: React.ReactNode) => React.ReactNode;
-    image?: React.ReactNode;
-    headline?: string | React.ReactNode;
-    metaHeadline?: string | React.ReactNode;
-    maxWidth?: PageLayoutMaxWidth;
-    textBgColor?: string;
-}
-export declare const PageLayoutHero: React.FC<PageLayoutHeroProps>;