@linzjs/step-ag-grid 17.7.0 → 17.8.0

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 (40) hide show
  1. package/dist/src/components/GridNoRowsOverlay.d.ts +3 -1
  2. package/dist/step-ag-grid.cjs.js +1096 -703
  3. package/dist/step-ag-grid.cjs.js.map +1 -1
  4. package/dist/step-ag-grid.esm.js +1098 -705
  5. package/dist/step-ag-grid.esm.js.map +1 -1
  6. package/package.json +47 -46
  7. package/src/components/Grid.tsx +21 -20
  8. package/src/components/GridNoRowsOverlay.tsx +27 -3
  9. package/src/stories/components/ActionButton.stories.tsx +3 -3
  10. package/src/stories/grid/GridDragRow.stories.tsx +3 -3
  11. package/src/stories/grid/GridFilterButtons.stories.tsx +3 -3
  12. package/src/stories/grid/GridNoRowsOverlay.stories.tsx +3 -3
  13. package/src/stories/grid/GridNonEditableRow.stories.tsx +3 -3
  14. package/src/stories/grid/GridPopoutContextMenu.stories.tsx +3 -3
  15. package/src/stories/grid/GridPopoutEditGeneric.stories.tsx +3 -3
  16. package/src/stories/grid/GridPopoutEditGenericTextArea.stories.tsx +3 -3
  17. package/src/stories/grid/GridPopoverEditBearing.stories.tsx +3 -3
  18. package/src/stories/grid/GridPopoverEditDropDown.stories.tsx +3 -3
  19. package/src/stories/grid/GridPopoverEditMultiSelect.stories.tsx +3 -3
  20. package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx +3 -3
  21. package/src/stories/grid/GridReadOnly.stories.tsx +7 -8
  22. package/src/stories/grid/gridFormInteraction/GridFormDropDownInteraction.stories.tsx +3 -3
  23. package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx +3 -3
  24. package/src/stories/grid/gridFormInteraction/GridFormEditBearingInteraction.stories.tsx +3 -3
  25. package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx +3 -3
  26. package/src/stories/grid/gridFormInteraction/GridFormMultiSelectInteraction.stories.tsx +3 -3
  27. package/src/stories/grid/gridFormInteraction/GridFormPopoverMenuInteraction.stories.tsx +3 -3
  28. package/src/stories/grid/gridFormInteraction/GridFormTextAreaInteraction.stories.tsx +3 -3
  29. package/src/stories/grid/gridFormInteraction/GridFormTextInputInteraction.stories.tsx +3 -3
  30. package/src/stories/grid/gridFormStatic/GridFormDropDown.stories.tsx +3 -3
  31. package/src/stories/grid/gridFormStatic/GridFormEditBearing.stories.tsx +3 -3
  32. package/src/stories/grid/gridFormStatic/GridFormEditBearingCorrection.stories.tsx +3 -3
  33. package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx +3 -3
  34. package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx +3 -3
  35. package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx +3 -3
  36. package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx +3 -3
  37. package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx +3 -3
  38. package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +3 -3
  39. package/src/stories/react-menu/ReactMenu.stories.tsx +3 -3
  40. package/dist/node_modules/@linzjs/lui/dist/assets/svg-content.d.ts +0 -7
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -22,7 +22,7 @@ export default {
22
22
  title: "GridForm / Interactions",
23
23
  component: GridFormDropDown,
24
24
  args: {},
25
- } as ComponentMeta<typeof GridFormDropDown>;
25
+ } as Meta<typeof GridFormDropDown>;
26
26
 
27
27
  const updateValue = jest
28
28
  .fn<void, [saveFn: (selectedRows: any[]) => Promise<boolean>, _tabDirection: 1 | 0 | -1]>()
@@ -32,7 +32,7 @@ const onSelectedItem = jest
32
32
  .fn<Promise<void>, [GridPopoutEditDropDownSelectedItem<any>]>()
33
33
  .mockImplementation(async () => undefined);
34
34
 
35
- const Template: ComponentStory<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
35
+ const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
36
36
  const config: GridFormDropDownProps<any> = {
37
37
  filtered: "local",
38
38
  onSelectedItem,
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -21,11 +21,11 @@ export default {
21
21
  title: "GridForm / Interactions",
22
22
  component: GridFormEditBearing,
23
23
  args: {},
24
- } as ComponentMeta<typeof GridFormEditBearing>;
24
+ } as Meta<typeof GridFormEditBearing>;
25
25
 
26
26
  const updateValue = jest.fn();
27
27
 
28
- const Template: ComponentStory<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
28
+ const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
29
29
  const anchorRef = useRef<HTMLHeadingElement>(null);
30
30
 
31
31
  return (
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -21,11 +21,11 @@ export default {
21
21
  title: "GridForm / Interactions",
22
22
  component: GridFormEditBearing,
23
23
  args: {},
24
- } as ComponentMeta<typeof GridFormEditBearing>;
24
+ } as Meta<typeof GridFormEditBearing>;
25
25
 
26
26
  const updateValue = jest.fn();
27
27
 
28
- const Template: ComponentStory<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
28
+ const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
29
29
  const anchorRef = useRef<HTMLHeadingElement>(null);
30
30
 
31
31
  return (
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, waitFor, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -22,7 +22,7 @@ export default {
22
22
  title: "GridForm / Interactions",
23
23
  component: GridFormMultiSelectGrid,
24
24
  args: {},
25
- } as ComponentMeta<typeof GridFormMultiSelectGrid>;
25
+ } as Meta<typeof GridFormMultiSelectGrid>;
26
26
 
27
27
  const updateValue = jest
28
28
  .fn<void, [saveFn: (selectedRows: any[]) => Promise<boolean>, _tabDirection: 1 | 0 | -1]>()
@@ -34,7 +34,7 @@ const onSave = jest
34
34
  const onSelectFilter = jest.fn();
35
35
 
36
36
  let options: MultiSelectGridOption[] = [];
37
- const Template: ComponentStory<typeof GridFormMultiSelectGrid> = (props: GridFormMultiSelectGridProps<any>) => {
37
+ const Template: StoryFn<typeof GridFormMultiSelectGrid> = (props: GridFormMultiSelectGridProps<any>) => {
38
38
  options = [
39
39
  { label: "Zero", value: 0 },
40
40
  { label: "One", value: 1 },
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -24,7 +24,7 @@ export default {
24
24
  title: "GridForm / Interactions",
25
25
  component: GridFormMultiSelect,
26
26
  args: {},
27
- } as ComponentMeta<typeof GridFormMultiSelect>;
27
+ } as Meta<typeof GridFormMultiSelect>;
28
28
 
29
29
  const updateValue = jest
30
30
  .fn<void, [saveFn: (selectedRows: any[]) => Promise<boolean>, _tabDirection: 1 | 0 | -1]>()
@@ -34,7 +34,7 @@ const onSave = jest.fn<Promise<boolean>, [GridFormMultiSelectSaveProps<any>]>().
34
34
  const onSelectFilter = jest.fn();
35
35
 
36
36
  let options: MultiSelectOption[] = [];
37
- const Template: ComponentStory<typeof GridFormMultiSelect> = (props: GridFormMultiSelectProps<any>) => {
37
+ const Template: StoryFn<typeof GridFormMultiSelect> = (props: GridFormMultiSelectProps<any>) => {
38
38
  options = [
39
39
  { label: "Zero", value: 0 },
40
40
  { label: "One", value: 1 },
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -25,7 +25,7 @@ export default {
25
25
  title: "GridForm / Interactions",
26
26
  component: GridFormPopoverMenu,
27
27
  args: {},
28
- } as ComponentMeta<typeof GridFormPopoverMenu>;
28
+ } as Meta<typeof GridFormPopoverMenu>;
29
29
 
30
30
  const updateValue = jest
31
31
  .fn<void, [saveFn: (selectedRows: any[]) => Promise<boolean>, _tabDirection: 1 | 0 | -1]>()
@@ -41,7 +41,7 @@ const disabledAction = jest
41
41
  .fn<Promise<void>, [{ selectedRows: GridBaseRow[]; menuOption: SelectedMenuOptionResult<GridBaseRow> }]>()
42
42
  .mockResolvedValue(undefined);
43
43
 
44
- const Template: ComponentStory<typeof GridFormPopoverMenu> = (props: GridFormPopoverMenuProps<any>) => {
44
+ const Template: StoryFn<typeof GridFormPopoverMenu> = (props: GridFormPopoverMenuProps<any>) => {
45
45
  const anchorRef = useRef<HTMLHeadingElement>(null);
46
46
 
47
47
  return (
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -16,11 +16,11 @@ export default {
16
16
  title: "GridForm / Interactions",
17
17
  component: GridFormTextArea,
18
18
  args: {},
19
- } as ComponentMeta<typeof GridFormTextArea>;
19
+ } as Meta<typeof GridFormTextArea>;
20
20
 
21
21
  const updateValue = jest.fn();
22
22
 
23
- const Template: ComponentStory<typeof GridFormTextArea> = (props: GridFormTextAreaProps<any>) => {
23
+ const Template: StoryFn<typeof GridFormTextArea> = (props: GridFormTextAreaProps<any>) => {
24
24
  const anchorRef = useRef<HTMLHeadingElement>(null);
25
25
 
26
26
  return (
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, within } from "@storybook/testing-library";
8
8
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
9
9
  import { useRef } from "react";
@@ -16,11 +16,11 @@ export default {
16
16
  title: "GridForm / Interactions",
17
17
  component: GridFormTextInput,
18
18
  args: {},
19
- } as ComponentMeta<typeof GridFormTextInput>;
19
+ } as Meta<typeof GridFormTextInput>;
20
20
 
21
21
  const updateValue = jest.fn();
22
22
 
23
- const Template: ComponentStory<typeof GridFormTextInput> = (props: GridFormTextInputProps<any>) => {
23
+ const Template: StoryFn<typeof GridFormTextInput> = (props: GridFormTextInputProps<any>) => {
24
24
  const anchorRef = useRef<HTMLHeadingElement>(null);
25
25
 
26
26
  return (
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -14,9 +14,9 @@ export default {
14
14
  title: "GridForm / Static Tests",
15
15
  component: GridFormDropDown,
16
16
  args: {},
17
- } as ComponentMeta<typeof GridFormDropDown>;
17
+ } as Meta<typeof GridFormDropDown>;
18
18
 
19
- const Template: ComponentStory<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
19
+ const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
20
20
  const configs: [string, GridFormDropDownProps<GridBaseRow>, string?][] = [
21
21
  ["No options", { options: [] }],
22
22
  ["Custom no options", { options: [], noOptionsMessage: "Custom no options" }],
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -19,9 +19,9 @@ export default {
19
19
  title: "GridForm / Static Tests",
20
20
  component: GridFormEditBearing,
21
21
  args: {},
22
- } as ComponentMeta<typeof GridFormEditBearing>;
22
+ } as Meta<typeof GridFormEditBearing>;
23
23
 
24
- const Template: ComponentStory<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
24
+ const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
25
25
  const values: [string, GridFormEditBearingProps<any>, number | null][] = [
26
26
  ["Null value", {}, null],
27
27
  ["Custom placeholder", { placeHolder: "Custom placeholder" }, null],
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -19,9 +19,9 @@ export default {
19
19
  title: "GridForm / Static Tests",
20
20
  component: GridFormEditBearing,
21
21
  args: {},
22
- } as ComponentMeta<typeof GridFormEditBearing>;
22
+ } as Meta<typeof GridFormEditBearing>;
23
23
 
24
- const Template: ComponentStory<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
24
+ const Template: StoryFn<typeof GridFormEditBearing> = (props: GridFormEditBearingProps<any>) => {
25
25
  const values: [string, GridFormEditBearingProps<any>, number | null][] = [
26
26
  ["Null value", {}, null],
27
27
  ["Custom placeholder", { placeHolder: "Custom placeholder" }, null],
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -14,9 +14,9 @@ export default {
14
14
  title: "GridForm / Static Tests",
15
15
  component: GridFormMessage,
16
16
  args: {},
17
- } as ComponentMeta<typeof GridFormMessage>;
17
+ } as Meta<typeof GridFormMessage>;
18
18
 
19
- const Template: ComponentStory<typeof GridFormMessage> = (props: GridFormMessageProps<any>) => {
19
+ const Template: StoryFn<typeof GridFormMessage> = (props: GridFormMessageProps<any>) => {
20
20
  const anchorRef1 = useRef<HTMLHeadingElement>(null);
21
21
 
22
22
  return (
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -14,9 +14,9 @@ export default {
14
14
  title: "GridForm / Static Tests",
15
15
  component: GridFormMultiSelect,
16
16
  args: {},
17
- } as ComponentMeta<typeof GridFormMultiSelect>;
17
+ } as Meta<typeof GridFormMultiSelect>;
18
18
 
19
- const Template: ComponentStory<typeof GridFormMultiSelect> = (props) => {
19
+ const Template: StoryFn<typeof GridFormMultiSelect> = (props) => {
20
20
  const configs: [string, GridFormMultiSelectProps<GridBaseRow>, string?][] = [
21
21
  ["No options", { options: [] }],
22
22
  ["Custom no options", { options: [], noOptionsMessage: "Custom no options" }],
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -20,9 +20,9 @@ export default {
20
20
  title: "GridForm / Static Tests",
21
21
  component: GridFormPopoverMenu,
22
22
  args: {},
23
- } as ComponentMeta<typeof GridFormPopoverMenu>;
23
+ } as Meta<typeof GridFormPopoverMenu>;
24
24
 
25
- const Template: ComponentStory<typeof GridFormPopoverMenu> = (props) => {
25
+ const Template: StoryFn<typeof GridFormPopoverMenu> = (props) => {
26
26
  const configs: [string, GridFormPopoverMenuProps<GridBaseRow>][] = [
27
27
  ["No options", { options: async () => [] }],
28
28
  [
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -14,9 +14,9 @@ export default {
14
14
  title: "GridForm / Static Tests",
15
15
  component: GridFormTextArea,
16
16
  args: {},
17
- } as ComponentMeta<typeof GridFormTextArea>;
17
+ } as Meta<typeof GridFormTextArea>;
18
18
 
19
- const Template: ComponentStory<typeof GridFormTextArea> = (props: GridFormTextAreaProps<any>) => {
19
+ const Template: StoryFn<typeof GridFormTextArea> = (props: GridFormTextAreaProps<any>) => {
20
20
  const configs: [string, GridFormTextAreaProps<GridBaseRow>, string?][] = [
21
21
  ["Text area", {}],
22
22
  ["Text area with text", {}, "Some text"],
@@ -2,7 +2,7 @@ import "../../../react-menu3/styles/index.scss";
2
2
  import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
5
+ import { Meta, StoryFn } from "@storybook/react";
6
6
  import { GridPopoverContext, GridPopoverContextType } from "contexts/GridPopoverContext";
7
7
  import { useRef } from "react";
8
8
 
@@ -14,9 +14,9 @@ export default {
14
14
  title: "GridForm / Static Tests",
15
15
  component: GridFormTextInput,
16
16
  args: {},
17
- } as ComponentMeta<typeof GridFormTextInput>;
17
+ } as Meta<typeof GridFormTextInput>;
18
18
 
19
- const Template: ComponentStory<typeof GridFormTextInput> = (props: GridFormTextInputProps<any>) => {
19
+ const Template: StoryFn<typeof GridFormTextInput> = (props: GridFormTextInputProps<any>) => {
20
20
  const configs: [string, GridFormTextInputProps<GridBaseRow>, string?][] = [
21
21
  ["Text input", {}],
22
22
  ["Text input with text", {}, "Some text"],
@@ -3,7 +3,7 @@ import "../../../styles/index.scss";
3
3
  import "@linzjs/lui/dist/scss/base.scss";
4
4
 
5
5
  import { expect, jest } from "@storybook/jest";
6
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
6
+ import { Meta, StoryFn } from "@storybook/react";
7
7
  import { userEvent, waitFor } from "@storybook/testing-library";
8
8
  import { useMemo, useState } from "react";
9
9
 
@@ -55,7 +55,7 @@ export default {
55
55
  </div>
56
56
  ),
57
57
  ],
58
- } as ComponentMeta<typeof Grid>;
58
+ } as Meta<typeof Grid>;
59
59
 
60
60
  interface ITestRow {
61
61
  id: number;
@@ -71,7 +71,7 @@ const multiEditAction = jest.fn().mockImplementation(async () => {
71
71
 
72
72
  const eAction = jest.fn<boolean, []>().mockReturnValue(true);
73
73
 
74
- const GridKeyboardInteractionsTemplate: ComponentStory<typeof Grid> = (props: GridProps) => {
74
+ const GridKeyboardInteractionsTemplate: StoryFn<typeof Grid> = (props: GridProps) => {
75
75
  const [externalSelectedItems, setExternalSelectedItems] = useState<any[]>([]);
76
76
  const columnDefs: ColDefT<ITestRow>[] = useMemo(
77
77
  () => [
@@ -1,7 +1,7 @@
1
1
  import "../../react-menu3/styles/index.scss";
2
2
 
3
3
  import { expect, jest } from "@storybook/jest";
4
- import { ComponentMeta, ComponentStory } from "@storybook/react/dist/ts3.9/client/preview/types-6-3";
4
+ import { Meta, StoryFn } from "@storybook/react";
5
5
  import { userEvent, within } from "@storybook/testing-library";
6
6
 
7
7
  import { Grid } from "../../components/Grid";
@@ -15,12 +15,12 @@ export default {
15
15
  externalSelectedItems: [],
16
16
  setExternalSelectedItems: () => {},
17
17
  },
18
- } as ComponentMeta<typeof Grid>;
18
+ } as Meta<typeof Grid>;
19
19
 
20
20
  const menuItemClickAction = jest.fn();
21
21
  const newFileAction = jest.fn();
22
22
 
23
- const ReactMenuTemplate: ComponentStory<typeof Grid> = () => {
23
+ const ReactMenuTemplate: StoryFn<typeof Grid> = () => {
24
24
  return (
25
25
  <>
26
26
  <Menu menuButton={<MenuButton>Open menu</MenuButton>} onItemClick={menuItemClickAction}>
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export type LuiIconName = string | 'ic_account_circle' | 'ic_add' | 'ic_add_adopt' | 'ic_add_area_interest' | 'ic_add_circle' | 'ic_add_circle_outline' | 'ic_add_irregular_image' | 'ic_add_multiple' | 'ic_add_to_list' | 'ic_added_to_list' | 'ic_alias' | 'ic_alias_unselected' | 'ic_annotations' | 'ic_apps' | 'ic_arrow_back' | 'ic_arrow_back_ios' | 'ic_arrow_back_left' | 'ic_arrow_drop_down' | 'ic_arrow_drop_right' | 'ic_arrow_drop_up' | 'ic_arrow_forward_ios' | 'ic_arrow_forward_right' | 'ic_attach_file' | 'ic_attachment' | 'ic_auth_and_instruct' | 'ic_balance_parcel' | 'ic_basemap_off' | 'ic_blackwhite_greyscale' | 'ic_blocked' | 'ic_border_color' | 'ic_cancel_clear' | 'ic_cancel_outline' | 'ic_cart_view' | 'ic_certify_and_sign' | 'ic_change_password' | 'ic_check' | 'ic_check_circle' | 'ic_check_circle_outline' | 'ic_checklist' | 'ic_clear' | 'ic_close_list' | 'ic_columns' | 'ic_control_point' | 'ic_copy' | 'ic_corporate_fare' | 'ic_create' | 'ic_create_new_list' | 'ic_csv_file' | 'ic_data_display_threshold' | 'ic_data_display_threshold_high_urban' | 'ic_data_display_threshold_low_large_rural' | 'ic_data_display_threshold_medium_rural' | 'ic_dealings' | 'ic_delete_forever' | 'ic_delete_outline' | 'ic_delete_solid' | 'ic_dollar_round' | 'ic_double_arrow_left' | 'ic_double_arrow_right' | 'ic_double_tick' | 'ic_drag_handle' | 'ic_drag_indicator' | 'ic_draw_irregular_line' | 'ic_email' | 'ic_enabled_users' | 'ic_error' | 'ic_error_outline' | 'ic_expand_less' | 'ic_expand_more' | 'ic_feedback_lightbulb' | 'ic_feedback_lightbulb_alt' | 'ic_file_attached' | 'ic_file_attached_outline' | 'ic_filter_list' | 'ic_flag' | 'ic_forward' | 'ic_fullscreen_frame' | 'ic_grid_view' | 'ic_help_outline' | 'ic_history' | 'ic_hourglass' | 'ic_info' | 'ic_info_outline' | 'ic_insert_invitation' | 'ic_insert_photo' | 'ic_instruments_roles' | 'ic_keyboard_arrow_down' | 'ic_keyboard_arrow_left' | 'ic_keyboard_arrow_right' | 'ic_keyboard_arrow_up' | 'ic_labels_off' | 'ic_labels_on' | 'ic_launch_modal' | 'ic_launch_new window_open' | 'ic_layers' | 'ic_layers_user_defined' | 'ic_left' | 'ic_left_col' | 'ic_line_arc' | 'ic_line_irregular' | 'ic_line_vector' | 'ic_link' | 'ic_list_add' | 'ic_list_clear' | 'ic_list_notepad' | 'ic_list_view' | 'ic_lists_folder' | 'ic_locate' | 'ic_located_in_spatial' | 'ic_lock' | 'ic_lock_alt' | 'ic_log_out' | 'ic_manage_adjust' | 'ic_maori_land' | 'ic_mark_linking' | 'ic_marks' | 'ic_memorials' | 'ic_menu' | 'ic_message_received' | 'ic_minimise' | 'ic_misclose_error' | 'ic_more_vert' | 'ic_multi_factor_authentication_mfa' | 'ic_navigate_before' | 'ic_navigate_next' | 'ic_note_add' | 'ic_notice_of_change' | 'ic_notifications' | 'ic_numbered_list' | 'ic_office_building_corporate' | 'ic_order_history' | 'ic_package' | 'ic_parcels_existing' | 'ic_parcels_new' | 'ic_pdf' | 'ic_pen_and_paper_sign' | 'ic_people_outline' | 'ic_person' | 'ic_person_add' | 'ic_picker' | 'ic_placeholder' | 'ic_plus_one' | 'ic_polygon_selection' | 'ic_pop_back' | 'ic_pre_validation' | 'ic_print' | 'ic_product_list' | 'ic_publish' | 'ic_push_pin_remove' | 'ic_read_only' | 'ic_refresh' | 'ic_regenerate' | 'ic_release' | 'ic_remove_circle' | 'ic_remove_circle_outline' | 'ic_request' | 'ic_requisitions' | 'ic_restore' | 'ic_round_selection' | 'ic_save' | 'ic_save_as' | 'ic_save_download' | 'ic_saved_area_interest' | 'ic_search' | 'ic_send' | 'ic_send_email_dart' | 'ic_separator' | 'ic_settings' | 'ic_sorting_down_arrow_up' | 'ic_sorting_up_arrow_up' | 'ic_square_selection' | 'ic_subdirectory_arrow_right' | 'ic_submit' | 'ic_summary_open' | 'ic_survey' | 'ic_survey_report' | 'ic_ta_request_sent' | 'ic_table_columns' | 'ic_tax_statement' | 'ic_tick' | 'ic_tick_and_cross' | 'ic_timeline' | 'ic_title_allocation_swap' | 'ic_tune_setting_configure' | 'ic_unlink' | 'ic_unlock' | 'ic_upload' | 'ic_vector' | 'ic_vector_sequence' | 'ic_view' | 'ic_view_list' | 'ic_view_quilt' | 'ic_view_sidebar' | 'ic_view_week' | 'ic_visiblity_off' | 'ic_warning' | 'ic_warning_outline' | 'ic_waves' | 'ic_whats_new_updates' | 'ic_xml_file' | 'ic_zoom_centre' | 'ic_zoom_out' | 'ic_zoom_previous';
3
- type IconNameElementMap = {
4
- [key in LuiIconName]?: JSX.Element;
5
- };
6
- export declare const ICONS: IconNameElementMap;
7
- export {};