@vertigis/react-ui 9.12.0 → 10.0.0

package/Tabs/Tabs.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import MUITabs, { tabsClasses as muiTabsClasses, } from "@mui/material/Tabs";
+import MUITabs, { tabsClasses as muiTabsClasses } from "@mui/material/Tabs";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { mergeStyles, styled } from "../styles/index.js";

package/TimePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from "@mui/x-date-pickers/TimePicker";
+import { TimePicker } from "@mui/x-date-pickers/TimePicker";
+export default TimePicker;

package/TimePicker/index.js

@@ -0,0 +1,3 @@
+export * from "@mui/x-date-pickers/TimePicker";
+import { TimePicker } from "@mui/x-date-pickers/TimePicker";
+export default TimePicker;

package/ToggleButton/ToggleButton.d.ts

@@ -1,6 +1,6 @@
 import type { ButtonBaseClasses } from "@mui/material/ButtonBase";
 import type { OverridableComponent } from "@mui/material/OverridableComponent";
-import { ToggleButtonProps as MUIToggleButtonProps, ToggleButtonClasses as MUIToggleButtonClasses } from "@mui/material/ToggleButton";
+import type { ToggleButtonProps as MUIToggleButtonProps, ToggleButtonClasses as MUIToggleButtonClasses } from "@mui/material/ToggleButton";
 export * from "@mui/material/ToggleButton";
 export interface ToggleButtonClasses extends MUIToggleButtonClasses, ButtonBaseClasses {
 }

package/colors/blue.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const blue: Color;
 export default blue;

package/colors/burntOrange.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const burntOrange: Color;
 export default burntOrange;

package/colors/darkBurntOrange.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const darkBurntOrange: Color;
 export default darkBurntOrange;

package/colors/darkRed.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const darkRed: Color;
 export default darkRed;

package/colors/green.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const green: Color;
 export default green;

package/colors/grey.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const grey: Color;
 export default grey;

package/colors/orange.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const orange: Color;
 export default orange;

package/colors/purple.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const purple: Color;
 export default purple;

package/colors/red.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const red: Color;
 export default red;

package/colors/teal.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const teal: Color;
 export default teal;

package/colors/woodlandGreen.d.ts

@@ -1,3 +1,3 @@
-import Color from "./Color.js";
+import type Color from "./Color.js";
 declare const woodlandGreen: Color;
 export default woodlandGreen;

package/icons/BufferIdentify.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import createSvgIcon from "./utils/createSvgIcon.js";
-export default createSvgIcon(_jsxs("g", { children: [_jsx("path", { d: "M18 12c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm1 10h-2v-5h2v5zm0-6h-2v-2h2v2zm-6.7 6H10c-1.6 0-3.1-.6-4.2-1.8l-4-4C.6 15.1 0 13.6 0 12V6c0-3.3 2.7-6 6-6h6c1.6 0 3.1.6 4.2 1.8l4 4C21.4 6.9 22 8.4 22 10v2.3c-.3-.2-.6-.4-1-.6V10c0-1.3-.5-2.6-1.5-3.6l-4-4C14.6 1.5 13.3 1 12 1H6C3.2 1 1 3.2 1 6v6c0 1.3.5 2.6 1.5 3.5l4 4c.9 1 2.2 1.5 3.5 1.5h1.7c.1.4.3.7.6 1z" }, void 0), _jsx("path", { d: "M12.2 5.1l2.9-2.9c.1.1.3.2.4.3l.4.4L13 5.8l-.8-.7zM9.7 5l3.8-3.8c-.4-.1-.8-.2-1.2-.2l-4 4h1.4zm9.8 6.2L21 9.7c0-.4-.1-.8-.2-1.2L18.3 11c.4 0 .8.1 1.2.2zM15 7.8l2.9-2.9-.7-.7-3 2.9.8.7zm2 2l2.9-2.9c-.1-.1-.2-.3-.3-.4l-.3-.3-3 2.9.7.7zM3.7 1.6L1.6 3.7c-.3.6-.5 1.3-.6 2L5.7 1c-.7.1-1.4.3-2 .6zm5.4 14.6l-2.9 2.9.4.4c.1.1.3.2.4.3l2.9-2.9-.8-.7zm-2-2l-2.9 2.9.7.7 2.9-2.9-.7-.7zm4 4l-2.5 2.5c.3.2.7.3 1.1.3l1.4-1.4c0-.5-.1-.9 0-1.4zm-6-10l-4 4c0 .4.1.8.2 1.2L5 9.7l.1-1.5zM5 5h.7l4-4H8.3L1 8.3v1.4l4-4V5zm0 7.2l-2.9 2.9c.1.1.2.3.3.4l.3.4 3-2.9-.7-.8z" }, void 0), _jsx("path", { d: "M11.3 16h-1.1L6 11.8V6h5.8l4.2 4.2v1.1c.3-.1.7-.2 1-.2V9.8L12.2 5H5v7.2L9.8 17h1.3c0-.3.1-.7.2-1z" }, void 0)] }, void 0), 'BufferIdentify');
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M9.7 21l1.4-1.4c0-.5-.1-.9 0-1.4l-2.6 2.6c-.6-.2-1.1-.5-1.6-.9L9.8 17h1.3c0-.3.1-.7.2-1h-1.1L6 11.8V6h5.8l4.2 4.2v1.1c.3-.1.7-.2 1-.2V9.8l2.9-2.9c.4.5.7 1.1.9 1.6L18.3 11c.4 0 .8.1 1.2.2L21 9.7v2c.4.2.7.4 1 .6V10c0-1.6-.6-3.1-1.8-4.2l-4-4C15.1.6 13.6 0 12 0H6C2.7 0 0 2.7 0 6v6c0 1.6.6 3.1 1.8 4.2l4 4C6.9 21.4 8.4 22 10 22h2.3c-.3-.3-.5-.6-.6-1h-2zM1 9.7l4-4v2.6l-4 4V9.7zm6 4.5l-2.9 2.9-1.3-1.3 2.9-2.9L7 14.2zM9.7 5l3.8-3.8c.6.2 1.2.5 1.7.9l-3 2.9H9.7zm6.6 4.1L15 7.8l3-2.9 1.3 1.3-3 2.9zm-.35-6.25L17.2 4.1l-3 2.9L13 5.8l2.95-2.95zM12.3 1l-4 4H5.7l4-4h2.6zm-4 0L1 8.3V5.7L5.7 1h2.6zm-4.5.5L1.5 3.8C2 2.8 2.8 2 3.8 1.5zm-2.6 12L5 9.7v2.5l-2.9 2.9c-.4-.5-.7-1.1-.9-1.6zm3.7 4.3L7.8 15 9 16.2l-2.9 2.9-1.2-1.3zM18 12c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm1 10h-2v-5h2v5zm0-6h-2v-2h2v2z" }, void 0) }, void 0), 'BufferIdentify');

package/icons/BufferMeasure.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import createSvgIcon from "./utils/createSvgIcon.js";
-export default createSvgIcon(_jsxs("g", { children: [_jsx("path", { d: "M6 19l-3.5-3.5C1.5 14.6 1 13.3 1 12V6c0-2.8 2.2-5 5-5h6c1.3 0 2.6.5 3.5 1.5l4 4c1 .9 1.5 2.2 1.5 3.5v6c0 .3 0 .7-.1 1h1c.1-.3.1-.7.1-1v-6c0-1.6-.6-3.1-1.8-4.3l-4-4C15.1.6 13.6 0 12 0H6C2.7 0 0 2.7 0 6v6c0 1.6.6 3.1 1.8 4.2l4 4c.1.1.2.1.2.2V19z" }, void 0), _jsx("path", { d: "M8.3 5l4-4c.4 0 .8.1 1.2.2L9.7 5H8.3zm4.7.8l2.9-2.9-.4-.4c-.1-.1-.2-.2-.4-.3l-2.9 2.9.8.7zM5 5h.7l4-4H8.3L1 8.3v1.4l4-4V5zM3.7 1.6L1.6 3.7c-.3.6-.5 1.3-.6 2L5.7 1c-.7.1-1.4.3-2 .6zM17 13.7l4-4c0-.4-.1-.8-.2-1.2L17 12.3v1.4zm-2-6l2.9-2.9-.7-.7-3 2.9.8.7zm2 2l2.9-2.9c-.1-.1-.2-.3-.3-.4l-.3-.3-3 2.9.7.7zm-7.9 6.5l-.8.8h1.4v-.1l-.6-.7zm11.8.8c.1-.2.1-.4.1-.7l-.7.7h.6zM5 8.3l-4 4c0 .4.1.8.2 1.2L5 9.7V8.3zm12 8v.7h.7l3.3-3.3v-1.4l-4 4zm-11.9-4l-2.9 2.9c.1.1.2.3.3.4l.3.4 3-3-.7-.7zm2 2l-2.9 2.9.7.7L7.8 15l-.7-.7z" }, void 0), _jsx("path", { d: "M11.8 6l4.2 4.2V16h-5.8L6 11.8V6h5.8m.4-1H5v7.2L9.8 17H17V9.8L12.2 5zM7 18v6h17v-6H7zm16 5H8v-4h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v4z" }, void 0)] }, void 0), 'BufferMeasure');
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M17.7 17l3.3-3.3v2.6l-.7.7h1.6c.2-.49.07-6.34.1-7 0-1.6-.6-3.1-1.8-4.3l-4-4C15.1.6 13.6 0 12 0H6C2.7 0 0 2.7 0 6v6c0 1.6.6 3.1 1.8 4.2L6 20.4V19l-1.1-1.1L7.8 15 9 16.2l-.7.8h9.4zM16 16h-5.8L6 11.8V6h5.8l4.2 4.2V16zM12.2 5H9.7l3.8-3.8c.6.2 1.2.5 1.7.9l-3 2.9zM15 7.8l2.9-2.9 1.3 1.3-2.9 2.9L15 7.8zm6 4.5l-4 4v-2.6l4-4v2.6zm-.2-3.8L17 12.3V9.8l2.9-2.9c.4.5.7 1 .9 1.6zm-3.7-4.4L14.2 7 13 5.8l2.9-2.9 1.2 1.2zM12 1h.3l-4 4H5.7l4-4H12zM1 9.7l4-4v2.6l-4 4V9.7zM8.3 1L1 8.3V5.7L5.7 1h2.6zm-4.5.5L1.5 3.8C2 2.8 2.8 2 3.8 1.5zm-2.6 12L5 9.7v2.5l.1.1-2.9 2.9c-.4-.5-.8-1.1-1-1.7zm1.7 2.4L5.8 13l1.3 1.3-2.9 2.9-1.3-1.3zM7 18v6h17v-6H7zm16 5H8v-4h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v3h1v-3h1v2h1v-2h1v4z" }, void 0) }, void 0), 'BufferMeasure');

package/icons/BufferShape.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import createSvgIcon from "./utils/createSvgIcon.js";
-export default createSvgIcon(_jsxs("g", { children: [_jsx("path", { d: "M13 2c1.3 0 2.6.5 3.5 1.5l4 4c1 .9 1.5 2.2 1.5 3.5v6c0 2.8-2.2 5-5 5h-6c-1.3 0-2.6-.5-3.5-1.5l-4-4C2.5 15.6 2 14.3 2 13V7c0-2.8 2.2-5 5-5h6m0-1H7C3.7 1 1 3.7 1 7v6c0 1.6.6 3.1 1.8 4.2l4 4C7.9 22.4 9.4 23 11 23h6c3.3 0 6-2.7 6-6v-6c0-1.6-.6-3.1-1.8-4.3l-4-4C16.1 1.6 14.6 1 13 1z" }, void 0), _jsx("path", { d: "M9.3 6l4-4c.4 0 .8.1 1.2.2L10.7 6H9.3zm4.7.8l2.9-2.9-.4-.4c-.1-.1-.2-.2-.4-.3l-2.9 2.9.8.7zM4.7 2.6L2.6 4.7c-.3.6-.5 1.3-.6 2L6.7 2c-.7.1-1.4.3-2 .6zM18 14.7l4-4c0-.4-.1-.8-.2-1.2L18 13.3v1.4zM6 6h.7l4-4H9.3L2 9.3v1.4l4-4V6zm10 2.8l2.9-2.9-.7-.7-3 2.9.8.7zm2 2l2.9-2.9c-.1-.1-.2-.3-.3-.4l-.3-.3-3 2.9.7.7zM6 9.3l-4 4c0 .4.1.8.2 1.2L6 10.7V9.3zm7.3 8.7l-3.8 3.8c.4.1.8.2 1.2.2l4-4h-1.4zm6 3.4l2.1-2.1c.3-.6.5-1.3.5-2L17.3 22c.7-.1 1.4-.3 2-.6zM18 17.3v.7h-.7l-4 4h1.4l7.3-7.3v-1.4l-4 4zm-11.9-4l-2.9 2.9c.1.1.2.3.3.4l.3.4 3-3-.7-.7zm4 4l-2.9 2.9.4.4c.1.1.3.2.4.3l2.9-2.9-.8-.7zm-2-2l-2.9 2.9.7.7L8.8 16l-.7-.7z" }, void 0), _jsx("path", { d: "M12.8 7l4.2 4.2V17h-5.8L7 12.8V7h5.8m.4-1H6v7.2l4.8 4.8H18v-7.2L13.2 6z" }, void 0)] }, void 0), 'BufferShape');
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M21.2 6.7l-4-4C16.1 1.6 14.6 1 13 1H7C3.7 1 1 3.7 1 7c.04 9.41-.91 7.53 5.8 14.2C7.9 22.4 9.4 23 11 23h6c3.3 0 6-2.7 6-6v-6c0-1.6-.6-3.1-1.8-4.3zm.6 2.8L18 13.3v-2.5l2.9-2.9c.4.5.7 1.1.9 1.6zm-1.6-2.3l-3 2.8L16 8.8l2.9-2.9 1.3 1.3zm-3.2 4V17h-5.8L7 12.8V7h5.8l4.2 4.2zm1.2-6l-3 2.8L14 6.8l2.9-2.9 1.3 1.3zm-2.1-2L13.2 6h-2.5l3.8-3.8c.6.2 1.1.5 1.6 1zM13.3 2l-4 4H6.7l4-4h2.6zm-8.5.5L2.5 4.8C3 3.8 3.8 3 4.8 2.5zM2 6.7L6.7 2h2.6L2 9.3V6.7zm0 4l4-4v2.6l-4 4v-2.6zm.2 3.8L6 10.7v2.5l.1.1-2.9 2.9c-.4-.5-.8-1.1-1-1.7zm1.7 2.4L6.8 14l1.3 1.3-2.9 2.9-1.3-1.3zm2 2L8.8 16l1.3 1.3-2.9 2.9-1.3-1.3zm2.1 2l2.9-2.9h2.4l-3.8 3.8c-.5-.2-1.1-.5-1.5-.9zm3 1.1h-.3l4-4h2.6l-4 4H11zm8.2-.5l2.2-2.2c-.4.9-1.2 1.7-2.2 2.2zm2.8-4.3L17.3 22h-2.6l7.3-7.3v2.5zm0-3.9l-4 4v-2.6l4-4v2.6z" }, void 0) }, void 0), 'BufferShape');

package/icons/SwapView.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;

package/icons/SwapView.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import createSvgIcon from "./utils/createSvgIcon.js";
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M13 12l-3-3v2H3v2h7v2l3-3zm9-11H2C.9 1 0 1.9 0 3v14c0 1.1.9 2 2 2h7.5v2H8v1h8v-1h-1.5v-2H22c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm-8 2v2h7v2h-7v2l-3-3 3-3zM2 16c-.5 0-1-.5-1-1V3c0-.5.5-1 1-1h2l16 14H2zm19.5 2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5z" }, void 0) }, void 0), 'SwapView');

package/icons/ViewSwitchList.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import createSvgIcon from "./utils/createSvgIcon.js";
-export default createSvgIcon(_jsxs("g", { children: [_jsx("path", { d: "M2 8c0-1.1.9-2 2-2h1V4h15V1H1v15h1V8z" }, void 0), _jsx("path", { d: "M7 10v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1zm0 6v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1zm0 6v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1z" }, void 0), _jsx("path", { d: "M2 16H1v-3h1v-1H1V9h1V8H1V5h4v1h1V5h4v1h1V5h4v1h1V5h4v1h1V1c0-.6-.4-1-1-1H1C.4 0 0 .4 0 1v15c0 .6.4 1 1 1h1v-1zM16 1h4v3h-4V1zm-5 0h4v3h-4V1zM6 1h4v3H6V1zM1 1h4v3H1V1zm22 7v15H4V8h19m0-1H4c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h19c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-4 4H9v-1h10v1zm2 5H9v-1h12v1zm-3 5H9v-1h9v1z" }, void 0)] }, void 0), 'ViewSwitchList');
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M7 10v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1zm0 6v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1zm0 6v1H6v-1h1m0-1H6c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-1c0-.6-.4-1-1-1zm-5-3H1v-3h1v-1H1V9h1V8H1V5h4v1h1V5h4v1h1V5h4v1h1V5h4v1h1V1c0-.6-.4-1-1-1H1C.4 0 0 .4 0 1v15c0 .6.4 1 1 1h1v-1zM16 1h4v3h-4V1zm-5 0h4v3h-4V1zM6 1h4v3H6V1zM1 1h4v3H1V1zm22 7v15H4V8h19m0-1H4c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h19c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-4 4H9v-1h10v1zm2 5H9v-1h12v1zm-3 5H9v-1h9v1z" }, void 0) }, void 0), 'ViewSwitchList');

package/icons/ViewSwitchTable.js

@@ -1,3 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import createSvgIcon from "./utils/createSvgIcon.js";
-export default createSvgIcon(_jsxs("g", { children: [_jsx("path", { d: "M4 8h19v3H4V8z" }, void 0), _jsx("path", { d: "M16 4H6V3h10v1zm-8 8H4v11h4V12zm1-4H8v3h1V8zm5 0h-1v3h1V8zm5 0h-1v3h1V8z" }, void 0), _jsx("path", { d: "M4 3v1H3V3h1m0-1H3c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zM2 17H1c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1h19c.6 0 1 .4 1 1v5h-1V1H1v15h1v1zm22-9v15c0 .6-.4 1-1 1H4c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h19c.6 0 1 .4 1 1zM4 8v3h19V8H4zm10 4v3h4v-3h-4zm-1 0H9v3h4v-3zm-5 0H4v3h4v-3zm-4 4v3h4v-3H4zm5 3h4v-3H9v3zm0 1v3h4v-3H9zm5 3h4v-3h-4v3zm4-4v-3h-4v3h4zm1 0h4v-3h-4v3zm4-4v-3h-4v3h4zM4 23h4v-3H4v3zm19 0v-3h-4v3h4z" }, void 0)] }, void 0), 'ViewSwitchTable');
+export default createSvgIcon(_jsx("g", { children: _jsx("path", { d: "M23 7H4c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h19c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zM8 23H4v-3h4v3zm0-4H4v-3h4v3zm0-4H4v-3h4v3zm-4-4V8h4v3H4zm9 12H9v-3h4v3zm0-4H9v-3h4v3zm0-4H9v-3h4v3zm-4-4V8h4v3H9zm9 12h-4v-3h4v3zm0-4h-4v-3h4v3zm0-4h-4v-3h4v3zm-4-4V8h4v3h-4zm9 12h-4v-3h4v3zm0-4h-4v-3h4v3zm0-4h-4v-3h4v3zm0-4h-4V8h4v3zM4 5c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1H3c-.6 0-1 .4-1 1v1c0 .6.4 1 1 1h1zM3 3h1v1H3V3zM1 1h19v5h1V1c0-.6-.4-1-1-1H1C.4 0 0 .4 0 1v15c0 .6.4 1 1 1h1v-1H1V1zm5 2h10v1H6V3z" }, void 0) }, void 0), 'ViewSwitchTable');

package/icons/index.d.ts

@@ -588,6 +588,7 @@ export { default as Subtract } from "./Subtract.js";
 export { default as Success } from "./Success.js";
 export { default as Survey } from "./Survey.js";
 export { default as Suspend } from "./Suspend.js";
+export { default as SwapView } from "./SwapView.js";
 export { default as SwatchPicker } from "./SwatchPicker.js";
 export { default as SweepingEdit } from "./SweepingEdit.js";
 export { default as SweepingGlobal } from "./SweepingGlobal.js";

package/icons/index.js

@@ -588,6 +588,7 @@ export { default as Subtract } from "./Subtract.js";
 export { default as Success } from "./Success.js";
 export { default as Survey } from "./Survey.js";
 export { default as Suspend } from "./Suspend.js";
+export { default as SwapView } from "./SwapView.js";
 export { default as SwatchPicker } from "./SwatchPicker.js";
 export { default as SweepingEdit } from "./SweepingEdit.js";
 export { default as SweepingGlobal } from "./SweepingGlobal.js";

package/icons/utils/createSvgIcon.d.ts

@@ -1,12 +1,13 @@
 import SvgIcon from "@mui/material/SvgIcon";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 /**
  * Creates an SVG icon component from a <path>.
+ *
  * @param path The React component representing the inner path of the SVG.
  * @param displayName The display name.
  * @param mirror Whether or not to mirror the icon in RTL mode. By default it
- * will mirror anything with "Left" or "Right" in the display name, as well as
- * some built-in icons. See the Material UI guidelines for a discussion of which
- * icons should be mirrored.
+ *   will mirror anything with "Left" or "Right" in the display name, as well as
+ *   some built-in icons. See the Material UI guidelines for a discussion of
+ *   which icons should be mirrored.
  */
 export default function createSvgIcon(path: ReactNode, displayName: string, mirror?: boolean): typeof SvgIcon;

package/icons/utils/createSvgIcon.js

@@ -10,12 +10,13 @@ const gcxSvgIconClasses = {
 };
 /**
  * Creates an SVG icon component from a <path>.
+ *
  * @param path The React component representing the inner path of the SVG.
  * @param displayName The display name.
  * @param mirror Whether or not to mirror the icon in RTL mode. By default it
- * will mirror anything with "Left" or "Right" in the display name, as well as
- * some built-in icons. See the Material UI guidelines for a discussion of which
- * icons should be mirrored.
+ *   will mirror anything with "Left" or "Right" in the display name, as well as
+ *   some built-in icons. See the Material UI guidelines for a discussion of
+ *   which icons should be mirrored.
  */
 export default function createSvgIcon(path, displayName, mirror) {
     const Icon = baseCreateSvgIcon(path, displayName);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vertigis/react-ui",
-    "version": "9.12.0",
+    "version": "10.0.0",
     "description": "Utilities and React components used in VertiGIS applications.",
     "keywords": [
         "vertigis",
@@ -15,24 +15,33 @@
     "sideEffects": false,
     "scripts": {},
     "dependencies": {
+        "@esri/arcgis-html-sanitizer": "^2.10.0",
         "@emotion/cache": "^11.7.1",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
-        "@mui/icons-material": "5.5.1",
-        "@mui/material": "5.5.2",
+        "@mui/icons-material": "5.8.4",
+        "@mui/x-date-pickers-pro": "5.0.0-alpha.7",
+        "@mui/x-data-grid-pro": "5.13.0",
+        "@mui/material": "5.9.0",
         "clsx": "^1.1.1",
+        "color": "^3.1.3",
         "lodash.escape": "^4.0.1",
         "lodash.merge": "^4.6.2",
         "marked": "^4.0.12",
-        "tslib": "^2.1.0"
+        "react-color": "^2.19.3",
+        "tslib": "^2.1.0",
+        "xss": "^1.0.13"
     },
     "devDependencies": {
-        "@geocortex/icons": "5.0.426",
+        "@geocortex/icons": "5.0.457",
         "@testing-library/react": "^12.1.2",
         "@testing-library/user-event": "^13.5.0",
+        "@types/color": "^3.0.1",
+        "@types/lodash.escape": "^4.0.1",
         "@types/lodash.merge": "^4.6.7",
         "@types/marked": "^4.0.2",
         "@types/react": "^17.0.34",
+        "@types/react-color": "^3.0.6",
         "@types/react-dom": "^17.0.11",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"

package/styles/CacheProvider.d.ts

@@ -1,4 +1,4 @@
-import { EmotionCache, Options as CacheOptions } from "@emotion/cache";
+import type { EmotionCache, Options as CacheOptions } from "@emotion/cache";
 /**
  * Creates a style cache with the given options.
  */

package/styles/createTheme.js

@@ -1,4 +1,4 @@
-import { alpha, createTheme as createMuiTheme, } from "@mui/material/styles";
+import { alpha, createTheme as createMuiTheme } from "@mui/material/styles";
 import merge from "lodash.merge";
 import blue from "../colors/blue.js";
 import common from "../colors/common.js";
@@ -137,8 +137,8 @@ const getMenuItemStyles = ({ palette, transitions }) => ({
     },
 });
 /**
- * The overrides may be based on the theme's palette.
- * We must create these separately after the fact.
+ * The overrides may be based on the theme's palette. We must create these
+ * separately after the fact.
  */
 function getOverrides(theme) {
     const { palette, shape, spacing, transitions, typography } = theme;
@@ -335,6 +335,24 @@ function getOverrides(theme) {
                     },
                 },
             },
+            MuiDatePicker: {
+                defaultProps: {
+                    OpenPickerButtonProps: { size: "small" },
+                    PopperProps: { dir: theme.direction },
+                },
+            },
+            MuiDateRangePicker: {
+                defaultProps: {
+                    OpenPickerButtonProps: { size: "small" },
+                    PopperProps: { dir: theme.direction },
+                },
+            },
+            MuiDateTimePicker: {
+                defaultProps: {
+                    OpenPickerButtonProps: { size: "small" },
+                    PopperProps: { dir: theme.direction },
+                },
+            },
             MuiDialogActions: {
                 styleOverrides: {
                     root: {
@@ -782,6 +800,12 @@ function getOverrides(theme) {
                     },
                 },
             },
+            MuiTimePicker: {
+                defaultProps: {
+                    OpenPickerButtonProps: { size: "small" },
+                    PopperProps: { dir: theme.direction },
+                },
+            },
             MuiToggleButton: {
                 defaultProps: {
                     disableFocusRipple: true,

package/styles/index.js

@@ -15,7 +15,7 @@ export function mergeStyles(standardClasses, classesProp = {}) {
         ...classesProp,
         ...standardClasses,
     };
-    for (const key of Object.keys(standardClasses).filter((k) => k in classesProp)) {
+    for (const key of Object.keys(standardClasses).filter(k => k in classesProp)) {
         // The order here is important. The class name(s) passed into the props
         // for a given class key need to come after the component's own class
         // name for that key in order to be able to override default styles.

package/styles/themeAugmentation.d.ts

@@ -1,3 +1,8 @@
+import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from "@mui/material/styles";
+
+export * from "@mui/x-date-pickers-pro/themeAugmentation";
+export * from "@mui/x-date-pickers/themeAugmentation";
+
 // These are needed to mimic the MUI v4 "default" color for buttons, which was
 // removed in v5. See https://mui.com/guides/migration-v4/#button for more
 // details.
@@ -24,3 +29,20 @@ declare module "@mui/material" {
 }
 
 export default {};
+
+// TODO: For some reason, MUI's list of x-date-pickers components in the above
+// augmentation is incomplete. Remove these overrides if they ever fix this.
+export interface UndocumentedDatePickersComponents {
+    MuiDateRangePicker?: {
+        defaultProps?: ComponentsProps["MuiDateRangePicker"];
+        styleOverrides?: ComponentsOverrides["MuiDateRangePicker"];
+    };
+    MuiTimePicker?: {
+        defaultProps?: ComponentsProps["MuiTimePicker"];
+        styleOverrides?: ComponentsOverrides["MuiTimePicker"];
+    };
+}
+
+declare module "@mui/material/styles" {
+    interface Components extends UndocumentedDatePickersComponents {}
+}

package/utils/color.d.ts

@@ -0,0 +1,11 @@
+import Color from "color";
+/**
+ * Returns a Color object if valid. Undefined if invalid
+ */
+export declare function parse(color: string | {
+    r: string | number;
+    g: string | number;
+    b: string | number;
+    a?: string | number;
+    alpha?: string | number;
+} | undefined): Color | undefined;

package/utils/color.js

@@ -0,0 +1,39 @@
+import Color from "color";
+/**
+ * Returns a Color object if valid. Undefined if invalid
+ */
+export function parse(color) {
+    try {
+        if (!color) {
+            return undefined;
+        }
+        // Likely testing a value from the input element
+        if (typeof color === "string") {
+            return Color(color);
+        }
+        if (typeof color.r !== "undefined" &&
+            typeof color.g !== "undefined" &&
+            typeof color.b !== "undefined") {
+            const rgb = [
+                parseInt(color.r),
+                parseInt(color.g),
+                parseInt(color.b),
+            ];
+            let alpha = undefined;
+            if (color.a !== undefined) {
+                alpha = color.a;
+            }
+            else if (color.alpha !== undefined) {
+                alpha = color.alpha;
+            }
+            if (alpha !== undefined) {
+                rgb.push(parseFloat(alpha));
+            }
+            return Color(rgb);
+        }
+    }
+    catch {
+        // Didn't validate. Let's ignore.
+    }
+    return undefined;
+}

package/utils/generateId.d.ts

@@ -1,5 +1,6 @@
 /**
  * Generate a random 10 digit id.
+ *
  * @param prefix An optional prefix to prepend to the generated id.
  */
 export default function generateId(prefix?: string): string;

package/utils/generateId.js

@@ -1,5 +1,6 @@
 /**
  * Generate a random 10 digit id.
+ *
  * @param prefix An optional prefix to prepend to the generated id.
  */
 export default function generateId(prefix) {

package/utils/html.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Sanitize a string of unsafe HTML to eliminate XSS (cross-site scripting)
+ * security risks. This method allows tags and standard attributes, however
+ * `data-` attributes are not allowed. Script tags are not allowed either.
+ *
+ * @param unsafeHtml String of HTML to be scrubbed clean.
+ * @returns Safe HTML that has been sanitized.
+ */
+export declare function sanitizeHtml(unsafeHtml: string): string;
+/**
+ * Strip all HTML out of a string.
+ *
+ * @param html String of text which will have its HTML stripped away.
+ * @returns A plain text string without any HTML markup.
+ */
+export declare function stripHtml(html: string | undefined): string | undefined;

package/utils/html.js

@@ -0,0 +1,105 @@
+import { Sanitizer } from "@esri/arcgis-html-sanitizer";
+import { escapeAttrValue, safeAttrValue, friendlyAttrValue } from "xss";
+/**
+ * Sanitize a string of unsafe HTML to eliminate XSS (cross-site scripting)
+ * security risks. This method allows tags and standard attributes, however
+ * `data-` attributes are not allowed. Script tags are not allowed either.
+ *
+ * @param unsafeHtml String of HTML to be scrubbed clean.
+ * @returns Safe HTML that has been sanitized.
+ */
+export function sanitizeHtml(unsafeHtml) {
+    const checkUris = (tag, attr, value, cssFilter) => {
+        if (attr === "href" || attr === "src") {
+            // Override the default implementation to allow relative URLs.
+            if (!value) {
+                return "";
+            }
+            try {
+                // Unescape attribute value first.
+                let href = friendlyAttrValue(value);
+                // Remove any surrounding grave accents and embedded whitespace
+                // that can fool the parsing in the URL class, potentially
+                // allowing unsafe URLs through.
+                href = href.replace(/^`|`$|\s+/g, "");
+                // The base URL can be anything -- it's just there to set the
+                // protocol to "https" for all relative URLs.
+                const url = new URL(href, "https://vertigis.com/");
+                if (url.protocol === "http:" ||
+                    url.protocol === "https:" ||
+                    url.protocol === "mailto:") {
+                    return escapeAttrValue(value);
+                }
+            }
+            catch {
+                // Ignore and let it be stripped out below. It's probably
+                // safest to err on the side of disallowing URLs that cannot be
+                // parsed.
+            }
+            return "";
+        }
+        return safeAttrValue(tag, attr, value, cssFilter);
+    };
+    const options = {
+        safeAttrValue: checkUris,
+        // This list builds on the default list in Esri's sanitization
+        // library (since we are passing `true` as the second parameter).
+        // See here for the default rules:
+        // https://github.com/Esri/arcgis-html-sanitizer/blob/master/src/index.ts
+        // In addition to what they support, we also need to support benign
+        // tags generated by the markdown library.
+        whiteList: {
+            a: ["href", "style", "target", "title"],
+            code: [],
+            blockquote: [],
+            del: [],
+            h1: [],
+            h2: [],
+            h3: [],
+            h4: [],
+            h5: [],
+            h6: [],
+            img: ["alt", "border", "height", "src", "style", "title", "width"],
+            ol: ["start"],
+            p: ["style"],
+            pre: [],
+            span: ["style"],
+            thead: [],
+        },
+        stripIgnoreTag: true,
+        stripIgnoreTagBody: true,
+        allowCommentTag: false,
+        css: {
+            // Allow properties that are configurable on PopupTemplate
+            // content, via AGOL Map Viewer's rich text editor; they are
+            // injected as span elements with style attributes.
+            whiteList: {
+                "background-color": true,
+                color: true,
+                "font-size": true,
+                "font-family": true,
+                "font-weight": true,
+                "text-align": true,
+                "text-decoration": true,
+            },
+        },
+    };
+    return new Sanitizer(options, true).sanitize(unsafeHtml);
+}
+/**
+ * Strip all HTML out of a string.
+ *
+ * @param html String of text which will have its HTML stripped away.
+ * @returns A plain text string without any HTML markup.
+ */
+export function stripHtml(html) {
+    if (!html) {
+        return html;
+    }
+    // Sanitize any HTML that is present, to make it safe (from XSS risks).
+    const safe = sanitizeHtml(html);
+    // Create a temporary div (using the browser to strip away HTML content).
+    const div = document.createElement("div");
+    div.innerHTML = safe;
+    return div.innerText;
+}

package/utils/intl.d.ts

@@ -1,33 +1,36 @@
 /**
  * Formats a date for display. The time portion will not appear in the output.
+ *
  * @param date The Date value to format.
  * @param locale An optional locale to use. If not specified, the browser's
- * locale will be used.
+ *   locale will be used.
  * @param options Additional options that control how the date is formatted.
  */
 export declare function formatDate(date: Date | undefined, options?: Intl.DateTimeFormatOptions, locale?: string): string;
 /**
  * Formats a time for display. The date portion will not appear in the output.
+ *
  * @param date The Date value to format.
  * @param locale An optional locale to use. If not specified, the browser's
- * locale will be used.
+ *   locale will be used.
  * @param options Additional options that control how the time is formatted.
  */
 export declare function formatTime(date: Date | undefined, options?: Intl.DateTimeFormatOptions, locale?: string): string;
 /**
  * Formats a date and time for display.
+ *
  * @param date The Date value to format.
  * @param locale An optional locale to use. If not specified, the browser's
- * locale will be used.
- * @param options Additional options that control how the date & time are
- * formatted.
+ *   locale will be used.
+ * @param options Additional options that control how the date & time are formatted.
  */
 export declare function formatDateTime(date: Date | undefined, options?: Intl.DateTimeFormatOptions, locale?: string): string;
 /**
  * Formats a number for display.
+ *
  * @param number The number to format.
  * @param locale An optional locale to use. If not specified, the browser's
- * locale will be used.
+ *   locale will be used.
  * @param options Additional options that control how the number is formatted.
  */
 export declare function formatNumber(number: number | undefined, options?: Intl.NumberFormatOptions, locale?: string): string;