@firecms/core 3.0.0-canary.8 → 3.0.0-canary.80

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 (239) hide show
  1. package/README.md +1 -1
  2. package/dist/app/AppBar.d.ts +12 -0
  3. package/dist/app/Drawer.d.ts +17 -0
  4. package/dist/app/Scaffold.d.ts +30 -0
  5. package/dist/app/index.d.ts +4 -0
  6. package/dist/app/useApp.d.ts +16 -0
  7. package/dist/components/ClearFilterSortButton.d.ts +5 -0
  8. package/dist/components/EntityCollectionTable/EntityCollectionRowActions.d.ts +11 -11
  9. package/dist/components/EntityCollectionTable/EntityCollectionTable.d.ts +1 -1
  10. package/dist/components/EntityCollectionTable/EntityCollectionTableProps.d.ts +5 -3
  11. package/dist/components/EntityCollectionTable/PropertyTableCell.d.ts +1 -0
  12. package/dist/components/EntityCollectionTable/column_utils.d.ts +1 -2
  13. package/dist/components/EntityCollectionTable/fields/TableReferenceField.d.ts +2 -0
  14. package/dist/components/EntityCollectionTable/internal/CollectionTableToolbar.d.ts +1 -4
  15. package/dist/components/EntityCollectionTable/internal/EntityTableCell.d.ts +2 -2
  16. package/dist/components/EntityCollectionTable/internal/popup_field/PopupFormField.d.ts +1 -1
  17. package/dist/components/EntityCollectionView/EntityCollectionView.d.ts +11 -1
  18. package/dist/components/EntityCollectionView/EntityCollectionViewStartActions.d.ts +11 -0
  19. package/dist/components/EntityPreview.d.ts +5 -4
  20. package/dist/components/ReferenceWidget.d.ts +3 -1
  21. package/dist/components/SelectableTable/SelectableTable.d.ts +1 -1
  22. package/dist/components/SelectableTable/filters/ReferenceFilterField.d.ts +2 -1
  23. package/dist/components/VirtualTable/VirtualTableProps.d.ts +5 -6
  24. package/dist/components/VirtualTable/types.d.ts +3 -3
  25. package/dist/components/{EntityCollectionTable/internal → common}/default_entity_actions.d.ts +1 -1
  26. package/dist/components/common/index.d.ts +1 -0
  27. package/dist/components/common/table_height.d.ts +5 -0
  28. package/dist/components/common/types.d.ts +4 -6
  29. package/dist/components/common/useDataSourceEntityCollectionTableController.d.ts +3 -0
  30. package/dist/components/index.d.ts +2 -1
  31. package/dist/contexts/AuthControllerContext.d.ts +1 -1
  32. package/dist/{components/FireCMSAppBar.d.ts → core/DefaultAppBar.d.ts} +5 -8
  33. package/dist/core/DefaultDrawer.d.ts +19 -0
  34. package/dist/core/DrawerNavigationItem.d.ts +9 -0
  35. package/dist/core/EntityEditView.d.ts +17 -3
  36. package/dist/core/NavigationRoutes.d.ts +2 -2
  37. package/dist/core/index.d.ts +3 -4
  38. package/dist/form/PropertiesForm.d.ts +8 -0
  39. package/dist/form/components/ErrorFocus.d.ts +1 -1
  40. package/dist/form/components/FieldHelperText.d.ts +3 -3
  41. package/dist/form/components/StorageItemPreview.d.ts +4 -4
  42. package/dist/form/field_bindings/MapFieldBinding.d.ts +1 -1
  43. package/dist/form/field_bindings/StorageUploadFieldBinding.d.ts +2 -4
  44. package/dist/form/index.d.ts +0 -2
  45. package/dist/hooks/data/delete.d.ts +2 -2
  46. package/dist/hooks/data/save.d.ts +2 -3
  47. package/dist/hooks/data/useDataSource.d.ts +1 -1
  48. package/dist/hooks/data/useEntityFetch.d.ts +3 -3
  49. package/dist/hooks/index.d.ts +2 -0
  50. package/dist/hooks/useBuildNavigationController.d.ts +1 -2
  51. package/dist/hooks/useProjectLog.d.ts +2 -2
  52. package/dist/hooks/useValidateAuthenticator.d.ts +21 -0
  53. package/dist/index.d.ts +1 -0
  54. package/dist/index.es.js +9816 -9546
  55. package/dist/index.es.js.map +1 -1
  56. package/dist/index.umd.js +5 -5
  57. package/dist/index.umd.js.map +1 -1
  58. package/dist/internal/useBuildDataSource.d.ts +1 -16
  59. package/dist/internal/useRestoreScroll.d.ts +1 -1
  60. package/dist/preview/PropertyPreviewProps.d.ts +6 -4
  61. package/dist/preview/components/ReferencePreview.d.ts +2 -1
  62. package/dist/preview/components/StorageThumbnail.d.ts +2 -1
  63. package/dist/preview/components/UrlComponentPreview.d.ts +2 -1
  64. package/dist/types/auth.d.ts +31 -2
  65. package/dist/types/collections.d.ts +30 -5
  66. package/dist/types/datasource.d.ts +21 -14
  67. package/dist/types/entities.d.ts +5 -1
  68. package/dist/types/entity_actions.d.ts +14 -0
  69. package/dist/types/entity_callbacks.d.ts +2 -2
  70. package/dist/types/fields.d.ts +31 -30
  71. package/dist/types/index.d.ts +1 -1
  72. package/dist/types/navigation.d.ts +5 -5
  73. package/dist/types/plugins.d.ts +16 -6
  74. package/dist/types/properties.d.ts +17 -4
  75. package/dist/types/roles.d.ts +31 -0
  76. package/dist/types/storage.d.ts +11 -3
  77. package/dist/types/user.d.ts +5 -0
  78. package/dist/util/collections.d.ts +1 -1
  79. package/dist/util/entities.d.ts +1 -1
  80. package/dist/util/icon_synonyms.d.ts +1 -97
  81. package/dist/util/icons.d.ts +2 -2
  82. package/dist/util/navigation_utils.d.ts +2 -2
  83. package/dist/util/objects.d.ts +1 -1
  84. package/dist/util/resolutions.d.ts +13 -13
  85. package/dist/util/storage.d.ts +23 -2
  86. package/dist/util/useStorageUploadController.d.ts +1 -1
  87. package/dist/util/useTraceUpdate.d.ts +1 -0
  88. package/package.json +130 -119
  89. package/src/app/AppBar.tsx +18 -0
  90. package/src/app/Drawer.tsx +25 -0
  91. package/src/app/Scaffold.tsx +249 -0
  92. package/src/app/index.ts +4 -0
  93. package/src/app/useApp.tsx +32 -0
  94. package/src/components/ClearFilterSortButton.tsx +41 -0
  95. package/src/components/EntityCollectionTable/EntityCollectionRowActions.tsx +8 -10
  96. package/src/components/EntityCollectionTable/EntityCollectionTable.tsx +19 -18
  97. package/src/components/EntityCollectionTable/EntityCollectionTableProps.tsx +10 -6
  98. package/src/components/EntityCollectionTable/PropertyTableCell.tsx +38 -34
  99. package/src/components/EntityCollectionTable/column_utils.tsx +3 -3
  100. package/src/components/EntityCollectionTable/fields/TableReferenceField.tsx +10 -2
  101. package/src/components/EntityCollectionTable/fields/TableStorageUpload.tsx +2 -2
  102. package/src/components/EntityCollectionTable/internal/CollectionTableToolbar.tsx +29 -34
  103. package/src/components/EntityCollectionTable/internal/EntityTableCell.tsx +16 -12
  104. package/src/components/EntityCollectionTable/internal/popup_field/PopupFormField.tsx +4 -5
  105. package/src/components/EntityCollectionView/EntityCollectionView.tsx +54 -29
  106. package/src/components/EntityCollectionView/EntityCollectionViewStartActions.tsx +68 -0
  107. package/src/components/EntityPreview.tsx +14 -9
  108. package/src/components/EntityView.tsx +5 -5
  109. package/src/components/HomePage/DefaultHomePage.tsx +2 -2
  110. package/src/components/HomePage/NavigationCard.tsx +3 -3
  111. package/src/components/HomePage/SmallNavigationCard.tsx +5 -5
  112. package/src/components/PropertyIdCopyTooltipContent.tsx +2 -3
  113. package/src/components/ReferenceTable/ReferenceSelectionTable.tsx +1 -0
  114. package/src/components/ReferenceWidget.tsx +22 -12
  115. package/src/components/SearchIconsView.tsx +5 -5
  116. package/src/components/SelectableTable/SelectableTable.tsx +5 -3
  117. package/src/components/SelectableTable/filters/BooleanFilterField.tsx +2 -3
  118. package/src/components/SelectableTable/filters/DateTimeFilterField.tsx +23 -8
  119. package/src/components/SelectableTable/filters/ReferenceFilterField.tsx +28 -6
  120. package/src/components/SelectableTable/filters/StringNumberFilterField.tsx +35 -15
  121. package/src/components/VirtualTable/VirtualTable.tsx +38 -29
  122. package/src/components/VirtualTable/VirtualTableHeader.tsx +4 -4
  123. package/src/components/VirtualTable/VirtualTableHeaderRow.tsx +2 -2
  124. package/src/components/VirtualTable/VirtualTableProps.tsx +6 -6
  125. package/src/components/VirtualTable/VirtualTableRow.tsx +4 -5
  126. package/src/components/VirtualTable/fields/VirtualTableDateField.tsx +1 -1
  127. package/src/components/VirtualTable/types.tsx +2 -3
  128. package/src/components/{EntityCollectionTable/internal → common}/default_entity_actions.tsx +2 -2
  129. package/src/components/common/index.ts +1 -0
  130. package/src/components/{VirtualTable/common.tsx → common/table_height.tsx} +5 -2
  131. package/src/components/common/types.tsx +4 -6
  132. package/src/components/common/useColumnsIds.tsx +10 -2
  133. package/src/components/common/useDataSourceEntityCollectionTableController.tsx +11 -0
  134. package/src/components/common/useTableSearchHelper.ts +52 -12
  135. package/src/components/index.tsx +2 -1
  136. package/src/contexts/AuthControllerContext.tsx +1 -1
  137. package/src/contexts/DialogsProvider.tsx +2 -2
  138. package/src/{components/FireCMSAppBar.tsx → core/DefaultAppBar.tsx} +51 -36
  139. package/src/core/DefaultDrawer.tsx +177 -0
  140. package/src/core/DrawerNavigationItem.tsx +62 -0
  141. package/src/core/EntityEditView.tsx +673 -134
  142. package/src/core/EntitySidePanel.tsx +1 -2
  143. package/src/core/FireCMS.tsx +38 -43
  144. package/src/core/NavigationRoutes.tsx +6 -7
  145. package/src/core/field_configs.tsx +2 -3
  146. package/src/core/index.tsx +3 -4
  147. package/src/form/PropertiesForm.tsx +81 -0
  148. package/src/form/PropertyFieldBinding.tsx +29 -7
  149. package/src/form/components/FieldHelperText.tsx +3 -3
  150. package/src/form/components/StorageItemPreview.tsx +20 -11
  151. package/src/form/components/StorageUploadProgress.tsx +3 -3
  152. package/src/form/field_bindings/ArrayCustomShapedFieldBinding.tsx +8 -5
  153. package/src/form/field_bindings/ArrayOfReferencesFieldBinding.tsx +8 -5
  154. package/src/form/field_bindings/BlockFieldBinding.tsx +2 -2
  155. package/src/form/field_bindings/DateTimeFieldBinding.tsx +1 -1
  156. package/src/form/field_bindings/KeyValueFieldBinding.tsx +44 -39
  157. package/src/form/field_bindings/MapFieldBinding.tsx +11 -3
  158. package/src/form/field_bindings/MarkdownFieldBinding.tsx +2 -2
  159. package/src/form/field_bindings/ReadOnlyFieldBinding.tsx +2 -9
  160. package/src/form/field_bindings/ReferenceFieldBinding.tsx +15 -13
  161. package/src/form/field_bindings/RepeatFieldBinding.tsx +10 -7
  162. package/src/form/field_bindings/SelectFieldBinding.tsx +3 -3
  163. package/src/form/field_bindings/StorageUploadFieldBinding.tsx +10 -39
  164. package/src/form/field_bindings/SwitchFieldBinding.tsx +1 -1
  165. package/src/form/index.tsx +4 -4
  166. package/src/form/validation.ts +1 -17
  167. package/src/hooks/data/delete.ts +3 -3
  168. package/src/hooks/data/save.ts +4 -2
  169. package/src/hooks/data/useDataSource.tsx +1 -1
  170. package/src/hooks/data/useEntityFetch.tsx +3 -3
  171. package/src/hooks/index.tsx +3 -0
  172. package/src/hooks/useBuildLocalConfigurationPersistence.tsx +8 -10
  173. package/src/hooks/useBuildModeController.tsx +11 -5
  174. package/src/hooks/useBuildNavigationController.tsx +137 -61
  175. package/src/hooks/useProjectLog.tsx +8 -6
  176. package/src/hooks/useResolvedNavigationFrom.tsx +1 -1
  177. package/src/hooks/useValidateAuthenticator.tsx +115 -0
  178. package/src/index.ts +1 -0
  179. package/src/internal/useBuildDataSource.ts +54 -47
  180. package/src/internal/useBuildSideEntityController.tsx +88 -21
  181. package/src/preview/PropertyPreview.tsx +9 -16
  182. package/src/preview/PropertyPreviewProps.tsx +4 -8
  183. package/src/preview/components/BooleanPreview.tsx +4 -2
  184. package/src/preview/components/EnumValuesChip.tsx +1 -1
  185. package/src/preview/components/ImagePreview.tsx +21 -33
  186. package/src/preview/components/ReferencePreview.tsx +23 -23
  187. package/src/preview/components/StorageThumbnail.tsx +5 -1
  188. package/src/preview/components/UrlComponentPreview.tsx +44 -11
  189. package/src/preview/property_previews/ArrayOfMapsPreview.tsx +0 -1
  190. package/src/preview/property_previews/ArrayOfReferencesPreview.tsx +2 -1
  191. package/src/preview/property_previews/ArrayOfStorageComponentsPreview.tsx +0 -1
  192. package/src/preview/property_previews/ArrayOfStringsPreview.tsx +0 -1
  193. package/src/preview/property_previews/ArrayOneOfPreview.tsx +2 -3
  194. package/src/preview/property_previews/ArrayPropertyPreview.tsx +2 -3
  195. package/src/preview/property_previews/MapPropertyPreview.tsx +5 -5
  196. package/src/preview/property_previews/StringPropertyPreview.tsx +2 -2
  197. package/src/types/auth.tsx +41 -2
  198. package/src/types/collections.ts +35 -5
  199. package/src/types/customization_controller.tsx +0 -1
  200. package/src/types/datasource.ts +24 -17
  201. package/src/types/entities.ts +9 -1
  202. package/src/types/entity_actions.tsx +16 -3
  203. package/src/types/entity_callbacks.ts +2 -2
  204. package/src/types/fields.tsx +33 -33
  205. package/src/types/index.ts +1 -1
  206. package/src/types/navigation.ts +6 -7
  207. package/src/types/plugins.tsx +18 -8
  208. package/src/types/properties.ts +22 -6
  209. package/src/types/roles.ts +41 -0
  210. package/src/types/storage.ts +12 -3
  211. package/src/types/user.ts +7 -0
  212. package/src/util/collections.ts +1 -1
  213. package/src/util/entities.ts +5 -4
  214. package/src/util/enums.ts +1 -1
  215. package/src/util/icon_list.ts +2 -2
  216. package/src/util/icon_synonyms.ts +3 -99
  217. package/src/util/navigation_utils.ts +6 -6
  218. package/src/util/objects.ts +25 -28
  219. package/src/util/permissions.ts +1 -0
  220. package/src/util/resolutions.ts +32 -31
  221. package/src/util/storage.ts +75 -21
  222. package/src/util/strings.ts +2 -2
  223. package/src/util/useStorageUploadController.tsx +21 -3
  224. package/src/util/useTraceUpdate.tsx +2 -1
  225. package/dist/components/VirtualTable/common.d.ts +0 -2
  226. package/dist/core/Drawer.d.ts +0 -23
  227. package/dist/core/Scaffold.d.ts +0 -55
  228. package/dist/core/SideEntityView.d.ts +0 -7
  229. package/dist/form/EntityForm.d.ts +0 -77
  230. package/dist/internal/useBuildCustomizationController.d.ts +0 -2
  231. package/dist/internal/useLocaleConfig.d.ts +0 -1
  232. package/dist/types/appcheck.d.ts +0 -26
  233. package/src/core/Drawer.tsx +0 -191
  234. package/src/core/Scaffold.tsx +0 -281
  235. package/src/core/SideEntityView.tsx +0 -38
  236. package/src/form/EntityForm.tsx +0 -728
  237. package/src/internal/useBuildCustomizationController.tsx +0 -5
  238. package/src/internal/useLocaleConfig.tsx +0 -18
  239. package/src/types/appcheck.ts +0 -29
package/README.md CHANGED
@@ -49,7 +49,7 @@ FireCMS is based on this great technologies:
49
49
  The easiest way to get going is to check our quickstart guide! You will just
50
50
  need to follow some quick steps:
51
51
 
52
- https://firecms.co/docs/quickstart
52
+ https://firecms.co/docs
53
53
 
54
54
  ### Demo
55
55
 
@@ -0,0 +1,12 @@
1
+ import { DefaultAppBarProps } from "../core/DefaultAppBar";
2
+ /**
3
+ * This component renders the main app bar of FireCMS.
4
+ */
5
+ export declare function AppBar({ children, ...props }: {
6
+ children?: React.ReactNode;
7
+ className?: string;
8
+ style?: React.CSSProperties;
9
+ } & DefaultAppBarProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare namespace AppBar {
11
+ var componentType: string;
12
+ }
@@ -0,0 +1,17 @@
1
+ /**
2
+ * This component is in charge of rendering the drawer.
3
+ * If you add this component under your {@link Scaffold}, it will be rendered
4
+ * as a drawer, and the open and close functionality will be handled automatically.
5
+ * If you want to customise the drawer, you can create your own component and pass it as a child.
6
+ * For custom drawers, you can use the {@link useApp} to open and close the drawer.
7
+ *
8
+ * @constructor
9
+ */
10
+ export declare function Drawer({ children, className, style }: {
11
+ children?: React.ReactNode;
12
+ className?: string;
13
+ style?: React.CSSProperties;
14
+ }): import("react/jsx-runtime").JSX.Element;
15
+ export declare namespace Drawer {
16
+ var componentType: string;
17
+ }
@@ -0,0 +1,30 @@
1
+ import React from "react";
2
+ export declare const DRAWER_WIDTH = 280;
3
+ /**
4
+ * @group Core
5
+ */
6
+ export interface ScaffoldProps {
7
+ /**
8
+ * Open the drawer on hover
9
+ */
10
+ autoOpenDrawer?: boolean;
11
+ /**
12
+ * Logo to be displayed in the top bar and drawer.
13
+ * Note that this has no effect if you are using a custom AppBar or Drawer.
14
+ */
15
+ logo?: string;
16
+ className?: string;
17
+ style?: React.CSSProperties;
18
+ }
19
+ /**
20
+ * This view acts as a scaffold for FireCMS.
21
+ *
22
+ * It is in charge of displaying the navigation drawer, top bar and main
23
+ * collection views.
24
+ * This component needs a parent {@link FireCMS}
25
+ *
26
+ * @param props
27
+ * @constructor
28
+ * @group Core
29
+ */
30
+ export declare const Scaffold: React.NamedExoticComponent<React.PropsWithChildren<ScaffoldProps>>;
@@ -0,0 +1,4 @@
1
+ export * from "./Drawer";
2
+ export * from "./AppBar";
3
+ export * from "./Scaffold";
4
+ export * from "./useApp";
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ /**
3
+ * This context represents the state of the app in terms of layout.
4
+ * @group Core
5
+ */
6
+ export type AppState = {
7
+ hasDrawer: boolean;
8
+ drawerHovered: boolean;
9
+ drawerOpen: boolean;
10
+ openDrawer: () => void;
11
+ closeDrawer: () => void;
12
+ autoOpenDrawer?: boolean;
13
+ logo?: string;
14
+ };
15
+ export declare const AppContext: React.Context<AppState>;
16
+ export declare function useApp(): AppState;
@@ -0,0 +1,5 @@
1
+ import { EntityTableController } from "../types";
2
+ export declare function ClearFilterSortButton({ tableController, enabled }: {
3
+ enabled: boolean;
4
+ tableController: EntityTableController;
5
+ }): import("react/jsx-runtime").JSX.Element | null;
@@ -15,17 +15,17 @@ import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionContro
15
15
  */
16
16
  export declare const EntityCollectionRowActions: ({ entity, collection, fullPath, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions, hideId, selectionController, }: {
17
17
  entity: Entity<any>;
18
- collection?: EntityCollection<any, import("src/types/user").User> | undefined;
19
- fullPath?: string | undefined;
18
+ collection?: EntityCollection<any>;
19
+ fullPath?: string;
20
20
  width: number;
21
- frozen?: boolean | undefined;
21
+ frozen?: boolean;
22
22
  size: CollectionSize;
23
- isSelected?: boolean | undefined;
24
- selectionEnabled?: boolean | undefined;
25
- actions?: EntityAction[] | undefined;
26
- hideId?: boolean | undefined;
27
- onCollectionChange?: (() => void) | undefined;
28
- selectionController?: SelectionController | undefined;
29
- highlightEntity?: ((entity: Entity<any>) => void) | undefined;
30
- unhighlightEntity?: ((entity: Entity<any>) => void) | undefined;
23
+ isSelected?: boolean;
24
+ selectionEnabled?: boolean;
25
+ actions?: EntityAction[];
26
+ hideId?: boolean;
27
+ onCollectionChange?: () => void;
28
+ selectionController?: SelectionController;
29
+ highlightEntity?: (entity: Entity<any>) => void;
30
+ unhighlightEntity?: (entity: Entity<any>) => void;
31
31
  }) => import("react/jsx-runtime").JSX.Element;
@@ -24,4 +24,4 @@ import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
24
24
  * @see VirtualTable
25
25
  * @group Components
26
26
  */
27
- export declare const EntityCollectionTable: <M extends Record<string, any>, UserType extends User>({ forceFilter, actionsStart, actions, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, onSizeChanged, textSearchEnabled, hoverRow, inlineEditing, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable, sortable, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, onTextSearchClick, textSearchLoading }: EntityCollectionTableProps<M>) => import("react/jsx-runtime").JSX.Element;
27
+ export declare const EntityCollectionTable: <M extends Record<string, any>, UserType extends User>({ className, style, forceFilter, actionsStart, actions, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, onSizeChanged, textSearchEnabled, hoverRow, inlineEditing, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable, sortable, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, onTextSearchClick, textSearchLoading, enablePopupIcon }: EntityCollectionTableProps<M>) => import("react/jsx-runtime").JSX.Element;
@@ -5,6 +5,8 @@ import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from ".
5
5
  * @group Collection components
6
6
  */
7
7
  export type EntityCollectionTableProps<M extends Record<string, any>, UserType extends User = User> = {
8
+ className?: string;
9
+ style?: React.CSSProperties;
8
10
  /**
9
11
  * Display these entities as selected
10
12
  */
@@ -65,7 +67,7 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
65
67
  * {@link EntityTableController}
66
68
  */
67
69
  tableController: EntityTableController<M>;
68
- displayedColumnIds: PropertyColumnConfig[];
70
+ displayedColumnIds?: PropertyColumnConfig[];
69
71
  forceFilter?: FilterValues<Extract<keyof M, string>>;
70
72
  textSearchEnabled?: boolean;
71
73
  inlineEditing?: boolean;
@@ -87,13 +89,13 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
87
89
  getIdColumnWidth?: () => number;
88
90
  onTextSearchClick?: () => void;
89
91
  textSearchLoading?: boolean;
92
+ enablePopupIcon: boolean;
90
93
  };
91
94
  export type GetPropertyForProps<M extends Record<string, any>> = {
92
95
  propertyKey: string;
93
- propertyValue: any;
94
96
  entity: Entity<M>;
95
97
  };
96
98
  export type PropertyColumnConfig = {
97
99
  key: string;
98
- disabled: boolean;
100
+ disabled?: boolean;
99
101
  };
@@ -14,5 +14,6 @@ export interface PropertyTableCellProps<T extends CMSType> {
14
14
  entity: Entity<any>;
15
15
  path: string;
16
16
  disabled: boolean;
17
+ enablePopupIcon?: boolean;
17
18
  }
18
19
  export declare const PropertyTableCell: React.FunctionComponent<PropertyTableCellProps<any>>;
@@ -6,11 +6,10 @@ export interface PropertiesToColumnsParams<M extends Record<string, any>> {
6
6
  properties: ResolvedProperties<M>;
7
7
  sortable?: boolean;
8
8
  forceFilter?: FilterValues<keyof M extends string ? keyof M : never>;
9
- disabledFilter?: boolean;
10
9
  AdditionalHeaderWidget?: React.ComponentType<{
11
10
  property: ResolvedProperty;
12
11
  propertyKey: string;
13
12
  onHover: boolean;
14
13
  }>;
15
14
  }
16
- export declare function propertiesToColumns<M extends Record<string, any>>({ properties, sortable, forceFilter, disabledFilter, AdditionalHeaderWidget }: PropertiesToColumnsParams<M>): VirtualTableColumn[];
15
+ export declare function propertiesToColumns<M extends Record<string, any>>({ properties, sortable, forceFilter, AdditionalHeaderWidget }: PropertiesToColumnsParams<M>): VirtualTableColumn[];
@@ -11,6 +11,8 @@ type TableReferenceFieldProps = {
11
11
  title?: string;
12
12
  path: string;
13
13
  forceFilter?: FilterValues<string>;
14
+ includeId?: boolean;
15
+ includeEntityLink?: boolean;
14
16
  };
15
17
  export declare function TableReferenceField(props: TableReferenceFieldProps): import("react/jsx-runtime").JSX.Element;
16
18
  export declare const TableReferenceFieldSuccess: React.NamedExoticComponent<TableReferenceFieldProps & {
@@ -2,17 +2,14 @@ import React from "react";
2
2
  import { CollectionSize } from "../../../types";
3
3
  interface CollectionTableToolbarProps {
4
4
  size: CollectionSize;
5
- filterIsSet: boolean;
6
5
  loading: boolean;
7
- forceFilter?: boolean;
8
6
  actionsStart?: React.ReactNode;
9
7
  actions?: React.ReactNode;
10
8
  title?: React.ReactNode;
11
9
  onTextSearchClick?: () => void;
12
10
  onTextSearch?: (searchString?: string) => void;
13
11
  onSizeChanged: (size: CollectionSize) => void;
14
- clearFilter?: () => void;
15
12
  textSearchLoading?: boolean;
16
13
  }
17
- export declare function CollectionTableToolbar(props: CollectionTableToolbarProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function CollectionTableToolbar({ actions, actionsStart, loading, onSizeChanged, onTextSearch, onTextSearchClick, size, textSearchLoading, title }: CollectionTableToolbarProps): import("react/jsx-runtime").JSX.Element;
18
15
  export {};
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { VirtualTableSize } from "../../VirtualTable";
2
+ import { TableSize } from "../../common/table_height";
3
3
  interface EntityTableCellProps {
4
4
  children: React.ReactNode;
5
5
  actions?: React.ReactNode;
@@ -12,7 +12,7 @@ interface EntityTableCellProps {
12
12
  error?: Error;
13
13
  allowScroll?: boolean;
14
14
  align: "right" | "left" | "center";
15
- size: VirtualTableSize;
15
+ size: TableSize;
16
16
  disabledTooltip?: string;
17
17
  width: number;
18
18
  showExpandIcon?: boolean;
@@ -16,7 +16,7 @@ interface PopupFormFieldProps<M extends Record<string, any>> {
16
16
  * Callback when the value of a cell has been edited
17
17
  * @param params
18
18
  */
19
- onCellValueChange?: (params: OnCellValueChangeParams<any, M>) => Promise<void> | void;
19
+ onCellValueChange?: (params: OnCellValueChangeParams<any, any>) => Promise<void> | void;
20
20
  }
21
21
  export declare function PopupFormField<M extends Record<string, any>>(props: PopupFormFieldProps<M>): import("react/jsx-runtime").JSX.Element | null;
22
22
  export declare function PopupFormFieldInternal<M extends Record<string, any>>({ tableKey, entity: entityProp, customFieldValidator, propertyKey, collection: inputCollection, path, cellRect, open, onClose, onCellValueChange, container }: PopupFormFieldProps<M>): import("react/jsx-runtime").JSX.Element;
@@ -4,8 +4,18 @@ import { EntityCollection } from "../../types";
4
4
  * @group Components
5
5
  */
6
6
  export type EntityCollectionViewProps<M extends Record<string, any>> = {
7
- fullPath: string;
7
+ /**
8
+ * Complete path where this collection is located.
9
+ * It defaults to the collection path if not provided.
10
+ */
11
+ fullPath?: string;
12
+ /**
13
+ * If this is a subcollection, specify the parent collection ids.
14
+ */
8
15
  parentCollectionIds?: string[];
16
+ /**
17
+ * Whether this is a subcollection or not.
18
+ */
9
19
  isSubCollection?: boolean;
10
20
  className?: string;
11
21
  } & EntityCollection<M>;
@@ -0,0 +1,11 @@
1
+ import { EntityCollection, EntityTableController, SelectionController } from "../../types";
2
+ export type EntityCollectionViewStartActionsProps<M extends Record<string, any>> = {
3
+ collection: EntityCollection<M>;
4
+ path: string;
5
+ relativePath: string;
6
+ parentCollectionIds: string[];
7
+ selectionController: SelectionController<M>;
8
+ tableController: EntityTableController<M>;
9
+ collectionEntitiesCount: number;
10
+ };
11
+ export declare function EntityCollectionViewStartActions<M extends Record<string, any>>({ collection, relativePath, parentCollectionIds, path, selectionController, tableController, collectionEntitiesCount }: EntityCollectionViewStartActionsProps<M>): import("react/jsx-runtime").JSX.Element;
@@ -9,21 +9,22 @@ export type EntityPreviewProps = {
9
9
  previewProperties?: string[];
10
10
  disabled: undefined | boolean;
11
11
  entity: Entity<any>;
12
- includeEntityNavigation?: boolean;
12
+ includeId?: boolean;
13
+ includeEntityLink?: boolean;
13
14
  onClick?: (e: React.SyntheticEvent) => void;
14
15
  };
15
16
  /**
16
17
  * This view is used to display a preview of an entity.
17
18
  * It is used by default in reference fields and whenever a reference is displayed.
18
19
  */
19
- export declare function EntityPreview({ actions, disabled, hover, collection: collectionProp, previewProperties, onClick, size, includeEntityNavigation, entity }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
20
- type EntityPreviewContainerProps = {
20
+ export declare function EntityPreview({ actions, disabled, hover, collection: collectionProp, previewProperties, onClick, size, includeId, includeEntityLink, entity }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
21
+ export type EntityPreviewContainerProps = {
21
22
  children: React.ReactNode;
22
23
  hover?: boolean;
24
+ fullwidth?: boolean;
23
25
  size: PreviewSize;
24
26
  className?: string;
25
27
  style?: React.CSSProperties;
26
28
  onClick?: (e: React.SyntheticEvent) => void;
27
29
  };
28
30
  export declare const EntityPreviewContainer: React.FC<EntityPreviewContainerProps>;
29
- export {};
@@ -21,8 +21,10 @@ export type ReferenceWidgetProps<M extends Record<string, any>> = {
21
21
  forceFilter?: FilterValues<string>;
22
22
  size: PreviewSize;
23
23
  className?: string;
24
+ includeId?: boolean;
25
+ includeEntityLink?: boolean;
24
26
  };
25
27
  /**
26
28
  * This field allows selecting reference/s.
27
29
  */
28
- export declare function ReferenceWidget<M extends Record<string, any>>({ name, multiselect, path, disabled, value, onReferenceSelected, onMultipleReferenceSelected, previewProperties, forceFilter, size, className }: ReferenceWidgetProps<M>): import("react/jsx-runtime").JSX.Element;
30
+ export declare function ReferenceWidget<M extends Record<string, any>>({ name, multiselect, path, disabled, value, onReferenceSelected, onMultipleReferenceSelected, previewProperties, forceFilter, size, className, includeId, includeEntityLink }: ReferenceWidgetProps<M>): import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { CollectionSize, Entity, EntityTableController, FilterValues } from "../../types";
3
3
  import { CellRendererParams, VirtualTableColumn } from "../VirtualTable";
4
- import { OnCellValueChange, OnColumnResizeParams } from "../common/types";
4
+ import { OnCellValueChange, OnColumnResizeParams } from "../common";
5
5
  export type SelectableTableProps<M extends Record<string, any>> = {
6
6
  /**
7
7
  * Callback when a cell value changes.
@@ -6,9 +6,10 @@ interface ReferenceFilterFieldProps {
6
6
  isArray?: boolean;
7
7
  path?: string;
8
8
  title?: string;
9
+ includeId?: boolean;
9
10
  previewProperties?: string[];
10
11
  hidden: boolean;
11
12
  setHidden: (hidden: boolean) => void;
12
13
  }
13
- export declare function ReferenceFilterField({ name, value, setValue, isArray, path, title, previewProperties, setHidden }: ReferenceFilterFieldProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function ReferenceFilterField({ name, value, setValue, isArray, path, title, includeId, previewProperties, setHidden }: ReferenceFilterFieldProps): import("react/jsx-runtime").JSX.Element;
14
15
  export {};
@@ -56,7 +56,7 @@ export interface VirtualTableProps<T extends Record<string, any>> {
56
56
  /**
57
57
  * Size of the table
58
58
  */
59
- size?: VirtualTableSize;
59
+ rowHeight?: number;
60
60
  /**
61
61
  * In case this table should have some filters set by default
62
62
  */
@@ -106,6 +106,10 @@ export interface VirtualTableProps<T extends Record<string, any>> {
106
106
  * Class name applied to the table
107
107
  */
108
108
  className?: string;
109
+ /**
110
+ * Style applied to the table
111
+ */
112
+ style?: React.CSSProperties;
109
113
  /**
110
114
  * Component rendered at the end of the table, after scroll
111
115
  */
@@ -190,11 +194,6 @@ export type OnVirtualTableColumnResizeParams = {
190
194
  key: string;
191
195
  column: VirtualTableColumn;
192
196
  };
193
- /**
194
- * @see Table
195
- * @group Components
196
- */
197
- export type VirtualTableSize = "xs" | "s" | "m" | "l" | "xl";
198
197
  /**
199
198
  * @see Table
200
199
  * @group Components
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
- import { CellRendererParams, OnRowClickParams, OnVirtualTableColumnResizeParams, VirtualTableColumn, VirtualTableFilterValues, VirtualTableSize, VirtualTableWhereFilterOp } from "./VirtualTableProps";
2
+ import { CellRendererParams, OnRowClickParams, OnVirtualTableColumnResizeParams, VirtualTableColumn, VirtualTableFilterValues, VirtualTableWhereFilterOp } from "./VirtualTableProps";
3
3
  import { FilterFormFieldProps } from "./VirtualTableHeader";
4
4
  export type VirtualTableRowProps<T> = {
5
5
  style: any;
6
- size: VirtualTableSize;
6
+ rowHeight: number;
7
7
  rowData: T;
8
8
  rowIndex: number;
9
9
  onRowClick?: (props: OnRowClickParams<any>) => void;
@@ -14,7 +14,7 @@ export type VirtualTableRowProps<T> = {
14
14
  };
15
15
  export type VirtualTableContextProps<T extends any> = {
16
16
  data?: T[];
17
- size?: VirtualTableSize;
17
+ rowHeight?: number;
18
18
  columns: VirtualTableColumn[];
19
19
  cellRenderer: React.ComponentType<CellRendererParams<T>>;
20
20
  currentSort: "asc" | "desc" | undefined;
@@ -1,4 +1,4 @@
1
- import { EntityAction } from "../../../types";
1
+ import { EntityAction } from "../../types";
2
2
  export declare const editEntityAction: EntityAction;
3
3
  export declare const copyEntityAction: EntityAction;
4
4
  export declare const archiveEntityAction: EntityAction;
@@ -3,3 +3,4 @@ export * from "./useDebouncedData";
3
3
  export * from "./useColumnsIds";
4
4
  export * from "./useDataSourceEntityCollectionTableController";
5
5
  export * from "./useTableSearchHelper";
6
+ export * from "./default_entity_actions";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @group Components
3
+ */
4
+ export type TableSize = "xs" | "s" | "m" | "l" | "xl";
5
+ export declare function getRowHeight(size: TableSize): number;
@@ -1,4 +1,4 @@
1
- import { CollectionSize, Entity, FireCMSContext, ResolvedProperty, SelectedCellProps } from "../../types";
1
+ import { CollectionSize, ResolvedProperty, SelectedCellProps } from "../../types";
2
2
  export type EntityCollectionTableController<M extends Record<string, any>> = {
3
3
  /**
4
4
  * This cell is displayed as selected
@@ -28,14 +28,12 @@ export type EntityCollectionTableController<M extends Record<string, any>> = {
28
28
  * Props passed in a callback when the content of a cell in a table has been edited
29
29
  * @group Collection components
30
30
  */
31
- export interface OnCellValueChangeParams<T = any, M extends Record<string, any> = any> {
31
+ export interface OnCellValueChangeParams<T = any, D = any> {
32
32
  value: T;
33
33
  propertyKey: string;
34
- entity: Entity<M>;
34
+ data?: D;
35
35
  onValueUpdated: () => void;
36
- setError: (e: Error) => void;
37
- fullPath: string;
38
- context: FireCMSContext;
36
+ setError: (e: Error | undefined) => void;
39
37
  }
40
38
  /**
41
39
  * @group Collection components
@@ -14,6 +14,9 @@ export type DataSourceEntityCollectionTableControllerProps<M extends Record<stri
14
14
  */
15
15
  entitiesDisplayedFirst?: Entity<M>[];
16
16
  lastDeleteTimestamp?: number;
17
+ /**
18
+ * Force filter to be applied to the table.
19
+ */
17
20
  forceFilter?: FilterValues<string>;
18
21
  };
19
22
  /**
@@ -8,6 +8,7 @@ export { CircularProgressCenter } from "./CircularProgressCenter";
8
8
  export * from "./common";
9
9
  export * from "./HomePage";
10
10
  export * from "./SelectableTable/SelectableTable";
11
+ export * from "./SelectableTable/SelectableTableContext";
11
12
  export * from "./EntityCollectionView/EntityCollectionView";
12
13
  export * from "./EntityCollectionView/EntityCollectionViewActions";
13
14
  export * from "./EntityCollectionView/useSelectionController";
@@ -18,7 +19,7 @@ export * from "./VirtualTable";
18
19
  export * from "./ErrorBoundary";
19
20
  export * from "./DeleteConfirmationDialog";
20
21
  export * from "./FireCMSLogo";
21
- export * from "./FireCMSAppBar";
22
+ export * from "../core/DefaultAppBar";
22
23
  export * from "./ArrayContainer";
23
24
  export * from "./ReferenceWidget";
24
25
  export * from "./SearchIconsView";
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { AuthController } from "../types";
3
- export declare const AuthControllerContext: React.Context<AuthController>;
3
+ export declare const AuthControllerContext: React.Context<AuthController<any, any>>;
@@ -1,26 +1,23 @@
1
1
  import React from "react";
2
2
  import { User } from "../types";
3
- export type FireCMSAppBarProps<ADDITIONAL_PROPS = object> = {
4
- title: string;
3
+ export type DefaultAppBarProps<ADDITIONAL_PROPS = object> = {
4
+ title?: React.ReactNode;
5
5
  /**
6
6
  * A component that gets rendered on the upper side of the main toolbar
7
7
  */
8
8
  endAdornment?: React.ReactNode;
9
9
  startAdornment?: React.ReactNode;
10
10
  dropDownActions?: React.ReactNode;
11
- includeDrawer?: boolean;
12
- drawerOpen: boolean;
11
+ includeModeToggle?: boolean;
13
12
  className?: string;
14
13
  style?: React.CSSProperties;
14
+ logo?: string;
15
15
  user?: User;
16
16
  } & ADDITIONAL_PROPS;
17
17
  /**
18
18
  * This component renders the main app bar of FireCMS.
19
19
  * You will likely not need to use this component directly.
20
20
  *
21
- * @param title
22
- * @param toolbarExtraWidget
23
- * @param drawerOpen
24
21
  * @constructor
25
22
  */
26
- export declare const FireCMSAppBar: ({ title, endAdornment, startAdornment, drawerOpen, dropDownActions, includeDrawer, className, style, user: userProp }: FireCMSAppBarProps) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const DefaultAppBar: ({ title, endAdornment, startAdornment, dropDownActions, includeModeToggle, className, style, user: userProp }: DefaultAppBarProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ /**
3
+ * Default drawer used in the CMS
4
+ * @group Core
5
+ */
6
+ export declare function DefaultDrawer({ className, style, }: {
7
+ className?: string;
8
+ style?: React.CSSProperties;
9
+ }): import("react/jsx-runtime").JSX.Element;
10
+ /**
11
+ * This is the logo displayed in the drawer
12
+ * It expands when the drawer is open.
13
+ *
14
+ * @param logo
15
+ * @constructor
16
+ */
17
+ export declare function DrawerLogo({ logo }: {
18
+ logo?: string;
19
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ export declare function DrawerNavigationItem({ name, icon, drawerOpen, tooltipsOpen, url, onClick }: {
3
+ icon: React.ReactElement;
4
+ name: string;
5
+ tooltipsOpen: boolean;
6
+ drawerOpen: boolean;
7
+ url: string;
8
+ onClick?: () => void;
9
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,5 @@
1
- import { Entity, EntityCollection, User } from "../types";
1
+ import { Entity, EntityCollection, EntityValues, ResolvedEntityCollection, User } from "../types";
2
+ import { ValidationError } from "yup";
2
3
  export interface EntityEditViewProps<M extends Record<string, any>> {
3
4
  path: string;
4
5
  collection: EntityCollection<M>;
@@ -6,7 +7,6 @@ export interface EntityEditViewProps<M extends Record<string, any>> {
6
7
  copy?: boolean;
7
8
  selectedSubPath?: string;
8
9
  parentCollectionIds: string[];
9
- formWidth?: number | string;
10
10
  onValuesAreModified: (modified: boolean) => void;
11
11
  onUpdate?: (params: {
12
12
  entity: Entity<any>;
@@ -19,4 +19,18 @@ export interface EntityEditViewProps<M extends Record<string, any>> {
19
19
  * You probably don't want to use this view directly since it is bound to the
20
20
  * side panel. Instead, you might want to use {@link EntityForm} or {@link EntityCollectionView}
21
21
  */
22
- export declare function EntityEditView<M extends Record<string, any>, UserType extends User>({ path, entityId, selectedSubPath, copy, collection, parentCollectionIds, onValuesAreModified, formWidth, onUpdate, onClose, }: EntityEditViewProps<M>): import("react/jsx-runtime").JSX.Element;
22
+ export declare function EntityEditView<M extends Record<string, any>, UserType extends User>({ entityId: entityIdProp, ...props }: EntityEditViewProps<M>): import("react/jsx-runtime").JSX.Element;
23
+ export declare function EntityEditViewInner<M extends Record<string, any>>({ path, entityId: entityIdProp, selectedSubPath: selectedSubPathProp, copy, collection, parentCollectionIds, onValuesAreModified, onUpdate, onClose, entity, dataLoading, }: EntityEditViewProps<M> & {
24
+ entity?: Entity<M>;
25
+ dataLoading: boolean;
26
+ }): import("react/jsx-runtime").JSX.Element;
27
+ export type EntityFormSaveParams<M extends Record<string, any>> = {
28
+ collection: ResolvedEntityCollection<M>;
29
+ path: string;
30
+ entityId: string | undefined;
31
+ values: EntityValues<M>;
32
+ previousValues?: EntityValues<M>;
33
+ closeAfterSave: boolean;
34
+ autoSave: boolean;
35
+ };
36
+ export declare function yupToFormErrors(yupError: ValidationError): Record<string, any>;
@@ -6,8 +6,8 @@ export type NavigationRoutesProps = {
6
6
  /**
7
7
  * In case you need to override the home page
8
8
  */
9
- HomePage?: React.ComponentType;
10
- customRoutes?: React.ReactNode[];
9
+ homePage?: React.ReactNode;
10
+ children?: React.ReactNode | React.ReactNode[];
11
11
  };
12
12
  /**
13
13
  * This component is in charge of rendering
@@ -1,8 +1,7 @@
1
1
  export * from "./FireCMS";
2
- export type { ScaffoldProps } from "./Scaffold";
3
- export { Scaffold } from "./Scaffold";
4
- export type { DrawerProps } from "./Drawer";
5
- export { Drawer, DrawerNavigationItem } from "./Drawer";
2
+ export * from "../app/Scaffold";
3
+ export * from "./DefaultDrawer";
4
+ export * from "./DrawerNavigationItem";
6
5
  export * from "./field_configs";
7
6
  export * from "./SideDialogs";
8
7
  export * from "./NavigationRoutes";
@@ -0,0 +1,8 @@
1
+ import { PropertiesOrBuilders } from "../types";
2
+ import { FormexController } from "@firecms/formex";
3
+ export type PropertiesFormProps<M extends Record<string, any> = Record<string, any>> = {
4
+ properties: PropertiesOrBuilders<M>;
5
+ propertiesOrder?: string[];
6
+ formex: FormexController<M>;
7
+ };
8
+ export declare function PropertiesForm<M extends Record<string, any> = Record<string, any>>({ properties, propertiesOrder, formex }: PropertiesFormProps<M>): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  export declare const ErrorFocus: ({ containerRef }: {
3
- containerRef?: React.RefObject<HTMLDivElement> | undefined;
3
+ containerRef?: React.RefObject<HTMLDivElement>;
4
4
  }) => null;