@pine-ds/core 3.4.2 → 3.5.0

package/dist/types/components/pds-tooltip/pds-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { PlacementType } from "../../utils/types";
 /**
  * @slot (default) - The tooltip's target element
  * @slot content - HTML content for the tooltip
@@ -10,21 +11,17 @@ export declare class PdsTooltip {
      */
     private _isInteractiveOpen;
     private portalEl;
+    private resolvedPlacement;
     private triggerEl;
     private contentDiv;
     private slotMutationObserver;
-    private overlayResizeObserver;
     private currentPathname;
     private pathnameCheckInterval;
+    private stopAutoUpdate;
     /**
      * Reference to the Host element
      */
     el: HTMLPdsTooltipElement;
-    /**
-     * Determines when the tooltip is open
-     * @defaultValue false
-     */
-    isOpen: boolean;
     /**
      * Content for the tooltip. If HTML is required, use the content slot
      */
@@ -37,7 +34,7 @@ export declare class PdsTooltip {
      * Determines whether or not the tooltip has an arrow
      * @defaultValue true
      */
-    hasArrow?: boolean;
+    hasArrow: boolean;
     /**
      * Enable this option when using the content slot
      * @defaultValue false
@@ -47,7 +44,7 @@ export declare class PdsTooltip {
      * Determines the preferred position of the tooltip
      * @defaultValue "right"
      */
-    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    placement: PlacementType;
     /**
      * Sets the maximum width of the tooltip content
      * @defaultValue "352px"
@@ -60,7 +57,8 @@ export declare class PdsTooltip {
     opened: boolean;
     handleOpenToggle(newValue: boolean, oldValue: boolean): void;
     componentWillLoad(): void;
-    componentDidLoad(): () => void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     componentDidRender(): void;
     /**
      * Shows the tooltip by enabling the opened property
@@ -73,7 +71,6 @@ export declare class PdsTooltip {
     private handleHide;
     private handleShow;
     private handlePageShow;
-    private handleScroll;
     private handleSpaNavigation;
     private checkPathnameChange;
     /**
@@ -84,8 +81,8 @@ export declare class PdsTooltip {
      */
     private determinePositioningAnchor;
     /**
-     * Centralized method to calculate and apply the tooltip's position.
-     * Uses the determined anchor element and the current content dimensions.
+     * Centralized method to calculate and apply the tooltip's position using floating UI.
+     * Uses the determined anchor element and applies computePosition with flip, offset, and shift.
      */
     private repositionPortal;
     private createPortal;

package/dist/types/components.d.ts

@@ -290,6 +290,11 @@ export namespace Components {
           * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
+        /**
+          * Defines whether flex items are forced onto one line or can wrap onto multiple lines.
+          * @defaultValue false
+         */
+        "wrap"?: boolean;
     }
     interface PdsButton {
         /**
@@ -656,6 +661,10 @@ export namespace Components {
           * Displays a message or hint below the input field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel": boolean;
         /**
           * Determines whether or not the input field is invalid or throws an error.
          */
@@ -984,7 +993,7 @@ export namespace Components {
          */
         "helperMessage": string;
         /**
-          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
          */
         "hideLabel": boolean;
         /**
@@ -1130,6 +1139,10 @@ export namespace Components {
     interface PdsTableBody {
     }
     interface PdsTableCell {
+        /**
+          * Sets the text alignment within the cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Truncates content to a max width of 100px and adds an ellipsis.
          */
@@ -1147,6 +1160,10 @@ export namespace Components {
         "isSelected": boolean;
     }
     interface PdsTableHeadCell {
+        /**
+          * Sets the text alignment within the head cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Determines whether the table column is sortable when set to `true`.
          */
@@ -1288,6 +1305,10 @@ export namespace Components {
           * Displays a message or hint below the textarea field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel": boolean;
         /**
           * Determines whether or not the textarea is invalid or throws an error.
           * @defaultValue false
@@ -1320,7 +1341,7 @@ export namespace Components {
          */
         "rows"?: number;
         /**
-          * Sets focus on the native `textarea` in the `pds-texarea`. Use this method instead of the global `textarea.focus()`.
+          * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global `textarea.focus()`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -1367,7 +1388,7 @@ export namespace Components {
           * Determines whether or not the tooltip has an arrow
           * @defaultValue true
          */
-        "hasArrow"?: boolean;
+        "hasArrow": boolean;
         /**
           * Hides the tooltip by disabling the opened property
          */
@@ -1391,18 +1412,7 @@ export namespace Components {
           * Determines the preferred position of the tooltip
           * @defaultValue "right"
          */
-        "placement": 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end';
+        "placement": PlacementType;
         /**
           * Shows the tooltip by enabling the opened property
          */
@@ -2334,6 +2344,11 @@ declare namespace LocalJSX {
           * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.
          */
         "sizeXs"?: BoxColumnType;
+        /**
+          * Defines whether flex items are forced onto one line or can wrap onto multiple lines.
+          * @defaultValue false
+         */
+        "wrap"?: boolean;
     }
     interface PdsButton {
         /**
@@ -2710,6 +2725,10 @@ declare namespace LocalJSX {
           * Displays a message or hint below the input field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel"?: boolean;
         /**
           * Determines whether or not the input field is invalid or throws an error.
          */
@@ -3054,7 +3073,7 @@ declare namespace LocalJSX {
          */
         "helperMessage"?: string;
         /**
-          * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
          */
         "hideLabel"?: boolean;
         /**
@@ -3216,6 +3235,10 @@ declare namespace LocalJSX {
     interface PdsTableBody {
     }
     interface PdsTableCell {
+        /**
+          * Sets the text alignment within the cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Truncates content to a max width of 100px and adds an ellipsis.
          */
@@ -3237,6 +3260,10 @@ declare namespace LocalJSX {
         "onPdsTableSelectAll"?: (event: PdsTableHeadCustomEvent<{ isSelected: boolean }>) => void;
     }
     interface PdsTableHeadCell {
+        /**
+          * Sets the text alignment within the head cell.
+         */
+        "cellAlign"?: 'start' | 'center' | 'end' | 'justify';
         /**
           * Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.
          */
@@ -3382,6 +3409,10 @@ declare namespace LocalJSX {
           * Displays a message or hint below the textarea field.
          */
         "helperMessage"?: string;
+        /**
+          * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers. Note: When true, the action slot is also hidden to maintain a minimal UI.
+         */
+        "hideLabel"?: boolean;
         /**
           * Determines whether or not the textarea is invalid or throws an error.
           * @defaultValue false
@@ -3496,18 +3527,7 @@ declare namespace LocalJSX {
           * Determines the preferred position of the tooltip
           * @defaultValue "right"
          */
-        "placement"?: 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'right'
-    | 'right-start'
-    | 'right-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end'
-    | 'left'
-    | 'left-start'
-    | 'left-end';
+        "placement"?: PlacementType;
     }
     interface IntrinsicElements {
         "mock-pds-modal": MockPdsModal;