@dmsi/wedgekit-react 0.0.1242 → 1.0.0

package/dist/chunk-OG2PGA3X.js

@@ -1,154 +0,0 @@
-import {
-  useGridContext
-} from "./chunk-5IFPG6TS.js";
-import {
-  MobileDataGridColumn
-} from "./chunk-7YA3TF73.js";
-import {
-  Checkbox
-} from "./chunk-I3W5K76C.js";
-import {
-  Subheader
-} from "./chunk-7Z3WINQ3.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  layoutGroupGap,
-  layoutPaddingX,
-  paddingYUsingLayoutGroupGap
-} from "./chunk-SATCWGO7.js";
-
-// src/components/MobileDataGrid/MobileDataGridCard/index.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function MobileDataGridCard({
-  renderLink,
-  renderChevron = true,
-  data,
-  enableRowSelection,
-  selected,
-  rowActions
-}) {
-  var _a;
-  const context = useGridContext();
-  const { id, testid, visibleColumns, getId, handleRowSelect, openRowDetail } = context;
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      id: id ? `${id}-card-${getId(data)}` : void 0,
-      "data-testid": testid ? `${testid}-card-${getId(data)}` : void 0,
-      className: clsx(
-        "flex flex-col",
-        "hover:bg-action-100 cursor-pointer list-none",
-        selected ? "bg-action-100" : "bg-background-grouped-primary-normal",
-        layoutGroupGap,
-        layoutPaddingX,
-        paddingYUsingLayoutGroupGap
-      ),
-      onClick: () => openRowDetail(data),
-      children: [
-        /* @__PURE__ */ jsxs(Stack, { sizing: "component", children: [
-          /* @__PURE__ */ jsxs(Stack, { horizontal: true, horizontalMobile: true, items: "center", justify: "between", children: [
-            enableRowSelection && /* @__PURE__ */ jsx(
-              Stack,
-              {
-                sizing: "component",
-                padding: true,
-                width: "fit",
-                style: { paddingLeft: 0, paddingRight: 8 },
-                onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    id: id ? `${id}-${getId(data)}-select-checkbox` : void 0,
-                    testid: testid ? `${testid}-${getId(data)}-select-checkbox` : void 0,
-                    checked: selected,
-                    onChange: () => handleRowSelect(data)
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Stack,
-              {
-                sizing: "component",
-                padding: true,
-                onClick: (e) => e.stopPropagation(),
-                style: { paddingInline: 0 },
-                children: renderLink ? renderLink(data) : /* @__PURE__ */ jsx(Subheader, { children: String((_a = data[context.primaryKey]) != null ? _a : "") })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Stack,
-              {
-                horizontal: true,
-                horizontalMobile: true,
-                items: "center",
-                justify: "end",
-                sizing: "component",
-                onClick: (e) => e.stopPropagation(),
-                children: rowActions && (typeof rowActions === "function" ? rowActions(data) : rowActions)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Stack, { sizing: "layout-group", children: visibleColumns.filter((x) => {
-            var _a2, _b;
-            return ((_a2 = x.meta) == null ? void 0 : _a2.visible) !== false && !((_b = x.id) == null ? void 0 : _b.startsWith("__"));
-          }).map(
-            (column, index) => {
-              var _a2, _b;
-              return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "grid grid-cols-2 gap-2 items-center flex-1",
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      Paragraph,
-                      {
-                        color: "text-secondary-normal",
-                        className: "text-left",
-                        children: [
-                          (_b = column.header) == null ? void 0 : _b.toString(),
-                          ":"
-                        ]
-                      }
-                    ),
-                    " ",
-                    /* @__PURE__ */ jsx(
-                      column.meta.mobileCell,
-                      {
-                        column,
-                        row: data,
-                        cellValue: data[column.id]
-                      }
-                    )
-                  ]
-                },
-                `${column.id}-${index}`
-              ) : /* @__PURE__ */ jsx(
-                MobileDataGridColumn,
-                {
-                  column,
-                  data
-                },
-                `${column.id}-${index}`
-              );
-            }
-          ) })
-        ] }),
-        renderChevron && /* @__PURE__ */ jsx(Stack, { items: "center", justify: "center", horizontal: true, horizontalMobile: true, children: /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal", children: /* @__PURE__ */ jsx(Icon, { name: "keyboard_arrow_down" }) }) })
-      ]
-    }
-  );
-}
-
-export {
-  MobileDataGridCard
-};

package/dist/chunk-OM7QLLI2.js

@@ -1,277 +0,0 @@
-import {
-  useMenuPosition
-} from "./chunk-PE3EZP56.js";
-import {
-  useMatchesMobile
-} from "./chunk-WVGXD7HT.js";
-import {
-  findDocumentRoot
-} from "./chunk-VXWSAIB5.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Menu.tsx
-import clsx from "clsx";
-import {
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { createPortal } from "react-dom";
-import { jsxs } from "react/jsx-runtime";
-var Menu = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    children,
-    className,
-    ref,
-    positionTo,
-    mobilePositionTo,
-    show,
-    setShow,
-    position = "bottom",
-    maxHeight: customMaxHeight,
-    topOffset,
-    mobileBackMenuOption,
-    mobileHide,
-    useDefaultMinWidth,
-    autoFocusOff,
-    menuName,
-    calculateMinMaxHeight
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "children",
-    "className",
-    "ref",
-    "positionTo",
-    "mobilePositionTo",
-    "show",
-    "setShow",
-    "position",
-    "maxHeight",
-    "topOffset",
-    "mobileBackMenuOption",
-    "mobileHide",
-    "useDefaultMinWidth",
-    "autoFocusOff",
-    "menuName",
-    "calculateMinMaxHeight"
-  ]);
-  const internalRef = useRef(null);
-  const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = useState("180px");
-  const isMobile = useMatchesMobile();
-  const { menuPosition, updatePosition } = useMenuPosition(
-    isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
-    position,
-    {
-      isOpen: show,
-      setIsOpen: setShow,
-      menuRef: internalRef,
-      topOffset,
-      isMobile: !!(isMobile && mobilePositionTo)
-    }
-  );
-  useEffect(() => {
-    if (calculateMinMaxHeight) {
-      return;
-    }
-    const raf = requestAnimationFrame(() => {
-      if (!actualRef.current || customMaxHeight) {
-        return;
-      }
-      if (actualRef.current.childElementCount > 4) {
-        let accumulatedHeight = 0;
-        Array.from(actualRef.current.children).forEach((child, index) => {
-          if (index >= 5) {
-            return;
-          }
-          accumulatedHeight += child.clientHeight;
-        });
-        accumulatedHeight = accumulatedHeight / 5 * 4.5;
-        setMaxHeight(`${accumulatedHeight}px`);
-      }
-    });
-    return () => {
-      cancelAnimationFrame(raf);
-    };
-  }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
-  useEffect(() => {
-    if (!calculateMinMaxHeight) {
-      return;
-    }
-    if ((positionTo == null ? void 0 : positionTo.current) && actualRef.current) {
-      const positionToRect = positionTo.current.getBoundingClientRect();
-      const offsetInPx = 16;
-      const calculatedMaxHeight = window.innerHeight - positionToRect.bottom - offsetInPx;
-      setMaxHeight(`${calculatedMaxHeight}px`);
-    }
-  }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
-  useEffect(() => {
-    if (!show) {
-      return;
-    }
-    initializeMenuFocus();
-    updatePosition();
-  }, [show, updatePosition]);
-  useEffect(() => {
-    if (!show || !setShow) {
-      return;
-    }
-    const handleEscapeKey = (event) => {
-      var _a2;
-      if (event.key !== "Escape") {
-        return;
-      }
-      setShow(false);
-      (_a2 = positionTo == null ? void 0 : positionTo.current) == null ? void 0 : _a2.focus();
-    };
-    document.addEventListener("keydown", handleEscapeKey);
-    return () => {
-      document.removeEventListener("keydown", handleEscapeKey);
-    };
-  }, [show, setShow, positionTo]);
-  return show && createPortal(
-    /* @__PURE__ */ jsxs(
-      "div",
-      __spreadProps(__spreadValues({
-        id,
-        "data-testid": testid,
-        ref: setRefs,
-        className: clsx(
-          "shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
-          "fixed",
-          "z-50",
-          "max-w-screen",
-          mobileHide && "opacity-0 pointer-events-none",
-          className
-        )
-      }, props), {
-        style: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props.style), {
-          maxHeight: customMaxHeight || maxHeight
-        }), menuPosition), {
-          minWidth: useDefaultMinWidth ? "212px" : menuPosition.minWidth
-        }),
-        onKeyDown: handleKeydown,
-        onMouseDown: stopPropagation,
-        onMouseUp: stopPropagation,
-        onTouchStart: stopPropagation,
-        onTouchEnd: stopPropagation,
-        tabIndex: -1,
-        "data-menu": menuName != null ? menuName : "",
-        children: [
-          mobileBackMenuOption == null ? void 0 : mobileBackMenuOption(),
-          children
-        ]
-      })
-    ),
-    findDocumentRoot(internalRef.current)
-  );
-  function handleKeydown(e) {
-    var _a2, _b2;
-    if (!internalRef.current) {
-      return;
-    }
-    if (e.key !== "Escape") {
-      e.stopPropagation();
-    }
-    const menuOptions = Array.from(
-      internalRef.current.querySelectorAll('[role="menuitem"]')
-    );
-    if (menuOptions.length === 0) {
-      return;
-    }
-    let currentIndex = -1;
-    const focusedElement = document.activeElement;
-    for (let i = 0; i < menuOptions.length; i++) {
-      if (menuOptions[i] === focusedElement) {
-        currentIndex = i;
-        break;
-      }
-    }
-    switch (e.key) {
-      case "ArrowDown": {
-        e.preventDefault();
-        const nextIndex = currentIndex < menuOptions.length - 1 ? currentIndex + 1 : 0;
-        menuOptions[nextIndex].focus();
-        break;
-      }
-      case "ArrowUp": {
-        e.preventDefault();
-        const prevIndex = currentIndex > 0 ? currentIndex - 1 : menuOptions.length - 1;
-        menuOptions[prevIndex].focus();
-        break;
-      }
-      case "Home":
-        e.preventDefault();
-        menuOptions[0].focus();
-        break;
-      case "End":
-        e.preventDefault();
-        menuOptions[menuOptions.length - 1].focus();
-        break;
-      case "Enter":
-      case " ":
-      case "ArrowRight":
-        e.preventDefault();
-        if (currentIndex >= 0) {
-          menuOptions[currentIndex].click();
-        }
-        break;
-      case "ArrowLeft":
-        e.preventDefault();
-        (_a2 = positionTo == null ? void 0 : positionTo.current) == null ? void 0 : _a2.click();
-        (_b2 = positionTo == null ? void 0 : positionTo.current) == null ? void 0 : _b2.focus();
-        break;
-    }
-  }
-  function initializeMenuFocus() {
-    var _a2, _b2, _c;
-    if (!autoFocusOff) {
-      (_a2 = internalRef.current) == null ? void 0 : _a2.focus();
-    }
-    const selectedOption = (_b2 = internalRef.current) == null ? void 0 : _b2.querySelector(
-      "[data-selected]"
-    );
-    const firstMenuItem = (_c = internalRef.current) == null ? void 0 : _c.querySelector(
-      '[role="menuitem"]'
-    );
-    const targetElement = selectedOption || firstMenuItem;
-    if (!targetElement) {
-      return;
-    }
-    targetElement.scrollIntoView({
-      block: "nearest",
-      behavior: "instant"
-    });
-    if (autoFocusOff) {
-      return;
-    }
-    requestAnimationFrame(() => {
-      targetElement.focus();
-    });
-  }
-  function setRefs(node) {
-    internalRef.current = node;
-    if (ref) {
-      if (typeof ref === "function") {
-        ref(node);
-      } else {
-        ref.current = node;
-      }
-    }
-  }
-  function stopPropagation(e) {
-    e.stopPropagation();
-  }
-};
-Menu.displayName = "Menu";
-
-export {
-  Menu
-};

package/dist/chunk-ORMEWXMH.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest
-};