@dmsi/wedgekit-react 0.0.1277 → 1.0.1

package/dist/chunk-NW75QACN.js

@@ -1,91 +0,0 @@
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/ContentTab.tsx
-import clsx from "clsx";
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ContentTab = (_a) => {
-  var _b = _a, {
-    label,
-    selected = false,
-    className,
-    disabled = false,
-    onClick,
-    ref,
-    fullWidth,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "label",
-    "selected",
-    "className",
-    "disabled",
-    "onClick",
-    "ref",
-    "fullWidth",
-    "id",
-    "testid"
-  ]);
-  const handleClick = useCallback(
-    (e) => {
-      if (!disabled) {
-        onClick == null ? void 0 : onClick(e);
-      }
-    },
-    [onClick, disabled]
-  );
-  const computedClassName = clsx(
-    "absolute left-0 right-0 bottom-0 transition-colors duration-200 ease-in-out z-10",
-    "rounded-px ",
-    "h-0.5",
-    !disabled && "bg-text-action-primary-normal peer-hover:bg-border-action-hover peer-active:bg-border-action-active",
-    disabled && "bg-text-action-primary-disabled",
-    className
-  );
-  return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, className: clsx(
-    "relative",
-    fullWidth && "flex-1"
-  ), children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      __spreadProps(__spreadValues({
-        id: id ? `${id}-button` : void 0,
-        testid: testid ? `${testid}-button` : void 0,
-        block: fullWidth,
-        ref,
-        variant: "tertiary",
-        disabled,
-        onClick: handleClick,
-        role: "tab",
-        "aria-selected": selected,
-        className: clsx(
-          "peer",
-          !selected && "!text-text-secondary-normal hover:!text-text-action-primary-hover active:!text-text-action-primary-active"
-        )
-      }, props), {
-        children: label
-      })
-    ),
-    selected && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: id ? `${id}-indicator` : void 0,
-        "data-testid": testid ? `${testid}-indicator` : void 0,
-        className: computedClassName,
-        children: " "
-      }
-    )
-  ] });
-};
-ContentTab.displayName = "ContentTab";
-
-export {
-  ContentTab
-};

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
-};