@linzjs/step-ag-grid 7.19.5 → 8.0.0

package/src/stories/grid/gridForm/GridFormEditBearingCorrection.stories.tsx

@@ -0,0 +1,56 @@
+import "@linzjs/lui/dist/scss/base.scss";
+import "@linzjs/lui/dist/fonts";
+// Force react-menu not to render static inline not absolute
+import "./reactMenuTest.scss";
+
+import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
+import { GridFormEditBearing } from "../../../components/gridForm/GridFormEditBearing";
+import { GridContextProvider } from "../../../contexts/GridContextProvider";
+import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
+import { useRef } from "react";
+import { GridPopoverEditBearingCorrectionEditorParams } from "../../../components/gridPopoverEdit/GridPopoverEditBearing";
+
+export default {
+  title: "GridForm / Samples",
+  component: GridFormEditBearing,
+  args: {},
+} as ComponentMeta<typeof GridFormEditBearing>;
+
+const Template: ComponentStory<typeof GridFormEditBearing> = (props) => {
+  const values = [
+    ["Null value", null],
+    ["Minimum value", -179.59599],
+    ["Maximum value", 359.59599],
+    ["5dp value", 1.23456],
+    ["Invalid 6dp value", 1.234567],
+    ["Invalid exceeds max value", 360],
+    ["Invalid exceeds min value", -180],
+  ];
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const anchorRefs = values.map(() => useRef<HTMLHeadingElement>(null));
+
+  return (
+    <div className={"react-menu-inline-test"}>
+      <GridContextProvider>
+        {values.map((value, index) => (
+          <>
+            <h6 ref={anchorRefs[index]}>{value[0]}</h6>
+            <GridPopoverContext.Provider
+              value={
+                {
+                  anchorRef: anchorRefs[index],
+                  value: value[1],
+                } as any as GridPopoverContextType<any>
+              }
+            >
+              <GridFormEditBearing {...props} {...GridPopoverEditBearingCorrectionEditorParams} />
+            </GridPopoverContext.Provider>
+          </>
+        ))}
+      </GridContextProvider>
+    </div>
+  );
+};
+
+export const GridFormEditBearingCorrection_ = Template.bind({});
+GridFormEditBearingCorrection_.args = {};

package/src/stories/grid/gridForm/reactMenuTest.scss

@@ -0,0 +1,3 @@
+.react-menu-inline-test .szh-menu-container, .react-menu-inline-test .szh-menu {
+  position: static !important;
+}

package/src/utils/bearing.ts

@@ -1,22 +1,20 @@
-import { ValueFormatterParams } from "ag-grid-community/dist/lib/entities/colDef";
-
-export const bearingValueFormatter = (params: ValueFormatterParams): string => {
-  const value = typeof params.value == "string" ? parseFloat(params.value) : params.value;
-  if (value == null) {
+export const bearingValueFormatter = (value: any): string => {
+  const safeValue = typeof value == "string" ? parseFloat(value) : value;
+  if (safeValue == null) {
     return "–";
   }
-  return convertDDToDMS(value, false, false);
+  return convertDDToDMS(safeValue, false, false);
 };
 
-export const bearingCorrectionValueFormatter = (params: ValueFormatterParams): string => {
-  const value = params.value;
-  if (value == null) {
+export const bearingCorrectionValueFormatter = (value: any): string => {
+  const safeValue = value;
+  if (safeValue == null) {
     return "–";
   }
-  if (typeof value === "string") {
-    return convertDDToDMS(bearingNumberParser(value), true, true);
+  if (typeof safeValue === "string") {
+    return convertDDToDMS(bearingNumberParser(safeValue), true, true);
   }
-  return convertDDToDMS(value, true, true);
+  return convertDDToDMS(safeValue, true, true);
 };
 
 export const bearingNumberParser = (value: string): number | null => {