impaktapps-ui-builder 1.0.0 → 1.0.1

package/utils/colorBuilder/index.ts

@@ -1,146 +0,0 @@
-
-const globalColorNormal: Map<string, string> = new Map([
-    ["white-01", "#ffffff"],
-    ["white-02", "#ffffff"],
-    ["white-03", "#ffffff"],
-    ["white-04", "#ffffff"],
-    ["white-05", "#ffffff"],
-    ["white-06", "#fff3"],
-    ["white-07", "#ffffff"],
-    ["white-08", "#ffffff"],
-    ["white-09", "#ffffff"],
-
-    ["gray-01", "#000000"],
-    ["gray-02", "#1f1f1f"],
-    ["gray-03", "#5c5c5c"],
-    ["gray-04", "#999999"],
-    ["gray-05", "#c2c2c2"],
-    ["gray-06", "#d6d6d6"],
-    ["gray-07", "#e0e0e0"],
-    ["gray-08", "#ebebeb"],
-    ["gray-09", "#f5f5f5"],
-
-    ["grayBlue-01", "#0b0c0f"],
-    ["grayBlue-02", "#1d2129"],
-    ["grayBlue-03", "#787e85"],
-    ["grayBlue-04", "#a9aeb8"],
-    ["grayBlue-05", "#bbc0c9"],
-    ["grayBlue-06", "#c9cdd4"],
-    ["grayBlue-07", "#dadee5"],
-    ["grayBlue-08", "#e5e6eb"],
-    ["grayBlue-09", "#f2f3f5"],
-
-    ["techPurple-n-01", "#100974"],
-    ["techPurple-01", "#26189c"],
-    ["techPurple-02", "#422ec4"],
-    ["techPurple-03", "#654aec"],
-    ["techPurple-04", "#8368f0"],
-    ["techPurple-05", "#a087f4"],
-    ["techPurple-06", "#bca6f7"],
-    ["techPurple-07", "#d6c7fb"],
-    ["techPurple-08", "#f0e8ff"],
-
-    ["techPink-n-01", "#790a5a"],
-    ["techPink-01", "#a61d7a"],
-    ["techPink-02", "#d2369c"],
-    ["techPink-03", "#ff58be"],
-    ["techPink-04", "#ff75c5"],
-    ["techPink-05", "#ff92ce"],
-    ["techPink-06", "#ffaed8"],
-    ["techPink-07", "#ffcbe4"],
-    ["techPink-08", "#ffe8f2"],
-
-    ["blackAlpha-01", "#000000e0"],
-    ["blackAlpha-02", "#000000e6"],
-    ["blackAlpha-03", "#000000bf"],
-    ["blackAlpha-04", "#00000080"],
-    ["blackAlpha-05", "#0000004d"],
-    ["blackAlpha-06", "#00000033"],
-    ["blackAlpha-07", "#00000029"],
-    ["blackAlpha-08", "#00000014"],
-    ["blackAlpha-09", "#0000000a"],
-
-    ["blue-n-01", "#042379"],
-    ["blue-01", "#0a39a6"],
-    ["blue-02", "#1353d2"],
-    ["blue-03", "#1e6fff"],
-    ["blue-04", "#4690ff"],
-    ["blue-05", "#6aa1ff"],
-    ["blue-06", "#94bfff"],
-    ["blue-07", "#bedaff"],
-    ["blue-08", "#e8f4ff"],
-
-    ["purple-n-01", "#2a0874"],
-    ["purple-01", "#44159b"],
-    ["purple-02", "#6227c3"],
-    ["purple-03", "#863eea"],
-    ["purple-04", "#9f5eee"],
-    ["purple-05", "#b77ff2"],
-    ["purple-06", "#cda1f7"],
-    ["purple-07", "#e2c4fb"],
-    ["purple-08", "#f5e8ff"],
-
-    ["red-n-01", "#770813"],
-    ["red-01", "#a1151e"],
-    ["red-02", "#cb272d"],
-    ["red-03", "#f53f3f"],
-    ["red-04", "#f76560"],
-    ["red-05", "#f98981"],
-    ["red-06", "#fbaca3"],
-    ["red-07", "#fdcdc5"],
-    ["red-08", "#ffece8"],
-
-    ["green-n-01", "#02672d"],
-    ["green-01", "#048136"],
-    ["green-02", "#079c3e"],
-    ["green-03", "#0bb645"],
-    ["green-04", "#2dc55b"],
-    ["green-05", "#55d376"],
-    ["green-06", "#81e297"],
-    ["green-07", "#b2f0be"],
-    ["green-08", "#e8ffec"],
-
-    ["yellow-n-01", "#795d00"],
-    ["yellow-01", "#a68501"],
-    ["yellow-02", "#d2b002"],
-    ["yellow-03", "#f8b804"],
-    ["yellow-04", "#ffea32"],
-    ["yellow-05", "#fff45f"],
-    ["yellow-06", "#fffb8d"],
-    ["yellow-07", "#ffffba"],
-    ["yellow-08", "#fdffd6"],
-
-    ["orange-n-01", "#792e00"],
-    ["orange-01", "#a64500"],
-    ["orange-02", "#d25f00"],
-    ["orange-03", "#ff7d00"],
-    ["orange-04", "#ff9a2e"],
-    ["orange-05", "#ffb65d"],
-    ["orange-06", "#ffcf8b"],
-    ["orange-07", "#ffe4ba"],
-    ["orange-08", "#fff7e8"],
-
-    ["cyan-n-01", "#045677"],
-    ["cyan-01", "#0c7ca1"],
-    ["cyan-02", "#16a4cc"],
-    ["cyan-03", "#24d1f6"],
-    ["cyan-04", "#4adef8"],
-    ["cyan-05", "#71eafa"],
-    ["cyan-06", "#98f3fb"],
-    ["cyan-07", "#c0fafd"],
-    ["cyan-08", "#e8ffff"],
-
-    ["brand-01", "#654aecff"],
-    ["brand-02", "#ff58beff"],
-])
-
-export function globalColor(key: string): string {
-    if (key == "transparent") {
-        return "transparent"
-    }
-    return globalColorNormal.get(key) ?? ""
-}
-
-export function hasGlobalColor(key: string): boolean {
-    return globalColorNormal.has(key)
-}

package/utils/componentNode/buildTree.ts

@@ -1,62 +0,0 @@
-import { ComponentMapNode } from "../generators/interface"
-
-export interface NeedBuildNode {
-  displayName: string
-  $parentNode: string
-  $childrenNode: string[]
-  [key: string]: unknown
-}
-
-interface BuildedNode {
-  displayName: string
-  $parentNode: string
-  $childrenNode: BuildedNode[]
-  [key: string]: unknown
-}
-
-export function buildForest(
-  nodes: NeedBuildNode[],
-  layoutInfos: Record<string, ComponentMapNode>,
-): BuildedNode[] {
-  const builtNodes: { [key: string]: BuildedNode } = {}
-  const calcContext: Record<string, NeedBuildNode> = {}
-  const needBuildNode = nodes.map((node) => {
-    const mixedNode = {
-      ...node,
-      $parentNode: layoutInfos[node.displayName].parentNode,
-      $childrenNode: layoutInfos[node.displayName].childrenNode,
-    }
-    calcContext[node.displayName] = mixedNode
-    return mixedNode
-  })
-
-  function buildNode(node: NeedBuildNode): BuildedNode {
-    if (builtNodes[node.displayName]) {
-      return builtNodes[node.displayName]
-    }
-
-    const children: BuildedNode[] = (node.$childrenNode || []).map(
-      (childName) => {
-        const childNode = calcContext[childName]
-        return buildNode(childNode)
-      },
-    )
-
-    const builtNode: BuildedNode = {
-      ...node,
-      displayName: node.displayName,
-      $parentNode: node.$parentNode,
-      $childrenNode: children
-    }
-
-    builtNodes[node.displayName] = builtNode
-
-    return builtNode
-  }
-
-  const forest: BuildedNode[] = needBuildNode
-    .filter((node) => !calcContext[node.$parentNode])
-    .map((rootNode) => buildNode(rootNode))
-
-  return forest
-}

package/utils/componentNode/changeDisplayNameHelper.ts

@@ -1,22 +0,0 @@
-// import { ComponentNode } from "@/redux/currentApp/editor/components/componentsState"
-import {  ComponentTreeNode } from "@/redux/currentApp/components/componentsState"
-import { DisplayNameGenerator } from "@/utils/generators/generateDisplayName"
-
-
-export const changeDisplayNameHelperWhenUndoRedo = (node: ComponentTreeNode) => {
-  const newDisplayName = DisplayNameGenerator.updateOrGenerateDisplayName(
-    node.displayName,
-  )
-
-  node.displayName = newDisplayName
-
-  const childrenNode =
-    node.childrenNode?.map((item) => {
-      item.parentNode = newDisplayName
-      return changeDisplayNameHelperWhenUndoRedo(item)
-    }) ?? []
-
-  node.childrenNode = childrenNode
-
-  return node
-}

package/utils/componentNode/copyHelper.ts

@@ -1 +0,0 @@
-

package/utils/componentNode/flatTree.ts

@@ -1,59 +0,0 @@
-import { ComponentMapNode, ComponentTreeNode } from "../generators/interface"
-
-export const flatTreeToMap = (componentNode: ComponentTreeNode) => {
-  const map: Record<string, ComponentMapNode> = {}
-  const flatTree = (node: ComponentTreeNode) => {
-    map[node.displayName] = {
-      ...node,
-      childrenNode: Array.isArray(node.childrenNode)
-        ? node.childrenNode.map((childNode) => childNode.displayName)
-        : [],
-    }
-    if (!Array.isArray(node.childrenNode)) {
-      node.childrenNode = []
-    }
-    node.childrenNode.forEach((childNode) => {
-      flatTree(childNode)
-    })
-  }
-  flatTree(componentNode)
-  return map
-}
-
-export const transTreeToMap = (componentNode: ComponentTreeNode) => {
-  const map = flatTreeToMap(componentNode)
-  return map[componentNode.displayName]
-}
-
-export function buildTreeByMapNode(
-  rootNodeDisplayName: string = "root",
-  nodes: Record<string, ComponentMapNode> 
-) {
-  const builtNodes: { [key: string]: ComponentTreeNode } = {}
-
-  function buildNode(node: ComponentMapNode): ComponentTreeNode {
-    if (builtNodes[node.displayName]) {
-      return builtNodes[node.displayName]
-    }
-
-    const children: ComponentTreeNode[] = (node.childrenNode || []).map(
-      (childName) => {
-        const childNode = nodes[childName]
-        return buildNode(childNode)
-      },
-    )
-
-    const builtNode: ComponentTreeNode = {
-      ...node,
-      childrenNode: children,
-    }
-
-    builtNodes[node.displayName] = builtNode
-
-    return builtNode
-  }
-
-  const rootNode = nodes[rootNodeDisplayName]
-
-  return buildNode(rootNode)
-}

package/utils/componentNode/search.ts

@@ -1,30 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// import {
-//   DEFAULT_ASIDE_COLUMNS_NUMBER,
-//   DEFAULT_BODY_COLUMNS_NUMBER,
-// } from "@/page/App/components/DotPanel/constant/canvas"
-// import { WidgetLayoutInfo } from "@/redux/currentApp/layoutInfo/layoutInfoState"
-type WidgetLayoutInfo = any;
-import { DEFAULT_ASIDE_COLUMNS_NUMBER, DEFAULT_BODY_COLUMNS_NUMBER } from "../basicConfig"
-
-
-
-export const getCurrentSectionColumnNumberByChildDisplayName = (
-  displayName: string,
-  store:any
-): number => {
-return DEFAULT_BODY_COLUMNS_NUMBER  
-  
-}
-
-export function searchParent(
-  displayName: string,
-  widgetLayoutInfo: Record<string, WidgetLayoutInfo>,
-): string[] {
-  const parent = widgetLayoutInfo[displayName]?.parentNode
-  if (parent) {
-    return [parent, ...searchParent(parent, widgetLayoutInfo)]
-  }
-  return []
-}

package/utils/configProvider/config-provider-context.tsx

@@ -1,10 +0,0 @@
-import { ConfigProviderProps } from "./interface"
-
-import { createContext } from "react"
-import { def } from "./locale/def"
-
-export const ConfigProviderContext = createContext<ConfigProviderProps>({
-  locale: def,
-} as ConfigProviderProps)
-
-ConfigProviderContext.displayName = "ConfigProviderContext"

package/utils/configProvider/config-provider.tsx

@@ -1,18 +0,0 @@
-import { FC, useEffect } from "react"
-import { ConfigProviderProps } from "./interface"
-import { ConfigProviderContext } from "./config-provider-context"
-import { setConfigProviderProps } from "./config"
-
-export const ConfigProvider: FC<ConfigProviderProps> = (props) => {
-  const { locale } = props
-  useEffect(() => {
-    setConfigProviderProps({ locale })
-  }, [locale])
-  return (
-    <ConfigProviderContext.Provider value={{ locale }}>
-      {props.children}
-    </ConfigProviderContext.Provider>
-  )
-}
-
-ConfigProvider.displayName = "ConfigProvider"

package/utils/configProvider/config.tsx

@@ -1,15 +0,0 @@
-import { ConfigProviderProps } from "./interface"
-
-let configProvider: ConfigProviderProps = {}
-
-export function setConfigProviderProps(
-  configProviderProps: ConfigProviderProps,
-) {
-  configProvider = {
-    ...configProviderProps,
-  }
-}
-
-export function getConfigProviderProps() {
-  return configProvider
-}

package/utils/configProvider/index.ts

@@ -1,9 +0,0 @@
-export * from "./config-provider"
-export * from "./interface"
-export * from "./config-provider-context"
-export * from "./config"
-
-// locale
-export * from "./locale/def"
-export * from "./locale/en-US"
-

package/utils/configProvider/interface.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from "react"
-
-export interface ConfigProviderProps {
-  children?: ReactNode
-  locale?: Locale
-}
-
-export interface Locale {
-  typography: Record<string, string>
-  timePicker: Record<string, string | string[]>
-  popover: Record<string, string>
-  empty: Record<string, string>
-  pagination: Record<string, string>
-  upload: Record<string, string>
-  popConfirm: Record<string, string>
-  calendar: Record<string, string>
-  modal: Record<string, string>
-  drawer: Record<string, string>
-  datePicker: Record<string, string>
-}

package/utils/configProvider/locale/def.tsx

@@ -1,3 +0,0 @@
-import { enUS } from "./en-US"
-
-export const def = enUS

package/utils/configProvider/locale/en-US.tsx

@@ -1,107 +0,0 @@
-import { Locale } from "../interface"
-
-export const enUS = {
-  typography: {
-    copiedToolTip: "Copied",
-    copyToolTip: "Copy",
-    expandLabel: "Expand",
-  },
-  timePicker: {
-    ok: "OK",
-    placeholder: "Select time",
-    placeholders: ["Start time", "End time"],
-    now: "Now",
-  },
-  popover: {
-    close: "Close",
-  },
-  empty: {
-    noData: "No data",
-  },
-  pagination: {
-    total: "Total {0}",
-    page: "Page",
-    go: "Go to ",
-  },
-  upload: {
-    start: "Start",
-    cancel: "Cancel",
-    upload: "Upload",
-    delete: "Delete",
-    preview: "Preview",
-    retry: "Click to retry",
-    dragTip: "Drag and drop the file",
-    selectFile: "Select File",
-    beginUpload: "Upload File",
-    error: "Failed",
-  },
-  popConfirm: {
-    confirm: "Confirm",
-    cancel: "Cancel",
-  },
-  calendar: {
-    year: "Year",
-    month: "Month",
-    day: "Day",
-    today: "today",
-    week: "Week",
-    Monday: "Mon",
-    Tuesday: "Tue",
-    Wednesday: "Wed",
-    Thursday: "Thu",
-    Friday: "Fri",
-    Saturday: "Sat",
-    Sunday: "Sun",
-    January: "Jan",
-    February: "Feb",
-    March: "Mar",
-    April: "Apr",
-    May: "May",
-    June: "Jun",
-    July: "Jul",
-    August: "Aug",
-    September: "Sep",
-    October: "Oct",
-    November: "Nov",
-    December: "Dec",
-    startDate: "StartDate",
-    endDate: "EndDate",
-  },
-  datePicker: {
-    year: "Year",
-    month: "Month",
-    day: "Day",
-    today: "Today",
-    week: "Week",
-    Monday: "Mon",
-    Tuesday: "Tue",
-    Wednesday: "Wed",
-    Thursday: "Thu",
-    Friday: "Fri",
-    Saturday: "Sat",
-    Sunday: "Sun",
-    January: "January",
-    February: "February",
-    March: "March",
-    April: "April",
-    May: "May",
-    June: "June",
-    July: "July",
-    August: "August",
-    September: "September",
-    October: "October",
-    November: "November",
-    December: "December",
-    okText: "OK",
-    nowText: "Now",
-    timeText: "Time",
-  },
-  modal: {
-    okText: "OK",
-    cancelText: "Cancel",
-  },
-  drawer: {
-    okText: "OK",
-    cancelText: "Cancel",
-  },
-} as Locale

package/utils/configProvider/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/utils/converter.ts

@@ -1,74 +0,0 @@
-import { isDynamicStringSnippet, isLikInt } from "./helper"
-
-export const getStringSnippets = (dynamicString: string): string[] => {
-  let stringSnippets: string[] = []
-  const indexOfDoubleParenStart = dynamicString.indexOf("{{")
-  if (indexOfDoubleParenStart === -1) {
-    return [dynamicString]
-  }
-  const firstString = dynamicString.substring(0, indexOfDoubleParenStart)
-  if (firstString) stringSnippets.push(firstString)
-  let rest = dynamicString.substring(
-    indexOfDoubleParenStart,
-    dynamicString.length,
-  )
-  let sum = 0
-  for (let i = 0; i <= rest.length - 1; i++) {
-    const char = rest[i]
-    const prevChar = rest[i - 1]
-
-    if (char === "{") {
-      sum++
-    } else if (char === "}") {
-      sum--
-      if (prevChar === "}" && sum === 0) {
-        stringSnippets.push(rest.substring(0, i + 1))
-        rest = rest.substring(i + 1, rest.length)
-        if (rest) {
-          stringSnippets = stringSnippets.concat(getStringSnippets(rest))
-          break
-        }
-      }
-    }
-  }
-  if (sum !== 0 && dynamicString !== "") {
-    return [dynamicString]
-  }
-  return stringSnippets
-}
-
-export const getSnippets = (
-  dynamicString: string,
-): { stringSnippets: string[]; jsSnippets: string[] } => {
-  if (!dynamicString || typeof dynamicString !== "string") {
-    return { stringSnippets: [], jsSnippets: [] }
-  }
-  const sanitisedString = dynamicString.trim()
-  let stringSnippets: string[], jsSnippets: string[]
-  stringSnippets = getStringSnippets(sanitisedString)
-  jsSnippets = stringSnippets.map((segment) => {
-    const length = segment.length
-    const matches = isDynamicStringSnippet(segment)
-    if (matches) {
-      return segment.substring(2, length - 2)
-    }
-    return ""
-  })
-
-  return { stringSnippets, jsSnippets }
-}
-
-export const convertPathToString = (attrPath: (string | number)[]) => {
-  let string = ""
-  attrPath.forEach((segment) => {
-    if (isLikInt(segment)) {
-      string = string + "[" + segment + "]"
-    } else {
-      if (string.length !== 0) {
-        string = string + "."
-      }
-      string = string + segment
-    }
-  })
-  return string
-}