@saasquatch/mint-components 1.10.2-12 → 1.10.2-14

package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts

@@ -36,7 +36,6 @@ export interface LeaderboardViewProps {
   elements: {
     empty: VNode;
     essentials: VNode;
-    loadingstate: VNode;
   };
 }
 export declare function LeaderboardView(props: LeaderboardViewProps): any;

package/dist/types/components/sqm-leaderboard/sqm-leaderboard.d.ts

@@ -5,10 +5,10 @@ import { LeaderboardViewProps } from "./sqm-leaderboard-view";
  * @slots [{"name":"empty", "title":"Empty State"}]
  * @requiredFeatures ["LEADERBOARDS"]
  * @exampleGroup Leaderboard
- * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
- * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
+ * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard" ></sqm-empty></sqm-leaderboard>
+ * @example Anonymous Leaderboard - <div style="display: flex; align-items: flex-start; justify-content: center; width: 100%; gap: 50px;"><div style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; max-width: 30%;"><sqm-image width="70%" alignment="center" image-url="https://res.cloudinary.com/saasquatch-staging/image/upload/v1729728469/Leaderboard_image_z87lsm.png"></sqm-image><h2 style="margin: auto;">Top Performers</h2><p style="margin: 0; text-align: center;">The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!</p></div><sqm-leaderboard width="300px" usersheading="Referrer" rank-suffix="{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}}" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true" hide-names="true" hide-viewer="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></div>
  * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
  */
 export declare class Leaderboard {
@@ -43,6 +43,8 @@ export declare class Leaderboard {
    */
   width: string;
   /**
+   * A JSONata string that formats the rank with the appropriate ordinal suffix (e.g., "st" for 1st, "nd" for 2nd, "rd" for 3rd, and "th" for all others).
+   *
    * @uiName Rank Suffix
    */
   rankSuffix: string;

package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts

@@ -17,7 +17,6 @@ export interface LeaderboardProps {
   interval: string;
   empty: VNode;
   essentials: VNode;
-  loadingstate: VNode;
   demoProps?: LeaderboardViewProps;
 }
 export declare type Rank = {

package/dist/types/components/sqm-portal-container/PortalContainer.stories.d.ts

@@ -16,6 +16,7 @@ export declare const FullWidth: () => any;
 export declare const SpaceBetween: () => any;
 export declare const SpaceAround: () => any;
 export declare const SpaceEvenly: () => any;
+export declare const ResponsiveBox: () => any;
 export declare const Start: () => any;
 export declare const Center: () => any;
 export declare const End: () => any;

package/dist/types/components/sqm-portal-container/sqm-portal-container-view.d.ts

@@ -8,6 +8,7 @@ interface PortalContainerViewProps {
   display?: string;
   minWidth?: string;
   maxWidth?: string;
+  flexWrap?: string;
   backgroundColor?: string;
   justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
 }

package/dist/types/components/sqm-portal-container/sqm-portal-container.d.ts

@@ -51,6 +51,13 @@ export declare class PortalContainer {
    * @uiName Maximum width
    */
   maxWidth?: string;
+  /**
+   * @uiName Flex wrap behavior
+   * @uiType string
+   * @uiEnum ["wrap", "nowrap"]
+   * @uiEnumNames ["Wrap", "No Wrap"]
+   */
+  flexWrap?: string;
   /**
    * @uiName Center content
    */

package/dist/types/components.d.ts

@@ -1368,6 +1368,7 @@ export namespace Components {
          */
         "programId"?: string;
         /**
+          * A JSONata string that formats the rank with the appropriate ordinal suffix (e.g., "st" for 1st, "nd" for 2nd, "rd" for 3rd, and "th" for all others).
           * @uiName Rank Suffix
          */
         "rankSuffix": string;
@@ -1759,6 +1760,13 @@ export namespace Components {
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display": "grid" | "flex";
+        /**
+          * @uiName Flex wrap behavior
+          * @uiType string
+          * @uiEnum ["wrap", "nowrap"]
+          * @uiEnumNames ["Wrap", "No Wrap"]
+         */
+        "flexWrap"?: string;
         /**
           * @uiName Gap
           * @uiType string
@@ -7192,6 +7200,7 @@ declare namespace LocalJSX {
          */
         "programId"?: string;
         /**
+          * A JSONata string that formats the rank with the appropriate ordinal suffix (e.g., "st" for 1st, "nd" for 2nd, "rd" for 3rd, and "th" for all others).
           * @uiName Rank Suffix
          */
         "rankSuffix"?: string;
@@ -7583,6 +7592,13 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display"?: "grid" | "flex";
+        /**
+          * @uiName Flex wrap behavior
+          * @uiType string
+          * @uiEnum ["wrap", "nowrap"]
+          * @uiEnumNames ["Wrap", "No Wrap"]
+         */
+        "flexWrap"?: string;
         /**
           * @uiName Gap
           * @uiType string