@sc-360-v2/storefront-cms-library 0.3.1 → 0.3.3

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

@@ -50,8 +50,10 @@ export declare enum CMSToolIdTypes {
     containerElement = "div[data-element-type='container']",
     repeaterWrapper = "cms-repeater-wrapper",
     layouterWrapper = "cms-layouter-wrapper",
+    layouterProWrapper = "cms-layouter-pro-wrapper",
     repeaterItemWrapper = "cms-repeater-item-wrapper",
     layouterItemWrapper = "cms-layouter-item-wrapper",
+    layouterProItemWrapper = "cms-layouter-pro-item-wrapper",
     cmsElementFullView = "cms-element-full-view",
     productWrapper = "cms-product-wrapper",
     productDetailsWrapper = "cms-product-details-wrapper",
@@ -314,6 +316,7 @@ export declare const CMSElementsListEnum: {
     SIMPLE_LIST: string;
     SIMPLE_LIST_ITEM: string;
     LAYOUTER_PRO: string;
+    LAYOUTER_PRO_ITEM: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -75,4 +75,6 @@ import * as productCustomizationsSchema from "./elements/product-customizations/
 import * as iconListSchema from "./elements/icon-list/index";
 import * as menuV2Schema from "./elements/menu-v2/index";
 import * as menuItemSchema from "./elements/menu-item/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, };
+import * as layouterProSchema from "./elements/layouter-pro/index";
+import * as layouterProItemSchema from "./elements/layouter-pro-item/index";
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, };

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

@@ -89,4 +89,6 @@ import * as productCustomizations from "./productCustomizations";
 import * as iconList from "./icon-list";
 import * as menuV2 from "./menu_v2";
 import * as menuItem from "./menu-item";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, 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, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, };
+import * as layouterPro from "./layouterPro";
+import * as layouterProItem from "./layouter-pro-item";
+export { amountEstimator, bulkVariantPicker, button, code, staticText, 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, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, };

package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts

@@ -0,0 +1,9 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum selfSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

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

@@ -0,0 +1,39 @@
+import { AlignItemsValue, JustifyContentValue, LayouterDisplayStyleType } from "../../../../components/global/types";
+import { CMSCSSUnitTypesEnums } from "../../enums";
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    displayStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: LayouterDisplayStyleType;
+    };
+    itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: JustifyContentValue;
+    };
+    alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: AlignItemsValue;
+    };
+    setItemsPerRow: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        isShow: boolean;
+        value: string | number | any;
+    };
+    minColumnWidth: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: string | number | any;
+        unit: CMSCSSUnitTypesEnums;
+    };
+    minRowHeight: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: string | number | any;
+        unit: CMSCSSUnitTypesEnums;
+    };
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum selfSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -77,7 +77,8 @@ export declare enum SelectorKeysEnum {
     SELECTED_STATE = "selected",
     SWATCH_OPTION_VALUE_STYLE = "swatchOptionValueStyle",
     SINGLE_OPTION_VALUE_STYLE = "singleOptionValueStyle",
-    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle"
+    DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
+    OPTION_TITLE = "optionTitle"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -21,6 +21,7 @@ interface selfLayoutInterface {
         maxItemsToDisplay: CMSIBCommonInterface;
         overflowItems: CMSIBCommonInterface;
         swatchImageType: CMSIBCommonInterface;
+        itemSize: CMSIBCommonInterface;
     };
     singleSelectDisplayStyle: {
         selectorKey: string;
@@ -33,6 +34,7 @@ interface selfLayoutInterface {
         itemsPerRow: CMSIBCommonInterface;
         itemContentAlignment: CMSIBCommonInterface;
         overflowDirection: CMSIBCommonInterface;
+        itemSize: CMSIBCommonInterface;
     };
     dropdownDisplayStyle: {
         selectorKey: string;

package/dist/uom-selector.scss

@@ -75,6 +75,8 @@
       height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       .uom__container {
         padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+        height: 100%;
+        width: 100%;
         // border: 1px solid rgba(75, 69, 70, 1);
         // border-radius: 20px;
         .stack {