@sc-360-v2/storefront-cms-library 0.2.3 → 0.2.32

package/dist/product-basic-elements.scss

@@ -2,9 +2,11 @@
 @use "sass:list";
 
 [data-div-type="element"] {
+  word-break: break-all;
   &[data-element-type="productName"],
   &[data-element-type="brandName"],
   &[data-element-type="categoryName"] {
+    word-break: break-all;
     // width: var(--_lt-wh);
     // height: var(--_lt-ht);
     // margin: var(--_lt-mn);
@@ -37,8 +39,10 @@
       font-weight: 600;
       color: rgba(75, 69, 70, 1);
       cursor: pointer;
+      word-break: break-all;
     }
     .text-element {
+      word-break: break-all;
       background-color: var(--_ctm-dn-bd-cr, var(--_tst-dn-bd-cr));
       padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
       display: flex;

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

@@ -1,6 +1,7 @@
 import { ResponsiveBehaviourTypes } from "../../global/types";
 import { CMSHTMLAttributes } from "../../global/attributes";
 import { CommonStyleProperties } from "../../global/style-properties";
+import { CMSDeviceVisibilityOptionInterface } from "../interfaces/global";
 export interface BuilderAttributes {
     dataType?: string;
     dataDivType?: string;
@@ -25,4 +26,5 @@ export interface CMSElementInterface {
     builderData?: any;
     controls?: any;
     sort?: number;
+    deviceVisibility?: CMSDeviceVisibilityOptionInterface;
 }

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

@@ -3,6 +3,7 @@ import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
 import { CMSHTMLAttributes } from "../../../global/attributes";
 import { CMSGridsContainer } from "../grid";
 import { BuilderAttributes } from "../common";
+import { CMSDeviceVisibilityOptionInterface } from "../../interfaces/global";
 export interface SectionAttributes extends CMSHTMLAttributes {
     role?: string;
     ariaLabel?: string;
@@ -66,4 +67,7 @@ export interface CMSSectionInterface {
     sort?: number;
     dataContentType?: string;
     currentVariation?: any;
+    sectionType?: string;
+    pageId?: string;
+    deviceVisibility?: CMSDeviceVisibilityOptionInterface;
 }

package/dist/types/builder/enums/index.d.ts

@@ -52,7 +52,8 @@ export declare enum CMSToolIdTypes {
     categoryWrapper = "cms-category-wrapper",
     subCategoryWrapper = "cms-sub-category-wrapper",
     categoryWidgetWrapper = "cms-category-widget-wrapper",
-    tabsWrapper = "cms-tabs-wrapper"
+    tabsWrapper = "cms-tabs-wrapper",
+    gridSwapBtn = "cms-grid-swap-btn"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",
@@ -106,7 +107,8 @@ export declare enum CMSElementSelectors {
     subCategoryElement = "div[data-element-type='subCategory']",
     categoryWidgetElement = "div[data-element-type='categoryWidget']",
     tabsElement = "div[data-element-type='tabs']",
-    imageHotspot = "div[data-element-type='imageHotspot']"
+    imageHotspot = "div[data-element-type='imageHotspot']",
+    gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']"
 }
 export declare enum CMSToolAttributes {
     id = "data-cms-tool",
@@ -231,6 +233,7 @@ export declare const CMSElementsListEnum: {
     BUNDLE: string;
     SUB_CATEGORY: string;
     FILTERS: string;
+    SORT: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -260,3 +263,20 @@ export declare enum FliterTypes {
     CUSTOM_ATTRIBUTE_FILTER = 4,
     PRICE_FILTER = 5
 }
+export declare enum SortOptions {
+    RECOMMENDED = 1,
+    NEWEST = 2,
+    PRICE_LOW_HIGH = 3,
+    PRICE_HIGH_LOW = 4,
+    NAME_A_Z = 5,
+    NAME_Z_A = 6
+}
+export declare enum CMSDeviceVisibilityHiddenTypeEnums {
+    CSS = 1,
+    HTML = 2
+}
+export declare enum CMSDeviceVisibilityKeysEnums {
+    DESKTOP = "desktop",
+    TABLET = "tablet",
+    MOBILE = "mobile"
+}

package/dist/types/builder/interfaces/global.d.ts

@@ -1,4 +1,4 @@
-import { CMSElementEditTypes } from "../enums";
+import { CMSDeviceVisibilityHiddenTypeEnums, CMSElementEditTypes } from "../enums";
 import "./cms-tools";
 export interface FontSizeValues {
     px: number[];
@@ -93,3 +93,13 @@ export interface CMSResponsiveTypeInterface {
     tablet?: CMSResponsiveTypeValueInterface;
     mobile?: CMSResponsiveTypeValueInterface;
 }
+export interface CMSDeviceVisibilityOptionItemInterface {
+    show: boolean;
+    hide: boolean;
+    hiddenType: CMSDeviceVisibilityHiddenTypeEnums;
+}
+export interface CMSDeviceVisibilityOptionInterface {
+    desktop: CMSDeviceVisibilityOptionItemInterface;
+    tablet: CMSDeviceVisibilityOptionItemInterface;
+    mobile: CMSDeviceVisibilityOptionItemInterface;
+}

package/dist/types/builder/tools/element-edit/index.d.ts

@@ -50,4 +50,5 @@ import * as category from "./category";
 import * as subCategory from "./subCategory";
 import * as brandImage from "./brandImage";
 import * as filters from "./filters";
-export { amountEstimator, bulkVariantPicker, button, code, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, };
+import * as sort from "./sort";
+export { amountEstimator, bulkVariantPicker, button, code, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, };

package/dist/types/builder/tools/element-edit/sort.d.ts

@@ -0,0 +1,31 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+}
+interface selfDesignInterface {
+    selectorKey: string;
+    sortTitle: {
+        [key: string]: any;
+    };
+    selectedOption: {
+        [key: string]: any;
+    };
+    sortButton: {
+        [key: string]: any;
+    };
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState",
+    SELECTED_STATE = "selected",
+    SORT_TITLE = "sortTitle",
+    SELECTED_OPTION = "selectedOption",
+    SORT_BUTTON = "sortButton"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/global/types.d.ts

@@ -37,3 +37,4 @@ export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down
 export type ObjectPositionValue = string;
 export type RepeaterDisplayStyleType = "grid" | "list" | "slider" | "cards";
 export type RepeaterSliderControlTypes = "Arrows & Dots" | "Arrows" | "Dots" | "None";
+export type DeviceVisibilityByOptionsType = "HTML" | "CSS" | "NONE";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.2.3",
+  "version": "0.2.32",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {