@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/Tooltip/index.js

@@ -1,52 +1,36 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Popup } from "../Popup/index.js";
 import { tooltip } from "./styles.css.js";
-const Tooltip = forwardRef(
-  ({
-    children,
-    text = "",
-    placement = "auto",
-    id,
-    className,
-    containerFullWidth,
-    containerFullHeight,
-    maxWidth = 232,
-    visible,
-    innerRef,
-    role = "tooltip",
-    "data-testid": dataTestId,
-    portalTarget,
-    debounceDelay,
-    disableAnimation,
-    tabIndex,
-    style
-  }, tooltipRef) => /* @__PURE__ */ jsx(
-    Popup,
-    {
-      className: cn(className, tooltip),
-      containerFullHeight,
-      containerFullWidth,
-      "data-testid": dataTestId,
-      debounceDelay,
-      disableAnimation,
-      id,
-      innerRef,
-      maxWidth,
-      placement,
-      portalTarget,
-      ref: tooltipRef,
-      role,
-      style,
-      tabIndex,
-      text,
-      visible,
-      children
-    }
-  )
-);
-export {
-  Tooltip
-};
+import { cn } from "@ultraviolet/utils";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Tooltip/index.tsx
+/**
+* Tooltip component is used to display additional information on hover or focus.
+* It is used to explain the purpose of the element it is attached to.
+*/
+const Tooltip = forwardRef(({ children, text = "", placement = "auto", id, className, containerFullWidth, containerFullHeight, maxWidth = 232, visible, innerRef, role = "tooltip", "data-testid": dataTestId, portalTarget, debounceDelay, disableAnimation, tabIndex, style }, tooltipRef) => /* @__PURE__ */ jsx(Popup, {
+	className: cn(className, tooltip),
+	containerFullHeight,
+	containerFullWidth,
+	"data-testid": dataTestId,
+	debounceDelay,
+	disableAnimation,
+	id,
+	innerRef,
+	maxWidth,
+	placement,
+	portalTarget,
+	ref: tooltipRef,
+	role,
+	style,
+	tabIndex,
+	text,
+	visible,
+	children
+}));
+
+//#endregion
+export { Tooltip };

package/dist/components/Tooltip/styles.css.js

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Tooltip/styles.css.ts
 var tooltip = "uv_1y5sygv0";
-export {
-  tooltip
-};
+
+//#endregion
+export { tooltip };

package/dist/components/TreeMapChart/Tooltip.d.ts

@@ -2,6 +2,6 @@ import type { DataType } from './types';
 type TooltipProps = Pick<DataType, 'content' | 'value'> & {
     'data-testid'?: string;
 };
-export declare const Tooltip: ({ value, content, "data-testid": dataTestId, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ value, content, 'data-testid': dataTestId, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/TreeMapChart/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACxD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,gDAIrB,YAAY,4CAWd,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACxD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,OAAO,2GAenB,CAAA"}

package/dist/components/TreeMapChart/Tooltip.js

@@ -1,15 +1,25 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { treeMapTooltipContainer } from "./styles.css.js";
-const Tooltip = ({
-  value,
-  content,
-  "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs("div", { className: treeMapTooltipContainer, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: content }),
-  value ? /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: value }) : null
-] });
-export {
-  Tooltip
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/TreeMapChart/Tooltip.tsx
+const Tooltip = ({ value, content, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
+	className: treeMapTooltipContainer,
+	"data-testid": dataTestId,
+	children: [/* @__PURE__ */ jsx(Text, {
+		as: "p",
+		sentiment: "primary",
+		variant: "bodyStronger",
+		children: content
+	}), value ? /* @__PURE__ */ jsx(Text, {
+		as: "p",
+		sentiment: "primary",
+		variant: "bodyStronger",
+		children: value
+	}) : null]
+});
+
+//#endregion
+export { Tooltip };

package/dist/components/TreeMapChart/index.d.ts

@@ -14,6 +14,6 @@ type TreeMapChartProps = {
  * TreeMapChart component is used to display data in a TreeMap chart format. It uses the Nivo library under the hood.
  * See https://nivo.rocks/treemap/html/ for more information.
  */
-export declare const TreeMapChart: ({ height, data, tooltipFunction, chartProps, className, "data-testid": dataTestId, }: TreeMapChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TreeMapChart: ({ height, data, tooltipFunction, chartProps, className, 'data-testid': dataTestId, }: TreeMapChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TreeMapChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAC1C,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,sFAO1B,iBAAiB,4CA2DnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TreeMapChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAC1C,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,sJAkExB,CAAA"}

package/dist/components/TreeMapChart/index.js

@@ -1,71 +1,60 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { ResponsiveTreeMapHtml } from "@nivo/treemap";
-import { useTheme } from "@ultraviolet/themes";
-import { cn } from "@ultraviolet/utils";
-import { useMemo, useCallback } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { getDataColors } from "../../helpers/treeMap.js";
 import { treeMapContainer } from "./styles.css.js";
 import { Tooltip } from "./Tooltip.js";
-const TreeMapChart = ({
-  height = "537px",
-  // maintains aspect ratio based on standard 1074px width
-  data,
-  tooltipFunction,
-  chartProps,
-  className,
-  "data-testid": dataTestId
-}) => {
-  const theme = useTheme();
-  const colors = useMemo(() => getDataColors(data, theme), [data, theme]);
-  const tooltip = useCallback(
-    (props) => {
-      const { value, content } = tooltipFunction ? tooltipFunction(props.node.data) : { content: props.node.data.content, value: props.node.data.value };
-      return /* @__PURE__ */ jsx(Tooltip, { content, value });
-    },
-    [tooltipFunction]
-  );
-  const nivoTheme = useMemo(
-    () => ({
-      labels: {
-        text: theme.typography.captionStrong
-      }
-    }),
-    [theme.typography.captionStrong]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(className, treeMapContainer),
-      "data-testid": dataTestId,
-      style: { height },
-      children: /* @__PURE__ */ jsx(
-        ResponsiveTreeMapHtml,
-        {
-          animate: false,
-          borderColor: theme.colors.neutral.background,
-          borderWidth: 2,
-          colors,
-          data,
-          enableParentLabel: false,
-          identity: "id",
-          label: (node) => typeof node.data.content === "string" ? node.data.content : node.id,
-          labelSkipSize: 20,
-          labelTextColor: theme.colors.neutral.background,
-          leavesOnly: true,
-          motionConfig: "none",
-          nodeOpacity: 1,
-          orientLabel: false,
-          theme: nivoTheme,
-          tile: "squarify",
-          tooltip,
-          value: "value",
-          ...chartProps
-        }
-      )
-    }
-  );
-};
-export {
-  TreeMapChart
+import { cn } from "@ultraviolet/utils";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@ultraviolet/themes";
+import { ResponsiveTreeMapHtml } from "@nivo/treemap";
+
+//#region src/components/TreeMapChart/index.tsx
+/**
+* TreeMapChart component is used to display data in a TreeMap chart format. It uses the Nivo library under the hood.
+* See https://nivo.rocks/treemap/html/ for more information.
+*/
+const TreeMapChart = ({ height = "537px", data, tooltipFunction, chartProps, className, "data-testid": dataTestId }) => {
+	const theme = useTheme();
+	const colors = useMemo(() => getDataColors(data, theme), [data, theme]);
+	const tooltip = useCallback((props) => {
+		const { value, content } = tooltipFunction ? tooltipFunction(props.node.data) : {
+			content: props.node.data.content,
+			value: props.node.data.value
+		};
+		return /* @__PURE__ */ jsx(Tooltip, {
+			content,
+			value
+		});
+	}, [tooltipFunction]);
+	const nivoTheme = useMemo(() => ({ labels: { text: theme.typography.captionStrong } }), [theme.typography.captionStrong]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className, treeMapContainer),
+		"data-testid": dataTestId,
+		style: { height },
+		children: /* @__PURE__ */ jsx(ResponsiveTreeMapHtml, _objectSpread2({
+			animate: false,
+			borderColor: theme.colors.neutral.background,
+			borderWidth: 2,
+			colors,
+			data,
+			enableParentLabel: false,
+			identity: "id",
+			label: (node) => typeof node.data.content === "string" ? node.data.content : node.id,
+			labelSkipSize: 20,
+			labelTextColor: theme.colors.neutral.background,
+			leavesOnly: true,
+			motionConfig: "none",
+			nodeOpacity: 1,
+			orientLabel: false,
+			theme: nivoTheme,
+			tile: "squarify",
+			tooltip,
+			value: "value"
+		}, chartProps))
+	});
 };
+
+//#endregion
+export { TreeMapChart };

package/dist/components/TreeMapChart/styles.css.js

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/TreeMapChart/styles.css.ts
 var treeMapTooltipContainer = "uv_1pnrimq0";
 var treeMapContainer = "uv_1pnrimq1";
-export {
-  treeMapContainer,
-  treeMapTooltipContainer
-};
+
+//#endregion
+export { treeMapContainer, treeMapTooltipContainer };

package/dist/components/UnitInput/index.d.ts

@@ -31,6 +31,6 @@ type UnitInputProps = {
     dropdownAlign?: ComponentProps<typeof SelectInput>['dropdownAlign'];
     templateColumns?: ComponentProps<typeof Row>['templateColumns'];
 } & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'name' | 'id' | 'placeholder' | 'disabled' | 'readOnly' | 'required' | 'autoFocus' | 'onKeyDown' | 'style'>;
-export declare const UnitInput: ({ id, name, max, min, autoFocus, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, value, unitValue, selectInputWidth, disabled, options, className, label, step, error, required, helper, unitError, success, "data-testid": dataTestId, width, maxWidth, labelInformation, readOnly, onFocus, onBlur, onKeyDown, dropdownAlign, templateColumns, style, }: UnitInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnitInput: ({ id, name, max, min, autoFocus, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, value, unitValue, selectInputWidth, disabled, options, className, label, step, error, required, helper, unitError, success, 'data-testid': dataTestId, width, maxWidth, labelInformation, readOnly, onFocus, onBlur, onKeyDown, dropdownAlign, templateColumns, style, }: UnitInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/UnitInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,4WAmCvB,cAAc,4CA0IhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UnitInput/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAatD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,aAAa,GACb,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,CACV,CAAA;AAED,eAAO,MAAM,SAAS,yaA6KrB,CAAA"}