@gemafajarramadhan/dynamic-ui 1.3.85 → 1.3.87

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import type { DefineComponent, Plugin, App } from 'vue'
+import type { ChartData, ChartOptions } from 'chart.js'
 
 export interface DynamicUIApiConfig {
     externalApi: any
@@ -14,6 +15,50 @@ export const CardSummary: DefineComponent<{
     delay?: number
 }>
 
+export const DashboardActivityCard: DefineComponent<{
+    title: string
+    description: string
+    years: number[]
+    modelValue: number
+    data: ChartData<'bar'>
+    options?: ChartOptions<'bar'>
+    loading?: boolean
+    theme?: 'light' | 'dark'
+}>
+
+export interface DashboardInsightItem {
+    id: string | number
+    count: number
+    title: string
+    description: string
+    tone: 'primary' | 'warning' | 'danger'
+    route?: string | Record<string, unknown>
+}
+
+export const DashboardInsightsCard: DefineComponent<{
+    title: string
+    description: string
+    items: DashboardInsightItem[]
+    loading?: boolean
+    skeletonCount?: number
+}>
+
+export interface DashboardFeatureItem {
+    id: string | number
+    category: string
+    releaseDate: string
+    title: string
+    description: string
+}
+
+export const DashboardFeaturesCard: DefineComponent<{
+    title: string
+    description: string
+    items: DashboardFeatureItem[]
+    loading?: boolean
+    skeletonCount?: number
+}>
+
 export const DynamicFormField: DefineComponent<{
     field: {
         key: string;
@@ -446,6 +491,22 @@ export const DCodeSwitch: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeSegment: DefineComponent<{
+    modelValue?: string | number
+    label?: string
+    title?: string
+    required?: boolean
+    disabled?: boolean
+    readonly?: boolean
+    size?: 'small' | 'medium' | 'large'
+    color?: string
+    layout?: 'default' | 'icon-only' | 'icon-bottom' | 'icon-start' | 'icon-end'
+    options?: { label?: string; value: string | number; icon?: string; disabled?: boolean }[]
+    id?: string
+    skeleton?: boolean
+    [key: string]: any
+}>
+
 export const DCodeTextField: DefineComponent<{
     modelValue?: string | number | null
     label?: string
@@ -467,6 +528,27 @@ export const DCodeTextField: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeMapField: DefineComponent<{
+    modelValue?: any
+    valueFormat?: 'object-lat-lng' | 'object-latitude-longitude' | 'array-lat-lng' | 'array-lng-lat' | 'string'
+    label?: string
+    placeholder?: string
+    disabled?: boolean
+    readonly?: boolean
+    visible?: boolean
+    skeleton?: boolean
+    error?: string | null
+    height?: string
+    zoom?: number
+    defaultLat?: number
+    defaultLng?: number
+    enableSearch?: boolean
+    enableCurrentLocation?: boolean
+    enableManualInput?: boolean
+    [key: string]: any
+}>
+
+
 export const DCodeTextarea: DefineComponent<{
     modelValue?: string | null
     label?: string
@@ -478,6 +560,19 @@ export const DCodeTextarea: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeTextEditor: DefineComponent<{
+    modelValue?: string | null
+    label?: string
+    error?: string | null
+    disabled?: boolean
+    readonly?: boolean
+    visible?: boolean
+    skeleton?: boolean
+    placeholder?: string
+    height?: string
+    [key: string]: any
+}>
+
 export const DCodeTimelineWithIcons: DefineComponent<{
     items?: any[]
     apiUrl?: string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemafajarramadhan/dynamic-ui",
-  "version": "1.3.85",
+  "version": "1.3.87",
   "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
   "type": "module",
   "license": "MIT",
@@ -80,6 +80,7 @@
     }
   },
   "dependencies": {
+    "@ckeditor/ckeditor5-vue": "^8.1.1",
     "@fontsource/geist-mono": "^5.2.7",
     "@fontsource/geist-sans": "^5.2.5",
     "@jamescoyle/vue-icon": "^0.1.2",
@@ -90,10 +91,12 @@
     "@vuepic/vue-datepicker": "^12.0.0",
     "@vueuse/core": "^14.2.1",
     "chart.js": "^4.5.1",
+    "ckeditor5": "^48.2.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "currency.js": "^2.0.4",
     "json-logic-js": "^2.0.5",
+    "leaflet": "^1.9.4",
     "lucide-vue-next": "^0.575.0",
     "reka-ui": "^2.8.0",
     "tailwind-merge": "^3.5.0",
@@ -107,6 +110,7 @@
   },
   "devDependencies": {
     "@types/json-logic-js": "^2.0.8",
+    "@types/leaflet": "^1.9.21",
     "@types/node": "^25.0.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "autoprefixer": "^10.4.19",

package/src/index.d.ts

@@ -1,4 +1,5 @@
 import type { DefineComponent, Plugin, App } from 'vue'
+import type { ChartData, ChartOptions } from 'chart.js'
 
 export interface DynamicUIApiConfig {
     externalApi: any
@@ -14,6 +15,50 @@ export const CardSummary: DefineComponent<{
     delay?: number
 }>
 
+export const DashboardActivityCard: DefineComponent<{
+    title: string
+    description: string
+    years: number[]
+    modelValue: number
+    data: ChartData<'bar'>
+    options?: ChartOptions<'bar'>
+    loading?: boolean
+    theme?: 'light' | 'dark'
+}>
+
+export interface DashboardInsightItem {
+    id: string | number
+    count: number
+    title: string
+    description: string
+    tone: 'primary' | 'warning' | 'danger'
+    route?: string | Record<string, unknown>
+}
+
+export const DashboardInsightsCard: DefineComponent<{
+    title: string
+    description: string
+    items: DashboardInsightItem[]
+    loading?: boolean
+    skeletonCount?: number
+}>
+
+export interface DashboardFeatureItem {
+    id: string | number
+    category: string
+    releaseDate: string
+    title: string
+    description: string
+}
+
+export const DashboardFeaturesCard: DefineComponent<{
+    title: string
+    description: string
+    items: DashboardFeatureItem[]
+    loading?: boolean
+    skeletonCount?: number
+}>
+
 export const DynamicFormField: DefineComponent<{
     field: {
         key: string;
@@ -446,6 +491,22 @@ export const DCodeSwitch: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeSegment: DefineComponent<{
+    modelValue?: string | number
+    label?: string
+    title?: string
+    required?: boolean
+    disabled?: boolean
+    readonly?: boolean
+    size?: 'small' | 'medium' | 'large'
+    color?: string
+    layout?: 'default' | 'icon-only' | 'icon-bottom' | 'icon-start' | 'icon-end'
+    options?: { label?: string; value: string | number; icon?: string; disabled?: boolean }[]
+    id?: string
+    skeleton?: boolean
+    [key: string]: any
+}>
+
 export const DCodeTextField: DefineComponent<{
     modelValue?: string | number | null
     label?: string
@@ -467,6 +528,27 @@ export const DCodeTextField: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeMapField: DefineComponent<{
+    modelValue?: any
+    valueFormat?: 'object-lat-lng' | 'object-latitude-longitude' | 'array-lat-lng' | 'array-lng-lat' | 'string'
+    label?: string
+    placeholder?: string
+    disabled?: boolean
+    readonly?: boolean
+    visible?: boolean
+    skeleton?: boolean
+    error?: string | null
+    height?: string
+    zoom?: number
+    defaultLat?: number
+    defaultLng?: number
+    enableSearch?: boolean
+    enableCurrentLocation?: boolean
+    enableManualInput?: boolean
+    [key: string]: any
+}>
+
+
 export const DCodeTextarea: DefineComponent<{
     modelValue?: string | null
     label?: string
@@ -478,6 +560,19 @@ export const DCodeTextarea: DefineComponent<{
     [key: string]: any
 }>
 
+export const DCodeTextEditor: DefineComponent<{
+    modelValue?: string | null
+    label?: string
+    error?: string | null
+    disabled?: boolean
+    readonly?: boolean
+    visible?: boolean
+    skeleton?: boolean
+    placeholder?: string
+    height?: string
+    [key: string]: any
+}>
+
 export const DCodeTimelineWithIcons: DefineComponent<{
     items?: any[]
     apiUrl?: string