@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-3JUIYULW.js

@@ -1,231 +0,0 @@
-import {
-  Label
-} from "./chunk-4UGMSWWA.js";
-import {
-  useMatchesMobile
-} from "./chunk-WVGXD7HT.js";
-import {
-  Caption
-} from "./chunk-VEEZ7VRJ.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  baseTransition,
-  componentGap,
-  componentPadding,
-  layoutGroupGap
-} from "./chunk-SATCWGO7.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/MenuOption.tsx
-import clsx from "clsx";
-import {
-  useId,
-  useRef,
-  useState
-} from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MenuOption = ({
-  id,
-  testid,
-  children,
-  disabled = false,
-  variant = "normal",
-  value,
-  before,
-  after,
-  subMenu,
-  onClick,
-  selected,
-  ref,
-  onSubMenuHover,
-  onSubMenuLeave,
-  onSubMenuEnter,
-  toggleMenu,
-  subMenuLevel = 1,
-  currentSubMenuLevel,
-  closeSubMenuLevel,
-  activeMenu,
-  mobilePositionTo,
-  highlightMatchingText = false,
-  menuValue,
-  onMouseMove,
-  onMouseEnter,
-  onMouseLeave,
-  small = false
-}) => {
-  const uniqueId = useId();
-  const internalRef = useRef(null);
-  const actualRef = ref || internalRef;
-  const menuId = useRef(`menu-${uniqueId}`);
-  const isMobile = useMatchesMobile();
-  const [isSubMenuHovered, setIsSubMenuHovered] = useState(false);
-  const handleMouseEnter = () => {
-    if (subMenu && onSubMenuHover && !disabled) {
-      onSubMenuHover(menuId.current, subMenuLevel);
-    }
-    onMouseEnter == null ? void 0 : onMouseEnter();
-  };
-  const handleMouseLeave = () => {
-    if (subMenu && onSubMenuLeave && !disabled) {
-      onSubMenuLeave(subMenuLevel);
-    }
-    setIsSubMenuHovered(false);
-    onMouseLeave == null ? void 0 : onMouseLeave();
-  };
-  const handleMouseMove = () => {
-    if (subMenu && onMouseMove && !disabled) {
-      onMouseMove();
-    }
-  };
-  const handleSubMenuEnter = () => {
-    if (onSubMenuEnter) {
-      onSubMenuEnter();
-    }
-    setIsSubMenuHovered(true);
-  };
-  const additionalAttributes = {
-    "data-selected": selected || null,
-    "data-submenu-hovered": isSubMenuHovered || null
-  };
-  const svgStyles = clsx(
-    "[&>svg]:shrink-0 [&>svg]:fill-icon-action-primary-normal"
-  );
-  const textLabelStyles = clsx("w-full whitespace-nowrap !leading-6");
-  const normalStyles = variant === "normal" && !disabled && clsx(
-    "bg-transparent text-text-primary-normal",
-    "hover:bg-background-action-secondary-hover",
-    "focus-visible:bg-background-action-secondary-hover",
-    "data-selected:bg-background-action-secondary-hover",
-    "data-submenu-hovered:bg-background-action-secondary-hover",
-    "active:bg-background-action-secondary-active"
-  );
-  const normalDisabledStyles = variant === "normal" && disabled && clsx("text-text-primary-disabled");
-  const actionStyles = variant === "action" && !disabled && clsx(
-    "text-action-400 bg-transparent",
-    "hover:bg-background-action-secondary-hover hover:text-text-action-hover",
-    "focus-visible:bg-background-action-secondary-hover focus-visible:text-text-action-hover",
-    "data-selected:bg-background-action-secondary-active data-selected:text-text-action-active",
-    "data-submenu-hovered:bg-background-action-secondary-active data-submenu-hovered:text-text-action-active",
-    "active:bg-background-action-secondary-active active:text-text-action-active"
-  );
-  const actionDisabledStyles = variant === "action" && disabled && clsx("text-text-action-disabled");
-  const disabledStyles = disabled && clsx("bg-transparent cursor-default pointer-events-none");
-  const processChildren = typeof children === "string" && highlightMatchingText ? highlightMatch(children, menuValue) : children;
-  const renderChildren = typeof children === "object" ? children : variant === "action" ? /* @__PURE__ */ jsx(Label, { padded: true, className: textLabelStyles, children: processChildren }) : !small ? /* @__PURE__ */ jsx(Paragraph, { padded: true, className: textLabelStyles, children: processChildren }) : /* @__PURE__ */ jsx(Caption, { padded: true, className: textLabelStyles, children: processChildren });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      __spreadProps(__spreadValues({
-        id,
-        "data-testid": testid,
-        ref: actualRef,
-        className: clsx(
-          "flex cursor-pointer w-full text-left relative outline-none",
-          svgStyles,
-          small ? layoutGroupGap : componentGap,
-          componentPadding,
-          baseTransition,
-          normalStyles,
-          normalDisabledStyles,
-          actionStyles,
-          actionDisabledStyles,
-          disabledStyles,
-          { "items-center": !small }
-        ),
-        "data-value": value || children,
-        onClick: () => {
-          onClick == null ? void 0 : onClick(menuId.current, value || children);
-          if (subMenu) {
-            toggleMenu(menuId.current, subMenuLevel);
-          }
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onMouseMove: handleMouseMove
-      }, additionalAttributes), {
-        tabIndex: -1,
-        role: "menuitem",
-        "aria-haspopup": subMenu ? "menu" : void 0,
-        children: [
-          before && /* @__PURE__ */ jsx("div", { className: clsx("shrink-0", { "items-center flex": !small }), children: before }),
-          renderChildren,
-          renderAfterProp()
-        ]
-      })
-    ),
-    subMenu && /* @__PURE__ */ jsx(
-      "div",
-      {
-        onMouseEnter: handleSubMenuEnter,
-        onMouseLeave: () => {
-          handleMouseLeave();
-          setIsSubMenuHovered(false);
-        },
-        "data-submenu-parent": menuId.current,
-        "data-menu-level": subMenuLevel + 1,
-        children: subMenu({
-          menuId: menuId.current,
-          positionTo: actualRef,
-          mobilePositionTo,
-          position: "right",
-          subMenuLevel,
-          mobileBackMenuOption,
-          mobileHide: isMobile && activeMenu !== menuId.current,
-          autoFocusOff: true
-        })
-      }
-    )
-  ] });
-  function renderAfterProp() {
-    if (after) {
-      return after;
-    }
-    if (subMenu && after !== null) {
-      return /* @__PURE__ */ jsx(Icon, { name: "chevron_right" });
-    }
-  }
-  function mobileBackMenuOption() {
-    if (!isMobile) {
-      return;
-    }
-    return /* @__PURE__ */ jsx(
-      MenuOption,
-      {
-        id: id ? `${id}-back` : void 0,
-        testid: testid ? `${testid}-back` : void 0,
-        onClick: () => {
-          closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
-        },
-        variant: "action",
-        before: /* @__PURE__ */ jsx(Icon, { name: "chevron_left" }),
-        children: "Back"
-      }
-    );
-  }
-};
-MenuOption.displayName = "MenuOption";
-function highlightMatch(text, searchValue) {
-  if (!searchValue || !searchValue.trim()) {
-    return text;
-  }
-  const regex = new RegExp(
-    `(${searchValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`,
-    "gi"
-  );
-  const parts = text.split(regex);
-  return parts.map(
-    (part, index) => regex.test(part) ? /* @__PURE__ */ jsx("span", { className: "font-bold", children: part }, index) : part
-  );
-}
-
-export {
-  MenuOption
-};

package/dist/chunk-3UPUZBP5.js

@@ -1,149 +0,0 @@
-import {
-  GridContext
-} from "./chunk-AJ5M6MVX.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/MobileDataGrid/GridContextProvider/index.tsx
-import { useCallback, useEffect, useMemo, useReducer, useState } from "react";
-
-// src/components/MobileDataGrid/dataGridReducer.ts
-function dataGridReducer(state, action) {
-  var _a, _b, _c;
-  const { type, payload } = action;
-  let itemIndex = null;
-  if (action.type === "INSERT" && action.pos === "INDEX")
-    itemIndex = action.index;
-  if (action.type === "UPDATE")
-    itemIndex = (_a = action.index) != null ? _a : state.filter(({ id }) => !!id).findIndex(({ id }) => id === action.id);
-  switch (type) {
-    case "SET":
-      return [...payload];
-    case "UPDATE":
-      if (typeof itemIndex !== "number" || itemIndex < 0)
-        throw new Error("action.(id | index) must be provided.");
-      return [
-        ...state.slice(0, itemIndex),
-        __spreadProps(__spreadValues(__spreadValues({}, state[itemIndex]), payload), {
-          meta: __spreadValues(__spreadValues({}, (_b = state[itemIndex].meta) != null ? _b : {}), (_c = payload.meta) != null ? _c : {})
-        }),
-        ...state.slice(itemIndex + 1)
-      ];
-    default:
-      throw new Error("Action type not implemented.");
-  }
-}
-
-// src/components/MobileDataGrid/GridContextProvider/index.tsx
-import { jsx } from "react/jsx-runtime";
-function GridContextProvider(props) {
-  const {
-    initialColumns,
-    id,
-    testid,
-    children,
-    data,
-    numberOfColumnsToShow,
-    primaryKey,
-    getId,
-    onRowSelect
-  } = props;
-  const [columns, dispatch] = useReducer(dataGridReducer, initialColumns);
-  const [selectedRowIds, setSelectedRowIds] = useState([]);
-  const [currentRow, setCurrentRow] = useState(null);
-  const resetColumnVisibility = useCallback(() => {
-    const newColumns = columns.map((column) => {
-      var _a;
-      const initialColumn = initialColumns.find((c) => c.id === column.id);
-      return __spreadProps(__spreadValues({}, column), {
-        meta: __spreadProps(__spreadValues({}, column.meta), {
-          visible: (_a = initialColumn == null ? void 0 : initialColumn.meta) == null ? void 0 : _a.visible
-        })
-      });
-    });
-    dispatch({ type: "SET", payload: newColumns });
-  }, [columns, initialColumns]);
-  const handleRowSelect = useCallback(
-    (item) => {
-      var _a;
-      const rowId = (_a = getId(item)) != null ? _a : "";
-      if (!rowId) return;
-      const nextSelected = selectedRowIds.includes(rowId) ? selectedRowIds.filter((id2) => id2 !== rowId) : [...selectedRowIds, rowId];
-      setSelectedRowIds(nextSelected);
-      if (onRowSelect) onRowSelect(item, nextSelected);
-    },
-    [getId, onRowSelect, selectedRowIds]
-  );
-  const handleRowSelectAll = useCallback(() => {
-    setSelectedRowIds((prev) => {
-      if (prev.length === data.length) {
-        return [];
-      }
-      return data.map(getId).filter((id2) => id2 !== void 0);
-    });
-  }, [data, getId]);
-  const openRowDetail = useCallback((row) => {
-    setCurrentRow(row);
-  }, []);
-  const closeRowDetail = useCallback(() => {
-    setCurrentRow(null);
-  }, []);
-  const visibleColumns = useMemo(() => {
-    const effectiveLimit = typeof numberOfColumnsToShow === "number" ? Math.max(numberOfColumnsToShow - 1, 0) : void 0;
-    if (primaryKey) {
-      const pkColumn = columns.find((col) => col.id === String(primaryKey));
-      const otherColumns = columns.filter(
-        (col) => col.id !== String(primaryKey)
-      );
-      const orderedColumns = pkColumn ? [pkColumn, ...otherColumns] : [...otherColumns];
-      return orderedColumns.filter((x) => {
-        var _a;
-        return ((_a = x.meta) == null ? void 0 : _a.visible) !== false;
-      }).slice(0, effectiveLimit);
-    }
-    return columns.filter((x) => {
-      var _a;
-      return ((_a = x.meta) == null ? void 0 : _a.visible) !== false;
-    }).slice(0, effectiveLimit);
-  }, [columns, numberOfColumnsToShow, primaryKey]);
-  useEffect(() => {
-    setCurrentRow((prev) => {
-      if (!prev) return prev;
-      const prevId = getId(prev);
-      if (prevId === void 0) return prev;
-      const updatedRow = data.find((row) => getId(row) === prevId);
-      return updatedRow != null ? updatedRow : prev;
-    });
-  }, [data, getId]);
-  return /* @__PURE__ */ jsx(
-    GridContext.Provider,
-    {
-      value: {
-        columns,
-        testid,
-        id,
-        data,
-        selectedRowIds,
-        visibleColumns,
-        numberOfColumnsToShow,
-        primaryKey,
-        dispatch,
-        getId,
-        resetColumnVisibility,
-        handleRowSelect,
-        handleRowSelectAll,
-        isRowDetailOpen: !!currentRow,
-        currentRow,
-        openRowDetail,
-        closeRowDetail
-      },
-      children
-    }
-  );
-}
-
-export {
-  GridContextProvider
-};

package/dist/chunk-4RJKB7LC.js

@@ -1,14 +0,0 @@
-// src/components/useMounted.tsx
-import { useEffect, useState } from "react";
-var useMounted = () => {
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-    return () => setIsMounted(false);
-  }, []);
-  return isMounted;
-};
-
-export {
-  useMounted
-};

package/dist/chunk-4UGMSWWA.js

@@ -1,57 +0,0 @@
-import {
-  componentPaddingXUsingComponentGap,
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Label.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var Label = (_a) => {
-  var _b = _a, {
-    as = "span",
-    padded,
-    className,
-    color,
-    align,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "as",
-    "padded",
-    "className",
-    "color",
-    "align",
-    "id",
-    "testid"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ jsx(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: clsx(
-        typography.label,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right",
-        className,
-        padded && componentPaddingXUsingComponentGap
-      )
-    }, props), {
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      })
-    })
-  );
-};
-Label.displayName = "Label";
-
-export {
-  Label
-};

package/dist/chunk-5IFPG6TS.js

@@ -1,17 +0,0 @@
-import {
-  GridContext
-} from "./chunk-AJ5M6MVX.js";
-
-// src/components/MobileDataGrid/GridContextProvider/useGridContext.ts
-import { useContext } from "react";
-function useGridContext() {
-  const ctx = useContext(GridContext);
-  if (!ctx) {
-    throw new Error("useGridContext must be used within GridContextProvider");
-  }
-  return ctx;
-}
-
-export {
-  useGridContext
-};

package/dist/chunk-5N32SQ3R.js

@@ -1,99 +0,0 @@
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/NavigationTab.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var NavigationTab = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    label,
-    onClick,
-    selected = false,
-    className,
-    disabled = false,
-    href
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "label",
-    "onClick",
-    "selected",
-    "className",
-    "disabled",
-    "href"
-  ]);
-  const textClassName = clsx(
-    // "!text-text-on-action-primary-hover", // use this once semantic tokens are available
-    "!text-brand-text-on-action-primary-hover",
-    // "hover:!text-text-on-action-primary-hover", // use this once semantic tokens are available
-    "hover:!text-brand-text-on-action-primary-hover",
-    // "active:!text-text-on-action-primary-active", // use this once semantic tokens are available
-    "active:!text-brand-text-on-action-primary-active",
-    "disabled:!text-brand-text-on-action-primary-disabled"
-  );
-  const disabledClassName = clsx(
-    "disabled:!bg-background-on-action-primary-disabled disabled:pointer-events-none"
-  );
-  const paddingClassName = clsx(
-    "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-  );
-  const unselectedClassName = clsx(
-    "!bg-brand-200",
-    "hover:!bg-background-on-action-primary-normal",
-    // "hover:!bg-background-action-primary-normal", // use this once semantic tokens are available
-    "active:!bg-background-on-action-primary-active",
-    // "active:!bg-background-action-primary-active", // use this once semantic tokens are available
-    "shadow-nav-tab"
-  );
-  const selectedClassName = clsx(
-    "!bg-neutral-000",
-    "hover:!bg-background-on-action-primary-normal",
-    "active:!bg-background-on-action-primary-active"
-  );
-  const tokenOverrides = {
-    "--color-text-on-action-primary-hover": "var(--color-brand-500)",
-    "--color-text-on-action-primary-active": "var(--color-brand-300)"
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    __spreadProps(__spreadValues({
-      id,
-      testid,
-      variant: "tertiary-critical",
-      colorClassName: textClassName,
-      className: clsx(
-        "!border-0 !rounded-b-none h-10 min-w-20 relative",
-        paddingClassName,
-        disabledClassName,
-        !selected && unselectedClassName,
-        selected && selectedClassName,
-        className
-      ),
-      style: tokenOverrides,
-      classNameLabel: "px-1",
-      rightIcon: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16 }),
-      onClick,
-      disabled
-    }, props), {
-      as: href ? "a" : void 0,
-      href,
-      children: label
-    })
-  );
-};
-NavigationTab.displayName = "NavigationTab";
-
-export {
-  NavigationTab
-};

package/dist/chunk-5UH6QUFB.js

@@ -1,38 +0,0 @@
-// src/utils/formatting.tsx
-function getDecimalPlaceholder(decimals) {
-  if (!decimals || decimals <= 0) {
-    return {};
-  }
-  return {
-    placeholder: `0.${"0".repeat(decimals)}`
-  };
-}
-function formatDecimalValue(value, decimals) {
-  if (!value || value === "") {
-    return "";
-  }
-  const numValue = typeof value === "string" ? parseFloat(value) : value;
-  if (isNaN(numValue)) {
-    return "";
-  }
-  if (!decimals || decimals <= 0) {
-    return String(Math.round(numValue));
-  }
-  return numValue.toFixed(decimals);
-}
-function formatCurrencyDisplay(value) {
-  if (!value || value === "") {
-    return "";
-  }
-  const parts = value.split(".");
-  const integerPart = parts[0];
-  const decimalPart = parts[1];
-  const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  return decimalPart !== void 0 ? `${formattedInteger}.${decimalPart}` : formattedInteger;
-}
-
-export {
-  getDecimalPlaceholder,
-  formatDecimalValue,
-  formatCurrencyDisplay
-};