Cleanup

examples/example_pro/src/docs/recipes/copy_entity/copy_button_use.tsx

@@ -1,10 +1,6 @@
 import { buildCollection, CollectionActionsProps } from "@firecms/core";
 import { CopyEntityButton } from "./copy_button";
-import {
-    Product,
-    productsCollection,
-    properties
-} from "./simple_product_collection";
+import { Product, productsCollection, properties } from "./simple_product_collection";
 
 export const productsCollectionCopy = buildCollection<Product>({
     name: "Products copy target",

examples/example_pro/src/docs/recipes/copy_entity/full.tsx

@@ -1,7 +1,7 @@
 import {
-    Button,
     buildCollection,
     buildProperties,
+    Button,
     CollectionActionsProps,
     Entity,
     EntityCollection,

examples/example_pro/src/docs/recipes/custom_datasource/custom_datasource.tsx

@@ -5,8 +5,8 @@ import {
     Entity,
     FetchCollectionProps,
     FetchEntityProps,
-    useBuildDataSource,
     SaveEntityProps,
+    useBuildDataSource,
 } from "@firecms/core";
 import { FirebaseApp } from "firebase/app";
 import { useFirestoreDelegate } from "@firecms/firebase_pro";

examples/example_pro/src/docs/recipes/document_as_subcollection/full.tsx

@@ -1,8 +1,5 @@
 import React from "react";
-import {
-    buildCollection,
-    EntityCollectionsBuilder,
-} from "@firecms/core";
+import { buildCollection, EntityCollectionsBuilder, } from "@firecms/core";
 
 import "typeface-rubik";
 import "@fontsource/ibm-plex-mono";

examples/example_pro/tailwind.config.js

@@ -4,7 +4,8 @@ export default {
     content: [
         "./index.html",
         "./src/**/*.{js,ts,jsx,tsx}",
-        "../**/node_modules/@firecms/**/src/**/*.{js,ts,jsx,tsx}",
+        "../../node_modules/firecms/src/**/*.{js,ts,jsx,tsx}",
+        "../../node_modules/@firecms/**/src/**/*.{js,ts,jsx,tsx}",
     ],
     theme: {
         extend: {

packages/collection_editor/src/ui/collection_editor/PropertyEditView.tsx

@@ -460,8 +460,8 @@ function PropertyEditView({
                         error={Boolean(selectedWidgetError)}
                         value={selectedFieldConfigId ?? ""}
                         placeholder={"Select a property widget"}
-                        // open={selectOpen}
-                        // onOpenChange={setSelectOpen}
+                        open={selectOpen}
+                        onOpenChange={setSelectOpen}
                         position={"item-aligned"}
                         disabled={disabled}
                         renderValue={(value) => {

packages/firebase_firecms/src/hooks/useFirebaseAuthController.ts

@@ -1,24 +1,24 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 import {
+    ApplicationVerifier,
+    Auth,
+    ConfirmationResult,
     createUserWithEmailAndPassword as createUserWithEmailAndPasswordFirebase,
+    FacebookAuthProvider,
     fetchSignInMethodsForEmail as fetchSignInMethodsForEmailFirebase,
     getAuth,
+    GithubAuthProvider,
     GoogleAuthProvider,
+    OAuthProvider,
+    onAuthStateChanged,
+    signInAnonymously,
     signInWithEmailAndPassword,
+    signInWithPhoneNumber,
     signInWithPopup,
     signOut,
-    User as FirebaseUser,
-    OAuthProvider,
-    Auth,
-    FacebookAuthProvider,
-    GithubAuthProvider,
     TwitterAuthProvider,
-    signInAnonymously,
-    ApplicationVerifier,
-    signInWithPhoneNumber,
-    ConfirmationResult,
-    onAuthStateChanged
+    User as FirebaseUser
 } from "firebase/auth";
 import { FirebaseApp } from "firebase/app";
 import { FirebaseAuthController, FirebaseSignInOption, FirebaseSignInProvider, Role } from "../types";

website/docs/custom_top_level_views.mdx

@@ -46,18 +46,18 @@ For custom views you can define the following props:
 ### Example:
 A quick example for a custom view:
 
+
 import CodeBlock from "@theme/CodeBlock";
-import CustomViewSampleApp
-    from "!!raw-loader!../samples/samples_v3/custom_cms_view/CustomViewSampleApp";
+import CustomViewSampleApp from "!!raw-loader!../samples/samples_v3/custom_cms_view/CustomViewSampleApp";
+import ExampleCMSView from "!!raw-loader!../samples/samples_v3/custom_cms_view/ExampleCMSView";
 
 <CodeBlock language="tsx">{CustomViewSampleApp}</CodeBlock>
 
 
 Your custom view is implemented as any regular React component that uses
 some hooks provided by the CMS:
 
-import ExampleCMSView
-    from "!!raw-loader!../samples/samples_v3/custom_cms_view/ExampleCMSView";
+
 
 <CodeBlock language="tsx">{ExampleCMSView}</CodeBlock>
 

website/docs/customization_quickstart.mdx

@@ -4,6 +4,7 @@ title: Customization quickstart
 sidebar_label: Customization quickstart
 ---
 
+
 import { DocsCloudCTA } from "../src/DocsCloudCTA";
 
 :::note

website/docs/index.mdx

@@ -6,6 +6,7 @@ slug: /
 ---
 
 
+
 import { DocsCloudCTA } from "../src/DocsCloudCTA";
 
 <video class="intro_video" loop autoPlay muted>

website/docs/properties/fields/selects.mdx

@@ -99,6 +99,7 @@ is [`SelectFieldBinding`](../../api/functions/SelectFieldBinding).
 You can pick the colors among a list of predefined values:
 
 
+
 import CodeBlock from "@theme/CodeBlock";
 import MyComponentSource from "!!raw-loader!../../../../packages/firecms_core/src/types/colors";
 

website/docs/recipes/blog.mdx

@@ -344,8 +344,8 @@ If we put together all the parts that we have build in this tutorial,
 we get the following code for the blog collection:
 
 
+
 import CodeBlock from "@theme/CodeBlock";
-import MyComponentSource
-    from "!!raw-loader!../../samples/samples_v3/recipes/blog/blog_collection";
+import MyComponentSource from "!!raw-loader!../../samples/samples_v3/recipes/blog/blog_collection";
 
 <CodeBlock language="tsx">{MyComponentSource}</CodeBlock>

website/docs/recipes/copy_entity.mdx

@@ -26,15 +26,12 @@ For illustrative purposes, let's create two simple `products` collection,
 that we will be copying from and to:
 
 
+
 import CodeBlock from "@theme/CodeBlock";
-import MyComponentSource
-    from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/simple_product_collection";
-import CopyButton
-    from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/copy_button";
-import CopyButtonUse
-    from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/copy_button_use";
-import FullCode
-    from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/full";
+import MyComponentSource from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/simple_product_collection";
+import CopyButton from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/copy_button";
+import CopyButtonUse from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/copy_button_use";
+import FullCode from "!!raw-loader!../../samples/samples_v3/recipes/copy_entity/full";
 
 <CodeBlock language="tsx">{MyComponentSource}</CodeBlock>
 

website/docs/recipes/documents_as_subcollections.mdx

@@ -37,13 +37,12 @@ That prevents the suer from refreshing the app in order to see the changes.
 How cool is that?
 :::
 
+
 import CodeBlock from "@theme/CodeBlock";
-import UnitCollection
-    from "!!raw-loader!../../samples/samples_v3/recipes/document_as_subcollection/unit_collection";
+import UnitCollection from "!!raw-loader!../../samples/samples_v3/recipes/document_as_subcollection/unit_collection";
 import CollectionBuilder
     from "!!raw-loader!../../samples/samples_v3/recipes/document_as_subcollection/collection_builder";
-import FullCode
-    from "!!raw-loader!../../samples/samples_v3/recipes/document_as_subcollection/full";
+import FullCode from "!!raw-loader!../../samples/samples_v3/recipes/document_as_subcollection/full";
 
 <CodeBlock language="tsx">{UnitCollection}</CodeBlock>
 

website/plugins/typedoc-custom-pugin/myTypeDocPlugin.js

@@ -1,5 +1,5 @@
-import { Converter } from 'typedoc/dist/lib/converter';
-import { DispatcherEvent } from 'typedoc/dist/lib/output/events';
+import { Converter } from "typedoc/dist/lib/converter";
+import { DispatcherEvent } from "typedoc/dist/lib/output/events";
 
 export function load(PluginHost: Converter) {
     const app = PluginHost.owner;

website/samples/samples_v3/recipes/copy_entity/copy_button.tsx

@@ -1,11 +1,4 @@
-import {
-    Button,
-    Entity,
-    EntityCollection,
-    useDataSource,
-    useReferenceDialog,
-    useSnackbarController
-} from "firecms";
+import { Button, Entity, EntityCollection, useDataSource, useReferenceDialog, useSnackbarController } from "firecms";
 import { useCallback } from "react";
 
 export type CopyEntityButtonProps = {

website/samples/samples_v3/recipes/copy_entity/copy_button_use.tsx

@@ -1,10 +1,6 @@
 import { buildCollection, CollectionActionsProps } from "firecms";
 import { CopyEntityButton } from "./copy_button";
-import {
-    Product,
-    productsCollection,
-    properties
-} from "./simple_product_collection";
+import { Product, productsCollection, properties } from "./simple_product_collection";
 
 export const productsCollectionCopy = buildCollection<Product>({
     name: "Products copy target",

website/samples/samples_v3/recipes/copy_entity/full.tsx

@@ -1,7 +1,7 @@
 import {
-    Button,
     buildCollection,
     buildProperties,
+    Button,
     CollectionActionsProps,
     Entity,
     EntityCollection,

website/src/pages/enterprise.tsx

@@ -3,10 +3,8 @@ import React from "react";
 import Layout from "@theme/Layout";
 import { EnterpriseHero } from "../partials/enterprise/EnterpriseHero";
 import { EnterpriseFeatures } from "../partials/enterprise/EnterpriseFeatures";
-import {
-    EnterpriseArchitectures
-} from "../partials/enterprise/EnterpriseArchitectures";
-import { CTAButtonMixin, CTAOutlinedButtonWhiteMixin } from "../partials/styles";
+import { EnterpriseArchitectures } from "../partials/enterprise/EnterpriseArchitectures";
+import { CTAOutlinedButtonWhiteMixin } from "../partials/styles";
 import { Panel } from "../partials/general/Panel";
 
 function Enterprise() {

website/src/pages/openai.tsx

@@ -5,12 +5,8 @@ import { AutofillFeature } from "../partials/data_enhancement/AutofillFeature";
 // import { CustomizationOptions } from "../partials/data_enhancement/CustomizationOptions";
 // import { Testimonials } from "../partials/data_enhancement/Testimonials";
 // import { Contact } from "../partials/data_enhancement/Contact";
-import {
-    DataEnhancementUseCases
-} from "../partials/data_enhancement/DataEnhancementUseCases";
-import {
-    DataEnhancementHero
-} from "../partials/data_enhancement/DataEnhancementHero";
+import { DataEnhancementUseCases } from "../partials/data_enhancement/DataEnhancementUseCases";
+import { DataEnhancementHero } from "../partials/data_enhancement/DataEnhancementHero";
 import { BatchProcessing } from "../partials/data_enhancement/BatchProcessing";
 import { Translations } from "../partials/data_enhancement/Translations";
 import { DataStructure } from "../partials/data_enhancement/DataStructure";

website/src/partials/data_enhancement/BatchProcessing.tsx

@@ -1,10 +1,8 @@
 import React from "react";
-import { BrowserFrame } from "../BrowserFrame";
-import { TwoColumns } from "../general/TwoColumns";
 import { useColorMode } from "@docusaurus/theme-common";
 
 import { Panel } from "../general/Panel";
-import { CTAOutlinedButtonMixin, CTAOutlinedButtonWhiteMixin } from "../styles";
+import { CTAOutlinedButtonMixin } from "../styles";
 
 export function BatchProcessing() {
 

website/src/partials/data_enhancement/DataStructure.tsx

@@ -6,11 +6,7 @@ import translationLight from "@site/static/img/data/translations_light.png";
 // @ts-ignore
 import translationDark from "@site/static/img/data/translations_dark.png";
 import { Panel } from "../general/Panel";
-import {
-    CTAButtonMixin,
-    CTACaret,
-    CTAOutlinedButtonWhiteMixin
-} from "../styles";
+import { CTACaret, CTAOutlinedButtonWhiteMixin } from "../styles";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 
 export function DataStructure() {

website/src/partials/enterprise/EnterpriseArchitectures.tsx

@@ -1,10 +1,8 @@
 import React from "react";
 import { TwoColumns } from "../general/TwoColumns";
 import { Panel } from "../general/Panel";
-import SimpleArchitecture
-    from "@site/static/img/enterprise/simple_architecture.svg";
-import ComplexArchitecture
-    from "@site/static/img/enterprise/complex_architecture.svg";
+import SimpleArchitecture from "@site/static/img/enterprise/simple_architecture.svg";
+import ComplexArchitecture from "@site/static/img/enterprise/complex_architecture.svg";
 
 export function EnterpriseArchitectures() {
     return (

website/src/partials/enterprise/EnterpriseHero.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { CTAButtonMixin, CTAOutlinedButtonWhiteMixin } from "../styles";
+import { CTAOutlinedButtonWhiteMixin } from "../styles";
 import { Hero } from "../general/Hero";
 
 export function EnterpriseHero() {

website/src/partials/features/RealTime.tsx

@@ -8,9 +8,6 @@ import FireCMSLogo from "@site/static/img/firecms_logo.svg";
 import FirebaseLogo from "@site/static/img/firebase.svg";
 // @ts-ignore
 import pricePreview from "@site/static/img/price.png";
-
-import SettingsIcon from "@site/static/img/icons/settings.svg";
-import DashboardIcon from "@site/static/img/icons/dashboard.svg";
 import LightingIcon from "@site/static/img/icons/lighting.svg";
 
 // @ts-ignore
@@ -25,10 +22,8 @@ import inlineEditingVideo from "@site/static/img/inline_table_editing.mp4";
 import customFieldDarkVideo from "@site/static/img/custom_fields_dark.mp4";
 
 import { useColorMode } from "@docusaurus/theme-common";
-import { TwoColumns } from "../general/TwoColumns";
-import { ContainerMixin, ContainerSmallMixin } from "../styles";
+import { ContainerSmallMixin } from "../styles";
 import { BrowserFrame } from "../BrowserFrame";
-import { Panel } from "../general/Panel";
 
 function RealTime() {
 

website/src/partials/general/PagesBackground.tsx

@@ -1,7 +1,5 @@
-import React, { Suspense, useEffect } from "react";
+import React, { Suspense } from "react";
 import BrowserOnly from "@docusaurus/BrowserOnly";
-import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
-import { useLocation } from "@docusaurus/router";
 
 const LazyHomeHeroNeatGradient = React.lazy(() => import("../../shape/HomeHeroNeatGradient"));
 const LazyHeroNeatGradient = React.lazy(() => import("../../shape/HeroNeatGradient"));

website/src/partials/general/TwoColumns.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { ContainerMixin, defaultBorderMixin } from "../styles";
-import { LinedSpace } from "../layout/LinedSpace";
 import clsx from "clsx";
 
 export function TwoColumns({

website/src/partials/home/HeroButtons.tsx

@@ -1,6 +1,5 @@
-import useBaseUrl from "@docusaurus/useBaseUrl";
 import React from "react";
-import { CTAButtonDarkMixin, CTAButtonMixin, CTACaret, CTAOutlinedButtonMixin } from "../styles";
+import { CTAButtonDarkMixin, CTAButtonMixin, CTACaret } from "../styles";
 
 function HeroButtons() {
 

website/src/partials/home/SchemaEditorIntro.tsx

@@ -2,13 +2,7 @@ import React from "react"
 
 // @ts-ignore
 import collectionEditorVideo from "@site/static/img/collection_editor_preview.mp4";
-import {
-    ContainerMixin,
-    ContainerPaddingMixin,
-    CTACaret,
-    CTAOutlinedButtonMixin,
-    defaultBorderMixin
-} from "../styles";
+import { ContainerMixin, ContainerPaddingMixin, CTACaret, CTAOutlinedButtonMixin, defaultBorderMixin } from "../styles";
 import clsx from "clsx";
 
 export const SchemaEditorIntro = () => {