@seeqdev/qomponents 0.0.209 → 0.0.215

package/dist/src/ProgressBar/ProgressBar.types.d.ts

@@ -1,77 +1,82 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
+
+//#region src/ProgressBar/ProgressBar.types.d.ts
+
 /**
  * Props for individual progress indicators within a ProgressBar.
  * Each indicator represents a segment of the overall progress with its own value and styling.
  * Extends TooltipComponentProps to support tooltip functionality on individual indicators.
  */
-export interface ProgressIndicatorProps extends TooltipComponentProps {
-    /**
-     * Additional CSS classes to apply to this specific progress indicator.
-     * Use this to customize the appearance of individual indicators within the progress bar.
-     */
-    extraClasses?: string;
-    /**
-     * Test ID attribute for this progress indicator used in automated testing.
-     * Helps identify and interact with specific indicators in test suites.
-     */
-    testId?: string;
-    /**
-     * Current value of this progress indicator.
-     * Should be between 0 and the progress bar's max value. The indicator's width
-     * will be calculated as a percentage based on this value relative to the max.
-     */
-    value: number;
-    /**
-     * Custom color for this progress indicator.
-     * Can be any valid CSS color value (hex, rgb, color names, etc.).
-     * If not provided, uses the default theme color for progress indicators.
-     */
-    color?: string;
-    /**
-     * Text label to display on or next to this progress indicator.
-     * Useful for showing the indicator's name, category, or current value.
-     * Can be positioned and styled using labelClasses.
-     */
-    label?: string;
-    /**
-     * Additional CSS classes to apply specifically to the indicator's label.
-     * Use this to customize the label's typography, positioning, or styling
-     * independently from the indicator itself.
-     */
-    labelClasses?: string;
+interface ProgressIndicatorProps extends TooltipComponentProps {
+  /**
+   * Additional CSS classes to apply to this specific progress indicator.
+   * Use this to customize the appearance of individual indicators within the progress bar.
+   */
+  extraClasses?: string;
+  /**
+   * Test ID attribute for this progress indicator used in automated testing.
+   * Helps identify and interact with specific indicators in test suites.
+   */
+  testId?: string;
+  /**
+   * Current value of this progress indicator.
+   * Should be between 0 and the progress bar's max value. The indicator's width
+   * will be calculated as a percentage based on this value relative to the max.
+   */
+  value: number;
+  /**
+   * Custom color for this progress indicator.
+   * Can be any valid CSS color value (hex, rgb, color names, etc.).
+   * If not provided, uses the default theme color for progress indicators.
+   */
+  color?: string;
+  /**
+   * Text label to display on or next to this progress indicator.
+   * Useful for showing the indicator's name, category, or current value.
+   * Can be positioned and styled using labelClasses.
+   */
+  label?: string;
+  /**
+   * Additional CSS classes to apply specifically to the indicator's label.
+   * Use this to customize the label's typography, positioning, or styling
+   * independently from the indicator itself.
+   */
+  labelClasses?: string;
 }
 /**
  * Props for the ProgressBar component that displays one or more progress indicators.
  * Supports multiple indicators for showing different categories or segments of progress.
  */
-export interface ProgressBarProps {
-    /**
-     * Array of progress indicators to display within the progress bar.
-     * Each indicator can have its own value, color, label, and styling.
-     * Indicators are rendered in the order they appear in the array.
-     */
-    values: ProgressIndicatorProps[];
-    /**
-     * Maximum value for the progress bar scale.
-     * All indicator values are calculated as percentages relative to this maximum.
-     * Determines the full width (100%) of the progress bar.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Additional CSS classes to apply to the progress bar container.
-     * Use this to customize the overall appearance, spacing, or layout of the entire progress bar.
-     */
-    containerExtraClasses?: string;
-    /**
-     * Test ID attribute for the progress bar container used in automated testing.
-     * Applied to the main container element for test targeting and interaction.
-     */
-    testId?: string;
-    /**
-     * Text label to display when all progress indicators have a value of zero.
-     * Useful for providing context or instructions when no progress has been made.
-     * Only shown when the total progress is zero.
-     */
-    zeroValueLabel?: string;
+interface ProgressBarProps {
+  /**
+   * Array of progress indicators to display within the progress bar.
+   * Each indicator can have its own value, color, label, and styling.
+   * Indicators are rendered in the order they appear in the array.
+   */
+  values: ProgressIndicatorProps[];
+  /**
+   * Maximum value for the progress bar scale.
+   * All indicator values are calculated as percentages relative to this maximum.
+   * Determines the full width (100%) of the progress bar.
+   * @default 100
+   */
+  max?: number;
+  /**
+   * Additional CSS classes to apply to the progress bar container.
+   * Use this to customize the overall appearance, spacing, or layout of the entire progress bar.
+   */
+  containerExtraClasses?: string;
+  /**
+   * Test ID attribute for the progress bar container used in automated testing.
+   * Applied to the main container element for test targeting and interaction.
+   */
+  testId?: string;
+  /**
+   * Text label to display when all progress indicators have a value of zero.
+   * Useful for providing context or instructions when no progress has been made.
+   * Only shown when the total progress is zero.
+   */
+  zeroValueLabel?: string;
 }
+//#endregion
+export { ProgressBarProps, ProgressIndicatorProps };

package/dist/src/ProgressBar/index.d.ts

@@ -1 +1,2 @@
-export { default } from './ProgressBar';
+import ProgressBar from "./ProgressBar.js";
+export { ProgressBar as default };

package/dist/src/SeeqActionDropdown/SeeqActionDropdown.d.ts

@@ -1,4 +1,7 @@
-import * as React from 'react';
-import { SeeqActionDropdownProps } from './SeeqActionDropdown.types';
-declare const SeeqActionDropdown: React.FunctionComponent<SeeqActionDropdownProps>;
-export default SeeqActionDropdown;
+import { SeeqActionDropdownProps } from "./SeeqActionDropdown.types.js";
+import * as React$1 from "react";
+
+//#region src/SeeqActionDropdown/SeeqActionDropdown.d.ts
+declare const SeeqActionDropdown: React$1.FunctionComponent<SeeqActionDropdownProps>;
+//#endregion
+export { SeeqActionDropdown as default };

package/dist/src/SeeqActionDropdown/SeeqActionDropdown.types.d.ts

@@ -1,164 +1,169 @@
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
+import { TooltipComponentProps } from "../Tooltip/Tooltip.types.js";
+
+//#region src/SeeqActionDropdown/SeeqActionDropdown.types.d.ts
+
 /**
  * Interface for individual action items within a SeeqActionDropdown.
  * Each item represents a clickable action with optional icon, text, and divider.
  */
-export interface SeeqActionDropdownItems {
-    /**
-     * HTML ID attribute for the dropdown item element.
-     * Should be unique for proper HTML semantics and accessibility.
-     */
-    id?: string;
-    /**
-     * Icon class name to display next to the item label.
-     * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
-     * Provides visual context for the action.
-     */
-    icon?: string;
-    /**
-     * Additional CSS classes to apply to the icon element.
-     * Use this to customize icon appearance beyond standard styling.
-     */
-    iconExtraClassNames?: string;
-    /**
-     * Additional CSS classes to apply to the dropdown icon container.
-     * Use this to customize the icon's appearance beyond default Seeq styling.
-     */
-    iconContainerExtraClassNames?: string;
-    /**
-     * Main display text for the dropdown item.
-     * This is the primary text that users see and click on to trigger the action.
-     */
-    display: string;
-    /**
-     * Callback function triggered when the dropdown item is clicked.
-     * Use this to define the specific action that should occur when users select this item.
-     */
-    action: (e?: Event) => void;
-    /**
-     * When true, the item is clickable and interactive.
-     * When false, the item appears disabled and doesn't respond to clicks.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * When true, displays a visual divider line below this dropdown item.
-     * Useful for grouping related items or separating different sections of actions.
-     */
-    divider?: boolean;
-    /**
-     * Test ID attribute for the dropdown item used in automated testing.
-     * Helps identify and interact with specific action items in test suites.
-     */
-    testId?: string;
-    /**
-     * Secondary descriptive text displayed below the main display text.
-     * Provides additional context or explanation about what the action does.
-     */
-    text?: string;
+interface SeeqActionDropdownItems {
+  /**
+   * HTML ID attribute for the dropdown item element.
+   * Should be unique for proper HTML semantics and accessibility.
+   */
+  id?: string;
+  /**
+   * Icon class name to display next to the item label.
+   * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
+   * Provides visual context for the action.
+   */
+  icon?: string;
+  /**
+   * Additional CSS classes to apply to the icon element.
+   * Use this to customize icon appearance beyond standard styling.
+   */
+  iconExtraClassNames?: string;
+  /**
+   * Additional CSS classes to apply to the dropdown icon container.
+   * Use this to customize the icon's appearance beyond default Seeq styling.
+   */
+  iconContainerExtraClassNames?: string;
+  /**
+   * Main display text for the dropdown item.
+   * This is the primary text that users see and click on to trigger the action.
+   */
+  display: string;
+  /**
+   * Callback function triggered when the dropdown item is clicked.
+   * Use this to define the specific action that should occur when users select this item.
+   */
+  action: (e?: Event) => void;
+  /**
+   * When true, the item is clickable and interactive.
+   * When false, the item appears disabled and doesn't respond to clicks.
+   * @default true
+   */
+  enabled?: boolean;
+  /**
+   * When true, displays a visual divider line below this dropdown item.
+   * Useful for grouping related items or separating different sections of actions.
+   */
+  divider?: boolean;
+  /**
+   * Test ID attribute for the dropdown item used in automated testing.
+   * Helps identify and interact with specific action items in test suites.
+   */
+  testId?: string;
+  /**
+   * Secondary descriptive text displayed below the main display text.
+   * Provides additional context or explanation about what the action does.
+   */
+  text?: string;
 }
 /**
  * Props for the SeeqActionDropdown component that creates specialized Seeq-branded action menus.
  * Extends TooltipComponentProps to support tooltip functionality on the trigger.
  */
-export interface SeeqActionDropdownProps extends TooltipComponentProps {
-    /**
-     * Array of action items to display in the dropdown menu.
-     * Each item represents a specific action users can perform, with icons and descriptions.
-     */
-    seeqActionDropdownItems: SeeqActionDropdownItems[];
-    /**
-     * React element to use as the clickable trigger for the dropdown.
-     * Typically a button, icon, or text element that users click to open the action menu.
-     */
-    trigger: React.ReactNode;
-    /**
-     * HTML ID attribute for the dropdown trigger element.
-     * Should be unique across the page for proper HTML semantics and accessibility.
-     */
-    id?: string;
-    /**
-     * Additional CSS classes to apply to the dropdown container.
-     * Use this to customize the dropdown's appearance beyond default Seeq styling.
-     */
-    extraClassNames?: string;
-    /**
-     * Test ID attribute for the dropdown container element used in automated testing.
-     * Applied to the main container that wraps both trigger and dropdown content.
-     */
-    containerTestId?: string;
-    /**
-     * When true, disables the dropdown trigger preventing user interaction.
-     * Disabled triggers appear visually dimmed and don't open the dropdown when clicked.
-     */
-    disabled?: boolean;
-    /**
-     * Callback function triggered when the trigger is clicked.
-     * Primarily used for tracking or analytics purposes. Note: this doesn't control
-     * dropdown opening, which is handled separately.
-     */
-    onClick?: (e: MouseEvent) => void;
-    /**
-     * Horizontal alignment of the dropdown content relative to the trigger:
-     * - `start`: Aligns to the left edge of the trigger
-     * - `center`: Centers the dropdown on the trigger
-     * - `end`: Aligns to the right edge of the trigger
-     */
-    align?: 'start' | 'center' | 'end';
-    /**
-     * Numeric offset in pixels from the aligned position.
-     * Positive values move the dropdown further from the trigger in the align direction.
-     */
-    alignOffset?: number;
-    /**
-     * Position of the dropdown relative to the trigger element:
-     * - `top`: Dropdown appears above the trigger
-     * - `bottom`: Dropdown appears below the trigger
-     * - `left`: Dropdown appears to the left of the trigger
-     * - `right`: Dropdown appears to the right of the trigger
-     */
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    /**
-     * Numeric offset in pixels from the placement position.
-     * Positive values move the dropdown further away from the trigger.
-     */
-    placementOffset?: number;
-    /**
-     * When true, displays a visual arrow pointing from the dropdown to the trigger.
-     * Helps users understand the relationship between trigger and dropdown content.
-     */
-    hasArrow?: boolean;
-    /**
-     * Controls whether the dropdown is currently open and visible.
-     * Use this for controlled dropdown behavior where you manage open state externally.
-     */
-    isOpen?: boolean;
-    /**
-     * Callback function triggered when the dropdown open state changes.
-     * Receives the new open state as a boolean parameter. Use this to sync with external state.
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * When true, automatically focuses the trigger button when the dropdown closes.
-     * Improves keyboard navigation and accessibility by returning focus to the trigger.
-     */
-    setFocusOnTriggerOnClose?: boolean;
-    /**
-     * When true, automatically closes the dropdown when any content inside it is clicked.
-     * Useful for action dropdowns where selecting an option should close the dropdown.
-     */
-    isCloseOnContentClick?: boolean;
-    /**
-     * When true, traps keyboard focus within the dropdown when it's open.
-     * Prevents users from tabbing outside the dropdown, improving accessibility.
-     */
-    keepFocusInsideDropdown?: boolean;
-    /**
-     * Predefined variant that determines the dropdown's styling and behavior:
-     * - `create-workbench`: For workbench creation actions
-     * - `view-workbench`: For workbench viewing and management actions
-     * - `insert-seeq-content`: For inserting Seeq-specific content and objects
-     * Each variant has specific styling and may filter available actions.
-     */
-    variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
+interface SeeqActionDropdownProps extends TooltipComponentProps {
+  /**
+   * Array of action items to display in the dropdown menu.
+   * Each item represents a specific action users can perform, with icons and descriptions.
+   */
+  seeqActionDropdownItems: SeeqActionDropdownItems[];
+  /**
+   * React element to use as the clickable trigger for the dropdown.
+   * Typically a button, icon, or text element that users click to open the action menu.
+   */
+  trigger: React.ReactNode;
+  /**
+   * HTML ID attribute for the dropdown trigger element.
+   * Should be unique across the page for proper HTML semantics and accessibility.
+   */
+  id?: string;
+  /**
+   * Additional CSS classes to apply to the dropdown container.
+   * Use this to customize the dropdown's appearance beyond default Seeq styling.
+   */
+  extraClassNames?: string;
+  /**
+   * Test ID attribute for the dropdown container element used in automated testing.
+   * Applied to the main container that wraps both trigger and dropdown content.
+   */
+  containerTestId?: string;
+  /**
+   * When true, disables the dropdown trigger preventing user interaction.
+   * Disabled triggers appear visually dimmed and don't open the dropdown when clicked.
+   */
+  disabled?: boolean;
+  /**
+   * Callback function triggered when the trigger is clicked.
+   * Primarily used for tracking or analytics purposes. Note: this doesn't control
+   * dropdown opening, which is handled separately.
+   */
+  onClick?: (e: MouseEvent) => void;
+  /**
+   * Horizontal alignment of the dropdown content relative to the trigger:
+   * - `start`: Aligns to the left edge of the trigger
+   * - `center`: Centers the dropdown on the trigger
+   * - `end`: Aligns to the right edge of the trigger
+   */
+  align?: 'start' | 'center' | 'end';
+  /**
+   * Numeric offset in pixels from the aligned position.
+   * Positive values move the dropdown further from the trigger in the align direction.
+   */
+  alignOffset?: number;
+  /**
+   * Position of the dropdown relative to the trigger element:
+   * - `top`: Dropdown appears above the trigger
+   * - `bottom`: Dropdown appears below the trigger
+   * - `left`: Dropdown appears to the left of the trigger
+   * - `right`: Dropdown appears to the right of the trigger
+   */
+  placement?: 'top' | 'bottom' | 'left' | 'right';
+  /**
+   * Numeric offset in pixels from the placement position.
+   * Positive values move the dropdown further away from the trigger.
+   */
+  placementOffset?: number;
+  /**
+   * When true, displays a visual arrow pointing from the dropdown to the trigger.
+   * Helps users understand the relationship between trigger and dropdown content.
+   */
+  hasArrow?: boolean;
+  /**
+   * Controls whether the dropdown is currently open and visible.
+   * Use this for controlled dropdown behavior where you manage open state externally.
+   */
+  isOpen?: boolean;
+  /**
+   * Callback function triggered when the dropdown open state changes.
+   * Receives the new open state as a boolean parameter. Use this to sync with external state.
+   */
+  onOpenChange?: (isOpen: boolean) => void;
+  /**
+   * When true, automatically focuses the trigger button when the dropdown closes.
+   * Improves keyboard navigation and accessibility by returning focus to the trigger.
+   */
+  setFocusOnTriggerOnClose?: boolean;
+  /**
+   * When true, automatically closes the dropdown when any content inside it is clicked.
+   * Useful for action dropdowns where selecting an option should close the dropdown.
+   */
+  isCloseOnContentClick?: boolean;
+  /**
+   * When true, traps keyboard focus within the dropdown when it's open.
+   * Prevents users from tabbing outside the dropdown, improving accessibility.
+   */
+  keepFocusInsideDropdown?: boolean;
+  /**
+   * Predefined variant that determines the dropdown's styling and behavior:
+   * - `create-workbench`: For workbench creation actions
+   * - `view-workbench`: For workbench viewing and management actions
+   * - `insert-seeq-content`: For inserting Seeq-specific content and objects
+   * Each variant has specific styling and may filter available actions.
+   */
+  variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
 }
+//#endregion
+export { SeeqActionDropdownItems, SeeqActionDropdownProps };

package/dist/src/SeeqActionDropdown/index.d.ts

@@ -1 +1,2 @@
-export { default } from './SeeqActionDropdown';
+import SeeqActionDropdown from "./SeeqActionDropdown.js";
+export { SeeqActionDropdown as default };

package/dist/src/SeeqActionDropdown/variants.d.ts

@@ -1,5 +1,9 @@
-import React from 'react';
-import { SeeqActionDropdownItems } from './SeeqActionDropdown.types';
-export declare const SeeqActionDropdownItem: React.FC<SeeqActionDropdownItems>;
-export declare const ViewWorkbench: React.FC<SeeqActionDropdownItems>;
-export declare const InsertSeeqContent: React.FC<SeeqActionDropdownItems>;
+import { SeeqActionDropdownItems } from "./SeeqActionDropdown.types.js";
+import React from "react";
+
+//#region src/SeeqActionDropdown/variants.d.ts
+declare const SeeqActionDropdownItem: React.FC<SeeqActionDropdownItems>;
+declare const ViewWorkbench: React.FC<SeeqActionDropdownItems>;
+declare const InsertSeeqContent: React.FC<SeeqActionDropdownItems>;
+//#endregion
+export { InsertSeeqContent, SeeqActionDropdownItem, ViewWorkbench };

package/dist/src/Select/Select.d.ts

@@ -1,8 +1,10 @@
-import React from 'react';
-import { SelectProps } from './Select.types';
-import { MultiValue as MV, SingleValue as SV } from 'react-select';
-export type MultiValue<T> = MV<T>;
-export type SingleValue<T> = SV<T>;
+import { SelectProps } from "./Select.types.js";
+import React from "react";
+import { MultiValue as MultiValue$1, SingleValue as SingleValue$1 } from "react-select";
+
+//#region src/Select/Select.d.ts
+type MultiValue<T> = MultiValue$1<T>;
+type SingleValue<T> = SingleValue$1<T>;
 /**
  * Select Component
  *  - based on react-select (https://react-select.com/)
@@ -11,4 +13,5 @@ export type SingleValue<T> = SV<T>;
  *
  */
 declare const Select: React.FunctionComponent<SelectProps>;
-export default Select;
+//#endregion
+export { MultiValue, SingleValue, Select as default };