@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.
- package/dist/src/components/GridNoRowsOverlay.d.ts +3 -1
- package/dist/step-ag-grid.cjs.js +1096 -703
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +1098 -705
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +47 -46
- package/src/components/Grid.tsx +21 -20
- package/src/components/GridNoRowsOverlay.tsx +27 -3
- package/src/stories/components/ActionButton.stories.tsx +3 -3
- package/src/stories/grid/GridDragRow.stories.tsx +3 -3
- package/src/stories/grid/GridFilterButtons.stories.tsx +3 -3
- package/src/stories/grid/GridNoRowsOverlay.stories.tsx +3 -3
- package/src/stories/grid/GridNonEditableRow.stories.tsx +3 -3
- package/src/stories/grid/GridPopoutContextMenu.stories.tsx +3 -3
- package/src/stories/grid/GridPopoutEditGeneric.stories.tsx +3 -3
- package/src/stories/grid/GridPopoutEditGenericTextArea.stories.tsx +3 -3
- package/src/stories/grid/GridPopoverEditBearing.stories.tsx +3 -3
- package/src/stories/grid/GridPopoverEditDropDown.stories.tsx +3 -3
- package/src/stories/grid/GridPopoverEditMultiSelect.stories.tsx +3 -3
- package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx +3 -3
- package/src/stories/grid/GridReadOnly.stories.tsx +7 -8
- package/src/stories/grid/gridFormInteraction/GridFormDropDownInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormPopoverMenuInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormTextAreaInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormInteraction/GridFormTextInputInteraction.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormDropDown.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormEditBearing.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormEditBearingCorrection.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx +3 -3
- package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx +3 -3
- package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +3 -3
- package/src/stories/react-menu/ReactMenu.stories.tsx +3 -3
- 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 {
|
|
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
|
|
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:
|
|
35
|
+
const Template: StoryFn<typeof GridFormDropDown> = (props: GridFormDropDownProps<any>) => {
|
|
36
36
|
const config: GridFormDropDownProps<any> = {
|
|
37
37
|
filtered: "local",
|
|
38
38
|
onSelectedItem,
|
package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx
CHANGED
|
@@ -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 {
|
|
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
|
|
24
|
+
} as Meta<typeof GridFormEditBearing>;
|
|
25
25
|
|
|
26
26
|
const updateValue = jest.fn();
|
|
27
27
|
|
|
28
|
-
const Template:
|
|
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 {
|
|
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
|
|
24
|
+
} as Meta<typeof GridFormEditBearing>;
|
|
25
25
|
|
|
26
26
|
const updateValue = jest.fn();
|
|
27
27
|
|
|
28
|
-
const Template:
|
|
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 {
|
|
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
|
|
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:
|
|
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 {
|
|
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
|
|
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:
|
|
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 {
|
|
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
|
|
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:
|
|
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 {
|
|
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
|
|
19
|
+
} as Meta<typeof GridFormTextArea>;
|
|
20
20
|
|
|
21
21
|
const updateValue = jest.fn();
|
|
22
22
|
|
|
23
|
-
const Template:
|
|
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 {
|
|
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
|
|
19
|
+
} as Meta<typeof GridFormTextInput>;
|
|
20
20
|
|
|
21
21
|
const updateValue = jest.fn();
|
|
22
22
|
|
|
23
|
-
const Template:
|
|
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 {
|
|
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
|
|
17
|
+
} as Meta<typeof GridFormDropDown>;
|
|
18
18
|
|
|
19
|
-
const Template:
|
|
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 {
|
|
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
|
|
22
|
+
} as Meta<typeof GridFormEditBearing>;
|
|
23
23
|
|
|
24
|
-
const Template:
|
|
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 {
|
|
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
|
|
22
|
+
} as Meta<typeof GridFormEditBearing>;
|
|
23
23
|
|
|
24
|
-
const Template:
|
|
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 {
|
|
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
|
|
17
|
+
} as Meta<typeof GridFormMessage>;
|
|
18
18
|
|
|
19
|
-
const Template:
|
|
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 {
|
|
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
|
|
17
|
+
} as Meta<typeof GridFormMultiSelect>;
|
|
18
18
|
|
|
19
|
-
const Template:
|
|
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 {
|
|
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
|
|
23
|
+
} as Meta<typeof GridFormPopoverMenu>;
|
|
24
24
|
|
|
25
|
-
const Template:
|
|
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 {
|
|
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
|
|
17
|
+
} as Meta<typeof GridFormTextArea>;
|
|
18
18
|
|
|
19
|
-
const Template:
|
|
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 {
|
|
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
|
|
17
|
+
} as Meta<typeof GridFormTextInput>;
|
|
18
18
|
|
|
19
|
-
const Template:
|
|
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 {
|
|
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
|
|
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:
|
|
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 {
|
|
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
|
|
18
|
+
} as Meta<typeof Grid>;
|
|
19
19
|
|
|
20
20
|
const menuItemClickAction = jest.fn();
|
|
21
21
|
const newFileAction = jest.fn();
|
|
22
22
|
|
|
23
|
-
const ReactMenuTemplate:
|
|
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 {};
|