@sc-360-v2/storefront-cms-library 0.2.96 → 0.2.97

package/dist/types/builder/elements/menu-item/index.d.ts

@@ -0,0 +1,47 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, ResponsiveBehaviourTypes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface MenuItemStyleProperties 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: () => MenuItemStyleProperties;
+export interface MenuItemElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CMSMenuItemInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    children: any;
+    childIds: any[];
+    parentKey?: any;
+    childIdsV2?: any[];
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: MenuItemElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: MenuItemStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    previewImage?: string;
+}

package/dist/types/builder/elements/menu-v2/index.d.ts

@@ -0,0 +1,47 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, ResponsiveBehaviourTypes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface MenuV2StyleProperties 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: () => MenuV2StyleProperties;
+export interface MenuV2ElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CMSMenuV2Interface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    children: any;
+    childIds: any[];
+    parentKey?: any;
+    childIdsV2?: any[];
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: MenuV2ElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: MenuV2StyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    previewImage?: string;
+}

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

@@ -66,7 +66,9 @@ export declare enum CMSToolIdTypes {
     lightBoxV2Wrapper = "cms-light-box-wrapper",
     marchandiserSetsWrapper = "cms-marchandiser-sets-wrapper",
     spotlightWrapper = "cms-spotlight-wrapper",
-    TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd"
+    TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd",
+    menuWrapperV2 = "cms-menu-v2-wrapper",
+    menuItemWrapper = "cms-menu-item-wrapper"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",

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

@@ -72,4 +72,6 @@ import * as toasterSchema from "./elements/toaster/index";
 import * as spotlightSchema from "./elements/spotlight";
 import * as productCustomizationsSchema from "./elements/product-customizations/index";
 import * as iconListSchema from "./elements/icon-list/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, 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, };
+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, 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, };

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

@@ -87,4 +87,6 @@ import * as toaster from "./toaster";
 import * as spotlight from "./spotlight";
 import * as productCustomizations from "./productCustomizations";
 import * as iconList from "./icon-list";
-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, };
+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, };

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

@@ -0,0 +1,13 @@
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { ShowShubMenuType } from "../../../global/types";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    showSubMenu: CMSIBCommonInterface;
+    showSubMenuStyle: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: ShowShubMenuType;
+    };
+    itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface>;
+export {};

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

@@ -0,0 +1,37 @@
+import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
+import { AlignItemsValue, JustifyContentValue, StackDirectionType } from "../../../global/types";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    direction: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: StackDirectionType;
+    };
+    itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
+    justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: JustifyContentValue;
+    };
+    alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
+        value: AlignItemsValue;
+    };
+}
+declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    DEFAULT_STATE = "defaultState",
+    HOVER_STATE = "hoverState",
+    MENU_CONTAINER = "menuContainer",
+    MENU_ITEM_STYLE = "menuItemStyle",
+    SUB_MENU_CONTAINER = "subMenuContainer",
+    SUBMENU_ITEM_STYLE = "subMenuItemStyle",
+    SELECTED_STATE = "selected"
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    [SelectorKeysEnum.MENU_CONTAINER]: any;
+    [SelectorKeysEnum.MENU_ITEM_STYLE]: any;
+    [SelectorKeysEnum.SUB_MENU_CONTAINER]: any;
+    [SelectorKeysEnum.SUBMENU_ITEM_STYLE]: any;
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -6,6 +6,7 @@ interface selfLayoutInterface {
     showSearchText: CMSIBCommonInterface;
     searchText: CMSIBCommonInterface;
     showNoOfItems: CMSIBCommonInterface;
+    searchPlaceholderText: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;

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

@@ -33,6 +33,7 @@ export type GlobalVideoAttributes = "src" | "poster" | "controls" | "autoplay" |
 export type CommonBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType" | "dataElementSubChild";
 export type GlobalTableAttributes = "cellPadding" | "cellSpacing" | "border" | "width" | "height" | "align" | "bgColor" | "frame" | "headers" | "rows" | "rules";
 export type StackDirectionType = "horizontal" | "vertical";
+export type ShowShubMenuType = "On Hover" | "On Click";
 export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;
 export type ObjectPositionValue = string;
 export type RepeaterDisplayStyleType = "grid" | "list" | "slider" | "cards";

package/package.json

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