@dbcdk/react-components 0.0.98 → 0.0.102

package/dist/tanstack.css

@@ -194,12 +194,6 @@
 .Button_icon2 {
   display: inline-flex;
 }
-.Button_button2.Button_xs2 {
-  height: var(--component-size-xs);
-  min-block-size: var(--component-size-xs);
-  padding-inline: var(--spacing-xs);
-  font-size: var(--font-size-xs);
-}
 .Button_button2.Button_sm2 {
   height: var(--component-size-sm);
   min-block-size: var(--component-size-sm);
@@ -314,6 +308,17 @@
 .Button_inline2.Button_active2:hover {
   color: var(--button-bg-primary-hover);
 }
+.Button_button2.Button_xs2 {
+  height: auto;
+  min-block-size: 0;
+  padding-block: 0;
+  padding-inline: var(--spacing-xs);
+  font-size: var(--font-size-xs);
+}
+.Button_button2.Button_xs2 svg {
+  inline-size: var(--icon-size-sm);
+  block-size: var(--icon-size-sm);
+}
 
 /* src/components/menu/Menu.module.css */
 .Menu_container2 {
@@ -625,7 +630,6 @@
 .InputContainer_inputContainer2[data-modified] label:not(.InputContainer_label2) {
   background-color: color-mix(in srgb, var(--color-status-warning-bg) 35%, transparent);
   border-radius: var(--border-radius-default);
-  padding: 2px 6px;
 }
 
 /* src/components/forms/radio-buttons/RadioButtons.module.css */
@@ -766,7 +770,7 @@
   padding: var(--spacing-xxs);
   z-index: var(--z-popover);
   overflow: auto;
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), var(--shadow-sm);
+  box-shadow: var(--shadow-md);
 }
 .Popover_content2[hidden] {
   display: none;

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';
@@ -150,7 +150,6 @@ var Button_default = {
   rounded: "Button_rounded2",
   link: "Button_link2",
   icon: "Button_icon2",
-  xs: "Button_xs2",
   sm: "Button_sm2",
   lg: "Button_lg2",
   fullWidth: "Button_fullWidth2",
@@ -161,7 +160,8 @@ var Button_default = {
   active: "Button_active2",
   success: "Button_success2",
   danger: "Button_danger2",
-  inline: "Button_inline2"
+  inline: "Button_inline2",
+  xs: "Button_xs2"
 };
 function cx(...parts) {
   return parts.filter(Boolean).join(" ");
@@ -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);
     },
@@ -1637,7 +1637,7 @@ function TableRow({
         columns.map((column) => {
           var _a2, _b, _c, _d;
           const allowWrap = shouldAllowWrap(column.allowWrap, isSelected, viewMode);
-          const allowOverflow = column.allowOverflow;
+          column.allowOverflow;
           const cellValue = getCellDisplayValue(row, column);
           return /* @__PURE__ */ jsx(
             "td",
@@ -1657,7 +1657,7 @@ function TableRow({
                   className: Table_default.cellContent,
                   "data-align": (_c = column.align) != null ? _c : "left",
                   "data-vertical-align": (_d = column.verticalAlign) != null ? _d : "top",
-                  children: allowWrap || allowOverflow ? cellValue : /* @__PURE__ */ jsx("div", { className: Table_default.cellValueEllipsis, children: cellValue })
+                  children: /* @__PURE__ */ jsx("div", { className: Table_default.cellValueEllipsis, children: cellValue })
                 }
               )
             },
@@ -2259,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,
@@ -2297,7 +2297,7 @@ function TanstackTable(props) {
       size: DEFAULT_COLUMN_PX
     }
   });
-  React9.useLayoutEffect(() => {
+  React8.useLayoutEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     const updateWidth = () => {
@@ -2313,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,
@@ -2324,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] = {
@@ -2333,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);
@@ -2347,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.98",
+  "version": "0.0.102",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",

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

@@ -1 +0,0 @@
-export {};