@djangocfg/layouts 1.2.47 → 1.2.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +5 -5
  2. package/src/layouts/AppLayout/components/PackageVersions/packageVersions.config.ts +8 -8
  3. package/src/layouts/UILayout/config/components/forms.config.tsx +37 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djangocfg/layouts",
3
- "version": "1.2.47",
3
+ "version": "1.2.48",
4
4
  "description": "Layout system and components for Unrealon applications",
5
5
  "author": {
6
6
  "name": "DjangoCFG",
@@ -63,9 +63,9 @@
63
63
  "check": "tsc --noEmit"
64
64
  },
65
65
  "peerDependencies": {
66
- "@djangocfg/api": "^1.2.47",
67
- "@djangocfg/og-image": "^1.2.47",
68
- "@djangocfg/ui": "^1.2.47",
66
+ "@djangocfg/api": "^1.2.48",
67
+ "@djangocfg/og-image": "^1.2.48",
68
+ "@djangocfg/ui": "^1.2.48",
69
69
  "@hookform/resolvers": "^5.2.0",
70
70
  "consola": "^3.4.2",
71
71
  "lucide-react": "^0.468.0",
@@ -86,7 +86,7 @@
86
86
  "vidstack": "0.6.15"
87
87
  },
88
88
  "devDependencies": {
89
- "@djangocfg/typescript-config": "^1.2.47",
89
+ "@djangocfg/typescript-config": "^1.2.48",
90
90
  "@types/node": "^24.7.2",
91
91
  "@types/react": "19.2.2",
92
92
  "@types/react-dom": "19.2.1",
package/src/layouts/AppLayout/components/PackageVersions/packageVersions.config.ts CHANGED
@@ -16,36 +16,36 @@ export interface PackageInfo {
16
16
  /**
17
17
  * Package versions registry
18
18
  * Auto-synced from package.json files
19
- * Last updated: 2025-11-20T16:20:04.792Z
19
+ * Last updated: 2025-11-20T17:19:40.883Z
20
20
  */
21
21
  const PACKAGE_VERSIONS: PackageInfo[] = [
22
22
  {
23
23
  "name": "@djangocfg/ui",
24
- "version": "1.2.47"
24
+ "version": "1.2.48"
25
25
  },
26
26
  {
27
27
  "name": "@djangocfg/api",
28
- "version": "1.2.47"
28
+ "version": "1.2.48"
29
29
  },
30
30
  {
31
31
  "name": "@djangocfg/layouts",
32
- "version": "1.2.47"
32
+ "version": "1.2.48"
33
33
  },
34
34
  {
35
35
  "name": "@djangocfg/markdown",
36
- "version": "1.2.47"
36
+ "version": "1.2.48"
37
37
  },
38
38
  {
39
39
  "name": "@djangocfg/og-image",
40
- "version": "1.2.47"
40
+ "version": "1.2.48"
41
41
  },
42
42
  {
43
43
  "name": "@djangocfg/eslint-config",
44
- "version": "1.2.47"
44
+ "version": "1.2.48"
45
45
  },
46
46
  {
47
47
  "name": "@djangocfg/typescript-config",
48
- "version": "1.2.47"
48
+ "version": "1.2.48"
49
49
  }
50
50
  ];
51
51
 
package/src/layouts/UILayout/config/components/forms.config.tsx CHANGED
@@ -21,6 +21,7 @@ import {
21
21
  Switch,
22
22
  Slider,
23
23
  Combobox,
24
+ MultiSelect,
24
25
  InputOTP,
25
26
  InputOTPGroup,
26
27
  InputOTPSlot,
@@ -354,6 +355,42 @@ export const FORM_COMPONENTS: ComponentConfig[] = [
354
355
  />
355
356
  ),
356
357
  },
358
+ {
359
+ name: 'MultiSelect',
360
+ category: 'forms',
361
+ description: 'Multi-select dropdown with badges and search functionality',
362
+ importPath: "import { MultiSelect } from '@djangocfg/ui';",
363
+ example: `<MultiSelect
364
+ options={[
365
+ { value: "react", label: "React", description: "A JavaScript library for building user interfaces" },
366
+ { value: "vue", label: "Vue", description: "The Progressive JavaScript Framework" },
367
+ { value: "angular", label: "Angular", description: "Platform for building web applications" },
368
+ { value: "svelte", label: "Svelte", description: "Cybernetically enhanced web apps" },
369
+ { value: "next", label: "Next.js", description: "The React Framework for Production" },
370
+ ]}
371
+ placeholder="Select frameworks..."
372
+ searchPlaceholder="Search frameworks..."
373
+ emptyText="No framework found."
374
+ maxDisplay={2}
375
+ onChange={(value) => console.log('Selected:', value)}
376
+ />`,
377
+ preview: (
378
+ <MultiSelect
379
+ options={[
380
+ { value: "react", label: "React", description: "A JavaScript library for building user interfaces" },
381
+ { value: "vue", label: "Vue", description: "The Progressive JavaScript Framework" },
382
+ { value: "angular", label: "Angular", description: "Platform for building web applications" },
383
+ { value: "svelte", label: "Svelte", description: "Cybernetically enhanced web apps" },
384
+ { value: "next", label: "Next.js", description: "The React Framework for Production" },
385
+ ]}
386
+ placeholder="Select frameworks..."
387
+ searchPlaceholder="Search frameworks..."
388
+ emptyText="No framework found."
389
+ maxDisplay={2}
390
+ className="w-[300px]"
391
+ />
392
+ ),
393
+ },
357
394
  {
358
395
  name: 'InputOTP',
359
396
  category: 'forms',