@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/FormViewer/helpers/helpers.d.ts

@@ -1,6 +1,7 @@
 import { StepData, ThemeData } from '../types/form';
 export declare const mergeTheme: (theme: Partial<ThemeData>, updatedTheme: Partial<ThemeData>) => Partial<ThemeData>;
 export declare const sortSteps: (steps: StepData[]) => {
+    trigger: string;
     id: string;
     controls: ({
         id: string;
@@ -8,10 +9,10 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -19,25 +20,25 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        minLength?: number | undefined;
+        maxLength?: number | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
         controlType: "button";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
-        buttons?: any[] | undefined;
-        width?: number | undefined;
-        orientation?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
-        alignButton?: "center" | "end" | "start" | undefined;
+        alignButton?: "start" | "center" | "end" | undefined;
+        buttons?: any[] | undefined;
+        orientation?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        width?: number | undefined;
         enableTooltip?: boolean | undefined;
         fullWidthMobile?: boolean | undefined;
     } | {
@@ -46,30 +47,30 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
+        variableName?: string | undefined;
         minDate?: string | undefined;
         maxDate?: string | undefined;
-        variableName?: string | undefined;
     } | {
         id: string;
         controlType: "start";
-        label?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
         showIconButton?: boolean | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
         id: string;
         controlType: "confirm";
-        label?: string | undefined;
-        link?: string | undefined;
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
+        label?: string | undefined;
+        link?: string | undefined;
         buttonIcon?: string | undefined;
         showButton?: boolean | undefined;
     } | {
@@ -78,17 +79,17 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "choice";
         title?: string | undefined;
         description?: string | undefined;
@@ -97,11 +98,11 @@ export declare const sortSteps: (steps: StepData[]) => {
         showInput?: boolean | undefined;
         otherOption?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "multipleChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -113,12 +114,12 @@ export declare const sortSteps: (steps: StepData[]) => {
         minOptions?: number | undefined;
         maxOptions?: number | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
             image?: string | undefined;
         }[];
+        id: string;
         controlType: "pictureChoice";
         title?: string | undefined;
         description?: string | undefined;
@@ -127,17 +128,17 @@ export declare const sortSteps: (steps: StepData[]) => {
         variableName?: string | undefined;
         showInput?: boolean | undefined;
     } | {
-        id: string;
         options: {
-            label: string;
             id: string;
+            label: string;
         }[];
+        id: string;
         controlType: "dropdown";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -145,8 +146,8 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -154,8 +155,8 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -163,8 +164,8 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        placeholder?: string | undefined;
         required?: boolean | undefined;
+        placeholder?: string | undefined;
         variableName?: string | undefined;
     } | {
         id: string;
@@ -172,23 +173,23 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        max?: number | undefined;
-        min?: number | undefined;
         required?: boolean | undefined;
         variableName?: string | undefined;
+        min?: number | undefined;
+        max?: number | undefined;
     } | {
         id: string;
         controlType: "upload";
         title?: string | undefined;
         description?: string | undefined;
         icon?: string | undefined;
-        multiple?: boolean | undefined;
-        accept?: string[] | undefined;
         required?: boolean | undefined;
-        maxSize?: number | undefined;
-        maxFiles?: number | undefined;
         variableName?: string | undefined;
+        multiple?: boolean | undefined;
+        maxFiles?: number | undefined;
         minFiles?: number | undefined;
+        accept?: string[] | undefined;
+        maxSize?: number | undefined;
     } | {
         id: string;
         controlType: "yesNo";
@@ -205,79 +206,79 @@ export declare const sortSteps: (steps: StepData[]) => {
         title?: string | undefined;
         description?: string | undefined;
         required?: boolean | undefined;
-        count?: number | undefined;
         variableName?: string | undefined;
+        count?: number | undefined;
     })[];
-    trigger: string;
-    position?: {
-        x: number;
-        y: number;
-    } | undefined;
+    isStart?: boolean | undefined;
+    isEnd?: boolean | undefined;
+    autoSubmit?: boolean | undefined;
+    confirmLabel?: string | undefined;
     media?: {
-        video?: string | undefined;
+        layout?: "content" | "left" | "right" | "top" | "bottom" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | "background" | undefined;
+        brightness?: number | undefined;
         image?: string | undefined;
+        video?: string | undefined;
+        videoThumb?: string | undefined;
         color?: string | undefined;
         size?: number | undefined;
-        layout?: "content" | "top" | "left" | "bottom" | "right" | "background" | "fullLeft" | "fullRight" | "fullTop" | "fullBottom" | undefined;
         blur?: number | undefined;
-        brightness?: number | undefined;
-        videoThumb?: string | undefined;
     } | undefined;
+    conditions?: {
+        controlId: string;
+        operator: string;
+        trigger: string;
+        compareValue?: string | undefined;
+    }[] | undefined;
     theme?: {
-        input?: {
-            backgroundColor?: string | undefined;
-            borderColor?: string | undefined;
+        background?: {
+            brightness?: number | undefined;
+            image?: string | undefined;
+            color?: string | undefined;
+            blur?: number | undefined;
+            opacity?: number | undefined;
+            fit?: string | undefined;
+            blendMode?: string | undefined;
         } | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         title?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        size?: "sm" | "md" | "lg" | undefined;
         description?: {
             color?: string | undefined;
             fontSize?: number | undefined;
             fontWeight?: number | undefined;
             fontFamily?: string | undefined;
         } | undefined;
-        align?: "center" | "end" | "start" | undefined;
+        align?: "start" | "center" | "end" | undefined;
+        listStyle?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         primaryColor?: string | undefined;
-        background?: {
-            image?: string | undefined;
+        font?: {
             color?: string | undefined;
-            opacity?: number | undefined;
-            blur?: number | undefined;
-            brightness?: number | undefined;
-            fit?: string | undefined;
-            blendMode?: string | undefined;
+            fontSize?: number | undefined;
+            fontWeight?: number | undefined;
+            fontFamily?: string | undefined;
         } | undefined;
         container?: {
             color?: string | undefined;
+            blur?: number | undefined;
             opacity?: number | undefined;
             backgroundImage?: string | undefined;
-            blur?: number | undefined;
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
-        font?: {
-            color?: string | undefined;
-            fontSize?: number | undefined;
-            fontWeight?: number | undefined;
-            fontFamily?: string | undefined;
+        input?: {
+            backgroundColor?: string | undefined;
+            borderColor?: string | undefined;
         } | undefined;
-        listStyle?: string | undefined;
         customCSS?: string | undefined;
     } | undefined;
-    isStart?: boolean | undefined;
-    isEnd?: boolean | undefined;
-    autoSubmit?: boolean | undefined;
-    confirmLabel?: string | undefined;
-    conditions?: {
-        operator: string;
-        trigger: string;
-        controlId: string;
-        compareValue?: string | undefined;
-    }[] | undefined;
+    position?: {
+        x: number;
+        y: number;
+    } | undefined;
 }[];
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/FormViewer/helpers/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/helpers.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,UAAU,GACrB,OAAO,OAAO,CAAC,SAAS,CAAC,EACzB,cAAc,OAAO,CAAC,SAAS,CAAC,KAC/B,OAAO,CAAC,SAAS,CAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkB1C,CAAC"}

package/dist/components/FormViewer/helpers/helpers.js

@@ -0,0 +1,9 @@
+import { mergeWith as n } from "lodash-es";
+const o = (e, i) => n({}, e, i, (r, t) => {
+  if (t === void 0)
+    return r;
+}), u = (e) => [...e].sort((r, t) => r.isStart && !t.isStart ? -1 : !r.isStart && t.isStart || r.isEnd && !t.isEnd ? 1 : !r.isEnd && t.isEnd ? -1 : 0);
+export {
+  o as mergeTheme,
+  u as sortSteps
+};

package/dist/components/FormViewer/helpers/index.d.ts

@@ -5,3 +5,4 @@ export * from './validation';
 export * from './conditions';
 export * from './helpers';
 export * from './themeUtils';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FormViewer/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/components/FormViewer/helpers/slides.d.ts

@@ -1,3 +1,4 @@
 import { MotionProps } from 'framer-motion';
 import { Direction, SlideAnimation } from '../types/form';
 export declare const animations: Record<SlideAnimation, Record<Direction, MotionProps>>;
+//# sourceMappingURL=slides.d.ts.map

package/dist/components/FormViewer/helpers/slides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slides.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/slides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,cAAc,EACd,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAgC/B,CAAC"}

package/dist/components/FormViewer/helpers/slides.js

@@ -0,0 +1,35 @@
+const i = {
+  vertical: {
+    next: {
+      initial: { opacity: 0, y: 400 },
+      exit: { opacity: 0, y: -400 }
+    },
+    prev: {
+      initial: { opacity: 0, y: -400 },
+      exit: { opacity: 0, y: 400 }
+    }
+  },
+  horizontal: {
+    next: {
+      initial: { opacity: 0, x: 400 },
+      exit: { opacity: 0, x: -400 }
+    },
+    prev: {
+      initial: { opacity: 0, x: -400 },
+      exit: { opacity: 0, x: 400 }
+    }
+  },
+  none: {
+    next: {
+      initial: {},
+      exit: {}
+    },
+    prev: {
+      initial: {},
+      exit: {}
+    }
+  }
+};
+export {
+  i as animations
+};

package/dist/components/FormViewer/helpers/staticClasses.d.ts

@@ -45,3 +45,4 @@ export declare const getPageNumberClass: (pageNumber: number) => string;
  * Utility function to combine static classes with existing classes
  */
 export declare const combineClasses: (...classes: (string | undefined | null)[]) => string;
+//# sourceMappingURL=staticClasses.d.ts.map

package/dist/components/FormViewer/helpers/staticClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/helpers/staticClasses.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,KAAG,MAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,GAAG,SAAS,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,KAAG,MAE1E,CAAC"}

package/dist/components/FormViewer/helpers/staticClasses.js

@@ -0,0 +1,48 @@
+const e = "layers-", o = {
+  // Form structure
+  PAGE: `${e}page`,
+  START: `${e}start`,
+  END: `${e}end`,
+  // Navigation
+  SUBMIT_BUTTON: `${e}submit-button`,
+  // Form elements
+  REQUIRED_INDICATOR: `${e}required-indicator`,
+  VALIDATION_ERROR: `${e}validation-error`,
+  // Blocks
+  BLOCK: `${e}block`,
+  BLOCK_TEXT: `${e}block-text`,
+  BLOCK_TITLE: `${e}block-title`,
+  BLOCK_IMAGE: `${e}block-image`,
+  // Media layout specific classes
+  MEDIA_LAYOUT_CONTENT: `${e}media-layout-content`,
+  MEDIA_LAYOUT_LEFT: `${e}media-layout-left`,
+  MEDIA_LAYOUT_RIGHT: `${e}media-layout-right`,
+  MEDIA_LAYOUT_FULL_LEFT: `${e}media-layout-full-left`,
+  MEDIA_LAYOUT_FULL_RIGHT: `${e}media-layout-full-right`,
+  MEDIA_LAYOUT_BACKGROUND: `${e}media-layout-background`,
+  MEDIA_LAYOUT_TOP: `${e}media-layout-top`,
+  MEDIA_LAYOUT_BOTTOM: `${e}media-layout-bottom`,
+  MEDIA_LAYOUT_FULL_TOP: `${e}media-layout-full-top`,
+  MEDIA_LAYOUT_FULL_BOTTOM: `${e}media-layout-full-bottom`,
+  // Multiple choice
+  BLOCK_MULTIPLE_CHOICE: `${e}block-multiple-choice`,
+  MULTIPLE_CHOICE_OPTION: `${e}multiple-choice-option`,
+  MULTIPLE_CHOICE_OPTION_SELECTED: `${e}multiple-choice-option-selected`,
+  NUMBER_BADGE: `${e}number-badge`,
+  // Checkboxes
+  CHECKBOX: `${e}checkbox`,
+  CHECKBOX_SELECTED: `${e}checkbox-selected`,
+  // Radio buttons
+  RADIO: `${e}radio`,
+  RADIO_SELECTED: `${e}radio-selected`,
+  // Input fields
+  BLOCK_INPUT_TEXT: `${e}block-input-text`,
+  BLOCK_INPUT_NUMBER: `${e}block-input-number`,
+  BLOCK_INPUT_EMAIL: `${e}block-input-email`,
+  BLOCK_TEXTAREA: `${e}block-textarea`
+}, T = (t) => `${e}page-${t}`, _ = (...t) => t.filter(Boolean).join(" ");
+export {
+  o as STATIC_CLASSES,
+  _ as combineClasses,
+  T as getPageNumberClass
+};