@trackunit/react-components 0.1.302 → 0.1.307

package/index.cjs.js

@@ -340,7 +340,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const cvaText = cssClassVarianceUtilities.cvaMerge(["text-black", "m-0", "relative", "text-sm", "font-normal"], {
     variants: {
@@ -494,7 +499,7 @@ const cvaButton = cssClassVarianceUtilities.cvaMerge([
     "cursor-pointer",
     "flex-none",
     "component-button-border",
-    "component-button-padding",
+    "component-button-padding", //TODO: Is overwritten by size which messes with marketing theme
     "component-button-height",
     "focus:ring",
     "focus:ring-inset",
@@ -3958,8 +3963,8 @@ const cvaNoticeIcon = cssClassVarianceUtilities.cvaMerge(["rounded-full", "items
  * @returns {JSX.Element} Notice component
  */
 const Notice = (_a) => {
-    var { dataTestId, icon, label, color = "neutral", withLabel = true, className } = _a, rest = __rest(_a, ["dataTestId", "icon", "label", "color", "withLabel", "className"]);
-    return (jsxRuntime.jsx(Tooltip, { className: className, disabled: withLabel, label: label, placement: "bottom", children: jsxRuntime.jsxs("div", Object.assign({ "aria-label": label, className: cvaNotice(), "data-testid": dataTestId }, rest, { children: [jsxRuntime.jsx("div", { className: cvaNoticeIcon({ color }), "data-testid": dataTestId ? `${dataTestId}-icon` : "notice-icon", children: icon }), label !== undefined && withLabel ? (jsxRuntime.jsx("div", { className: cvaNoticeLabel({ color }), "data-testid": dataTestId ? `${dataTestId}-label` : "notice-label", children: label })) : null] })) }));
+    var { dataTestId, icon, label, color = "neutral", withLabel = true, className, tooltipLabel = label, withTooltip = false } = _a, rest = __rest(_a, ["dataTestId", "icon", "label", "color", "withLabel", "className", "tooltipLabel", "withTooltip"]);
+    return (jsxRuntime.jsx(Tooltip, { className: className, disabled: !withTooltip, label: tooltipLabel, placement: "bottom", children: jsxRuntime.jsxs("div", Object.assign({ "aria-label": label, className: cvaNotice(), "data-testid": dataTestId }, rest, { children: [jsxRuntime.jsx("div", { className: cvaNoticeIcon({ color }), "data-testid": dataTestId ? `${dataTestId}-icon` : "notice-icon", children: icon }), label !== undefined && withLabel ? (jsxRuntime.jsx("div", { className: cvaNoticeLabel({ color }), "data-testid": dataTestId ? `${dataTestId}-label` : "notice-label", children: label })) : null] })) }));
 };
 
 const cvaPage = cssClassVarianceUtilities.cvaMerge(["grid", "h-full"], {

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.esm.js

@@ -309,7 +309,12 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const cvaText = cvaMerge(["text-black", "m-0", "relative", "text-sm", "font-normal"], {
     variants: {
@@ -463,7 +468,7 @@ const cvaButton = cvaMerge([
     "cursor-pointer",
     "flex-none",
     "component-button-border",
-    "component-button-padding",
+    "component-button-padding", //TODO: Is overwritten by size which messes with marketing theme
     "component-button-height",
     "focus:ring",
     "focus:ring-inset",
@@ -3927,8 +3932,8 @@ const cvaNoticeIcon = cvaMerge(["rounded-full", "items-center", "justify-center"
  * @returns {JSX.Element} Notice component
  */
 const Notice = (_a) => {
-    var { dataTestId, icon, label, color = "neutral", withLabel = true, className } = _a, rest = __rest(_a, ["dataTestId", "icon", "label", "color", "withLabel", "className"]);
-    return (jsx(Tooltip, { className: className, disabled: withLabel, label: label, placement: "bottom", children: jsxs("div", Object.assign({ "aria-label": label, className: cvaNotice(), "data-testid": dataTestId }, rest, { children: [jsx("div", { className: cvaNoticeIcon({ color }), "data-testid": dataTestId ? `${dataTestId}-icon` : "notice-icon", children: icon }), label !== undefined && withLabel ? (jsx("div", { className: cvaNoticeLabel({ color }), "data-testid": dataTestId ? `${dataTestId}-label` : "notice-label", children: label })) : null] })) }));
+    var { dataTestId, icon, label, color = "neutral", withLabel = true, className, tooltipLabel = label, withTooltip = false } = _a, rest = __rest(_a, ["dataTestId", "icon", "label", "color", "withLabel", "className", "tooltipLabel", "withTooltip"]);
+    return (jsx(Tooltip, { className: className, disabled: !withTooltip, label: tooltipLabel, placement: "bottom", children: jsxs("div", Object.assign({ "aria-label": label, className: cvaNotice(), "data-testid": dataTestId }, rest, { children: [jsx("div", { className: cvaNoticeIcon({ color }), "data-testid": dataTestId ? `${dataTestId}-icon` : "notice-icon", children: icon }), label !== undefined && withLabel ? (jsx("div", { className: cvaNoticeLabel({ color }), "data-testid": dataTestId ? `${dataTestId}-label` : "notice-label", children: label })) : null] })) }));
 };
 
 const cvaPage = cvaMerge(["grid", "h-full"], {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.302",
+  "version": "0.1.307",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/Notice/Notice.d.ts

@@ -18,6 +18,14 @@ export interface NoticeProps extends CommonProps {
      * A boolean parameter to display or hide label and instead show as html title on hover, default value is true
      */
     withLabel?: boolean;
+    /**
+     * A string to set the label in tooltip, if not set it will be the same as the label
+     */
+    tooltipLabel?: string;
+    /**
+     * A flag to enable the tooltip
+     */
+    withTooltip?: boolean;
 }
 /**
  * Notices are non-interactive elements that communicate information that the user needs to see, without directly prompting an action button.
@@ -29,4 +37,4 @@ export interface NoticeProps extends CommonProps {
  * @param {NoticeProps} props - The props for the Notice component
  * @returns {JSX.Element} Notice component
  */
-export declare const Notice: ({ dataTestId, icon, label, color, withLabel, className, ...rest }: NoticeProps) => JSX.Element;
+export declare const Notice: ({ dataTestId, icon, label, color, withLabel, className, tooltipLabel, withTooltip, ...rest }: NoticeProps) => JSX.Element;

package/src/components/buttons/BackToTopButton/BackToTopButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonProps, Size } from "../../../common";
 export type BackToTopColor = "primary" | "secondary";
 export interface StyledBackToTopProps {

package/src/hooks/useClickOutside.d.ts

@@ -8,5 +8,5 @@ import { RefObject } from "react";
  * @param {Function} [onClick] - The event handler for the click outside event.
  */
 export declare const useClickOutside: (el: RefObject<HTMLElement> | RefObject<HTMLElement>[], options?: {
-    active?: boolean | undefined;
-} | ((ev: MouseEvent) => void), onClick?: ((ev: MouseEvent) => void) | undefined) => void;
+    active?: boolean;
+} | ((ev: MouseEvent) => void), onClick?: (ev: MouseEvent) => void) => void;

package/src/hooks/useOptionallyElevatedState.d.ts

@@ -6,4 +6,4 @@ import { Dispatch, SetStateAction } from "react";
  *
  * If no custom state is provided, the fallback state will be used and it works like a normal useState hook.
  */
-export declare const useOptionallyElevatedState: <TState>(initialState: TState, customState?: [TState, Dispatch<SetStateAction<TState>>] | undefined) => [TState, Dispatch<SetStateAction<TState>>];
+export declare const useOptionallyElevatedState: <TState>(initialState: TState, customState?: [TState, Dispatch<SetStateAction<TState>>]) => [TState, Dispatch<SetStateAction<TState>>];