@digital-ai/dot-components 3.9.0 → 3.10.1

package/index.esm.js

@@ -5733,6 +5733,7 @@ const DotSidebar = ({
     setIsOpen(!isOpen);
   };
   useEffect(() => {
+    if (!collapsable) return;
     const handleKeyPress = event => {
       const element = event.target;
       if (event.key === collapseKey && !['INPUT', 'TEXTAREA'].includes(element.nodeName) && !element.isContentEditable) {
@@ -5743,7 +5744,7 @@ const DotSidebar = ({
     return () => {
       window.removeEventListener('keydown', handleKeyPress);
     };
-  }, [isOpen]);
+  }, [isOpen, collapsable]);
   const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
   const rootClasses = useStylesWithRootClass(rootClassName$X, openClass, className);
   return jsxs(StyledSidebar, {
@@ -5796,7 +5797,7 @@ const DotSidebar = ({
     }), collapsable && jsx("div", {
       className: "toggle-nav",
       children: jsx(DotTooltip, {
-        title: (isOpen ? 'Collapse' : 'Expand') + ` ${collapseKey}`,
+        title: (isOpen ? 'Collapse' : 'Expand') + ` ${collapseKey.toUpperCase()}`,
         placement: "right",
         children: jsx(DotIconButton, {
           ariaLabel: "collapse sidebar navigation",
@@ -12790,6 +12791,7 @@ const DotPill = ({
   icon,
   label,
   labelcolor,
+  onClick,
   size = 'medium',
   status = 'default',
   variant = 'filled'
@@ -12802,11 +12804,12 @@ const DotPill = ({
     classes: {
       root: rootClasses
     },
-    clickable: false,
+    clickable: !!onClick,
     "data-testid": dataTestId,
     icon: icon,
     label: label,
     labelcolor: labelcolor,
+    onClick: onClick,
     size: size,
     variant: variant
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.9.0",
+  "version": "3.10.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/linear-progress/LinearProgress.d.ts

@@ -1,5 +1,5 @@
 import { CommonProps } from '../CommonProps';
-export type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
+export type LinearProgressColor = 'error' | 'inherit' | 'primary' | 'purple' | 'secondary' | 'warning';
 export type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
 export interface LinearProgressProps extends CommonProps {
     /** The color of the component. */

package/src/lib/components/pill/Pill.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export type PillSize = 'small' | 'medium';
 export type PillStatus = 'success' | 'error' | 'warning' | 'in-progress' | 'default';
@@ -14,6 +14,8 @@ export interface PillProps extends CommonProps {
     label: string;
     /** Label color for the pill, ignored if 'status' is not 'default' */
     labelcolor?: string;
+    /** Event callback on click */
+    onClick?: (event: MouseEvent) => void;
     /** Determines the size of the pill 'medium' or 'small' */
     size?: PillSize;
     /** Determines the status of the pill component */
@@ -21,4 +23,4 @@ export interface PillProps extends CommonProps {
     /** Determines the variant of the pill 'filled' or 'outlined' */
     variant?: PillVariant;
 }
-export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, onClick, size, status, variant, }: PillProps) => import("react/jsx-runtime").JSX.Element;