@saasquatch/mint-components 1.6.1-13 → 1.6.1-14

package/dist/cjs/sqm-qa.cjs.entry.js

@@ -61,6 +61,7 @@ const ShareButton = class {
      * Description here
      * @uiName Date Interval with default
      * @uiWidget dateRange
+     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
      * @format date-interval
      */
     this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";

package/dist/collection/components/sqm-big-stat/sqm-big-stat.js

@@ -6,13 +6,13 @@ import { useDemoBigStat } from "./useDemoBigStat";
 import { isDemo, useHost } from "@saasquatch/component-boilerplate";
 /**
  *
- * @uiName Big Stat
+ * @uiName User Stat
  * @slots [{"name":"","title":"Stat Text"}]
  * @slotEditor richText
  * @exampleGroup Statistics
- * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat>
- * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat>
- * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat>
+ * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
+ * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
+ * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
   */
 export class BigStat {
   constructor() {

package/dist/collection/components/sqm-brand/sqm-brand.js

@@ -7,7 +7,7 @@ import { autoColorScaleCss } from "../sqm-stencilbook/AutoColor";
  * @uiName Brand Container
  * @slots [{"name":"","title":"Branded Content"}]
  * @exampleGroup Common Components
- * @example Brand Container - <sqm-brand brand="Nunito Sans">Add your branded content here!</sqm-brand>
+ * @example Brand Container - <sqm-brand brand="Nunito Sans"><p>Add your branded content here!</p></sqm-brand>
  */
 export class BrandComponent {
   constructor() {

package/dist/collection/components/sqm-portal-container/sqm-portal-container.js

@@ -3,7 +3,7 @@ import { withHooks } from "@saasquatch/stencil-hooks";
 import { PortalContainerView } from "./sqm-portal-container-view";
 import { getProps } from "../../utils/utils";
 /**
- * @uiName Portal Container
+ * @uiName Container
  * @slots [{"name":"", "title":"Widget Content"}]
  * @exampleGroup Layout
  * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your column content above or below!</p></sqm-portal-container>

package/dist/collection/components/sqm-qa/sqm-qa.js

@@ -58,6 +58,7 @@ export class ShareButton {
      * Description here
      * @uiName Date Interval with default
      * @uiWidget dateRange
+     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
      * @format date-interval
      */
     this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";
@@ -319,6 +320,9 @@ export class ShareButton {
           }, {
             "text": "dateRange",
             "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
           }, {
             "text": "date-interval",
             "name": "format"
@@ -581,6 +585,9 @@ export class ShareButton {
           }, {
             "text": "dateRange",
             "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
           }, {
             "text": "date-interval",
             "name": "format"
@@ -867,6 +874,9 @@ export class ShareButton {
           }, {
             "text": "dateRange",
             "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
           }, {
             "text": "date-interval",
             "name": "format"

package/dist/collection/components/sqm-scroll/sqm-scroll.js

@@ -4,10 +4,8 @@ import { useScroll } from "./useScroll";
 import { createStyleSheet } from "../../styling/JSS";
 /**
  * @uiName Scroll Button
- * @exampleGroup Common Components
  * @slots [{"name":"", "title":"Button Content"}]
  * @slotEditor richText
- * @example Scroll Button - <sqm-scroll button-type="primary" size="medium" outline mobile scroll-animation="smooth">Button Text</sqm-scroll>
  */
 export class Scroll {
   constructor() {

package/dist/collection/components/sqm-timeline/sqm-timeline-entry.js

@@ -4,7 +4,7 @@ import { useRequestRerender } from "../../tables/re-render";
 import { getProps } from "../../utils/utils";
 import { TimelineEntryView } from "./sqm-timeline-entry-view";
 /**
- * @uiName Timeline Entry
+ * @uiName Program Timeline Entry
  * @validParents ["sqm-timeline"]
  * @exampleGroup Common Components
  * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>

package/dist/esm/sqm-qa.entry.js

@@ -57,6 +57,7 @@ const ShareButton = class {
      * Description here
      * @uiName Date Interval with default
      * @uiWidget dateRange
+     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
      * @format date-interval
      */
     this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";

package/dist/types/components/sqm-big-stat/sqm-big-stat.d.ts

@@ -2,13 +2,13 @@ import { BigStatViewProps } from "./sqm-big-stat-view";
 import { DemoData } from "../../global/demo";
 /**
  *
- * @uiName Big Stat
+ * @uiName User Stat
  * @slots [{"name":"","title":"Stat Text"}]
  * @slotEditor richText
  * @exampleGroup Statistics
- * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat>
- * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat>
- * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat>
+ * @example Points Balance - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat>
+ * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
+ * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
   */
 export declare class BigStat {
   /**

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

@@ -2,7 +2,7 @@
  * @uiName Brand Container
  * @slots [{"name":"","title":"Branded Content"}]
  * @exampleGroup Common Components
- * @example Brand Container - <sqm-brand brand="Nunito Sans">Add your branded content here!</sqm-brand>
+ * @example Brand Container - <sqm-brand brand="Nunito Sans"><p>Add your branded content here!</p></sqm-brand>
  */
 export declare class BrandComponent {
   /**

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

@@ -1,6 +1,6 @@
 import { Spacing } from "../../global/mixins";
 /**
- * @uiName Portal Container
+ * @uiName Container
  * @slots [{"name":"", "title":"Widget Content"}]
  * @exampleGroup Layout
  * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your column content above or below!</p></sqm-portal-container>

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

@@ -55,6 +55,7 @@ export declare class ShareButton {
    * Description here
    * @uiName Date Interval with default
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateInterval?: string;
@@ -123,6 +124,7 @@ export declare class ShareButton {
    * Description here
    * @uiName Date Interval with no default
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateIntervalNoDefault?: string;
@@ -200,6 +202,7 @@ export declare class ShareButton {
    * @uiName Date Interval required with no default
    * @required
    * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
    * @format date-interval
    */
   dateIntervalRequiredNoDefault?: string;

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

@@ -1,9 +1,7 @@
 /**
  * @uiName Scroll Button
- * @exampleGroup Common Components
  * @slots [{"name":"", "title":"Button Content"}]
  * @slotEditor richText
- * @example Scroll Button - <sqm-scroll button-type="primary" size="medium" outline mobile scroll-animation="smooth">Button Text</sqm-scroll>
  */
 export declare class Scroll {
   ignored: boolean;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts

@@ -1,5 +1,5 @@
 /**
- * @uiName Timeline Entry
+ * @uiName Program Timeline Entry
  * @validParents ["sqm-timeline"]
  * @exampleGroup Common Components
  * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>

package/dist/types/components.d.ts

@@ -1201,6 +1201,7 @@ export namespace Components {
           * Description here
           * @uiName Date Interval with default
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateInterval"?: string;
@@ -1208,6 +1209,7 @@ export namespace Components {
           * Description here
           * @uiName Date Interval with no default
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateIntervalNoDefault"?: string;
@@ -1216,6 +1218,7 @@ export namespace Components {
           * @uiName Date Interval required with no default
           * @required 
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateIntervalRequiredNoDefault"?: string;
@@ -4192,6 +4195,7 @@ declare namespace LocalJSX {
           * Description here
           * @uiName Date Interval with default
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateInterval"?: string;
@@ -4199,6 +4203,7 @@ declare namespace LocalJSX {
           * Description here
           * @uiName Date Interval with no default
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateIntervalNoDefault"?: string;
@@ -4207,6 +4212,7 @@ declare namespace LocalJSX {
           * @uiName Date Interval required with no default
           * @required 
           * @uiWidget dateRange
+          * @uiWidgetOptions {"allowPastDates":true, "months": 1}
           * @format date-interval
          */
         "dateIntervalRequiredNoDefault"?: string;

package/docs/grapesjs.js

@@ -0,0 +1,54 @@
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var components;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [],
+        execute: function () {
+            components = [{ "tag": "select-test", "name": "Big Stat", "uiSchema": {}, "traits": [] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Stat Type", "ui:help": "Select what type of stat to display. Manual paths are also supported." } }, "traits": [{ "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Enable editing button text", "ui:help": "" }, "firstnametext": { "ui:name": "First name field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "updatetext": { "ui:name": "Update info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Enable editing button text" }, { "name": "firstnametext", "type": "string", "title": "First name field label" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "updatetext", "type": "string", "title": "Update info button text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon to use in alert", "ui:help": "" }, "type": { "ui:name": "Type of alert", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon to use in alert" }, { "name": "type", "type": "string", "title": "Type of alert" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-type": { "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "leaderboard-type", "type": "\"topConvertedReferrers\" | \"topStartedReferrers\"", "title": "Leaderboard type" }, { "name": "rank-type", "type": "\"denseRank\" | \"rank\" | \"rowNumber\"", "title": "rank-type" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-text": { "ui:help": "" }, "rank-type": { "ui:name": "Default rank", "ui:help": "" }, "unranked-text": { "ui:help": "" } }, "traits": [{ "name": "leaderboard-type", "type": "\"topConvertedReferrers\" | \"topStartedReferrers\"", "title": "Leaderboard type" }, { "name": "rank-text", "type": "string", "title": "rank-text" }, { "name": "rank-type", "type": "\"denseRank\" | \"rank\" | \"rowNumber\"", "title": "Default rank" }, { "name": "unranked-text", "type": "string", "title": "unranked-text" }] }, { "tag": "sqm-navigation-menu", "name": "Portal Frame", "uiSchema": { "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Label on the header menu", "ui:help": "" } }, "traits": [{ "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Label on the header menu" }] }, { "tag": "sqm-popup-container", "name": "Popup container for widgets", "uiSchema": { "close-button": { "ui:name": "Display a close button on the popup", "ui:help": "" }, "close-button-text": { "ui:name": "Text to be used as the close button", "ui:help": "" }, "embed-padding": { "ui:name": "Specify padding on the popup contents when in embedded mode", "ui:help": "" }, "popup-padding": { "ui:name": "Specify padding on the popup contents when in popup mode", "ui:help": "" }, "powered-by": { "ui:name": "Show SaaSquatch Powered By messaging", "ui:help": "" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Display a close button on the popup" }, { "name": "close-button-text", "type": "string", "title": "Text to be used as the close button" }, { "name": "embed-padding", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Specify padding on the popup contents when in embedded mode" }, { "name": "popup-padding", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Specify padding on the popup contents when in popup mode" }, { "name": "powered-by", "type": "boolean", "title": "Show SaaSquatch Powered By messaging" }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": {}, "traits": [] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-route", "name": "Route (for pages)", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "" } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router (for pages)", "uiSchema": {}, "traits": [] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide the icon", "ui:help": "" }, "icon": { "ui:name": "Icon used in button. Will try to select an icon based on the share medium if left empty.", "ui:help": "" }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display as pill", "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "Optional programId, or uses the programId context where this button is rendered." }, "sharetext": { "ui:name": "Text used for native sharing (mobile only)", "ui:help": "" }, "sharetitle": { "ui:name": "Title used for native sharing (mobile only)", "ui:help": "" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide the icon" }, { "name": "icon", "type": "string", "title": "Icon used in button. Will try to select an icon based on the share medium if left empty." }, { "name": "iconslot", "type": "string", "title": "Icon Location", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "medium", "type": "string", "title": "Share Medium", "enum": ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"] }, { "name": "pill", "type": "boolean", "title": "Display as pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Text used for native sharing (mobile only)" }, { "name": "sharetitle", "type": "string", "title": "Title used for native sharing (mobile only)" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"] }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the link to the clipboard." } }, "traits": [{ "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }];
+            exports_1("default", (function (editor, config) {
+                if (config === void 0) { config = {}; }
+                // Get DomComponents module
+                var comps = editor.DomComponents;
+                // Get the model and the view from the default Component type
+                var defaultType = comps.getType("default");
+                var defaultModel = defaultType.model;
+                var defaultView = defaultType.view;
+                function registerComponent(_a) {
+                    var tag = _a.tag, name = _a.name, traits = _a.traits, uiSchema = _a.uiSchema;
+                    comps.addType(tag.toLowerCase(), {
+                        model: defaultModel.extend({
+                            defaults: Object.assign({}, defaultModel.prototype.defaults, {
+                                name: name,
+                                // can be dropped only inside
+                                draggable: false,
+                                // these components can be dropped in here
+                                droppable: false,
+                                selectable: true,
+                                toolbar: [],
+                                traits: traits,
+                                uiSchema: uiSchema,
+                            }),
+                        }, {
+                            isComponent: function (el) {
+                                if (el.tagName === tag.toUpperCase()) {
+                                    return { type: tag.toLowerCase() };
+                                }
+                            },
+                        }),
+                        view: defaultView.extend({
+                            render: function () {
+                                defaultView.prototype.render.apply(this, arguments);
+                                return this;
+                            },
+                        }),
+                    });
+                }
+                if (!components) {
+                    throw new Error("Error registering components. This is likely due to a build problem in the source library. See GrapesJS generator.ts");
+                }
+                components.forEach(registerComponent);
+            }));
+        }
+    };
+});