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

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

@@ -0,0 +1,74 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface ControlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export interface VideoControlInterface {
+    selectorKey?: string;
+    autoplay?: CMSIBCommonInterface;
+    showControls?: ControlInterface;
+    positionType?: CMSIBCommonInterface;
+    loopVideo?: CMSIBCommonInterface;
+    loopCount?: CMSIBCommonInterface;
+    videoFile?: CMSIBCommonInterface;
+    pinTo?: CMSIBCommonInterface;
+    showVideoTitle?: CMSIBCommonInterface;
+    videoTitle?: CMSIBCommonInterface;
+    showVideoDescription?: CMSIBCommonInterface;
+    videoDescription?: CMSIBCommonInterface;
+    showCustomVideoThumbnail?: CMSIBCommonInterface;
+    thumbnailImage?: CMSIBCommonInterface;
+    image?: CMSIBCommonInterface;
+    videoPlayerText?: {
+        selectorKey?: string;
+        textPosition?: CMSIBCommonInterface;
+        textPositionOnTheImage?: CMSIBCommonInterface;
+        titleAndDescriptionAndAlignment?: CMSIBCommonInterface;
+    };
+    playPause?: {
+        selectorKey?: string;
+        icon?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+    };
+    video?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+    };
+}
+export interface CMSVideoEditPopupInterface<L = VideoControlInterface, C = VideoControlInterface, D = VideoControlInterface> {
+    layout?: L;
+    content?: C;
+    design?: D;
+}
+export declare enum VideoSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    VIDEO_PLAYER_TEXT = "videoPlayerText",
+    PLAY_PAUSE = "playPause",
+    VIDEO = "video"
+}
+export interface SelectorKeys {
+    LAYOUT: string;
+    DESIGN: string;
+    CONTENT: string;
+    VIDEO_PLAYER_TEXT: string;
+    PLAY_PAUSE: string;
+    VIDEO: string;
+}
+export declare const getDefaultData: () => CMSVideoEditPopupInterface<VideoControlInterface & VideoControlInterface & VideoControlInterface & CMSElementEditPopupLayoutInterface>;
+export {};

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

@@ -1,6 +1,4 @@
 import { CSSUnitOption } from "../interfaces/global";
 export declare const CSSUnits: CSSUnitOption[];
-export declare const stylesToString: (styles: any) => string;
-export declare const loadNAppendStyleTag: (styleEle: any, id: string | number, parentEle?: null | any) => void;
 declare const commonFunctions: any;
 export default commonFunctions;

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

@@ -44,7 +44,7 @@ export interface CMSHTMLAttributes {
     formNoValidate?: boolean;
     formTarget?: string;
     frameBorder?: number | string;
-    headers?: string;
+    headers?: any;
     height?: number | string;
     hidden?: boolean;
     high?: number;
@@ -91,7 +91,7 @@ export interface CMSHTMLAttributes {
     rel?: string;
     required?: boolean;
     reversed?: boolean;
-    rows?: number;
+    rows?: any;
     rowSpan?: number;
     sandbox?: string;
     scope?: string;

package/dist/types/global/style-properties.d.ts

@@ -1,4 +1,4 @@
-import { AlignItemsValue, AlignSelfValue, BackgroundRepeatValue, BackgroundSizeValue, CursorValue, DisplayValue, FlexDirectionValue, FlexWrapValue, FontWeightValue, JustifyContentValue, JustifySelfValue, MarginValue, OverflowValue, PositionValue, TextAlignValue, VisibilityValue } from "./types";
+import { AlignItemsValue, AlignSelfValue, BackgroundRepeatValue, BackgroundSizeValue, CursorValue, DisplayValue, FlexDirectionValue, FlexWrapValue, FontWeightValue, JustifyContentValue, JustifySelfValue, MarginValue, ObjectFitValue, ObjectPositionValue, OverflowValue, PositionValue, TextAlignValue, VisibilityValue } from "./types";
 export interface CommonStyleProperties {
     color?: string;
     fontSize?: string;
@@ -44,4 +44,6 @@ export interface CommonStyleProperties {
     transition?: string;
     transform?: string;
     visibility?: VisibilityValue;
+    objectFit?: ObjectFitValue;
+    objectPosition?: ObjectPositionValue;
 }

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

@@ -28,3 +28,9 @@ export type SizeTypeValue = "inline" | "block" | string;
 export type GlobalImageAttributes = "src" | "alt" | "width" | "height" | "loading" | "crossOrigin" | "referrerPolicy";
 export type GlobalTextAttributes = "lang" | "dir" | "title" | "aria-label" | "aria-hidden" | "aria-live" | "tabIndex" | "role";
 export type ImageBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType";
+export type CMSEditControlsTypes = "Slider" | "Settings" | string;
+export type GlobalVideoAttributes = "src" | "poster" | "controls" | "autoplay" | "loop" | "muted" | "preload" | "crossOrigin" | "playsInline";
+export type CommonBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType";
+export type GlobalTableAttributes = "cellPadding" | "cellSpacing" | "border" | "width" | "height" | "align" | "bgColor" | "frame" | "headers" | "rows" | "rules";
+export type ObjectFitValue = "fill" | "contain" | "cover" | "none" | "scale-down" | string;
+export type ObjectPositionValue = string;

package/dist/types/helper/helper-functions.d.ts

@@ -0,0 +1 @@
+export declare const dateTimeFormat: (dateString: string | number, isTime?: boolean, formatStr?: string, timeZone?: string, locale?: string) => string | null;

package/dist/types/html-elements/element-types.d.ts

@@ -1,4 +1,4 @@
-import { DetailedHTMLProps, HTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, OptionHTMLAttributes, ImgHTMLAttributes } from "react";
+import { DetailedHTMLProps, HTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, OptionHTMLAttributes, ImgHTMLAttributes, VideoHTMLAttributes } from "react";
 export interface H1Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
     children?: ReactNode;
 }
@@ -119,3 +119,13 @@ export interface DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElemen
 export interface ImgProps extends DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
     alt?: string;
 }
+export interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {
+    children?: ReactNode;
+    tracks?: Array<{
+        kind: string;
+        srcLang: string;
+        src: string;
+        label?: string;
+        default?: boolean;
+    }>;
+}

package/dist/types/html-elements/elements.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from "react";
-import { AddressProps, AProps, ArticleProps, AsideProps, BProps, ButtonProps, CodeProps, DetailsProps, DialogProps, DivProps, FooterProps, FormProps, H1Props, H2Props, H3Props, H4Props, H5Props, H6Props, HeaderProps, InputProps, IProps, KbdProps, LabelProps, MainProps, NavProps, OptionProps, PProps, PreProps, SectionProps, SelectProps, SmallProps, SpanProps, StrongProps, SummaryProps, TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, TextareaProps, UProps, ImgProps } from "./element-types";
+import { AddressProps, AProps, ArticleProps, AsideProps, BProps, ButtonProps, CodeProps, DetailsProps, DialogProps, DivProps, FooterProps, FormProps, H1Props, H2Props, H3Props, H4Props, H5Props, H6Props, HeaderProps, InputProps, IProps, KbdProps, LabelProps, MainProps, NavProps, OptionProps, PProps, PreProps, SectionProps, SelectProps, SmallProps, SpanProps, StrongProps, SummaryProps, TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, TextareaProps, UProps, ImgProps, VideoProps } from "./element-types";
 export declare const H1: FC<H1Props>;
 export declare const H2: FC<H2Props>;
 export declare const H3: FC<H3Props>;
@@ -31,6 +31,7 @@ export declare const Header: FC<HeaderProps>;
 export declare const Footer: FC<FooterProps>;
 export declare const Nav: FC<NavProps>;
 export declare const Address: FC<AddressProps>;
+export declare const Video: FC<VideoProps>;
 export declare const Code: FC<CodeProps>;
 export declare const Pre: FC<PreProps>;
 export declare const Kbd: FC<KbdProps>;
@@ -83,5 +84,6 @@ declare const HTMLElements: {
     U: React.FC<UProps>;
     Div: React.FC<DivProps>;
     Img: React.FC<ImgProps>;
+    Video: React.FC<VideoProps>;
 };
 export default HTMLElements;

package/dist/widget.scss

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -24,8 +24,18 @@
       "import": "./dist/builder.js",
       "types": "./dist/types/builder/index.d.ts"
     },
+    "./functions": {
+      "import": "./dist/functions.js",
+      "types": "./dist/types/helper/helper-functions.d.ts"
+    },
     "./textEditor.scss": {
       "import": "./dist/text-editor.scss"
+    },
+    "./tabPanel.scss": {
+      "import": "./dist/tab-panel.scss"
+    },
+    "./widget.scss": {
+      "import": "./dist/widget.scss"
     }
   },
   "scripts": {
@@ -40,6 +50,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.6",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
     "next": "^14.2.7",
     "react": "^18",
     "react-dom": "^18"