flowstudio 0.0.29 → 0.0.31

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 (190) hide show
  1. package/dist/ai_creator.d.ts +1 -1
  2. package/dist/ai_creator.js +32 -128
  3. package/dist/ai_creator.js.map +1 -1
  4. package/dist/api_calls.d.ts +2 -0
  5. package/dist/api_calls.js +148 -0
  6. package/dist/api_calls.js.map +1 -0
  7. package/dist/app_analytics.d.ts +1 -1
  8. package/dist/app_analytics.js +75 -69
  9. package/dist/app_analytics.js.map +1 -1
  10. package/dist/app_details.d.ts +1 -1
  11. package/dist/app_details.js +25 -24
  12. package/dist/app_details.js.map +1 -1
  13. package/dist/app_layout.d.ts +2 -2
  14. package/dist/app_layout.js +4 -4
  15. package/dist/app_layout.js.map +1 -1
  16. package/dist/app_settings.d.ts +1 -1
  17. package/dist/app_settings.js +74 -7
  18. package/dist/app_settings.js.map +1 -1
  19. package/dist/bottom_left_panel.d.ts +1 -0
  20. package/dist/bottom_left_panel.js +8 -0
  21. package/dist/bottom_left_panel.js.map +1 -0
  22. package/dist/code.d.ts +1 -1
  23. package/dist/code.js +6 -2
  24. package/dist/code.js.map +1 -1
  25. package/dist/components/ftable.d.ts +13 -0
  26. package/dist/components/ftable.js +65 -0
  27. package/dist/components/ftable.js.map +1 -0
  28. package/dist/components/gsheet/index.d.ts +1 -0
  29. package/dist/components/gsheet/index.js +21 -0
  30. package/dist/components/gsheet/index.js.map +1 -0
  31. package/dist/components/mention_input/index.d.ts +18 -1
  32. package/dist/components/mention_input/index.js +203 -111
  33. package/dist/components/mention_input/index.js.map +1 -1
  34. package/dist/components/paginator_table.d.ts +1 -1
  35. package/dist/components/paginator_table.js +2 -2
  36. package/dist/components/paginator_table.js.map +1 -1
  37. package/dist/components/sheet/index.d.ts +1 -1
  38. package/dist/components/sheet/index.js +4 -2
  39. package/dist/components/sheet/index.js.map +1 -1
  40. package/dist/components/ui/alert.d.ts +8 -0
  41. package/dist/components/ui/alert.js +23 -0
  42. package/dist/components/ui/alert.js.map +1 -0
  43. package/dist/components/ui/badge.d.ts +9 -0
  44. package/dist/components/ui/badge.js +21 -0
  45. package/dist/components/ui/badge.js.map +1 -0
  46. package/dist/components/ui/button.d.ts +11 -0
  47. package/dist/components/ui/button.js +35 -0
  48. package/dist/components/ui/button.js.map +1 -0
  49. package/dist/components/ui/card.d.ts +8 -0
  50. package/dist/components/ui/card.js +17 -0
  51. package/dist/components/ui/card.js.map +1 -0
  52. package/dist/components/ui/dialog.d.ts +19 -0
  53. package/dist/components/ui/dialog.js +33 -0
  54. package/dist/components/ui/dialog.js.map +1 -0
  55. package/dist/components/ui/dropdown-menu.d.ts +27 -0
  56. package/dist/components/ui/dropdown-menu.js +46 -0
  57. package/dist/components/ui/dropdown-menu.js.map +1 -0
  58. package/dist/components/ui/form.d.ts +24 -0
  59. package/dist/components/ui/form.js +61 -0
  60. package/dist/components/ui/form.js.map +1 -0
  61. package/dist/components/ui/input-group.d.ts +16 -0
  62. package/dist/components/ui/input-group.js +65 -0
  63. package/dist/components/ui/input-group.js.map +1 -0
  64. package/dist/components/ui/input.d.ts +5 -0
  65. package/dist/components/ui/input.js +9 -0
  66. package/dist/components/ui/input.js.map +1 -0
  67. package/dist/components/ui/label.d.ts +5 -0
  68. package/dist/components/ui/label.js +10 -0
  69. package/dist/components/ui/label.js.map +1 -0
  70. package/dist/components/ui/popover.d.ts +7 -0
  71. package/dist/components/ui/popover.js +23 -0
  72. package/dist/components/ui/popover.js.map +1 -0
  73. package/dist/components/ui/scroll-area.d.ts +5 -0
  74. package/dist/components/ui/scroll-area.js +12 -0
  75. package/dist/components/ui/scroll-area.js.map +1 -0
  76. package/dist/components/ui/select.d.ts +13 -0
  77. package/dist/components/ui/select.js +37 -0
  78. package/dist/components/ui/select.js.map +1 -0
  79. package/dist/components/ui/separator.d.ts +4 -0
  80. package/dist/components/ui/separator.js +8 -0
  81. package/dist/components/ui/separator.js.map +1 -0
  82. package/dist/components/ui/sheet.d.ts +13 -0
  83. package/dist/components/ui/sheet.js +93 -0
  84. package/dist/components/ui/sheet.js.map +1 -0
  85. package/dist/components/ui/skeleton.d.ts +2 -0
  86. package/dist/components/ui/skeleton.js +7 -0
  87. package/dist/components/ui/skeleton.js.map +1 -0
  88. package/dist/components/ui/sonner.d.ts +3 -0
  89. package/dist/components/ui/sonner.js +42 -0
  90. package/dist/components/ui/sonner.js.map +1 -0
  91. package/dist/components/ui/spinner.d.ts +7 -0
  92. package/dist/components/ui/spinner.js +17 -0
  93. package/dist/components/ui/spinner.js.map +1 -0
  94. package/dist/components/ui/switch.d.ts +4 -0
  95. package/dist/components/ui/switch.js +8 -0
  96. package/dist/components/ui/switch.js.map +1 -0
  97. package/dist/components/ui/table.d.ts +10 -0
  98. package/dist/components/ui/table.js +21 -0
  99. package/dist/components/ui/table.js.map +1 -0
  100. package/dist/components/ui/tabs.d.ts +7 -0
  101. package/dist/components/ui/tabs.js +13 -0
  102. package/dist/components/ui/tabs.js.map +1 -0
  103. package/dist/components/ui/textarea.d.ts +5 -0
  104. package/dist/components/ui/textarea.js +9 -0
  105. package/dist/components/ui/textarea.js.map +1 -0
  106. package/dist/components/ui/tooltip.d.ts +7 -0
  107. package/dist/components/ui/tooltip.js +11 -0
  108. package/dist/components/ui/tooltip.js.map +1 -0
  109. package/dist/constants.js +2 -2
  110. package/dist/constants.js.map +1 -1
  111. package/dist/context.d.ts +1 -1
  112. package/dist/context.js +2 -2
  113. package/dist/context.js.map +1 -1
  114. package/dist/envs.d.ts +2 -2
  115. package/dist/envs.js +2 -150
  116. package/dist/envs.js.map +1 -1
  117. package/dist/functions.d.ts +2 -5
  118. package/dist/functions.js +2 -210
  119. package/dist/functions.js.map +1 -1
  120. package/dist/globals.css +253 -0
  121. package/dist/home.d.ts +1 -1
  122. package/dist/home.js +24 -14
  123. package/dist/home.js.map +1 -1
  124. package/dist/index.d.ts +2 -2
  125. package/dist/index.js +57 -16
  126. package/dist/index.js.map +1 -1
  127. package/dist/lib/pane-context.d.ts +10 -0
  128. package/dist/lib/pane-context.js +21 -0
  129. package/dist/lib/pane-context.js.map +1 -0
  130. package/dist/lib/toast.d.ts +12 -0
  131. package/dist/lib/toast.js +36 -0
  132. package/dist/lib/toast.js.map +1 -0
  133. package/dist/lib/utils.d.ts +2 -0
  134. package/dist/lib/utils.js +6 -0
  135. package/dist/lib/utils.js.map +1 -0
  136. package/dist/new_project.d.ts +1 -1
  137. package/dist/new_project.js +60 -41
  138. package/dist/new_project.js.map +1 -1
  139. package/dist/node.d.ts +2 -2
  140. package/dist/node.js +157 -39
  141. package/dist/node.js.map +1 -1
  142. package/dist/project_widget.d.ts +2 -1
  143. package/dist/project_widget.js +6 -2
  144. package/dist/project_widget.js.map +1 -1
  145. package/dist/secrets.d.ts +2 -0
  146. package/dist/secrets.js +129 -0
  147. package/dist/secrets.js.map +1 -0
  148. package/dist/simulator.d.ts +1 -1
  149. package/dist/simulator.js +36 -33
  150. package/dist/simulator.js.map +1 -1
  151. package/dist/studio_pane.d.ts +1 -1
  152. package/dist/studio_pane.js +281 -56
  153. package/dist/studio_pane.js.map +1 -1
  154. package/dist/studio_pane_old.d.ts +1 -1
  155. package/dist/studio_pane_old.js +2 -3
  156. package/dist/studio_pane_old.js.map +1 -1
  157. package/dist/studio_pane_old_new.d.ts +1 -1
  158. package/dist/studio_pane_old_new.js +2 -3
  159. package/dist/studio_pane_old_new.js.map +1 -1
  160. package/dist/styles/globals.css +59 -0
  161. package/dist/styles.css +2 -0
  162. package/dist/top_center_panel.d.ts +1 -1
  163. package/dist/top_center_panel.js +4 -3
  164. package/dist/top_center_panel.js.map +1 -1
  165. package/dist/top_left_panel.d.ts +1 -1
  166. package/dist/top_left_panel.js +7 -41
  167. package/dist/top_left_panel.js.map +1 -1
  168. package/dist/top_right_panel.d.ts +1 -1
  169. package/dist/top_right_panel.js +12 -13
  170. package/dist/top_right_panel.js.map +1 -1
  171. package/dist/triggers.d.ts +2 -2
  172. package/dist/triggers.js +57 -37
  173. package/dist/triggers.js.map +1 -1
  174. package/dist/zustand/store.d.ts +319 -3
  175. package/package.json +51 -24
  176. package/src/globals.css +253 -0
  177. package/src/styles/globals.css +59 -0
  178. package/dist/components/combo_box/index.d.ts +0 -2
  179. package/dist/components/combo_box/index.js +0 -150
  180. package/dist/components/combo_box/index.js.map +0 -1
  181. package/dist/components/combo_box/style.css +0 -10
  182. package/dist/components/date_picker/index.d.ts +0 -1
  183. package/dist/components/date_picker/index.js +0 -46
  184. package/dist/components/date_picker/index.js.map +0 -1
  185. package/dist/components/date_picker/style.css +0 -204
  186. package/dist/components/gtable.d.ts +0 -15
  187. package/dist/components/gtable.js +0 -122
  188. package/dist/components/gtable.js.map +0 -1
  189. package/src/components/combo_box/style.css +0 -10
  190. package/src/components/date_picker/style.css +0 -204
@@ -0,0 +1,253 @@
1
+ @import "tailwindcss";
2
+ @source "./**/*.{ts,tsx,js,jsx}";
3
+
4
+ @variant dark (&:is(.dark *));
5
+
6
+ @custom-variant dark (&:is(.dark *));
7
+
8
+ @theme inline {
9
+ --color-background: var(--background);
10
+ --color-foreground: var(--foreground);
11
+ --font-sans: var(--font-geist-sans);
12
+ --font-mono: var(--font-geist-mono);
13
+ --color-sidebar-ring: var(--sidebar-ring);
14
+ --color-sidebar-border: var(--sidebar-border);
15
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
16
+ --color-sidebar-accent: var(--sidebar-accent);
17
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
18
+ --color-sidebar-primary: var(--sidebar-primary);
19
+ --color-sidebar-foreground: var(--sidebar-foreground);
20
+ --color-sidebar: var(--sidebar);
21
+ --color-chart-5: var(--chart-5);
22
+ --color-chart-4: var(--chart-4);
23
+ --color-chart-3: var(--chart-3);
24
+ --color-chart-2: var(--chart-2);
25
+ --color-chart-1: var(--chart-1);
26
+ --color-ring: var(--ring);
27
+ --color-input: var(--input);
28
+ --color-border: var(--border);
29
+ --color-destructive: var(--destructive);
30
+ --color-accent-foreground: var(--accent-foreground);
31
+ --color-accent: var(--accent);
32
+ --color-muted-foreground: var(--muted-foreground);
33
+ --color-muted: var(--muted);
34
+ --color-secondary-foreground: var(--secondary-foreground);
35
+ --color-secondary: var(--secondary);
36
+ --color-primary-foreground: var(--primary-foreground);
37
+ --color-primary: var(--primary);
38
+ --color-popover-foreground: var(--popover-foreground);
39
+ --color-popover: var(--popover);
40
+ --color-card-foreground: var(--card-foreground);
41
+ --color-card: var(--card);
42
+ --radius-sm: calc(var(--radius) - 4px);
43
+ --radius-md: calc(var(--radius) - 2px);
44
+ --radius-lg: var(--radius);
45
+ --radius-xl: calc(var(--radius) + 4px);
46
+ }
47
+
48
+ :root {
49
+ --radius: 0.625rem;
50
+ --background: oklch(1 0 0);
51
+ --foreground: oklch(0.145 0 0);
52
+ --card: oklch(1 0 0);
53
+ --card-foreground: oklch(0.145 0 0);
54
+ --popover: oklch(1 0 0);
55
+ --popover-foreground: oklch(0.145 0 0);
56
+ --primary: oklch(0.205 0 0);
57
+ --primary-foreground: oklch(0.985 0 0);
58
+ --secondary: oklch(0.97 0 0);
59
+ --secondary-foreground: oklch(0.205 0 0);
60
+ --secondary-deep: color-mix(in hsl, var(--secondary), black 10%);
61
+ --muted: oklch(0.97 0 0);
62
+ --muted-foreground: oklch(0.556 0 0);
63
+ --accent: oklch(0.97 0 0);
64
+ --accent-foreground: oklch(0.205 0 0);
65
+ --destructive: oklch(0.577 0.245 27.325);
66
+ --border: oklch(0.922 0 0);
67
+ --input: oklch(0.922 0 0);
68
+ --ring: oklch(0.708 0 0);
69
+ --chart-1: oklch(0.646 0.222 41.116);
70
+ --chart-2: oklch(0.6 0.118 184.704);
71
+ --chart-3: oklch(0.398 0.07 227.392);
72
+ --chart-4: oklch(0.828 0.189 84.429);
73
+ --chart-5: oklch(0.769 0.188 70.08);
74
+ --sidebar: oklch(0.985 0 0);
75
+ --sidebar-foreground: oklch(0.145 0 0);
76
+ --sidebar-primary: oklch(0.205 0 0);
77
+ --sidebar-primary-foreground: oklch(0.985 0 0);
78
+ --sidebar-accent: oklch(0.97 0 0);
79
+ --sidebar-accent-foreground: oklch(0.205 0 0);
80
+ --sidebar-border: oklch(0.922 0 0);
81
+ --sidebar-ring: oklch(0.708 0 0);
82
+ }
83
+
84
+ .dark {
85
+ --background: oklch(0.145 0 0);
86
+ --foreground: oklch(0.985 0 0);
87
+ --card: oklch(0.205 0 0);
88
+ --card-foreground: oklch(0.985 0 0);
89
+ --popover: oklch(0.205 0 0);
90
+ --popover-foreground: oklch(0.985 0 0);
91
+ --primary: oklch(0.922 0 0);
92
+ --primary-foreground: oklch(0.205 0 0);
93
+ --secondary: oklch(0.269 0 0);
94
+ --secondary-foreground: oklch(0.985 0 0);
95
+ --secondary-deep: color-mix(in hsl, var(--secondary), black 10%);
96
+ --muted: oklch(0.269 0 0);
97
+ --muted-foreground: oklch(0.708 0 0);
98
+ --accent: oklch(0.269 0 0);
99
+ --accent-foreground: oklch(0.985 0 0);
100
+ --destructive: oklch(0.704 0.191 22.216);
101
+ --border: oklch(1 0 0 / 10%);
102
+ --input: oklch(1 0 0 / 15%);
103
+ --ring: oklch(0.556 0 0);
104
+ --chart-1: oklch(0.488 0.243 264.376);
105
+ --chart-2: oklch(0.696 0.17 162.48);
106
+ --chart-3: oklch(0.769 0.188 70.08);
107
+ --chart-4: oklch(0.627 0.265 303.9);
108
+ --chart-5: oklch(0.645 0.246 16.439);
109
+ --sidebar: oklch(0.205 0 0);
110
+ --sidebar-foreground: oklch(0.985 0 0);
111
+ --sidebar-primary: oklch(0.488 0.243 264.376);
112
+ --sidebar-primary-foreground: oklch(0.985 0 0);
113
+ --sidebar-accent: oklch(0.269 0 0);
114
+ --sidebar-accent-foreground: oklch(0.985 0 0);
115
+ --sidebar-border: oklch(1 0 0 / 10%);
116
+ --sidebar-ring: oklch(0.556 0 0);
117
+ }
118
+
119
+ @layer base {
120
+ * {
121
+ @apply border-border ring-0;
122
+ }
123
+
124
+ /* Remove default focus outline */
125
+ *:focus {
126
+ outline: none;
127
+ }
128
+
129
+ *:focus-visible {
130
+ outline: none;
131
+ }
132
+
133
+ html {
134
+ transition: color-scheme 0.2s ease-in-out;
135
+ }
136
+
137
+ body {
138
+ @apply bg-background text-foreground;
139
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
140
+ }
141
+
142
+ /* Smooth transitions for all theme-dependent elements */
143
+ *,
144
+ *::before,
145
+ *::after {
146
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
147
+ color 0.2s ease-in-out, fill 0.2s ease-in-out, stroke 0.2s ease-in-out,
148
+ opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
149
+ }
150
+
151
+ /* Exclude shadcn components from global transitions */
152
+ [data-radix-popper-content-wrapper],
153
+ [data-radix-dropdown-menu-content],
154
+ [data-radix-hover-card-content],
155
+ [data-radix-tooltip-content],
156
+ [data-radix-popover-content],
157
+ [data-radix-select-content],
158
+ [data-radix-dialog-content],
159
+ [data-radix-sheet-content] {
160
+ transition: none !important;
161
+ }
162
+
163
+ /* Ensure tooltip arrows are visible */
164
+ [data-radix-tooltip-content] {
165
+ overflow: visible !important;
166
+ }
167
+
168
+ /* Prevent transitions on page load */
169
+ .preload * {
170
+ transition: none !important;
171
+ }
172
+
173
+ /* Isolate flowstudio pane containers */
174
+ .flowstudio-pane-container {
175
+ position: relative;
176
+ isolation: isolate;
177
+ overflow: hidden;
178
+ }
179
+
180
+ /* Ensure portals within pane containers are positioned correctly */
181
+ .flowstudio-pane-container [data-radix-popper-content-wrapper],
182
+ .flowstudio-pane-container [data-radix-portal] {
183
+ position: absolute;
184
+ }
185
+
186
+ /* Scope toaster to container */
187
+ .flowstudio-pane-container [data-sonner-toaster] {
188
+ position: absolute !important;
189
+ top: 10px !important;
190
+ left: 10px !important;
191
+ right: 10px !important;
192
+ bottom: 10px !important;
193
+ pointer-events: none;
194
+ }
195
+
196
+ .flowstudio-pane-container [data-sonner-toast] {
197
+ pointer-events: auto;
198
+ }
199
+
200
+ /* Hide flowstudio toaster from global scope - only show in container */
201
+ .flowstudio-toaster:not(.flowstudio-pane-container .flowstudio-toaster) {
202
+ display: none !important;
203
+ }
204
+
205
+ /* Only show FlowStudio toasts in FlowStudio toaster */
206
+ .flowstudio-pane-container .flowstudio-toaster [data-sonner-toast]:not(.flowstudio-toast) {
207
+ display: none !important;
208
+ }
209
+
210
+ /* Hide FlowStudio toasts from host toaster */
211
+ [data-sonner-toaster]:not(.flowstudio-toaster) .flowstudio-toast {
212
+ display: none !important;
213
+ }
214
+
215
+ /* Scope sheets to container */
216
+ .flowstudio-pane-container [data-slot="sheet-overlay"] {
217
+ position: absolute !important;
218
+ inset: 0 !important;
219
+ will-change: opacity;
220
+ backface-visibility: hidden;
221
+ }
222
+
223
+ .flowstudio-pane-container [data-slot="sheet-content"] {
224
+ position: absolute !important;
225
+ will-change: transform, opacity;
226
+ backface-visibility: hidden;
227
+ }
228
+
229
+ /* Ensure sheet portal renders within container */
230
+ .flowstudio-pane-container [data-slot="sheet-portal"] {
231
+ position: absolute;
232
+ inset: 0;
233
+ pointer-events: none;
234
+ contain: layout style paint;
235
+ }
236
+
237
+ .flowstudio-pane-container [data-slot="sheet-portal"] > * {
238
+ pointer-events: auto;
239
+ }
240
+
241
+ /* Prevent ReactFlow from being affected by sheet animations */
242
+ .flowstudio-pane-container .react-flow {
243
+ transform: translateZ(0);
244
+ backface-visibility: hidden;
245
+ contain: layout style paint;
246
+ }
247
+
248
+ /* Remove any transform overrides - let inline styles handle it */
249
+
250
+ .flowstudio-pane-container [data-slot="sheet-overlay"] {
251
+ transition: opacity 250ms ease-in-out !important;
252
+ }
253
+ }
@@ -0,0 +1,59 @@
1
+ @tailwind base;
2
+ @tailwind components;
3
+ @tailwind utilities;
4
+
5
+ @layer base {
6
+ :root {
7
+ --background: 0 0% 100%;
8
+ --foreground: 222.2 84% 4.9%;
9
+ --card: 0 0% 100%;
10
+ --card-foreground: 222.2 84% 4.9%;
11
+ --popover: 0 0% 100%;
12
+ --popover-foreground: 222.2 84% 4.9%;
13
+ --primary: 222.2 47.4% 11.2%;
14
+ --primary-foreground: 210 40% 98%;
15
+ --secondary: 210 40% 96.1%;
16
+ --secondary-foreground: 222.2 47.4% 11.2%;
17
+ --muted: 210 40% 96.1%;
18
+ --muted-foreground: 215.4 16.3% 46.9%;
19
+ --accent: 210 40% 96.1%;
20
+ --accent-foreground: 222.2 47.4% 11.2%;
21
+ --destructive: 0 84.2% 60.2%;
22
+ --destructive-foreground: 210 40% 98%;
23
+ --border: 214.3 31.8% 91.4%;
24
+ --input: 214.3 31.8% 91.4%;
25
+ --ring: 222.2 84% 4.9%;
26
+ --radius: 0.5rem;
27
+ }
28
+
29
+ .dark {
30
+ --background: 222.2 84% 4.9%;
31
+ --foreground: 210 40% 98%;
32
+ --card: 222.2 84% 4.9%;
33
+ --card-foreground: 210 40% 98%;
34
+ --popover: 222.2 84% 4.9%;
35
+ --popover-foreground: 210 40% 98%;
36
+ --primary: 210 40% 98%;
37
+ --primary-foreground: 222.2 47.4% 11.2%;
38
+ --secondary: 217.2 32.6% 17.5%;
39
+ --secondary-foreground: 210 40% 98%;
40
+ --muted: 217.2 32.6% 17.5%;
41
+ --muted-foreground: 215 20.2% 65.1%;
42
+ --accent: 217.2 32.6% 17.5%;
43
+ --accent-foreground: 210 40% 98%;
44
+ --destructive: 0 62.8% 30.6%;
45
+ --destructive-foreground: 210 40% 98%;
46
+ --border: 217.2 32.6% 17.5%;
47
+ --input: 217.2 32.6% 17.5%;
48
+ --ring: 212.7 26.8% 83.9%;
49
+ }
50
+ }
51
+
52
+ @layer base {
53
+ * {
54
+ @apply border-border;
55
+ }
56
+ body {
57
+ @apply bg-background text-foreground;
58
+ }
59
+ }
@@ -1,2 +0,0 @@
1
- import "./style.css";
2
- export default function ComboBox({ type, value, onValueChange, placeholder, items, noItemsText, isMulti, width, ...rest }: any): import("react/jsx-runtime").JSX.Element;
@@ -1,150 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import { useState, useEffect } from "react";
4
- import { Flex, TextField, Text, ScrollArea, Popover, Button, Badge, } from "@radix-ui/themes";
5
- import { ChevronsUpDown, Search } from "lucide-react";
6
- import "./style.css";
7
- import { IoMdClose } from "react-icons/io";
8
- export default function ComboBox({ type = "text", value, onValueChange, placeholder, items, noItemsText = "No", isMulti = false, width = "100%", ...rest }) {
9
- var _a;
10
- const [getSearchText, setSearchText] = useState("");
11
- const [open, setOpen] = useState(false);
12
- const [getSortedItems, setSortedItems] = useState([]);
13
- const [getValue, setValue] = useState();
14
- useEffect(() => {
15
- if (value) {
16
- if (isMulti && Array.isArray(value)) {
17
- let new_value = [];
18
- let flat_value = [];
19
- let flat_old_value = [];
20
- if (typeof value[0] === "string") {
21
- new_value = value === null || value === void 0 ? void 0 : value.map((item) => ({ value: item, text: items === null || items === void 0 ? void 0 : items.some((itm) => itm.identifier == item).name }));
22
- flat_value = (new_value === null || new_value === void 0 ? void 0 : new_value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item)) || [];
23
- flat_old_value = value || [];
24
- }
25
- else {
26
- new_value = value === null || value === void 0 ? void 0 : value.map((item) => ({ value: (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : item === null || item === void 0 ? void 0 : item.value, text: (item === null || item === void 0 ? void 0 : item.hasOwnProperty('name')) ? item === null || item === void 0 ? void 0 : item.name : item === null || item === void 0 ? void 0 : item.label }));
27
- flat_value = new_value === null || new_value === void 0 ? void 0 : new_value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item);
28
- flat_old_value = (value === null || value === void 0 ? void 0 : value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item)) || [];
29
- }
30
- setValue(new_value);
31
- // console.log('new_value: ', JSON.stringify(new_value))
32
- // console.log('value: ', JSON.stringify(value))
33
- // console.log('getValue: ', JSON.stringify(getValue))
34
- // console.log('flat old value: ', flat_old_value)
35
- // onValueChange(new_value?.map((item:any)=>item?.hasOwnProperty('identifier')?item?.identifier:item?.hasOwnProperty('value')?item?.value:item))
36
- const get_value = (getValue === null || getValue === void 0 ? void 0 : getValue.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item)) || [];
37
- // console.log('flat new_get_value: ', JSON.stringify(get_value))
38
- const areEqual = JSON.stringify(flat_value) === JSON.stringify(get_value);
39
- // console.log('are equal: ', areEqual)
40
- // console.log('final flat value: ', JSON.stringify(flat_value))
41
- if (!areEqual) {
42
- onValueChange(flat_value === null || flat_value === void 0 ? void 0 : flat_value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item));
43
- }
44
- }
45
- else {
46
- setValue(value);
47
- }
48
- }
49
- }, [value]);
50
- useEffect(() => {
51
- if (getValue) {
52
- if (isMulti && Array.isArray(getValue)) {
53
- let new_value = [];
54
- let flat_value = [];
55
- let flat_old_value = [];
56
- if (typeof value[0] === "string") {
57
- new_value = getValue === null || getValue === void 0 ? void 0 : getValue.map((item) => item);
58
- flat_value = (new_value === null || new_value === void 0 ? void 0 : new_value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item)) || [];
59
- flat_old_value = value || [];
60
- // console.log('flat string value: ', flat_value)
61
- // console.log('flat string old_value: ', flat_old_value)
62
- }
63
- else {
64
- new_value = getValue === null || getValue === void 0 ? void 0 : getValue.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : item === null || item === void 0 ? void 0 : item.value);
65
- flat_value = new_value === null || new_value === void 0 ? void 0 : new_value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item);
66
- flat_old_value = (value === null || value === void 0 ? void 0 : value.map((item) => (item === null || item === void 0 ? void 0 : item.hasOwnProperty('identifier')) ? item === null || item === void 0 ? void 0 : item.identifier : (item === null || item === void 0 ? void 0 : item.hasOwnProperty('value')) ? item === null || item === void 0 ? void 0 : item.value : item)) || [];
67
- // console.log('flat array value: ', flat_value)
68
- // console.log('flat array old_value: ', flat_old_value)
69
- }
70
- // flat_value = getValue?.map((item:any)=>item?.hasOwnProperty('identifier')?item?.identifier:item?.hasOwnProperty('value')?item?.value:item)
71
- // console.log('flat value: ', flat_value)
72
- // flat_old_value = value?.map((item:any)=>item.value) || []
73
- // console.log('new_value: ', JSON.stringify(new_value))
74
- // console.log('value: ', JSON.stringify(value))
75
- // console.log('getValue: ', JSON.stringify(getValue))
76
- // console.log('flat old value: ', flat_old_value)
77
- const areEqual = JSON.stringify(flat_value) === JSON.stringify(flat_old_value);
78
- // console.log('are equal: ', areEqual)
79
- // console.log('final flat value: ', JSON.stringify(flat_value))
80
- if (!areEqual) {
81
- // onValueChange(flat_value?.map((item:any)=>item?.hasOwnProperty('identifier')?item?.identifier:item?.hasOwnProperty('value')?item?.value:item))
82
- }
83
- // onValueChange(new_value?.map((item)=>item.value));
84
- }
85
- }
86
- }, [getValue]);
87
- useEffect(() => {
88
- if (items && getSearchText) {
89
- setSortedItems(items === null || items === void 0 ? void 0 : items.filter((item) => item.text.toLowerCase().includes(getSearchText.toLowerCase())));
90
- }
91
- else {
92
- setSortedItems(items);
93
- }
94
- }, [items, getSearchText]);
95
- const handleSelectItem = (item) => {
96
- var _a;
97
- // console.log(JSON.stringify(item));
98
- if (!isMulti) {
99
- setValue(item === null || item === void 0 ? void 0 : item.value);
100
- onValueChange(item === null || item === void 0 ? void 0 : item.value);
101
- setOpen(false);
102
- }
103
- else {
104
- if (!(getValue === null || getValue === void 0 ? void 0 : getValue.includes(item))) {
105
- setValue([...getValue || [], { value: item.value, text: item.label }]);
106
- onValueChange((_a = [...getValue || [], { value: item.value, text: item.label }]) === null || _a === void 0 ? void 0 : _a.map(item => item.value));
107
- }
108
- setOpen(false);
109
- }
110
- };
111
- const handleRemoveItem = (val) => {
112
- setValue(getValue.filter((item) => item !== val));
113
- };
114
- return (_jsx(_Fragment, { children: _jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { children: _jsxs(Button, { variant: "outline", style: {
115
- width: width,
116
- height: "auto",
117
- minHeight: 30,
118
- paddingTop: 5,
119
- paddingBottom: 5,
120
- justifyContent: "space-between",
121
- }, ...rest, children: [_jsxs(Flex, { wrap: "wrap", gap: "2", children: [!isMulti && (_jsx(Text, { style: {
122
- display: "-webkit-box",
123
- WebkitBoxOrient: "vertical",
124
- WebkitLineClamp: 1,
125
- overflow: "hidden",
126
- textOverflow: "ellipsis",
127
- whiteSpace: "normal",
128
- fontSize: "1px 20px",
129
- }, children: ((_a = items === null || items === void 0 ? void 0 : items.find((item) => item.value === getValue)) === null || _a === void 0 ? void 0 : _a.text) ||
130
- placeholder })), isMulti && (_jsx(_Fragment, { children: (getValue === null || getValue === void 0 ? void 0 : getValue.length) > 0 ? (_jsx(_Fragment, { children: getValue === null || getValue === void 0 ? void 0 : getValue.map((val, ind) => {
131
- var _a;
132
- return (_jsxs(Badge, { variant: "soft", highContrast: true, children: [(_a = items === null || items === void 0 ? void 0 : items.find((item) => (item === null || item === void 0 ? void 0 : item.value) === (val === null || val === void 0 ? void 0 : val.value))) === null || _a === void 0 ? void 0 : _a.text, _jsx(IoMdClose, { onClick: () => handleRemoveItem(val), style: { marginLeft: 5, cursor: "pointer" } })] }, ind));
133
- }) })) : (_jsx(Text, { style: {
134
- display: "-webkit-box",
135
- WebkitBoxOrient: "vertical",
136
- WebkitLineClamp: 1,
137
- overflow: "hidden",
138
- textOverflow: "ellipsis",
139
- whiteSpace: "normal",
140
- }, children: placeholder })) }))] }), _jsx(ChevronsUpDown, { size: "12" })] }) }), _jsx(Popover.Content, { maxWidth: "250px", style: { padding: 5, marginTop: 3 }, children: _jsxs(Flex, { direction: "column", p: "1", gap: "2", children: [_jsxs(TextField.Root, { placeholder: "Search", value: getSearchText, onChange: (e) => {
141
- setSearchText(e.target.value);
142
- }, children: [_jsx(TextField.Slot, { side: "left", children: _jsx(Search, { size: 16 }) }), _jsx(TextField.Slot, { side: "right", pr: "1", children: _jsx(Button, { size: "1", variant: "soft", color: "red", highContrast: true, onClick: () => {
143
- setSearchText("");
144
- setOpen(false);
145
- }, children: _jsx(IoMdClose, {}) }) })] }), _jsxs(ScrollArea, { type: "auto", scrollbars: "vertical", style: { height: "200px" }, children: [_jsx(Flex, { align: "center", gap: "2", className: "widget_item", p: "2", onClick: () => {
146
- setValue(isMulti ? [] : "");
147
- setOpen(false);
148
- }, children: _jsx(Text, { size: "2", color: "gray", style: { userSelect: "none" }, children: noItemsText }) }), getSortedItems === null || getSortedItems === void 0 ? void 0 : getSortedItems.map((item, ind) => (_jsxs(Flex, { align: "center", gap: "2", className: "widget_item", p: "2", onClick: () => handleSelectItem(item), children: [item === null || item === void 0 ? void 0 : item.icon, _jsx(Text, { size: "2", color: "gray", style: { userSelect: "none" }, children: item.text })] }, ind)))] })] }) })] }) }));
149
- }
150
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combo_box/index.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- .widget_item {
2
- background:transparent;
3
- border-radius:3px;
4
- user-select: pointer;
5
-
6
- }
7
-
8
- .widget_item:hover {
9
- background:rgba(211, 211, 211, 0.237)
10
- }
@@ -1 +0,0 @@
1
- export default function DatePicker({ value, onValueChange, placeholder, mode, width, disabled, ...rest }: any): import("react/jsx-runtime").JSX.Element;
@@ -1,46 +0,0 @@
1
- "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { Button, Flex, Popover, Text } from "@radix-ui/themes";
4
- import moment from "moment";
5
- import { useEffect, useState } from "react";
6
- import { DayPicker } from "react-day-picker";
7
- // import "react-day-picker/style.css";
8
- import { IoMdCalendar } from "react-icons/io";
9
- // import 'react-day-picker/lib/style.css';
10
- // import "./style.css";
11
- export default function DatePicker({ value = null, onValueChange, placeholder, mode = "single", width = "100%", disabled = false, ...rest }) {
12
- const [selected, setSelected] = useState(value);
13
- const [open, setOpen] = useState(false);
14
- useEffect(() => {
15
- if (value) {
16
- setSelected(value);
17
- }
18
- }, [value]);
19
- useEffect(() => {
20
- if (selected) {
21
- const new_date = moment(selected).format("YYYY-MM-DD");
22
- if (onValueChange) {
23
- onValueChange(new_date);
24
- }
25
- // setOpen(false)
26
- }
27
- }, [selected]);
28
- const calendarStyles = {
29
- width: "90%", // Adjust width as needed
30
- // maxWidth: '300px'
31
- };
32
- return (_jsxs(Popover.Root, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { children: _jsx(Button, { ...rest, variant: "outline", style: { width: width }, children: _jsxs(Flex, { justify: "between", width: "100%", children: [_jsx(Text, { style: {
33
- display: "-webkit-box",
34
- WebkitBoxOrient: "vertical",
35
- WebkitLineClamp: 1,
36
- overflow: "hidden",
37
- textOverflow: "ellipsis",
38
- whiteSpace: "normal",
39
- padding: "1px 0px",
40
- justifySelf: 'start'
41
- }, children: selected ? moment(selected).format("YYYY-MM-DD") : placeholder }), _jsx(IoMdCalendar, { size: 20, style: { marginLeft: 10 } })] }) }) }), _jsx(Popover.Content, { size: "1", side: "bottom", align: "end", children: _jsx(DayPicker, { style: calendarStyles, mode: mode, selected: selected, onSelect: (e) => {
42
- setSelected(e);
43
- setOpen(false);
44
- }, captionLayout: "dropdown", disabled: disabled }) })] }));
45
- }
46
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/date_picker/index.tsx"],"names":[],"mappings":"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"}