@linzjs/step-ag-grid 23.0.0 → 24.0.0

package/src/stories/grid/gridFormStatic/GridFormDropDown.stories.tsx

@@ -1,77 +1,76 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
-
-import { GridBaseRow, GridContextProvider, GridFormDropDown, GridFormDropDownProps, MenuHeaderItem } from "../../..";
+import { GridBaseRow, GridContextProvider, GridFormDropDown, GridFormDropDownProps, MenuHeaderItem } from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormDropDown,
   args: {},
 } as Meta<typeof GridFormDropDown>;
 
 const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
   const configs: [string, GridFormDropDownProps<GridBaseRow>, string?][] = [
-    ["No options", { options: [] }],
-    ["Custom no options", { options: [], noOptionsMessage: "Custom no options" }],
+    ['No options', { options: [] }],
+    ['Custom no options', { options: [], noOptionsMessage: 'Custom no options' }],
     [
-      "Enabled and disabled",
+      'Enabled and disabled',
       {
         options: [
-          { label: "Enabled", value: 1 },
-          { label: "Disabled", value: 0, disabled: true },
+          { label: 'Enabled', value: 1 },
+          { label: 'Disabled', value: 0, disabled: true },
         ],
       },
     ],
     [
-      "Headers",
+      'Headers',
       {
         options: [
-          MenuHeaderItem("Header 1"),
-          { label: "Option 1", value: 1 },
-          MenuHeaderItem("Header 2"),
-          { label: "Option 2", value: 2 },
+          MenuHeaderItem('Header 1'),
+          { label: 'Option 1', value: 1 },
+          MenuHeaderItem('Header 2'),
+          { label: 'Option 2', value: 2 },
         ],
       },
     ],
     [
-      "Filter",
+      'Filter',
       {
-        filtered: "local",
+        filtered: 'local',
         options: [
-          MenuHeaderItem("Header 1"),
-          { label: "Option 1", value: 1 },
-          MenuHeaderItem("Header 2"),
-          { label: "Option 2", value: 2 },
+          MenuHeaderItem('Header 1'),
+          { label: 'Option 1', value: 1 },
+          MenuHeaderItem('Header 2'),
+          { label: 'Option 2', value: 2 },
         ],
       },
     ],
     [
-      "Filter custom placeholder",
+      'Filter custom placeholder',
       {
-        filtered: "local",
-        filterPlaceholder: "Custom placeholder",
-        filterHelpText: "Filter help text",
-        options: [MenuHeaderItem("Header 1"), { label: "Option 1", value: 1 }],
+        filtered: 'local',
+        filterPlaceholder: 'Custom placeholder',
+        filterHelpText: 'Filter help text',
+        options: [MenuHeaderItem('Header 1'), { label: 'Option 1', value: 1 }],
       },
     ],
     [
-      "Filter help text and default filter text",
+      'Filter help text and default filter text',
       {
-        filtered: "local",
-        filterHelpText: "Filter help text",
-        filterDefaultValue: "filter",
+        filtered: 'local',
+        filterHelpText: 'Filter help text',
+        filterDefaultValue: 'filter',
         options: [
-          MenuHeaderItem("Header 1"),
-          { label: "Filter match", value: 1 },
-          MenuHeaderItem("ERROR! this header should not be visible"),
-          { label: "ERROR! this option should not be visible", value: 2 },
+          MenuHeaderItem('Header 1'),
+          { label: 'Filter match', value: 1 },
+          MenuHeaderItem('ERROR! this header should not be visible'),
+          { label: 'ERROR! this option should not be visible', value: 2 },
         ],
       },
     ],
@@ -80,7 +79,7 @@ const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps
   const anchorRefs = configs.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {configs.map((config, index) => (
           <div key={`${index}`}>
@@ -91,7 +90,7 @@ const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps
                   anchorRef: anchorRefs[index],
                   data: { value: config[2] },
                   value: config[2],
-                  field: "value",
+                  field: 'value',
                 } as any as GridPopoverContextType<any>
               }
             >

package/src/stories/grid/gridFormStatic/GridFormEditBearing.stories.tsx

@@ -1,38 +1,37 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
-
-import "@linzjs/lui/dist/fonts";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
 import {
   GridContextProvider,
   GridFormEditBearing,
   GridFormEditBearingProps,
   GridPopoverEditBearingEditorParams,
-} from "../../..";
+} from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormEditBearing,
   args: {},
 } as Meta<typeof GridFormEditBearing>;
 
 const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
   const values: [string, GridFormEditBearingProps<any>, number | null][] = [
-    ["Null value", {}, null],
-    ["Custom placeholder", { placeHolder: "Custom placeholder" }, null],
-    ["Valid value", {}, 90],
-    ["With error", {}, 1.234567],
+    ['Null value', {}, null],
+    ['Custom placeholder', { placeHolder: 'Custom placeholder' }, null],
+    ['Valid value', {}, 90],
+    ['With error', {}, 1.234567],
   ];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const anchorRefs = values.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {values.map((value, index) => (
           <>

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

@@ -1,38 +1,37 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
-
-import "@linzjs/lui/dist/fonts";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
 import {
   GridContextProvider,
   GridFormEditBearing,
   GridFormEditBearingProps,
   GridPopoverEditBearingCorrectionEditorParams,
-} from "../../..";
+} from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormEditBearing,
   args: {},
 } as Meta<typeof GridFormEditBearing>;
 
 const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
   const values: [string, GridFormEditBearingProps<any>, number | null][] = [
-    ["Null value", {}, null],
-    ["Custom placeholder", { placeHolder: "Custom placeholder" }, null],
-    ["Valid value", {}, -10],
-    ["With error", {}, 360],
+    ['Null value', {}, null],
+    ['Custom placeholder', { placeHolder: 'Custom placeholder' }, null],
+    ['Valid value', {}, -10],
+    ['With error', {}, 360],
   ];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const anchorRefs = values.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {values.map((value, index) => (
           <>

package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx

@@ -1,17 +1,16 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
-
-import { GridContextProvider, GridFormMessage, GridFormMessageProps } from "../../..";
+import { GridContextProvider, GridFormMessage, GridFormMessageProps } from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormMessage,
   args: {},
 } as Meta<typeof GridFormMessage>;
@@ -20,7 +19,7 @@ const Template: StoryFn<typeof GridFormMessage> = (props: GridFormMessageProps<a
   const anchorRef1 = useRef<HTMLHeadingElement>(null);
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         <h6 ref={anchorRef1}>Standard Message</h6>
         <GridPopoverContext.Provider value={{ anchorRef: anchorRef1 } as any as GridPopoverContextType<any>}>

package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx

@@ -1,42 +1,41 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
-
-import { GridBaseRow, GridContextProvider, GridFormMultiSelect, GridFormMultiSelectProps } from "../../..";
+import { GridBaseRow, GridContextProvider, GridFormMultiSelect, GridFormMultiSelectProps } from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormMultiSelect,
   args: {},
 } as Meta<typeof GridFormMultiSelect>;
 
 const Template: StoryFn<typeof GridFormMultiSelect> = (props) => {
   const configs: [string, GridFormMultiSelectProps<GridBaseRow>, string?][] = [
-    ["No options", { options: [] }],
-    ["Custom no options", { options: [], noOptionsMessage: "Custom no options" }],
+    ['No options', { options: [] }],
+    ['Custom no options', { options: [], noOptionsMessage: 'Custom no options' }],
     [
-      "With options",
+      'With options',
       {
         options: [
-          { label: "One", value: 0, checked: true },
-          { label: "Two", value: 1 },
+          { label: 'One', value: 0, checked: true },
+          { label: 'Two', value: 1 },
         ],
       },
     ],
     [
-      "With filter",
+      'With filter',
       {
         filtered: true,
         options: [
-          { label: "One", value: 0 },
-          { label: "With warning", value: 1, warning: "Test warning" },
-          { label: "Three", value: 2, checked: true },
+          { label: 'One', value: 0 },
+          { label: 'With warning', value: 1, warning: 'Test warning' },
+          { label: 'Three', value: 2, checked: true },
         ],
       },
     ],
@@ -45,7 +44,7 @@ const Template: StoryFn<typeof GridFormMultiSelect> = (props) => {
   const anchorRefs = configs.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {configs.map((config, index) => (
           <div key={`${index}`}>
@@ -56,7 +55,7 @@ const Template: StoryFn<typeof GridFormMultiSelect> = (props) => {
                   anchorRef: anchorRefs[index],
                   data: { value: config[2] },
                   value: config[2],
-                  field: "value",
+                  field: 'value',
                 } as any as GridPopoverContextType<any>
               }
             >

package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx

@@ -1,12 +1,11 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
-
-import "@linzjs/lui/dist/fonts";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
 import {
   GridBaseRow,
@@ -14,25 +13,25 @@ import {
   GridFormPopoverMenu,
   GridFormPopoverMenuProps,
   PopoutMenuSeparator,
-} from "../../..";
+} from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormPopoverMenu,
   args: {},
 } as Meta<typeof GridFormPopoverMenu>;
 
 const Template: StoryFn<typeof GridFormPopoverMenu> = (props) => {
   const configs: [string, GridFormPopoverMenuProps<GridBaseRow>][] = [
-    ["No options", { options: async () => [] }],
+    ['No options', { options: () => [] }],
     [
-      "Enabled/disabled/hidden and divider",
+      'Enabled/disabled/hidden and divider',
       {
-        options: async () => [
-          { label: "Enabled", value: 1 },
+        options: () => [
+          { label: 'Enabled', value: 1 },
           PopoutMenuSeparator,
-          { label: "Disabled", value: 0, disabled: true },
-          { label: "ERROR! this should be hidden", value: 3, hidden: true },
+          { label: 'Disabled', value: 0, disabled: true },
+          { label: 'ERROR! this should be hidden', value: 3, hidden: true },
         ],
       },
     ],
@@ -41,7 +40,7 @@ const Template: StoryFn<typeof GridFormPopoverMenu> = (props) => {
   const anchorRefs = configs.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {configs.map((config, index) => (
           <>

package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx

@@ -1,32 +1,31 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
-
-import { GridBaseRow, GridContextProvider, GridFormTextArea, GridFormTextAreaProps } from "../../..";
+import { GridBaseRow, GridContextProvider, GridFormTextArea, GridFormTextAreaProps } from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormTextArea,
   args: {},
 } as Meta<typeof GridFormTextArea>;
 
 const Template: StoryFn<typeof GridFormTextArea> = (props: GridFormTextAreaProps<any>) => {
   const configs: [string, GridFormTextAreaProps<GridBaseRow>, string?][] = [
-    ["Text area", {}],
-    ["Text area with text", {}, "Some text"],
-    ["Text area with error & placeholder", { required: true, placeholder: "Custom placeholder" }],
+    ['Text area', {}],
+    ['Text area with text', {}, 'Some text'],
+    ['Text area with error & placeholder', { required: true, placeholder: 'Custom placeholder' }],
   ];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const anchorRefs = configs.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {configs.map((config, index) => (
           <>

package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx

@@ -1,32 +1,31 @@
-import "../../../react-menu3/styles/index.scss";
-import "../../../styles/index.scss";
-import "@linzjs/lui/dist/scss/base.scss";
+import '../../../react-menu3/styles/index.scss';
+import '../../../styles/index.scss';
+import '@linzjs/lui/dist/scss/base.scss';
+import '@linzjs/lui/dist/fonts';
 
-import { Meta, StoryFn } from "@storybook/react";
-import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
-import { useRef } from "react";
+import { Meta, StoryFn } from '@storybook/react';
+import { GridPopoverContext, GridPopoverContextType } from 'contexts/GridPopoverContext';
+import { useRef } from 'react';
 
-import "@linzjs/lui/dist/fonts";
-
-import { GridBaseRow, GridContextProvider, GridFormTextInput, GridFormTextInputProps } from "../../..";
+import { GridBaseRow, GridContextProvider, GridFormTextInput, GridFormTextInputProps } from '../../..';
 
 export default {
-  title: "GridForm / Static Tests",
+  title: 'GridForm / Static Tests',
   component: GridFormTextInput,
   args: {},
 } as Meta<typeof GridFormTextInput>;
 
 const Template: StoryFn<typeof GridFormTextInput> = (props: GridFormTextInputProps<any>) => {
   const configs: [string, GridFormTextInputProps<GridBaseRow>, string?][] = [
-    ["Text input", {}],
-    ["Text input with text", {}, "Some text"],
-    ["Text input with error & placeholder", { required: true, placeholder: "Custom placeholder" }],
+    ['Text input', {}],
+    ['Text input with text', {}, 'Some text'],
+    ['Text input with error & placeholder', { required: true, placeholder: 'Custom placeholder' }],
   ];
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const anchorRefs = configs.map(() => useRef<HTMLHeadingElement>(null));
 
   return (
-    <div className={"react-menu-inline-test"}>
+    <div className={'react-menu-inline-test'}>
       <GridContextProvider>
         {configs.map((config, index) => (
           <>