@object-ui/components 17.3.0 → 17.6.0

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 (47) hide show
  1. package/CHANGELOG.md +2732 -1
  2. package/README.md +38 -38
  3. package/dist/custom/button-group.d.ts +1 -1
  4. package/dist/custom/character-count.d.ts +56 -0
  5. package/dist/custom/config-field-renderer.d.ts +1 -1
  6. package/dist/custom/config-panel-renderer.d.ts +3 -3
  7. package/dist/custom/export-progress-dialog.d.ts +1 -1
  8. package/dist/custom/filter-builder.d.ts +284 -4
  9. package/dist/custom/fullscreen-editor.d.ts +102 -0
  10. package/dist/custom/index.d.ts +28 -27
  11. package/dist/custom/item.d.ts +1 -1
  12. package/dist/custom/resizable.d.ts +1 -1
  13. package/dist/debug/index.d.ts +2 -2
  14. package/dist/index.css +36 -6
  15. package/dist/index.d.ts +21 -20
  16. package/dist/index.js +4991 -4464
  17. package/dist/index.umd.cjs +10 -6
  18. package/dist/lib/form-control-dom-props.d.ts +77 -0
  19. package/dist/lib/sidebar-cookie.d.ts +55 -0
  20. package/dist/lib/slider-thumb.d.ts +86 -0
  21. package/dist/notifications/index.d.ts +5 -5
  22. package/dist/renderers/action/action-bar.d.ts +3 -3
  23. package/dist/renderers/action/action-button.d.ts +12 -2
  24. package/dist/renderers/action/action-group.d.ts +10 -4
  25. package/dist/renderers/action/action-icon.d.ts +10 -2
  26. package/dist/renderers/action/action-menu.d.ts +20 -2
  27. package/dist/renderers/action/auto-trigger.d.ts +20 -0
  28. package/dist/renderers/action/visibility-gate.d.ts +81 -0
  29. package/dist/renderers/basic/elements.d.ts +3 -3
  30. package/dist/renderers/basic/html-elements.d.ts +1 -1
  31. package/dist/renderers/basic/record-picker.d.ts +10 -1
  32. package/dist/renderers/complex/data-table.d.ts +100 -4
  33. package/dist/renderers/form/validationRuleKeys.d.ts +45 -0
  34. package/dist/renderers/layout/containers.d.ts +2 -1
  35. package/dist/renderers/layout/react-page.d.ts +12 -2
  36. package/dist/share/index.d.ts +2 -2
  37. package/dist/ui/calendar.d.ts +1 -1
  38. package/dist/ui/carousel.d.ts +2 -2
  39. package/dist/ui/command.d.ts +1 -1
  40. package/dist/ui/form.d.ts +1 -1
  41. package/dist/ui/index.d.ts +47 -47
  42. package/dist/ui/pagination.d.ts +1 -1
  43. package/dist/ui/sidebar.d.ts +2 -2
  44. package/dist/ui/slider.d.ts +2 -1
  45. package/package.json +14 -14
  46. package/dist/custom/action-param-dialog.d.ts +0 -21
  47. package/dist/renderers/data-display/table.d.ts +0 -2
@@ -1,27 +1,28 @@
1
- export * from './button-group';
2
- export * from './combobox';
3
- export * from './config-row';
4
- export * from './config-field-renderer';
5
- export * from './config-panel-renderer';
6
- export * from './date-picker';
7
- export * from './empty';
8
- export * from './field';
9
- export * from './filter-builder';
10
- export * from './input-group';
11
- export * from './item';
12
- export * from './kbd';
13
- export * from './native-select';
14
- export * from './navigation-overlay';
15
- export * from './resizable';
16
- export * from './section-header';
17
- export * from './spinner';
18
- export * from './sort-builder';
19
- export * from './grouping-editor';
20
- export * from './action-param-dialog';
21
- export * from './view-skeleton';
22
- export * from './shimmer-skeleton';
23
- export * from './RecordTitleChip';
24
- export * from './refresh-indicator';
25
- export * from './view-states';
26
- export * from './mobile-dialog-content';
27
- export * from './export-progress-dialog';
1
+ export * from './button-group.js';
2
+ export * from './character-count.js';
3
+ export * from './combobox.js';
4
+ export * from './config-row.js';
5
+ export * from './config-field-renderer.js';
6
+ export * from './config-panel-renderer.js';
7
+ export * from './date-picker.js';
8
+ export * from './empty.js';
9
+ export * from './field.js';
10
+ export * from './filter-builder.js';
11
+ export * from './fullscreen-editor.js';
12
+ export * from './input-group.js';
13
+ export * from './item.js';
14
+ export * from './kbd.js';
15
+ export * from './native-select.js';
16
+ export * from './navigation-overlay.js';
17
+ export * from './resizable.js';
18
+ export * from './section-header.js';
19
+ export * from './spinner.js';
20
+ export * from './sort-builder.js';
21
+ export * from './grouping-editor.js';
22
+ export * from './view-skeleton.js';
23
+ export * from './shimmer-skeleton.js';
24
+ export * from './RecordTitleChip.js';
25
+ export * from './refresh-indicator.js';
26
+ export * from './view-states.js';
27
+ export * from './mobile-dialog-content.js';
28
+ export * from './export-progress-dialog.js';
@@ -1,5 +1,5 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
- import { Separator } from '../ui/separator';
2
+ import { Separator } from '../ui/separator.js';
3
3
  /**
4
4
  * ObjectUI
5
5
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -1,4 +1,4 @@
1
- import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../ui/resizable';
1
+ import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../ui/resizable.js';
2
2
  /**
3
3
  * ObjectUI
4
4
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -5,5 +5,5 @@
5
5
  * This source code is licensed under the MIT license found in the
6
6
  * LICENSE file in the root directory of this source tree.
7
7
  */
8
- export { DebugPanel } from './DebugPanel';
9
- export type { DebugPanelProps, DebugPanelTab } from './DebugPanel';
8
+ export { DebugPanel } from './DebugPanel.js';
9
+ export type { DebugPanelProps, DebugPanelTab } from './DebugPanel.js';
package/dist/index.css CHANGED
@@ -59,6 +59,7 @@
59
59
  --color-slate-900: oklch(20.8% 0.042 265.755);
60
60
  --color-gray-50: oklch(98.5% 0.002 247.839);
61
61
  --color-gray-300: oklch(87.2% 0.01 258.338);
62
+ --color-gray-400: oklch(70.7% 0.022 261.325);
62
63
  --color-black: #000;
63
64
  --color-white: #fff;
64
65
  --spacing: 0.25rem;
@@ -419,6 +420,9 @@
419
420
  .bottom-0 {
420
421
  bottom: 0px;
421
422
  }
423
+ .bottom-2 {
424
+ bottom: calc(var(--spacing) * 2);
425
+ }
422
426
  .bottom-4 {
423
427
  bottom: calc(var(--spacing) * 4);
424
428
  }
@@ -782,9 +786,6 @@
782
786
  .h-16 {
783
787
  height: calc(var(--spacing) * 16);
784
788
  }
785
- .h-24 {
786
- height: calc(var(--spacing) * 24);
787
- }
788
789
  .h-48 {
789
790
  height: calc(var(--spacing) * 48);
790
791
  }
@@ -1076,6 +1077,9 @@
1076
1077
  .max-w-7xl {
1077
1078
  max-width: var(--container-7xl);
1078
1079
  }
1080
+ .max-w-\[12ch\] {
1081
+ max-width: 12ch;
1082
+ }
1079
1083
  .max-w-\[16rem\] {
1080
1084
  max-width: 16rem;
1081
1085
  }
@@ -1151,6 +1155,9 @@
1151
1155
  .min-w-\[1rem\] {
1152
1156
  min-width: 1rem;
1153
1157
  }
1158
+ .min-w-\[6ch\] {
1159
+ min-width: 6ch;
1160
+ }
1154
1161
  .min-w-\[8rem\] {
1155
1162
  min-width: 8rem;
1156
1163
  }
@@ -1262,6 +1269,12 @@
1262
1269
  --tw-translate-y: -50%;
1263
1270
  translate: var(--tw-translate-x) var(--tw-translate-y);
1264
1271
  }
1272
+ .scale-0 {
1273
+ --tw-scale-x: 0%;
1274
+ --tw-scale-y: 0%;
1275
+ --tw-scale-z: 0%;
1276
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1277
+ }
1265
1278
  .scale-75 {
1266
1279
  --tw-scale-x: 75%;
1267
1280
  --tw-scale-y: 75%;
@@ -2028,6 +2041,9 @@
2028
2041
  .p-1 {
2029
2042
  padding: var(--spacing);
2030
2043
  }
2044
+ .p-1\.5 {
2045
+ padding: calc(var(--spacing) * 1.5);
2046
+ }
2031
2047
  .p-2 {
2032
2048
  padding: calc(var(--spacing) * 2);
2033
2049
  }
@@ -2370,6 +2386,12 @@
2370
2386
  color: color-mix(in oklab, var(--color-foreground) 50%, transparent);
2371
2387
  }
2372
2388
  }
2389
+ .text-gray-400 {
2390
+ color: var(--color-gray-400);
2391
+ }
2392
+ .text-green-500 {
2393
+ color: var(--color-green-500);
2394
+ }
2373
2395
  .text-green-600 {
2374
2396
  color: var(--color-green-600);
2375
2397
  }
@@ -2442,12 +2464,19 @@
2442
2464
  .capitalize {
2443
2465
  text-transform: capitalize;
2444
2466
  }
2467
+ .lowercase {
2468
+ text-transform: lowercase;
2469
+ }
2445
2470
  .uppercase {
2446
2471
  text-transform: uppercase;
2447
2472
  }
2448
2473
  .italic {
2449
2474
  font-style: italic;
2450
2475
  }
2476
+ .ordinal {
2477
+ --tw-ordinal: ordinal;
2478
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2479
+ }
2451
2480
  .tabular-nums {
2452
2481
  --tw-numeric-spacing: tabular-nums;
2453
2482
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2576,6 +2605,10 @@
2576
2605
  --tw-blur: blur(8px);
2577
2606
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2578
2607
  }
2608
+ .invert {
2609
+ --tw-invert: invert(100%);
2610
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2611
+ }
2579
2612
  .filter {
2580
2613
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2581
2614
  }
@@ -4007,9 +4040,6 @@
4007
4040
  .sm\:max-w-\[200px\] {
4008
4041
  max-width: 200px;
4009
4042
  }
4010
- .sm\:max-w-\[425px\] {
4011
- max-width: 425px;
4012
- }
4013
4043
  .sm\:max-w-\[var\(--ov-w\)\] {
4014
4044
  max-width: var(--ov-w);
4015
4045
  }
package/dist/index.d.ts CHANGED
@@ -1,22 +1,23 @@
1
- export { cn } from './lib/utils';
2
- export { renderChildren } from './lib/utils';
1
+ export { cn } from './lib/utils.js';
2
+ export { renderChildren } from './lib/utils.js';
3
3
  export { cva } from 'class-variance-authority';
4
- export { getLazyIcon, isLucideIconName, LazyIcon, toKebabIconName } from './lib/lazy-icon';
5
- export { registerPlaceholders } from './renderers/placeholders';
6
- export { GridFieldAuthoringProvider, useGridFieldAuthoring, type GridFieldAuthoring, } from './context/gridFieldAuthoring';
7
- export * from './ui';
8
- export * from './custom';
9
- export * from './notifications';
10
- export { TOASTER_POSITIONS } from './renderers/feedback/toaster';
11
- export { useConfigDraft } from './hooks/use-config-draft';
12
- export type { UseConfigDraftOptions, UseConfigDraftReturn } from './hooks/use-config-draft';
13
- export { useIsMobile } from './hooks/use-mobile';
14
- export { useResizeObserver } from './hooks/use-resize-observer';
15
- export type { ElementSize } from './hooks/use-resize-observer';
16
- export { useExportJob } from './hooks/use-export-job';
17
- export type { UseExportJobOptions, UseExportJobReturn } from './hooks/use-export-job';
18
- export { useRelatedCount, useRelatedCountVersion, RelatedCountStore } from './hooks/related-count-store';
19
- export type { ControlType, ConfigField, ConfigSection, ConfigPanelSchema, } from './types/config-panel';
4
+ export { getLazyIcon, isLucideIconName, LazyIcon, toKebabIconName } from './lib/lazy-icon.js';
5
+ export { hasDeclaredVisibilityGate } from './renderers/action/visibility-gate.js';
6
+ export { registerPlaceholders } from './renderers/placeholders.js';
7
+ export { GridFieldAuthoringProvider, useGridFieldAuthoring, type GridFieldAuthoring, } from './context/gridFieldAuthoring.js';
8
+ export * from './ui/index.js';
9
+ export * from './custom/index.js';
10
+ export * from './notifications/index.js';
11
+ export { TOASTER_POSITIONS } from './renderers/feedback/toaster.js';
12
+ export { useConfigDraft } from './hooks/use-config-draft.js';
13
+ export type { UseConfigDraftOptions, UseConfigDraftReturn } from './hooks/use-config-draft.js';
14
+ export { useIsMobile } from './hooks/use-mobile.js';
15
+ export { useResizeObserver } from './hooks/use-resize-observer.js';
16
+ export type { ElementSize } from './hooks/use-resize-observer.js';
17
+ export { useExportJob } from './hooks/use-export-job.js';
18
+ export type { UseExportJobOptions, UseExportJobReturn } from './hooks/use-export-job.js';
19
+ export { useRelatedCount, useRelatedCountVersion, RelatedCountStore } from './hooks/related-count-store.js';
20
+ export type { ControlType, ConfigField, ConfigSection, ConfigPanelSchema, } from './types/config-panel.js';
20
21
  export declare function initializeComponents(): boolean;
21
- export * from './debug';
22
- export * from './share';
22
+ export * from './debug/index.js';
23
+ export * from './share/index.js';