@vertigis/react-ui 15.2.3 → 15.3.0

package/Chip/Chip.d.ts

@@ -0,0 +1,7 @@
+import type { ChipProps as MuiChipProps } from "@mui/material/Chip";
+export * from "@mui/material/Chip";
+export interface ChipProps extends MuiChipProps {
+    deleteLabel?: string;
+}
+declare const Chip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Chip;

package/Chip/Chip.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiChip from "@mui/material/Chip";
+import { forwardRef, useEffect, useMemo, useState } from "react";
+import IconButton from "../IconButton/index.js";
+import Typography from "../Typography/index.js";
+import Clear from "../icons/Clear.js";
+export * from "@mui/material/Chip";
+const Chip = forwardRef(({ deleteIcon, label, deleteLabel = "", onClick, onDelete, ...props }, ref) => {
+    // Replace the close button as it is not WCAG compliant by default.
+    const deleteChipButton = useMemo(() => (_jsx(IconButton, { size: "small", "aria-label": deleteLabel, title: deleteLabel, children: deleteIcon ? deleteIcon : _jsx(Clear, { fontSize: "small" }) })), [deleteLabel, deleteIcon]);
+    const [title, setTitle] = useState();
+    useEffect(() => {
+        setTitle(typeof label === "string" ? label : undefined);
+    }, [label]);
+    return (_jsx(MuiChip, { ref: ref, "aria-label": onClick ? title : undefined, deleteIcon: onDelete ? deleteChipButton : undefined, label: _jsx(Typography, { children: label }), title: title, onClick: onClick, onDelete: onDelete, 
+        // The chip should only have the button role and be focusable if
+        // it is clickable.
+        role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : -1, ...props }));
+});
+export default Chip;

package/Chip/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "@mui/material/Chip";
-export * from "@mui/material/Chip";
+export { default } from "./Chip.js";
+export * from "./Chip.js";

package/Chip/index.js

@@ -1,2 +1,2 @@
-export { default } from "@mui/material/Chip";
-export * from "@mui/material/Chip";
+export { default } from "./Chip.js";
+export * from "./Chip.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertigis/react-ui",
-  "version": "15.2.3",
+  "version": "15.3.0",
   "description": "Utilities and React components used in VertiGIS applications.",
   "keywords": [
     "vertigis",