fix: Add all exports to index.ts (#33)

* Exports

* Forced return values, popout styling, exports

* Bearing formatting

* Styling

Author: matttdawson

index.ts

@@ -1,5 +1,39 @@
-export type { GridBaseRow } from "./src/components/Grid";
-export { Grid } from "./src/components/Grid";
+export { UpdatingContext } from "./src/contexts/UpdatingContext";
 export { UpdatingContextProvider } from "./src/contexts/UpdatingContextProvider";
+export { GridContext } from "./src/contexts/GridContext";
 export { GridContextProvider } from "./src/contexts/GridContextProvider";
+
+export type { GridBaseRow } from "./src/components/Grid";
+export { Grid } from "./src/components/Grid";
 export { GridCell } from "./src/components/GridCell";
+export { GridIcon } from "./src/components/GridIcon";
+export { ComponentLoadingWrapper } from "./src/components/ComponentLoadingWrapper";
+export { GenericMultiEditCellClass } from "./src/components/GenericCellClass";
+export { GridLoadableCell } from "./src/components/GridLoadableCell";
+export { useGridPopoutHook } from "./src/components/GridPopoutHook";
+export { usePostSortRowsHook } from "./src/components/PostSortRowsHook";
+
+export { GridRendererGenericCell } from "./src/components/gridRender/GridRenderGenericCell";
+export { GridRenderPopoutMenuCell } from "./src/components/gridRender/GridRenderPopoutMenuCell";
+
+export { GridPopoutEditMultiSelect } from "./src/components/gridPopoverEdit/GridPopoutEditMultiSelect";
+export { GridPopoutMenu } from "./src/components/gridPopoverEdit/GridPopoutMenu";
+export { GridPopoverEditBearing } from "./src/components/gridPopoverEdit/GridPopoverEditBearing";
+export { GridPopoverEditDropDown } from "./src/components/gridPopoverEdit/GridPopoverEditDropDown";
+export { GridPopoverMessage } from "./src/components/gridPopoverEdit/GridPopoverMessage";
+
+export { GridHeaderSelect } from "./src/components/gridHeader/GridHeaderSelect";
+
+export { GridFormEditBearing } from "./src/components/gridForm/GridFormEditBearing";
+export { GridFormDropDown } from "./src/components/gridForm/GridFormDropDown";
+export { GridFormMessage } from "./src/components/gridForm/GridFormMessage";
+export { GridFormMultiSelect } from "./src/components/gridForm/GridFormMultiSelect";
+export { GridFormPopoutMenu } from "./src/components/gridForm/GridFormPopoutMenu";
+export { GridFormTextArea } from "./src/components/gridForm/GridFormTextArea";
+export { GridFormTextInput } from "./src/components/gridForm/GridFormTextInput";
+
+export { TextAreaInput } from "./src/lui/TextAreaInput";
+export { TextInputFormatted } from "./src/lui/TextInputFormatted";
+
+export * from "./src/utils/bearing";
+export * from "./src/utils/util";

rollup.config.ts

@@ -1,28 +1,28 @@
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from 'rollup-plugin-typescript2';
-import postcss from 'rollup-plugin-postcss';
-import copy from 'rollup-plugin-copy';
-import json from '@rollup/plugin-json';
+// @ts-ignore
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import typescript from "rollup-plugin-typescript2";
+import postcss from "rollup-plugin-postcss";
+import copy from "rollup-plugin-copy";
+import json from "@rollup/plugin-json";
 
-const packageJson = require('./package.json');
-const outputDir = 'dist';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const packageJson = require("./package.json");
+const outputDir = "dist";
 
 export default {
-  input: 'index.ts',
-  external: [
-    'ag-grid-community',
-  ],
+  input: "index.ts",
+  external: ["ag-grid-community"],
   output: [
     {
       file: packageJson.main,
-      format: 'cjs',
+      format: "cjs",
       sourcemap: true,
     },
     {
       file: packageJson.module,
-      format: 'esm',
+      format: "esm",
       sourcemap: true,
     },
   ],
@@ -36,11 +36,11 @@ export default {
     copy({
       targets: [
         {
-          src: 'src/scss',
+          src: "src/scss",
           dest: `${outputDir}`,
         },
         {
-          src: 'src/assets',
+          src: "src/assets",
           dest: `${outputDir}`,
         },
       ],

src/components/Grid.scss

@@ -28,3 +28,11 @@
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+
+.Grid-popoverContainer {
+  padding: 4px 8px;
+}
+
+.Grid-popoverContainerList {
+  padding: 4px 4px;
+}

src/components/Grid.tsx

@@ -9,7 +9,7 @@ import { CellEvent, GridReadyEvent, SelectionChangedEvent } from "ag-grid-commun
 import { GridOptions } from "ag-grid-community/dist/lib/entities/gridOptions";
 import { difference, last, xorBy } from "lodash-es";
 import { GridContext } from "../contexts/GridContext";
-import { usePostSortRowsHook } from "./PostSortRowHook";
+import { usePostSortRowsHook } from "./PostSortRowsHook";
 import { isNotEmpty } from "../utils/util";
 import { GridHeaderSelect } from "./gridHeader/GridHeaderSelect";
 import { UpdatingContext } from "../contexts/UpdatingContext";

src/components/GridCell.tsx

@@ -2,7 +2,7 @@ import { useCallback, useContext, useMemo, useState } from "react";
 import { GridBaseRow } from "./Grid";
 import { GridContext } from "../contexts/GridContext";
 import { GenericMultiEditCellClass } from "./GenericCellClass";
-import { GenericCellRendererParams, GridGenericCellRendererComponent } from "./gridRender/GridRenderGenericCell";
+import { GenericCellRendererParams, GridRendererGenericCell } from "./gridRender/GridRenderGenericCell";
 import { ColDef, ICellEditorParams } from "ag-grid-community";
 
 export interface GridFormProps<RowType extends GridBaseRow> {
@@ -35,7 +35,7 @@ export const GridCell = <RowType extends GridBaseRow, FormProps extends GenericC
   props: GenericCellEditorColDef<RowType, FormProps>,
 ): ColDef => {
   return {
-    cellRenderer: props.cellRenderer ?? GridGenericCellRendererComponent,
+    cellRenderer: props.cellRenderer ?? GridRendererGenericCell,
     sortable: !!(props?.field || props?.valueGetter),
     resizable: true,
     ...(props.cellEditorParams && {

src/components/GridPopoutHook.tsx

@@ -72,6 +72,7 @@ export const useGridPopoutHook = <RowType extends GridBaseRow>(
         document.removeEventListener("click", handleScreenMouseEvent, true);
       };
     }
+    return () => {};
   }, [handleScreenMouseDown, handleScreenMouseEvent, isOpen]);
 
   const popoutWrapper = useCallback(

src/components/PostSortRowHook.ts renamed to src/components/PostSortRowsHook.ts

@@ -41,7 +41,7 @@ export const GridFormEditBearing = <RowType extends GridBaseRow>(props: GridForm
   const { popoutWrapper, triggerSave } = useGridPopoutHook(props, save);
 
   return popoutWrapper(
-    <div className={"GridFormEditBearing-input"}>
+    <div className={"GridFormEditBearing-input Grid-popoverContainer"}>
       <TextInputFormatted
         value={value ?? ""}
         onChange={(e) => {

src/components/gridForm/GridFormEditBearing.tsx

@@ -26,7 +26,9 @@ export const GridFormMessage = <RowType extends GridBaseRow>(props: GridFormProp
 
   return popoutWrapper(
     <ComponentLoadingWrapper loading={message === null}>
-      <div style={{ maxWidth: 400, padding: 16 }}>{message}</div>
+      <div style={{ maxWidth: 400 }} className={"Grid-popoverContainer"}>
+        {message}
+      </div>
     </ComponentLoadingWrapper>,
   );
 };

src/components/gridForm/GridFormMessage.tsx

@@ -107,7 +107,7 @@ export const GridFormMultiSelect = <RowType extends GridBaseRow, ValueType>(prop
 
   return popoutWrapper(
     <ComponentLoadingWrapper loading={!options}>
-      <>
+      <div className={"Grid-popoverContainerList"}>
         {options && formProps.filtered && (
           <>
             <FocusableItem className={"filter-item"}>
@@ -174,7 +174,7 @@ export const GridFormMultiSelect = <RowType extends GridBaseRow, ValueType>(prop
             </>
           ),
         )}
-      </>
+      </div>
     </ComponentLoadingWrapper>,
   );
 };