@linzjs/step-ag-grid 2.0.0 → 2.1.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 (119) hide show
  1. package/README.md +117 -2
  2. package/{src/components → dist}/GridTheme.scss +37 -23
  3. package/dist/index.css +351 -0
  4. package/dist/index.js +463 -212
  5. package/dist/index.js.map +1 -1
  6. package/dist/src/components/ComponentLoadingWrapper.d.ts +1 -0
  7. package/dist/src/components/Grid.d.ts +0 -3
  8. package/dist/src/components/GridCell.d.ts +3 -0
  9. package/dist/src/components/GridPopoverHook.d.ts +2 -1
  10. package/dist/src/components/gridForm/GridFormDropDown.d.ts +4 -3
  11. package/dist/src/components/gridForm/GridFormEditBearing.d.ts +3 -2
  12. package/dist/src/components/gridForm/GridFormMessage.d.ts +2 -2
  13. package/dist/src/components/gridForm/GridFormMultiSelect.d.ts +4 -2
  14. package/dist/src/components/gridForm/GridFormPopoutMenu.d.ts +2 -1
  15. package/dist/src/components/gridForm/GridFormTextArea.d.ts +2 -1
  16. package/dist/src/components/gridForm/GridFormTextInput.d.ts +2 -1
  17. package/dist/src/components/gridPopoverEdit/GridPopoverEditBearing.d.ts +4 -4
  18. package/dist/src/components/gridPopoverEdit/GridPopoverEditDropDown.d.ts +2 -2
  19. package/dist/src/components/gridPopoverEdit/GridPopoverMenu.d.ts +2 -3
  20. package/dist/src/components/gridPopoverEdit/GridPopoverMessage.d.ts +2 -2
  21. package/dist/src/components/gridPopoverEdit/GridPopoverTextArea.d.ts +2 -2
  22. package/dist/src/components/gridPopoverEdit/GridPopoverTextInput.d.ts +2 -2
  23. package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +4 -3
  24. package/dist/src/contexts/GridContext.d.ts +1 -1
  25. package/dist/src/contexts/GridPopoverContext.d.ts +1 -1
  26. package/dist/src/index.d.ts +31 -0
  27. package/dist/src/react-menu3/components/MenuRadioGroup.d.ts +2 -21
  28. package/dist/src/react-menu3/contexts/EventHandlersContext.d.ts +7 -0
  29. package/dist/src/react-menu3/contexts/HoverItemContext.d.ts +2 -0
  30. package/dist/src/react-menu3/contexts/ItemSettingsContext.d.ts +5 -0
  31. package/dist/src/react-menu3/contexts/MenuListContext.d.ts +9 -0
  32. package/dist/src/react-menu3/contexts/MenuListItemContext.d.ts +11 -0
  33. package/dist/src/react-menu3/contexts/RadioGroupContext.d.ts +7 -0
  34. package/dist/src/react-menu3/contexts/SettingsContext.d.ts +20 -0
  35. package/dist/src/react-menu3/index.d.ts +0 -1
  36. package/dist/src/react-menu3/utils/constants.d.ts +1 -50
  37. package/dist/step-ag-grid.esm.js +462 -193
  38. package/dist/step-ag-grid.esm.js.map +1 -1
  39. package/package.json +48 -26
  40. package/src/components/ComponentLoadingWrapper.tsx +2 -1
  41. package/src/components/Grid.tsx +2 -9
  42. package/src/components/GridCell.tsx +5 -0
  43. package/src/components/GridLoadableCell.tsx +0 -4
  44. package/src/components/GridPopoverHook.tsx +13 -7
  45. package/src/components/gridForm/GridFormDropDown.tsx +17 -13
  46. package/src/components/gridForm/GridFormEditBearing.tsx +4 -4
  47. package/src/components/gridForm/GridFormMessage.tsx +6 -7
  48. package/src/components/gridForm/GridFormMultiSelect.tsx +73 -63
  49. package/src/components/gridForm/GridFormPopoutMenu.tsx +6 -6
  50. package/src/components/gridForm/GridFormTextArea.tsx +4 -4
  51. package/src/components/gridForm/GridFormTextInput.tsx +3 -3
  52. package/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts +4 -0
  53. package/src/components/gridPopoverEdit/GridPopoverEditBearing.ts +4 -4
  54. package/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts +7 -2
  55. package/src/components/gridPopoverEdit/GridPopoverMenu.scss +4 -4
  56. package/src/components/gridPopoverEdit/GridPopoverMenu.tsx +2 -3
  57. package/src/components/gridPopoverEdit/GridPopoverMessage.ts +2 -2
  58. package/src/components/gridPopoverEdit/GridPopoverTextArea.ts +2 -2
  59. package/src/components/gridPopoverEdit/GridPopoverTextInput.ts +2 -2
  60. package/src/components/gridRender/GridRenderGenericCell.tsx +3 -2
  61. package/src/contexts/GridContext.tsx +1 -1
  62. package/src/contexts/GridPopoverContext.tsx +1 -7
  63. package/src/contexts/GridPopoverContextProvider.tsx +23 -22
  64. package/src/index.ts +38 -0
  65. package/src/lui/TextInputFormatted.scss +1 -1
  66. package/src/react-menu3/README.md +66 -0
  67. package/src/react-menu3/components/ControlledMenu.tsx +9 -17
  68. package/src/react-menu3/components/FocusableItem.tsx +2 -9
  69. package/src/react-menu3/components/MenuGroup.tsx +2 -1
  70. package/src/react-menu3/components/MenuItem.tsx +3 -12
  71. package/src/react-menu3/components/MenuList.tsx +4 -4
  72. package/src/react-menu3/components/MenuRadioGroup.tsx +3 -22
  73. package/src/react-menu3/components/SubMenu.tsx +4 -4
  74. package/src/react-menu3/contexts/EventHandlersContext.ts +11 -0
  75. package/src/react-menu3/contexts/HoverItemContext.ts +3 -0
  76. package/src/react-menu3/contexts/ItemSettingsContext.ts +6 -0
  77. package/src/react-menu3/contexts/MenuListContext.ts +10 -0
  78. package/src/react-menu3/contexts/MenuListItemContext.ts +16 -0
  79. package/src/react-menu3/contexts/RadioGroupContext.ts +8 -0
  80. package/src/react-menu3/contexts/SettingsContext.ts +20 -0
  81. package/src/react-menu3/hooks/useItemState.ts +3 -1
  82. package/src/react-menu3/index.ts +0 -1
  83. package/src/react-menu3/styles/_var.scss +4 -4
  84. package/src/react-menu3/styles/core.scss +6 -6
  85. package/src/react-menu3/styles/index.scss +10 -7
  86. package/src/react-menu3/styles/theme-dark.scss +4 -2
  87. package/src/react-menu3/styles/transitions/slide.scss +8 -8
  88. package/src/react-menu3/utils/constants.ts +1 -74
  89. package/src/react-menu3/utils/withHovering.tsx +1 -1
  90. package/src/stories/components/FormTest.scss +1 -2
  91. package/src/stories/components/FormTest.tsx +3 -3
  92. package/src/stories/components/GridPopoutBearing.stories.tsx +4 -4
  93. package/src/stories/components/GridPopoutEditDropDown.stories.tsx +6 -5
  94. package/src/stories/components/GridPopoutEditGeneric.stories.tsx +5 -7
  95. package/src/stories/components/GridPopoutEditGenericTextArea.stories.tsx +4 -4
  96. package/src/stories/components/GridPopoutEditMultiSelect.stories.tsx +4 -4
  97. package/src/stories/components/GridReadOnly.stories.tsx +14 -18
  98. package/src/stories/components/ReactMenu.stories.tsx +0 -4
  99. package/src/{components → styles}/Grid.scss +9 -6
  100. package/src/styles/GridFormDropDown.scss +18 -0
  101. package/src/{components/gridForm → styles}/GridFormEditBearing.scss +0 -0
  102. package/src/styles/GridFormMultiSelect.scss +18 -0
  103. package/src/styles/GridRenderGenericCell.scss +15 -0
  104. package/src/styles/GridTheme.scss +108 -0
  105. package/src/styles/index.scss +2 -0
  106. package/src/styles/lui-overrides.scss +49 -0
  107. package/src/styles/react-menu-customisations.scss +135 -0
  108. package/dist/index.d.ts +0 -38
  109. package/dist/src/stories/components/FormTest.d.ts +0 -12
  110. package/dist/src/stories/components/GridPopoutBearing.stories.d.ts +0 -9
  111. package/dist/src/stories/components/GridPopoutEditDropDown.stories.d.ts +0 -9
  112. package/dist/src/stories/components/GridPopoutEditGeneric.stories.d.ts +0 -9
  113. package/dist/src/stories/components/GridPopoutEditGenericTextArea.stories.d.ts +0 -9
  114. package/dist/src/stories/components/GridPopoutEditMultiSelect.stories.d.ts +0 -9
  115. package/dist/src/stories/components/GridReadOnly.stories.d.ts +0 -9
  116. package/dist/src/stories/components/ReactMenu.stories.d.ts +0 -8
  117. package/src/components/gridRender/GridRenderGenericCell.scss +0 -15
  118. package/src/lui-overrides.scss +0 -163
  119. package/src/react-menu3/style-utils.d.ts +0 -110
@@ -1,163 +0,0 @@
1
- /**
2
- * Lui Table additions, to be brought into Lui
3
- */
4
-
5
- .lui-base-table.lui-table-bold-headings th {
6
- font-weight: 600;
7
- }
8
-
9
- .lui-base-table.lui-table-nowrap-headings th {
10
- white-space: nowrap;
11
- }
12
-
13
- .lui-base-table.lui-compact-table th,
14
- .lui-base-table.lui-compact-table td {
15
- padding-top: 7px;
16
- padding-bottom: 7px;
17
- font-size: 0.875rem;
18
- }
19
-
20
- .lui-base-table.lui-compact-table th.lui-table-heading-dark,
21
- .lui-base-table.lui-compact-table td.lui-table-heading-dark {
22
- background-color: #55504b; /* $grey-60 */
23
- color: white;
24
- }
25
-
26
- .lui-base-table.lui-table-no-top-line thead {
27
- border-top: none;
28
- }
29
-
30
- /**
31
- * Lui Button additions, to be brought into Lui
32
- */
33
-
34
- .lui-button.lui-button-toolbar,
35
- a.lui-button.lui-button-toolbar {
36
- border-color: transparent;
37
- padding: 4px;
38
- line-height: 12px;
39
- margin: 2px;
40
- }
41
-
42
- .lui-compact-table .lui-bearing-input-wrapper .lui-bearing-display {
43
- line-height: 25px !important;
44
- }
45
-
46
- /* Until LUI fix comes (For different font weights) */
47
- input,
48
- select .survey-information {
49
- font-weight: 400 !important;
50
- }
51
-
52
- .table-select input {
53
- line-height: 25px !important;
54
- }
55
-
56
- .lui-standard-form .lui-compact-table .lui-input-error input {
57
- border-left-width: 28px !important;
58
- }
59
-
60
- .lui-standard-form .lui-compact-table .lui-input-error .lui-form-status-icon {
61
- font-size: 1rem;
62
- }
63
-
64
- /* To be replaced by Darrell's changes */
65
- .lui-standard-form .temporary-tighter-form-style label {
66
- margin-top: 20px !important;
67
- }
68
-
69
- /** Survey map header */
70
- .lui-header.lui-header-white::after {
71
- height: 2px;
72
- background: linear-gradient(270deg, #bbb 1%, #ccc 100%);
73
- }
74
-
75
- /** Context Menu for the tables */
76
- .edit-cell {
77
- width: 100%;
78
- height: 100%;
79
- display: flex;
80
- align-items: center;
81
- border: none;
82
- text-align: left;
83
- }
84
-
85
- /** Free text input */
86
-
87
- .lui-menu .free-text-input {
88
- border: transparent;
89
- outline: transparent;
90
- line-height: 33px;
91
- padding-left: 4px;
92
- }
93
-
94
- .lui-menu textarea.free-text-input {
95
- font-weight: 400;
96
- line-height: 1.5;
97
- width: 300px;
98
- height: 150px;
99
- resize: none;
100
- border: 0.06rem solid #beb9b4;
101
- }
102
-
103
- .LuiCheckboxInput:focus {
104
- border: 1px solid black;
105
- }
106
-
107
- .LuiCheckboxInput-group:focus {
108
- border: 1px solid black;
109
- }
110
-
111
- /* Bounding box in a popout - any menus will be placed in the space of this div */
112
- div.menu-bounding-box {
113
- position: absolute;
114
- height: 100%;
115
- width: 95%;
116
- z-index: -9999;
117
- }
118
-
119
- .lui-button-icon {
120
- display: flex;
121
- justify-content: center;
122
- align-items: center;
123
- }
124
-
125
- .lui-button.lui-button-lg.lui-button-icon .LuiIcon.LuiIcon--sm {
126
- margin-bottom: 0;
127
- }
128
-
129
- .lui-button.lui-button-med.lui-button-icon .LuiIcon.LuiIcon--md {
130
- margin-bottom: -1px;
131
- }
132
-
133
- .lui-menu {
134
- /**
135
- * Scrollbar (Only Chrome)
136
- */
137
- ::-webkit-scrollbar {
138
- width: 20px;
139
- }
140
-
141
- ::-webkit-scrollbar-track {
142
- background-color: transparent;
143
- }
144
-
145
- ::-webkit-scrollbar-thumb {
146
- background-color: #d6dee1;
147
- border-radius: 20px;
148
- border: 6px solid transparent;
149
- background-clip: content-box;
150
- }
151
-
152
- ::-webkit-scrollbar-thumb:hover {
153
- background-color: #a8bbbf;
154
- }
155
-
156
- .szh-menu__item {
157
- padding: 2px 1rem;
158
- }
159
-
160
- .LuiCheckboxInput {
161
- margin-bottom: 0;
162
- }
163
- }
@@ -1,110 +0,0 @@
1
- interface Base {
2
- /**
3
- * CSS selector for the element itself
4
- */
5
- name: string;
6
- }
7
-
8
- interface Directions {
9
- /**
10
- * Menu opens to the left
11
- */
12
- dirLeft: string;
13
- /**
14
- * Menu opens to the right
15
- */
16
- dirRight: string;
17
- /**
18
- * Menu opens to the top
19
- */
20
- dirTop: string;
21
- /**
22
- * Menu opens to the bottom
23
- */
24
- dirBottom: string;
25
- }
26
-
27
- export const menuSelector: Readonly<
28
- Base &
29
- Directions & {
30
- /**
31
- * Menu transitions from closed to open
32
- */
33
- stateOpening: string;
34
- /**
35
- * Menu is open
36
- */
37
- stateOpen: string;
38
- /**
39
- * Menu transitions from open to closed
40
- */
41
- stateClosing: string;
42
- /**
43
- * Menu is closed
44
- */
45
- stateClosed: string;
46
- }
47
- >;
48
-
49
- export const menuArrowSelector: Readonly<Base & Directions>;
50
-
51
- export const menuItemSelector: Readonly<
52
- Base & {
53
- /**
54
- * Menu item is hovered and focused
55
- */
56
- hover: string;
57
- /**
58
- * Menu item is disabled
59
- */
60
- disabled: string;
61
- /**
62
- * Menu item is a URL link (when the `href` prop is set)
63
- */
64
- anchor: string;
65
- /**
66
- * Menu item is checked (only for a radio or checkbox item)
67
- */
68
- checked: string;
69
- /**
70
- * Present on a submenu item when it's submenu is open
71
- */
72
- open: string;
73
- /**
74
- * Present on a submenu item, which is set by the `label` prop on `SubMenu` component
75
- */
76
- submenu: string;
77
- /**
78
- * Present on a `FocusableItem`
79
- */
80
- focusable: string;
81
- /**
82
- * Menu item is a radio item
83
- */
84
- typeRadio: string;
85
- /**
86
- * Menu item is a checkbox item
87
- */
88
- typeCheckbox: string;
89
- }
90
- >;
91
-
92
- export const menuDividerSelector: Readonly<Base>;
93
- export const menuHeaderSelector: Readonly<Base>;
94
- export const menuGroupSelector: Readonly<Base>;
95
- export const radioGroupSelector: Readonly<Base>;
96
- export const submenuSelector: Readonly<Base>;
97
-
98
- export const menuContainerSelector: Readonly<
99
- Base & {
100
- itemTransition: string;
101
- }
102
- >;
103
-
104
- export const menuButtonSelector: Readonly<
105
- Base & {
106
- open: string;
107
- }
108
- >;
109
-
110
- export {};