@sc-360-v2/storefront-cms-library 0.0.4 → 0.0.5

package/dist/tab-panel.scss

@@ -0,0 +1,93 @@
+// Define SCSS Variables
+$tp-panel-margin: 80px auto;
+$tp-panel-width: 1200px;
+$tp-panel-height: 300px;
+$tp-panel-border-width: 3px;
+$tp-panel-border-color: #907fff;
+$tp-tab-padding: 10px;
+$tp-tab-min-width: 130px;
+$tp-tab-min-height: 50px;
+$tp-tab-bg-hover: #d3d3d3;
+$tp-tab-bg-selected: #243dc6;
+$tp-tab-border-radius: 6px 6px 0 0;
+$tp-tab-color-selected: white;
+$tp-content-bg: #f3f2f9;
+$tp-divider-color: #400;
+$tp-scrollbar-width: none;
+$tp-scrollbar-style: none;
+
+.tp-tab-panel {
+  margin: $tp-panel-margin;
+  width: $tp-panel-width;
+  height: $tp-panel-height;
+  border: $tp-panel-border-width solid $tp-panel-border-color;
+  display: flex;
+  flex-direction: column;
+
+  &--hr {
+    flex-direction: column;
+  }
+
+  &--vr {
+    flex-direction: row;
+  }
+
+  &__header {
+    background-color: #fff;
+    white-space: nowrap;
+    overflow-x: auto;
+    display: flex;
+    overflow-y: scroll;
+    scrollbar-width: $tp-scrollbar-width;
+    -ms-overflow-style: $tp-scrollbar-style;
+
+    &--hr {
+      flex-direction: row;
+    }
+
+    &--vr {
+      flex-direction: column;
+    }
+  }
+
+  &__tab {
+    flex: 0 0 auto;
+    text-align: center;
+    padding: $tp-tab-padding;
+    cursor: pointer;
+    transition: background-color 0.3s;
+    min-width: $tp-tab-min-width;
+    min-height: $tp-tab-min-height;
+    box-sizing: border-box;
+    align-content: center;
+
+    &:hover {
+      background-color: $tp-tab-bg-hover;
+    }
+
+    &--selected {
+      background-color: $tp-tab-bg-selected;
+      border-radius: $tp-tab-border-radius;
+      color: $tp-tab-color-selected;
+    }
+  }
+
+  &__content {
+    background-color: $tp-content-bg;
+    height: 100%;
+    width: 100%;
+    display: flex;
+  }
+
+  &__divider {
+    border: none;
+
+    &--hr {
+      border-top: $tp-panel-border-width solid $tp-divider-color;
+    }
+
+    &--vr {
+      border-left: $tp-panel-border-width solid $tp-divider-color;
+    }
+  }
+}

package/dist/text-editor.scss

@@ -318,3 +318,11 @@ $chip-remove-color: rgb(0, 54, 172);
   // border: 1px solid #eaecf0;
   border-radius: 8px !important;
 }
+.fr-popup .fr-buttons.fr-tabs {
+  display: none;
+}
+
+.fr-popup[data-inst1="true"] {
+  left: 260px !important;
+  top: 200px !important;
+}

package/dist/types/builder/elements/button/index.d.ts

@@ -0,0 +1,26 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface ButtonStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => ButtonStyleProperties;
+export interface CMSButtonInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: ButtonStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/code/index.d.ts

@@ -0,0 +1,59 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CMSGridsContainer } from "../grid";
+import { BuilderAttributes } from "../common";
+export interface CodeAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CodeStyleProperties extends CommonStyleProperties {
+    minHeight?: string;
+    height?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    gridArea?: string;
+    display?: DisplayValue;
+    boxSizing?: string;
+    rowGap?: string;
+    columnGap?: string;
+    gridTemplateRows?: string;
+    gridTemplateColumns?: string;
+}
+export declare const getDefaultStyles: () => CodeStyleProperties;
+export declare const getSectionDefaultStyles: () => CodeStyleProperties;
+export interface VariationConditionInterface {
+    customer?: any[];
+    user?: any[];
+    relation?: any;
+}
+export interface CodeVariationInterface {
+    condition?: VariationConditionInterface;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType">;
+        HTML?: CodeAttributes;
+        CUSTOM?: any;
+    };
+    styles?: CodeStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    sectionStyles?: CommonStyleProperties;
+    grids?: CMSGridsContainer;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    highestGrid?: number | any;
+    gtc?: CMSGridsContainer;
+    gtr?: CMSGridsContainer;
+}
+export interface CMSCodeInterface {
+    id?: string | number;
+    uniqueId?: string | number;
+    variations?: {
+        [key: string]: CodeVariationInterface;
+    };
+    styles?: CodeStyleProperties;
+}

package/dist/types/builder/elements/common.d.ts

@@ -1,3 +1,4 @@
+import { ResponsiveBehaviourTypes } from "../../global/types";
 import { CMSHTMLAttributes } from "../../global/attributes";
 import { CommonStyleProperties } from "../../global/style-properties";
 export interface BuilderAttributes {
@@ -5,6 +6,8 @@ export interface BuilderAttributes {
     dataDivType?: string;
     dataElementType?: string;
     dataWidgetType?: string;
+    dataElementSubType?: string;
+    dataChildCount?: string | number;
 }
 export interface CMSElementAttributes {
     HTML?: CMSHTMLAttributes;
@@ -16,4 +19,7 @@ export interface CMSElementInterface {
     styles: CommonStyleProperties;
     attributes: CMSElementAttributes;
     uniqueKey: string | number;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    builderData?: any;
+    controls?: any;
 }

package/dist/types/builder/elements/faq/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface FaqStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => FaqStyleProperties;
+export interface CMSFaqSliderInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: FaqStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/gallery-slider/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface GallerySliderStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => GallerySliderStyleProperties;
+export interface CMSGallerySliderInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: GallerySliderStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/grid/index.d.ts

@@ -41,6 +41,7 @@ export interface CMSGridInterface {
     responsiveBehaviour: ResponsiveBehaviourTypes;
     id?: string | number;
     styles: GridStyleProperties;
+    editedStyles?: CommonStyleProperties;
     children: any;
     attributes: {
         BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType">;
@@ -54,6 +55,7 @@ export interface CMSGridInterface {
     gtccolorder?: number;
     gtrroworder?: number;
     type?: SizeTypeValue;
+    uniqueKey?: string;
 }
 export interface CMSGridsContainer {
     [key: string]: CMSGridInterface;

package/dist/types/builder/elements/image/index.d.ts

@@ -1,7 +1,8 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
 import { CMSHTMLAttributes } from "../../../global/attributes";
 import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
 import { BuilderAttributes, CMSElementInterface } from "../common";
-export interface ImageStyleProperties {
+export interface ImageStyleProperties extends CommonStyleProperties {
     minHeight?: MinHeightValue;
     height?: HeightValue;
     minWidth?: MinWidthValue;
@@ -17,6 +18,7 @@ export interface ImageStyleProperties {
     justifySelf?: JustifySelfValue;
     alignSelf?: AlignSelfValue;
 }
+export declare const getDefaultStyles: () => ImageStyleProperties;
 export interface CMSImageInterface extends Omit<CMSElementInterface, "attributes"> {
     attributes: {
         HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
@@ -24,4 +26,5 @@ export interface CMSImageInterface extends Omit<CMSElementInterface, "attributes
         CUSTOM: any;
     };
     styles: ImageStyleProperties;
+    childrenStyles?: CommonStyleProperties;
 }

package/dist/types/builder/elements/section/index.d.ts

@@ -27,6 +27,7 @@ export interface SectionStyleProperties extends CommonStyleProperties {
     gridTemplateColumns?: string;
 }
 export declare const getDefaultStyles: () => SectionStyleProperties;
+export declare const getSectionDefaultStyles: () => SectionStyleProperties;
 export interface VariationConditionInterface {
     customer?: any[];
     user?: any[];
@@ -40,6 +41,8 @@ export interface SectionVariationInterface {
         CUSTOM?: any;
     };
     styles?: SectionStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    sectionStyles?: CommonStyleProperties;
     grids?: CMSGridsContainer;
     responsiveBehaviour: ResponsiveBehaviourTypes;
     highestGrid?: number | any;
@@ -52,4 +55,6 @@ export interface CMSSectionInterface {
     variations?: {
         [key: string]: SectionVariationInterface;
     };
+    styles?: SectionStyleProperties;
+    sort?: number;
 }

package/dist/types/builder/elements/social/index.d.ts

@@ -0,0 +1,36 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface SocialIconsStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultSocialIconsStyles: () => SocialIconsStyleProperties;
+export interface CMSSocialIconsInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: {
+            socialLinks: Array<{
+                platform: "Facebook" | "Instagram" | "Twitter" | "Amazon" | "Website" | "Linked In";
+                url: string;
+                icon: string;
+                name: string;
+            }>;
+        };
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: SocialIconsStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/tab/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface TabStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => TabStyleProperties;
+export interface CMSTabInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: TabStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/table/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalTableAttributes, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface TableStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultTableStyles: () => TableStyleProperties;
+export interface CMSTableInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalTableAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: TableStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/text-editor/index.d.ts

@@ -1,5 +1,5 @@
 import { CMSHTMLAttributes } from "../../../global/attributes";
-import { AlignSelfValue, BoxSizingValue, GlobalTextAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
 import { BuilderAttributes, CMSElementInterface } from "../common";
 export interface TextStyleProperties {
     minHeight?: MinHeightValue;
@@ -17,10 +17,11 @@ export interface TextStyleProperties {
     justifySelf?: JustifySelfValue;
     alignSelf?: AlignSelfValue;
 }
+export declare const getDefaultStyles: () => TextStyleProperties;
 export interface CMSTextInterface extends Omit<CMSElementInterface, "attributes"> {
     attributes: {
-        HTML: Pick<CMSHTMLAttributes, GlobalTextAttributes>;
-        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        HTML: CMSHTMLAttributes;
+        BUILDER: BuilderAttributes;
         CUSTOM: any;
     };
     styles: TextStyleProperties;

package/dist/types/builder/elements/video/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalVideoAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface VideoStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultVideoStyles: () => VideoStyleProperties;
+export interface CMSVideoInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalVideoAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: VideoStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}