@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/src/definitions/elements/ComponentsElement.ts

@@ -1,149 +0,0 @@
-import type {
-  BaseElement,
-  EditConfig,
-  ElementMetadata,
-} from "@/definitions/shared/base"
-
-/**
- * Variants of the `components` element type. Each value here maps 1:1 to a
- * Vue file under `src/elements/components/` via the engine's registry.
- *
- * The v2 portal does not ship a `Definitions/CardElements/ComponentsElement.ts`
- * — these styles are inferred from `Mod/v2/CardElements/Components/*.vue`
- * (IconBadge, IconPicker).
- */
-export type ComponentsStyle = "icon-badge" | "icon-picker"
-
-/** Sizes accepted by IconBadge. Mirrors the Vue component's prop union. */
-export type ComponentsSize = "xs" | "sm" | "md" | "lg" | "xl" | string | number
-
-export interface ComponentsElement
-  extends BaseElement<`components.${ComponentsStyle}`> {
-  name?: string | null
-  label?: string
-  /** For `icon-badge`: icon identifier (FontAwesome / lucide name). */
-  icon?: string
-  /** For `icon-badge`: size token or px value. */
-  size?: ComponentsSize
-  /**
-   * For `icon-badge`: colour token. Matches the GxP palette
-   * (`primary`, `secondary`, `success`, `danger`, `warning`, `info`, ...).
-   */
-  color?: string
-  /** For `icon-picker`: which icon library to pick from ("icons", "emoji", ...). */
-  iconLibrary?: string
-  /** For `icon-picker`: pre-filter the available icons by style. */
-  iconStyle?: string
-}
-
-export const ComponentsElementDefaults = {
-  type: "components.icon-badge",
-  size: "md",
-  color: "primary",
-  columns: 12,
-  columnsSm: 12,
-  columnsMd: 12,
-  columnsLg: 12,
-  columnsXl: 12,
-} as const satisfies Partial<ComponentsElement>
-
-export const ComponentsElementMetadata = {
-  icon: "shapes",
-  displayLabel: "Component",
-  elementCategory: "components",
-  description:
-    "Reusable presentation components: icon badges and icon pickers.",
-} as const satisfies ElementMetadata
-
-export const ComponentsElementEditConfig = {
-  label: {
-    type: "input.text",
-    defaultValue: "",
-    label: "Label",
-    columnsMd: 6,
-    columns: 12,
-    section: "configuration",
-  },
-  name: {
-    type: "picker.data-model",
-    defaultValue: "",
-    label: "Name",
-    columns: 12,
-    section: "advanced",
-  },
-  style: {
-    type: "option-select.select",
-    defaultValue: "icon-badge",
-    label: "Component Style",
-    columns: 12,
-    section: "layout",
-    selectOptions: [
-      { label: "Icon Badge", value: "icon-badge" },
-      { label: "Icon Picker", value: "icon-picker" },
-    ],
-  },
-  icon: {
-    type: "picker.icon",
-    label: "Icon",
-    columns: 12,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }],
-  },
-  size: {
-    type: "option-select.select",
-    defaultValue: "md",
-    label: "Size",
-    columns: 6,
-    section: "layout",
-    selectOptions: [
-      { label: "XS", value: "xs" },
-      { label: "Small", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Large", value: "lg" },
-      { label: "XL", value: "xl" },
-    ],
-    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }],
-  },
-  color: {
-    type: "option-select.select",
-    defaultValue: "primary",
-    label: "Color",
-    columns: 6,
-    section: "layout",
-    selectOptions: [
-      { label: "Primary", value: "primary" },
-      { label: "Secondary", value: "secondary" },
-      { label: "Success", value: "success" },
-      { label: "Danger", value: "danger" },
-      { label: "Warning", value: "warning" },
-      { label: "Info", value: "info" },
-      { label: "Light", value: "light" },
-      { label: "Dark", value: "dark" },
-    ],
-    conditionParams: [{ name: "style", logic: "==", value: "icon-badge" }],
-  },
-  iconLibrary: {
-    type: "option-select.select",
-    defaultValue: "icons",
-    label: "Icon Library",
-    columns: 6,
-    section: "configuration",
-    selectOptions: [
-      { label: "Icons", value: "icons" },
-      { label: "Emoji", value: "emoji" },
-    ],
-    conditionParams: [{ name: "style", logic: "==", value: "icon-picker" }],
-  },
-  iconStyle: {
-    type: "input.text",
-    label: "Icon Style Filter",
-    columns: 6,
-    section: "configuration",
-    conditionParams: [{ name: "style", logic: "==", value: "icon-picker" }],
-  },
-} as const satisfies EditConfig
-
-export const ComponentsStyleMetadataMap: Partial<Record<ComponentsStyle, { displayLabel: string; description: string }>> = {
-  "icon-badge": { displayLabel: "Icon Badge", description: "A coloured icon badge for status indicators or avatars." },
-  "icon-picker": { displayLabel: "Icon Picker", description: "A searchable picker that returns a chosen icon identifier." },
-}