@redsift/table 6.3.1 → 7.0.0-alpha.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/CONTRIBUTING.md +71 -40
- package/index.d.ts +19 -8
- package/index.js +32 -30
- package/index.js.map +1 -1
- package/package.json +6 -5
package/CONTRIBUTING.md
CHANGED
|
@@ -5,18 +5,28 @@
|
|
|
5
5
|
Make sure you have the following requirements installed: [node](https://nodejs.org/) (v16+) and [yarn](https://yarnpkg.com/en/) (v1.22.0+)
|
|
6
6
|
|
|
7
7
|
Clone the repo (or fork it first if you're not part of Red Sift organization).
|
|
8
|
+
|
|
8
9
|
```
|
|
9
10
|
git clone git@github.com:redsift/design-system.git
|
|
10
11
|
cd design-system
|
|
11
12
|
yarn install
|
|
12
13
|
```
|
|
13
14
|
|
|
15
|
+
Set up your environment variable file by copying the template file:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
cp .env.template .env
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Then edit the `.env` file with the correct values. NEVER commit the `.env` file directly or any secrets and credentials it might contain.
|
|
22
|
+
|
|
14
23
|
You can then run the storybook and browse to [http://localhost:9000](http://localhost:9000) with:
|
|
24
|
+
|
|
15
25
|
```bash
|
|
16
26
|
yarn start:storybook
|
|
17
27
|
```
|
|
18
28
|
|
|
19
|
-
|
|
29
|
+
### Architecture
|
|
20
30
|
|
|
21
31
|
The Design System is following a monorepo architecture, providing multiple packages based on different use cases.
|
|
22
32
|
|
|
@@ -46,7 +56,7 @@ The Design System is following a monorepo architecture, providing multiple packa
|
|
|
46
56
|
|
|
47
57
|
Please make sure to work inside the correct package when making contribution.
|
|
48
58
|
|
|
49
|
-
|
|
59
|
+
### Shared code
|
|
50
60
|
|
|
51
61
|
If you need something inside more than one package, do not duplicate the code. Place it inside one package, export it from this package and import it inside the others.
|
|
52
62
|
|
|
@@ -65,7 +75,7 @@ import { PieChart, PieChartVariant } from '@redsift/dashbord';
|
|
|
65
75
|
|
|
66
76
|
To define which package should contain the shared code, select the one that would not create any circular dependencies.
|
|
67
77
|
|
|
68
|
-
|
|
78
|
+
### Dependencies
|
|
69
79
|
|
|
70
80
|
We try to use as few dependencies as possible.
|
|
71
81
|
|
|
@@ -83,7 +93,7 @@ import * as d3 from 'd3';
|
|
|
83
93
|
import { sum, scaleOrdinal } from 'd3';
|
|
84
94
|
```
|
|
85
95
|
|
|
86
|
-
|
|
96
|
+
### Scaffolding
|
|
87
97
|
|
|
88
98
|
Each component should be in its own folder. If a subcomponent can be used as a standalone component, it should be in its own folder too. For instance, `CheckboxGroup` uses `Checkbox` but `Checkbox` can be used alone. In this case, `CheckboxGroup` and `Checkbox` both have their own folder. For `PieChart` and `PieChartSlice`, a `PieChartSlice` can not be used alone. It only exists inside a `PieChart` component. Therefore, both components are inside the same folder.
|
|
89
99
|
|
|
@@ -122,36 +132,43 @@ const DEFAULT_PROPS: Partial<BadgeProps> = {
|
|
|
122
132
|
/**
|
|
123
133
|
* The Badge component.
|
|
124
134
|
*/
|
|
125
|
-
export const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef(
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
135
|
+
export const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef(
|
|
136
|
+
(props, ref) => {
|
|
137
|
+
const {
|
|
138
|
+
// props
|
|
139
|
+
...forwardedProps
|
|
140
|
+
} = props;
|
|
141
|
+
|
|
142
|
+
return (
|
|
143
|
+
<StyledBadge
|
|
144
|
+
{...forwardedProps}
|
|
145
|
+
// transient props
|
|
146
|
+
className={classNames(
|
|
147
|
+
Badge.className,
|
|
148
|
+
`${Badge.className}-${variant}`,
|
|
149
|
+
className
|
|
150
|
+
)}
|
|
151
|
+
ref={ref as RefObject<HTMLDivElement>}
|
|
152
|
+
>
|
|
153
|
+
// content of the component if needed
|
|
154
|
+
</StyledBadge>
|
|
155
|
+
);
|
|
156
|
+
}
|
|
157
|
+
);
|
|
142
158
|
Badge.className = CLASSNAME;
|
|
143
159
|
Badge.defaultProps = DEFAULT_PROPS;
|
|
144
160
|
Badge.displayName = COMPONENT_NAME;
|
|
145
161
|
```
|
|
146
162
|
|
|
147
163
|
The main things to keep in mind here are:
|
|
164
|
+
|
|
148
165
|
- to use the custom `Comp` type,
|
|
149
166
|
- to forward ref and props,
|
|
150
167
|
- to concatenate classNames,
|
|
151
168
|
- to define default values and
|
|
152
169
|
- to use types from `types.ts` and styles from `styles.ts`.
|
|
153
170
|
|
|
154
|
-
|
|
171
|
+
### API
|
|
155
172
|
|
|
156
173
|
The API of the components should be consistent with other components.
|
|
157
174
|
|
|
@@ -167,22 +184,25 @@ height?: number;
|
|
|
167
184
|
width?: number;
|
|
168
185
|
|
|
169
186
|
// do
|
|
170
|
-
size?:
|
|
187
|
+
size?: PieChartSize;
|
|
171
188
|
```
|
|
172
189
|
|
|
173
190
|
To know how to define your API, to name and document your props, take a look at the existing components.
|
|
174
191
|
|
|
175
|
-
|
|
192
|
+
## Tests
|
|
193
|
+
|
|
176
194
|
We use [jest](https://jestjs.io/) for unit tests and [react-testing-library](https://testing-library.com/docs/react-testing-library/intro) for rendering and writing assertions. We also use [Storyshots](https://storybook.js.org/addons/@storybook/addon-storyshots) to automatically take a code snapshot of every story.
|
|
177
195
|
|
|
178
196
|
Please make sure you include tests with your pull requests. Our CI will run the tests on each PR. A minimum of 90% code coverage is required for statements, branches, functions and lines of every package. However, in practice, we try to reach a 100% code coverage.
|
|
179
197
|
|
|
180
198
|
We split the tests into 2 groups.
|
|
181
199
|
|
|
182
|
-
|
|
200
|
+
_Visual tests_
|
|
201
|
+
|
|
183
202
|
- A Storybook story should be written for each visual state that a component can be in (based on props).
|
|
184
203
|
|
|
185
|
-
|
|
204
|
+
_Unit tests_
|
|
205
|
+
|
|
186
206
|
- (Props) Anything that should be changed by a prop should be tested via react-testing-library.
|
|
187
207
|
- (Events) Anything that should trigger an event should be tested via react-testing-library.
|
|
188
208
|
|
|
@@ -195,16 +215,18 @@ yarn test
|
|
|
195
215
|
Or for a specific package with:
|
|
196
216
|
|
|
197
217
|
```bash
|
|
198
|
-
yarn test:design-system
|
|
199
218
|
yarn test:charts
|
|
219
|
+
yarn test:design-system
|
|
200
220
|
yarn test:dashboard
|
|
221
|
+
yarn test:table
|
|
201
222
|
```
|
|
202
223
|
|
|
203
224
|
Do not forget to update the snapshots with the `-u` option when you modify or create stories. However, you should **always** check the generated snapshots to see if they are correct. Do **not** blindly update the snapshots.
|
|
204
225
|
|
|
205
|
-
|
|
226
|
+
## Linting
|
|
206
227
|
|
|
207
228
|
The code is linted with [eslint](https://eslint.org/). You can run the linter with:
|
|
229
|
+
|
|
208
230
|
```bash
|
|
209
231
|
yarn lint
|
|
210
232
|
```
|
|
@@ -218,9 +240,10 @@ yarn lint:design-system
|
|
|
218
240
|
yarn lint:table
|
|
219
241
|
```
|
|
220
242
|
|
|
221
|
-
|
|
243
|
+
## TypeScript
|
|
222
244
|
|
|
223
245
|
The code is written in [TypeScript](https://www.typescriptlang.org/). The type checker will usually run in your editor, but also runs when you run:
|
|
246
|
+
|
|
224
247
|
```bash
|
|
225
248
|
yarn check-types
|
|
226
249
|
```
|
|
@@ -271,7 +294,7 @@ export type BadgeVariant = ValueOf<typeof BadgeVariant>;
|
|
|
271
294
|
|
|
272
295
|
The variants, colors and all other enum-based interfaces should be implemented exactly as above to make the property compatible with both the enum values and their string equivalent values. In this example, `BadgeVariant.standard` and `"standard"` are both valid values for the `variant` prop.
|
|
273
296
|
|
|
274
|
-
|
|
297
|
+
## Styling
|
|
275
298
|
|
|
276
299
|
We use [styled-components](https://styled-components.com/) and [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) for styling. CSS variables are centralized through a [style dictionary](https://amzn.github.io/style-dictionary/#/).
|
|
277
300
|
|
|
@@ -282,18 +305,21 @@ The `styles.ts` of a component should contain all the styled-component codes. At
|
|
|
282
305
|
* Component style.
|
|
283
306
|
*/
|
|
284
307
|
export const StyledBadge = styled.div<StyledBadgeProps>`
|
|
285
|
-
${({ $color }) =>
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
308
|
+
${({ $color }) =>
|
|
309
|
+
$color
|
|
310
|
+
? css`
|
|
311
|
+
color: var(--redsift-color-neutral-white);
|
|
312
|
+
background-color: var(--redsift-color-${$color}-primary);
|
|
313
|
+
`
|
|
314
|
+
: ''}
|
|
315
|
+
`;
|
|
290
316
|
```
|
|
291
317
|
|
|
292
318
|
Make sure you are using the same HTML element for the styled component (i.e. `styled.div`) and the type interface (i.e. `ComponentProps<'div'>`). Type your variable with the interface you created in the `types.ts` file.
|
|
293
319
|
|
|
294
320
|
Make sure to use only [transient props](https://styled-components.com/docs/api#transient-props) and to use the styled-component's `css` helper when conditionnaly creating a new CSS block.
|
|
295
321
|
|
|
296
|
-
|
|
322
|
+
## Accessibility
|
|
297
323
|
|
|
298
324
|
We are trying to make the Design System as accessible as possible by following the [Web Accessibility Initiative guidelines](https://www.w3.org/WAI/ARIA/apg/).
|
|
299
325
|
|
|
@@ -301,7 +327,8 @@ Before implementing a component, try to see if there is a [pattern](https://www.
|
|
|
301
327
|
|
|
302
328
|
However, before using any ARIA, [read this disclaimer carefully](https://www.w3.org/WAI/ARIA/apg/practices/read-me-first/).
|
|
303
329
|
|
|
304
|
-
|
|
330
|
+
## Storybook
|
|
331
|
+
|
|
305
332
|
We use [Storybook](https://storybooks.js.org) for local development. Run the following command to start it:
|
|
306
333
|
|
|
307
334
|
```bash
|
|
@@ -314,7 +341,7 @@ You can use knobs and other storybook addons to create your stories. However, it
|
|
|
314
341
|
|
|
315
342
|
Storybook is shared among every packages of the Design System. Follow the naming of the components that already exists in the same package to make sure it will appear in the correct section.
|
|
316
343
|
|
|
317
|
-
|
|
344
|
+
## Documentation
|
|
318
345
|
|
|
319
346
|
We use a [Next.js](https://nextjs.org/) app with [MDX](https://mdxjs.com/) support as a documentation and demonstration site for the Design System. This app can be run as following:
|
|
320
347
|
|
|
@@ -329,6 +356,7 @@ To add documentation for a component, a MDX file should be created in the `packa
|
|
|
329
356
|
To appear in the website's Side Panel, the page should be listed in `packages/website/components/CustomAppSidePanel/CustomAppSidePanel.tsx`) under the corresponding section.
|
|
330
357
|
|
|
331
358
|
A component page should be structured as following:
|
|
359
|
+
|
|
332
360
|
- **Introduction**
|
|
333
361
|
- **Installation**: explains which package to install and how
|
|
334
362
|
- **Usage**: explains how to import the component
|
|
@@ -357,9 +385,12 @@ To display a demo, first create a demo (a simple `tsx` file) in the demo folder
|
|
|
357
385
|
To display simple code, use the `CodeBlock` as following:
|
|
358
386
|
|
|
359
387
|
```ts
|
|
360
|
-
<CodeBlock
|
|
388
|
+
<CodeBlock
|
|
389
|
+
codeString={`
|
|
361
390
|
yarn add @redsift/design-system
|
|
362
|
-
`}
|
|
391
|
+
`}
|
|
392
|
+
language="sh"
|
|
393
|
+
/>
|
|
363
394
|
```
|
|
364
395
|
|
|
365
396
|
## Build
|
package/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
|
|
2
2
|
import { GridFilterItem, GridCellParams, GridFilterInputMultipleValue, GridFilterOperator, DataGridProProps, GridColumns } from '@mui/x-data-grid-pro';
|
|
3
|
-
export {
|
|
3
|
+
export { GridAlignment, GridColDef, GridColumns, GridFilterItem, GridFilterModel, getGridBooleanOperators, getGridDateOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators } from '@mui/x-data-grid-pro';
|
|
4
4
|
import { Comp as Comp$1, ShieldVariant } from '@redsift/design-system';
|
|
5
5
|
import { Ref, ReactElement, ComponentProps, ReactNode } from 'react';
|
|
6
6
|
|
|
7
|
+
declare const DETAIL_PANEL_TOGGLE_COL_DEF: _mui_x_data_grid_pro.GridColDef<any, any, any>;
|
|
8
|
+
|
|
7
9
|
declare const CONTAINS_ANY_OF: {
|
|
8
10
|
label: string;
|
|
9
11
|
value: string;
|
|
@@ -64,15 +66,24 @@ declare type ValueOf<T extends Record<any, any>> = T[keyof T];
|
|
|
64
66
|
* Color palette.
|
|
65
67
|
*/
|
|
66
68
|
declare const ColorPalette: {
|
|
67
|
-
readonly
|
|
68
|
-
readonly
|
|
69
|
+
readonly default: "default";
|
|
70
|
+
readonly success: "success";
|
|
69
71
|
readonly error: "error";
|
|
70
72
|
readonly warning: "warning";
|
|
71
73
|
readonly info: "info";
|
|
72
|
-
readonly
|
|
74
|
+
readonly question: "question";
|
|
75
|
+
readonly 'no-data': "no-data";
|
|
73
76
|
};
|
|
74
77
|
declare type ColorPalette = ValueOf<typeof ColorPalette>;
|
|
75
|
-
declare
|
|
78
|
+
declare const ProductColorPalette: {
|
|
79
|
+
readonly website: "website";
|
|
80
|
+
readonly ondmarc: "ondmarc";
|
|
81
|
+
readonly oninbox: "oninbox";
|
|
82
|
+
readonly ondomain: "ondomain";
|
|
83
|
+
readonly hardenize: "hardenize";
|
|
84
|
+
readonly tools: "tools";
|
|
85
|
+
};
|
|
86
|
+
declare type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
|
|
76
87
|
|
|
77
88
|
interface TextCellProps extends ComponentProps<'div'> {
|
|
78
89
|
/** Including Badge Component. */
|
|
@@ -85,7 +96,7 @@ interface TextCellProps extends ComponentProps<'div'> {
|
|
|
85
96
|
*/
|
|
86
97
|
leftIcon?: string;
|
|
87
98
|
/** Left Icon Color variant. */
|
|
88
|
-
leftIconColor?:
|
|
99
|
+
leftIconColor?: ColorPalette | ProductColorPalette | string;
|
|
89
100
|
/**
|
|
90
101
|
* Icon path data (`d` property of the `path` SVG element).<br />
|
|
91
102
|
* See <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths</a>.<br />
|
|
@@ -94,7 +105,7 @@ interface TextCellProps extends ComponentProps<'div'> {
|
|
|
94
105
|
*/
|
|
95
106
|
rightIcon?: string;
|
|
96
107
|
/** Right Icon Color variant. */
|
|
97
|
-
rightIconColor?:
|
|
108
|
+
rightIconColor?: ColorPalette | ProductColorPalette | string;
|
|
98
109
|
/** Shield variant. */
|
|
99
110
|
shieldVariant?: ShieldVariant;
|
|
100
111
|
}
|
|
@@ -104,4 +115,4 @@ interface TextCellProps extends ComponentProps<'div'> {
|
|
|
104
115
|
*/
|
|
105
116
|
declare const TextCell: Comp<TextCellProps, HTMLDivElement>;
|
|
106
117
|
|
|
107
|
-
export { CONTAINS_ANY_OF, DataGrid, DataGridProps, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF, StyledDataGridProps, TextCell, Toolbar, getGridStringArrayOperators };
|
|
118
|
+
export { CONTAINS_ANY_OF, DETAIL_PANEL_TOGGLE_COL_DEF, DataGrid, DataGridProps, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF, StyledDataGridProps, TextCell, Toolbar, getGridStringArrayOperators };
|
package/index.js
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import { GridFilterInputMultipleValue, getGridStringOperators, GridToolbarContainer, GridToolbarFilterButton, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarExport, gridVisibleSortedRowIdsSelector, DataGridPro } from '@mui/x-data-grid-pro';
|
|
2
|
-
export {
|
|
1
|
+
import { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GridFilterInputMultipleValue, getGridStringOperators, GridToolbarContainer, GridToolbarFilterButton, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarExport, gridVisibleSortedRowIdsSelector, DataGridPro } from '@mui/x-data-grid-pro';
|
|
2
|
+
export { getGridBooleanOperators, getGridDateOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators } from '@mui/x-data-grid-pro';
|
|
3
3
|
import React, { forwardRef, useRef } from 'react';
|
|
4
4
|
import { Icon, Shield } from '@redsift/design-system';
|
|
5
5
|
import { mdiChevronUp, mdiChevronDown, mdiChevronRight, mdiFilterVariant } from '@redsift/icons';
|
|
6
6
|
import styled, { css } from 'styled-components';
|
|
7
7
|
|
|
8
|
+
// Don't use a spread operator there or it will break the build due to MUI internal components
|
|
9
|
+
const DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;
|
|
10
|
+
DETAIL_PANEL_TOGGLE_COL_DEF.type = 'actions';
|
|
11
|
+
|
|
8
12
|
const containsAnyOfOperator = {
|
|
9
13
|
label: 'contains any of',
|
|
10
14
|
value: 'containsAnyOf',
|
|
@@ -40,11 +44,14 @@ const endsWithAnyOfOperator = {
|
|
|
40
44
|
if (filterItem.value.length === 0) {
|
|
41
45
|
return true;
|
|
42
46
|
}
|
|
47
|
+
const paramValues = Array.isArray(params.value) ? params.value : [params.value];
|
|
43
48
|
let match = false;
|
|
44
49
|
filterItem.value.forEach(filteredValue => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
50
|
+
paramValues.forEach(paramValue => {
|
|
51
|
+
if (paramValue.endsWith(filteredValue)) {
|
|
52
|
+
match = true;
|
|
53
|
+
}
|
|
54
|
+
});
|
|
48
55
|
});
|
|
49
56
|
return match;
|
|
50
57
|
};
|
|
@@ -57,7 +64,7 @@ const isAnyOfOperator = getGridStringOperators().filter(operator => operator.val
|
|
|
57
64
|
const IS_ANY_OF = isAnyOfOperator;
|
|
58
65
|
|
|
59
66
|
const startsWithAnyOfOperator = {
|
|
60
|
-
label: '
|
|
67
|
+
label: 'starts with any of',
|
|
61
68
|
value: 'startsWithAnyOf',
|
|
62
69
|
getApplyFilterFn: filterItem => {
|
|
63
70
|
if (!filterItem.columnField || !filterItem.value || !filterItem.operatorValue) {
|
|
@@ -67,11 +74,14 @@ const startsWithAnyOfOperator = {
|
|
|
67
74
|
if (filterItem.value.length === 0) {
|
|
68
75
|
return true;
|
|
69
76
|
}
|
|
77
|
+
const paramValues = Array.isArray(params.value) ? params.value : [params.value];
|
|
70
78
|
let match = false;
|
|
71
79
|
filterItem.value.forEach(filteredValue => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
80
|
+
paramValues.forEach(paramValue => {
|
|
81
|
+
if (paramValue.startsWith(filteredValue)) {
|
|
82
|
+
match = true;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
75
85
|
});
|
|
76
86
|
return match;
|
|
77
87
|
};
|
|
@@ -280,7 +290,7 @@ const StyledDataGrid = styled.div`
|
|
|
280
290
|
}
|
|
281
291
|
|
|
282
292
|
.MuiDataGrid-columnHeaders {
|
|
283
|
-
border-bottom-color: var(--redsift-color-primary
|
|
293
|
+
border-bottom-color: var(--redsift-color-default-primary);
|
|
284
294
|
}
|
|
285
295
|
|
|
286
296
|
.MuiDataGrid-columnSeparator {
|
|
@@ -301,7 +311,7 @@ const StyledDataGrid = styled.div`
|
|
|
301
311
|
}
|
|
302
312
|
|
|
303
313
|
.Mui-checked {
|
|
304
|
-
color: var(--redsift-color-primary
|
|
314
|
+
color: var(--redsift-color-default-primary);
|
|
305
315
|
}
|
|
306
316
|
|
|
307
317
|
.MuiDataGrid-rowCount {
|
|
@@ -320,7 +330,7 @@ const GridToolbarWrapper = styled.div`
|
|
|
320
330
|
.MuiButtonBase-root-JobBs.MuiButton-root {
|
|
321
331
|
svg {
|
|
322
332
|
path {
|
|
323
|
-
fill: var(--redsift-color-primary
|
|
333
|
+
fill: var(--redsift-color-default-primary);
|
|
324
334
|
}
|
|
325
335
|
}
|
|
326
336
|
}
|
|
@@ -332,7 +342,7 @@ const GridToolbarWrapper = styled.div`
|
|
|
332
342
|
font-family: var(--redsift-typography-datagrid-font-family);
|
|
333
343
|
font-size: var(--redsift-typography-button-large-font-size);
|
|
334
344
|
line-height: var(--redsift-typography-button-large-line-height);
|
|
335
|
-
color: var(--redsift-color-primary
|
|
345
|
+
color: var(--redsift-color-default-primary);
|
|
336
346
|
border-radius: 0px;
|
|
337
347
|
padding: 6px 8px;
|
|
338
348
|
|
|
@@ -340,7 +350,7 @@ const GridToolbarWrapper = styled.div`
|
|
|
340
350
|
margin-left: 0px;
|
|
341
351
|
|
|
342
352
|
svg {
|
|
343
|
-
color: var(--redsift-color-primary
|
|
353
|
+
color: var(--redsift-color-default-primary);
|
|
344
354
|
}
|
|
345
355
|
}
|
|
346
356
|
}
|
|
@@ -428,29 +438,21 @@ DataGrid.defaultProps = DEFAULT_PROPS;
|
|
|
428
438
|
DataGrid.displayName = COMPONENT_NAME$1;
|
|
429
439
|
|
|
430
440
|
const StyledTextCell = styled.div`
|
|
431
|
-
display: flex;
|
|
432
441
|
align-items: center;
|
|
433
|
-
justify-content: flex-start;
|
|
434
442
|
box-sizing: border-box;
|
|
435
|
-
|
|
443
|
+
display: flex;
|
|
444
|
+
gap: 8px;
|
|
445
|
+
justify-content: flex-start;
|
|
436
446
|
overflow: hidden;
|
|
437
447
|
text-overflow: ellipsis;
|
|
438
|
-
|
|
439
|
-
.redsift-shield {
|
|
440
|
-
margin: 0 8px 0 0;
|
|
441
|
-
}
|
|
442
|
-
|
|
443
|
-
> .redsift-icon {
|
|
444
|
-
margin: 0 8px 0 0;
|
|
445
|
-
width: 16px;
|
|
446
|
-
}
|
|
448
|
+
white-space: nowrap;
|
|
447
449
|
`;
|
|
448
450
|
const StyledTextCellText = styled.div`
|
|
449
|
-
|
|
451
|
+
box-sizing: border-box;
|
|
452
|
+
line-height: normal;
|
|
450
453
|
overflow: hidden;
|
|
451
454
|
text-overflow: ellipsis;
|
|
452
|
-
|
|
453
|
-
width: 100%;
|
|
455
|
+
white-space: nowrap;
|
|
454
456
|
`;
|
|
455
457
|
|
|
456
458
|
const _excluded = ["badge", "children", "className", "leftIcon", "leftIconColor", "rightIcon", "rightIconColor", "shieldVariant"];
|
|
@@ -493,5 +495,5 @@ const TextCell = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
493
495
|
TextCell.className = CLASSNAME;
|
|
494
496
|
TextCell.displayName = COMPONENT_NAME;
|
|
495
497
|
|
|
496
|
-
export { CONTAINS_ANY_OF, DataGrid, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF, TextCell, Toolbar, getGridStringArrayOperators };
|
|
498
|
+
export { CONTAINS_ANY_OF, DETAIL_PANEL_TOGGLE_COL_DEF, DataGrid, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF, TextCell, Toolbar, getGridStringArrayOperators };
|
|
497
499
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/utils/operators/containsAnyOf.tsx","../src/utils/operators/endsWithAnyOf.tsx","../src/utils/operators/isAnyOf.tsx","../src/utils/operators/startsWithAnyOf.tsx","../src/utils/operators/index.ts","../../../node_modules/classnames/index.js","../../../node_modules/@mui/x-license-pro/node_modules/@mui/utils/esm/ponyfillGlobal.js","../../../node_modules/@mui/x-license-pro/utils/licenseInfo.js","../src/components/DataGrid/styles.ts","../src/components/Toolbar/styles.ts","../src/components/Toolbar/Toolbar.tsx","../src/components/DataGrid/DataGrid.tsx","../src/components/TextCell/styles.ts","../src/components/TextCell/TextCell.tsx"],"sourcesContent":["import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst containsAnyOfOperator = {\n label: 'contains any of',\n value: 'containsAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n if (params.value.indexOf(filteredValue) !== -1) {\n match = true;\n }\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const CONTAINS_ANY_OF = containsAnyOfOperator;\n","import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst endsWithAnyOfOperator = {\n label: 'ends with any of',\n value: 'endsWithAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n if (params.value.endsWith(filteredValue)) {\n match = true;\n }\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const ENDS_WITH_ANY_OF = endsWithAnyOfOperator;\n","import { getGridStringOperators } from '@mui/x-data-grid-pro';\n\nconst isAnyOfOperator = getGridStringOperators().filter(\n (operator) => operator.value === 'isAnyOf'\n)[0];\n\nexport const IS_ANY_OF = isAnyOfOperator;\n","import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst startsWithAnyOfOperator = {\n label: 'ends with any of',\n value: 'startsWithAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n if (params.value.startsWith(filteredValue)) {\n match = true;\n }\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const STARTS_WITH_ANY_OF = startsWithAnyOfOperator;\n","export {\n getGridBooleanOperators,\n getGridDateOperators,\n getGridNumericOperators,\n getGridSingleSelectOperators,\n getGridStringOperators,\n} from '@mui/x-data-grid-pro';\n\nimport { GridFilterOperator } from '@mui/x-data-grid-pro';\nimport { CONTAINS_ANY_OF } from './containsAnyOf';\nimport { ENDS_WITH_ANY_OF } from './endsWithAnyOf';\nimport { IS_ANY_OF } from './isAnyOf';\nimport { STARTS_WITH_ANY_OF } from './startsWithAnyOf';\n\nexport * from './containsAnyOf';\nexport * from './endsWithAnyOf';\nexport * from './isAnyOf';\nexport * from './startsWithAnyOf';\n\nexport const getGridStringArrayOperators: () => GridFilterOperator<\n any,\n number | string | null,\n any\n>[] = () => [CONTAINS_ANY_OF, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF];\n","/*!\n Copyright (c) 2018 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/* eslint-disable */\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nexport default typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();","import { ponyfillGlobal } from '@mui/utils';\n// Store the license information in a global, so it can be shared\n// when module duplication occurs. The duplication of the modules can happen\n// if using multiple version of MUI X at the same time of the bundler\n// decide to duplicate to improve the size of the chunks.\n// eslint-disable-next-line no-underscore-dangle\nponyfillGlobal.__MUI_LICENSE_INFO__ = ponyfillGlobal.__MUI_LICENSE_INFO__ || {\n key: undefined\n};\nexport class LicenseInfo {\n static getLicenseInfo() {\n // eslint-disable-next-line no-underscore-dangle\n return ponyfillGlobal.__MUI_LICENSE_INFO__;\n }\n\n static getLicenseKey() {\n return LicenseInfo.getLicenseInfo().key;\n }\n\n static setLicenseKey(key) {\n const licenseInfo = LicenseInfo.getLicenseInfo();\n licenseInfo.key = key;\n }\n\n}","import styled, { css } from 'styled-components';\nimport { StyledDataGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataGrid = styled.div<StyledDataGridProps>`\n ${({ $height }) =>\n css`\n height: ${$height};\n `}\n\n width: 100%;\n\n .MuiDataGrid-root {\n font-family: var(--redsift-typography-datagrid-font-family);\n border: none;\n }\n\n .MuiDataGrid-row {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n font-size: var(--redsift-typography-datagrid-row-font-size);\n font-weight: var(--redsift-typography-datagrid-row-font-weight);\n }\n\n .MuiDataGrid-columnHeaderTitle {\n font-family: var(--redsift-typography-datagrid-header-font-family);\n font-size: var(--redsift-typography-datagrid-header-font-size);\n font-weight: var(--redsift-typography-datagrid-header-font-weight);\n }\n\n .MuiDataGrid-columnHeaders {\n border-bottom-color: var(--redsift-color-primary-main);\n }\n\n .MuiDataGrid-columnSeparator {\n display: none;\n }\n\n .MuiTablePagination-root {\n .MuiTablePagination-selectLabel {\n font-family: var(--redsift-typography-datagrid-font-family);\n }\n .MuiTablePagination-displayedRows {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n\n .MuiInputBase-root {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n }\n\n .Mui-checked {\n color: var(--redsift-color-primary-main);\n }\n\n .MuiDataGrid-rowCount {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n\n .MuiTablePagination-displayedRows {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n`;\n","import styled from 'styled-components';\n\n/**\n * Component style.\n */\nexport const GridToolbarWrapper = styled.div`\n .MuiButtonBase-root-JobBs.MuiButton-root {\n svg {\n path {\n fill: var(--redsift-color-primary-main);\n }\n }\n }\n\n .MuiDataGrid-toolbarContainer {\n font-family: var(--redsift-typography-datagrid-font-family);\n\n button {\n font-family: var(--redsift-typography-datagrid-font-family);\n font-size: var(--redsift-typography-button-large-font-size);\n line-height: var(--redsift-typography-button-large-line-height);\n color: var(--redsift-color-primary-main);\n border-radius: 0px;\n padding: 6px 8px;\n\n .MuiButton-startIcon {\n margin-left: 0px;\n\n svg {\n color: var(--redsift-color-primary-main);\n }\n }\n }\n\n button:hover {\n background: var(--redsift-color-primary-outlined-hover);\n }\n }\n`;\n","import React from 'react';\nimport {\n GridToolbarContainer,\n GridToolbarColumnsButton,\n GridToolbarDensitySelector,\n GridToolbarFilterButton,\n GridToolbarExport,\n gridVisibleSortedRowIdsSelector,\n GridCsvGetRowsToExportParams,\n} from '@mui/x-data-grid-pro';\n\nimport { GridToolbarWrapper } from './styles';\n\nexport const Toolbar = () => {\n return (\n <GridToolbarWrapper>\n <GridToolbarContainer>\n <GridToolbarFilterButton />\n <GridToolbarColumnsButton />\n <GridToolbarDensitySelector />\n <GridToolbarExport\n csvOptions={{\n allColumns: true,\n fileName: 'csv',\n getRowsToExport: ({ apiRef }: GridCsvGetRowsToExportParams) =>\n gridVisibleSortedRowIdsSelector(apiRef),\n }}\n printOptions={{\n disableToolbarButton: true,\n }}\n />\n </GridToolbarContainer>\n </GridToolbarWrapper>\n );\n};\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { LicenseInfo } from '@mui/x-license-pro';\nimport { Comp, Icon } from '@redsift/design-system';\nimport {\n DataGridPro,\n GRID_DETAIL_PANEL_TOGGLE_COL_DEF,\n} from '@mui/x-data-grid-pro';\nimport {\n mdiChevronDown,\n mdiChevronUp,\n mdiChevronRight,\n mdiFilterVariant,\n} from '@redsift/icons';\n\nimport { StyledDataGrid } from './styles';\nimport { DataGridProps } from './types';\nimport { Toolbar } from '../Toolbar';\n\nconst COMPONENT_NAME = 'RedSiftDataGrid';\nconst CLASSNAME = 'redsift-data-grid';\nconst DEFAULT_PROPS: Partial<DataGridProps> = {\n license: process.env.MUI_LICENSE_KEY,\n $height: '500px',\n};\n\nconst ColumnSortedAscendingIcon = () => (\n <Icon icon={mdiChevronUp} size={'small'} />\n);\nconst ColumnSortedDescendingIcon = () => (\n <Icon icon={mdiChevronDown} size={'small'} />\n);\nconst DetailPanelExpandIcon = () => (\n <Icon icon={mdiChevronRight} size={'small'} />\n);\nconst DetailPanelCollapseIcon = () => (\n <Icon icon={mdiChevronDown} size={'small'} />\n);\nconst ColumnFilteredIcon = () => (\n <Icon icon={mdiFilterVariant} size={'small'} />\n);\n\nexport { GRID_DETAIL_PANEL_TOGGLE_COL_DEF };\n\nexport const DataGrid: Comp<DataGridProps, HTMLDivElement> = forwardRef(\n (props, ref) => {\n const datagridRef = ref || useRef<HTMLDivElement>();\n\n const { className, hideToolbar, license, $height, ...forwardedProps } =\n props;\n\n LicenseInfo.setLicenseKey(license);\n\n return (\n <StyledDataGrid\n ref={datagridRef as RefObject<HTMLDivElement>}\n className={classNames(DataGrid.className, className)}\n $height={$height}\n >\n <DataGridPro\n {...forwardedProps}\n components={{\n ColumnFilteredIcon,\n ColumnSortedAscendingIcon,\n ColumnSortedDescendingIcon,\n DetailPanelExpandIcon,\n DetailPanelCollapseIcon,\n OpenFilterButtonIcon: ColumnFilteredIcon,\n ...props.components,\n ...(!hideToolbar && { Toolbar }),\n }}\n />\n </StyledDataGrid>\n );\n }\n);\nDataGrid.className = CLASSNAME;\nDataGrid.defaultProps = DEFAULT_PROPS;\nDataGrid.displayName = COMPONENT_NAME;\n","import styled from 'styled-components';\n\nexport const StyledTextCell = styled.div`\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n .redsift-shield {\n margin: 0 8px 0 0;\n }\n\n > .redsift-icon {\n margin: 0 8px 0 0;\n width: 16px;\n }\n`;\n\nexport const StyledTextCellText = styled.div`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n width: 100%;\n`;\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { Icon, Shield } from '@redsift/design-system';\n\nimport { StyledTextCell, StyledTextCellText } from './styles';\nimport { TextCellProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftDataGridCell';\nconst CLASSNAME = 'redsift-datagrid-cell';\n\n/**\n * The Cell component.\n */\nexport const TextCell: Comp<TextCellProps, HTMLDivElement> = forwardRef(\n (props, ref) => {\n const textCellRef = ref || useRef<HTMLDivElement>();\n const {\n badge,\n children,\n className,\n leftIcon,\n leftIconColor,\n rightIcon,\n rightIconColor,\n shieldVariant,\n ...forwardedProps\n } = props;\n\n return (\n <StyledTextCell\n {...forwardedProps}\n className={classNames(TextCell.className, className)}\n ref={textCellRef as RefObject<HTMLDivElement>}\n >\n <>\n {shieldVariant ? <Shield variant={shieldVariant} /> : null}\n {leftIcon ? (\n <Icon\n icon={leftIcon}\n aria-hidden=\"true\"\n size=\"small\"\n color={leftIconColor}\n />\n ) : null}\n <StyledTextCellText>{children}</StyledTextCellText>\n {badge ? badge : null}\n {rightIcon ? (\n <Icon\n icon={rightIcon}\n aria-hidden=\"true\"\n size=\"small\"\n color={rightIconColor}\n />\n ) : null}\n </>\n </StyledTextCell>\n );\n }\n);\n\nTextCell.className = CLASSNAME;\nTextCell.displayName = COMPONENT_NAME;\n"],"names":["containsAnyOfOperator","label","value","getApplyFilterFn","filterItem","columnField","operatorValue","params","length","match","forEach","filteredValue","indexOf","InputComponent","GridFilterInputMultipleValue","CONTAINS_ANY_OF","endsWithAnyOfOperator","endsWith","ENDS_WITH_ANY_OF","isAnyOfOperator","getGridStringOperators","filter","operator","IS_ANY_OF","startsWithAnyOfOperator","startsWith","STARTS_WITH_ANY_OF","getGridStringArrayOperators","StyledDataGrid","styled","div","$height","css","GridToolbarWrapper","Toolbar","allColumns","fileName","getRowsToExport","apiRef","gridVisibleSortedRowIdsSelector","disableToolbarButton","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","license","process","env","MUI_LICENSE_KEY","ColumnSortedAscendingIcon","mdiChevronUp","ColumnSortedDescendingIcon","mdiChevronDown","DetailPanelExpandIcon","mdiChevronRight","DetailPanelCollapseIcon","ColumnFilteredIcon","mdiFilterVariant","DataGrid","forwardRef","props","ref","datagridRef","useRef","className","hideToolbar","forwardedProps","_excluded","LicenseInfo","setLicenseKey","classNames","_objectSpread","OpenFilterButtonIcon","components","defaultProps","displayName","StyledTextCell","StyledTextCellText","TextCell","textCellRef","badge","children","leftIcon","leftIconColor","rightIcon","rightIconColor","shieldVariant"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/utils/columns/detailPanelToggleColDef.ts","../src/utils/operators/containsAnyOf.tsx","../src/utils/operators/endsWithAnyOf.tsx","../src/utils/operators/isAnyOf.tsx","../src/utils/operators/startsWithAnyOf.tsx","../src/utils/operators/getGridStringArrayOperators.ts","../../../node_modules/classnames/index.js","../../../node_modules/@mui/x-license-pro/node_modules/@mui/utils/esm/ponyfillGlobal.js","../../../node_modules/@mui/x-license-pro/utils/licenseInfo.js","../src/components/DataGrid/styles.ts","../src/components/Toolbar/styles.ts","../src/components/Toolbar/Toolbar.tsx","../src/components/DataGrid/DataGrid.tsx","../src/components/TextCell/styles.ts","../src/components/TextCell/TextCell.tsx"],"sourcesContent":["import { GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from '@mui/x-data-grid-pro';\n\n// Don't use a spread operator there or it will break the build due to MUI internal components\nconst DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;\nDETAIL_PANEL_TOGGLE_COL_DEF.type = 'actions';\n\nexport { DETAIL_PANEL_TOGGLE_COL_DEF };\n","import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst containsAnyOfOperator = {\n label: 'contains any of',\n value: 'containsAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n if (params.value.indexOf(filteredValue) !== -1) {\n match = true;\n }\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const CONTAINS_ANY_OF = containsAnyOfOperator;\n","import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst endsWithAnyOfOperator = {\n label: 'ends with any of',\n value: 'endsWithAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n const paramValues = Array.isArray(params.value)\n ? params.value\n : [params.value];\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n paramValues.forEach((paramValue: string) => {\n if (paramValue.endsWith(filteredValue)) {\n match = true;\n }\n });\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const ENDS_WITH_ANY_OF = endsWithAnyOfOperator;\n","import { getGridStringOperators } from '@mui/x-data-grid-pro';\n\nconst isAnyOfOperator = getGridStringOperators().filter(\n (operator) => operator.value === 'isAnyOf'\n)[0];\n\nexport const IS_ANY_OF = isAnyOfOperator;\n","import {\n GridCellParams,\n GridFilterInputMultipleValue,\n GridFilterItem,\n} from '@mui/x-data-grid-pro';\n\nconst startsWithAnyOfOperator = {\n label: 'starts with any of',\n value: 'startsWithAnyOf',\n getApplyFilterFn: (filterItem: GridFilterItem) => {\n if (\n !filterItem.columnField ||\n !filterItem.value ||\n !filterItem.operatorValue\n ) {\n return null;\n }\n\n return (params: GridCellParams): boolean => {\n if (filterItem.value.length === 0) {\n return true;\n }\n const paramValues = Array.isArray(params.value)\n ? params.value\n : [params.value];\n\n let match = false;\n filterItem.value.forEach((filteredValue: string) => {\n paramValues.forEach((paramValue: string) => {\n if (paramValue.startsWith(filteredValue)) {\n match = true;\n }\n });\n });\n return match;\n };\n },\n InputComponent: GridFilterInputMultipleValue,\n};\n\nexport const STARTS_WITH_ANY_OF = startsWithAnyOfOperator;\n","import { GridFilterOperator } from '@mui/x-data-grid-pro';\nimport { CONTAINS_ANY_OF } from './containsAnyOf';\nimport { ENDS_WITH_ANY_OF } from './endsWithAnyOf';\nimport { IS_ANY_OF } from './isAnyOf';\nimport { STARTS_WITH_ANY_OF } from './startsWithAnyOf';\n\nexport const getGridStringArrayOperators: () => GridFilterOperator<\n any,\n number | string | null,\n any\n>[] = () => [CONTAINS_ANY_OF, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF];\n","/*!\n Copyright (c) 2018 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/* eslint-disable */\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nexport default typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();","import { ponyfillGlobal } from '@mui/utils';\n// Store the license information in a global, so it can be shared\n// when module duplication occurs. The duplication of the modules can happen\n// if using multiple version of MUI X at the same time of the bundler\n// decide to duplicate to improve the size of the chunks.\n// eslint-disable-next-line no-underscore-dangle\nponyfillGlobal.__MUI_LICENSE_INFO__ = ponyfillGlobal.__MUI_LICENSE_INFO__ || {\n key: undefined\n};\nexport class LicenseInfo {\n static getLicenseInfo() {\n // eslint-disable-next-line no-underscore-dangle\n return ponyfillGlobal.__MUI_LICENSE_INFO__;\n }\n\n static getLicenseKey() {\n return LicenseInfo.getLicenseInfo().key;\n }\n\n static setLicenseKey(key) {\n const licenseInfo = LicenseInfo.getLicenseInfo();\n licenseInfo.key = key;\n }\n\n}","import styled, { css } from 'styled-components';\nimport { StyledDataGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataGrid = styled.div<StyledDataGridProps>`\n ${({ $height }) =>\n css`\n height: ${$height};\n `}\n\n width: 100%;\n\n .MuiDataGrid-root {\n font-family: var(--redsift-typography-datagrid-font-family);\n border: none;\n }\n\n .MuiDataGrid-row {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n font-size: var(--redsift-typography-datagrid-row-font-size);\n font-weight: var(--redsift-typography-datagrid-row-font-weight);\n }\n\n .MuiDataGrid-columnHeaderTitle {\n font-family: var(--redsift-typography-datagrid-header-font-family);\n font-size: var(--redsift-typography-datagrid-header-font-size);\n font-weight: var(--redsift-typography-datagrid-header-font-weight);\n }\n\n .MuiDataGrid-columnHeaders {\n border-bottom-color: var(--redsift-color-default-primary);\n }\n\n .MuiDataGrid-columnSeparator {\n display: none;\n }\n\n .MuiTablePagination-root {\n .MuiTablePagination-selectLabel {\n font-family: var(--redsift-typography-datagrid-font-family);\n }\n .MuiTablePagination-displayedRows {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n\n .MuiInputBase-root {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n }\n\n .Mui-checked {\n color: var(--redsift-color-default-primary);\n }\n\n .MuiDataGrid-rowCount {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n\n .MuiTablePagination-displayedRows {\n font-family: var(--redsift-typography-datagrid-row-font-family);\n }\n`;\n","import styled from 'styled-components';\n\n/**\n * Component style.\n */\nexport const GridToolbarWrapper = styled.div`\n .MuiButtonBase-root-JobBs.MuiButton-root {\n svg {\n path {\n fill: var(--redsift-color-default-primary);\n }\n }\n }\n\n .MuiDataGrid-toolbarContainer {\n font-family: var(--redsift-typography-datagrid-font-family);\n\n button {\n font-family: var(--redsift-typography-datagrid-font-family);\n font-size: var(--redsift-typography-button-large-font-size);\n line-height: var(--redsift-typography-button-large-line-height);\n color: var(--redsift-color-default-primary);\n border-radius: 0px;\n padding: 6px 8px;\n\n .MuiButton-startIcon {\n margin-left: 0px;\n\n svg {\n color: var(--redsift-color-default-primary);\n }\n }\n }\n\n button:hover {\n background: var(--redsift-color-primary-outlined-hover);\n }\n }\n`;\n","import React from 'react';\nimport {\n GridToolbarContainer,\n GridToolbarColumnsButton,\n GridToolbarDensitySelector,\n GridToolbarFilterButton,\n GridToolbarExport,\n gridVisibleSortedRowIdsSelector,\n GridCsvGetRowsToExportParams,\n} from '@mui/x-data-grid-pro';\n\nimport { GridToolbarWrapper } from './styles';\n\nexport const Toolbar = () => {\n return (\n <GridToolbarWrapper>\n <GridToolbarContainer>\n <GridToolbarFilterButton />\n <GridToolbarColumnsButton />\n <GridToolbarDensitySelector />\n <GridToolbarExport\n csvOptions={{\n allColumns: true,\n fileName: 'csv',\n getRowsToExport: ({ apiRef }: GridCsvGetRowsToExportParams) =>\n gridVisibleSortedRowIdsSelector(apiRef),\n }}\n printOptions={{\n disableToolbarButton: true,\n }}\n />\n </GridToolbarContainer>\n </GridToolbarWrapper>\n );\n};\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { LicenseInfo } from '@mui/x-license-pro';\nimport { Comp, Icon } from '@redsift/design-system';\nimport { DataGridPro } from '@mui/x-data-grid-pro';\nimport {\n mdiChevronDown,\n mdiChevronUp,\n mdiChevronRight,\n mdiFilterVariant,\n} from '@redsift/icons';\n\nimport { StyledDataGrid } from './styles';\nimport { DataGridProps } from './types';\nimport { Toolbar } from '../Toolbar';\n\nconst COMPONENT_NAME = 'RedSiftDataGrid';\nconst CLASSNAME = 'redsift-data-grid';\nconst DEFAULT_PROPS: Partial<DataGridProps> = {\n license: process.env.MUI_LICENSE_KEY,\n $height: '500px',\n};\n\nconst ColumnSortedAscendingIcon = () => (\n <Icon icon={mdiChevronUp} size={'small'} />\n);\nconst ColumnSortedDescendingIcon = () => (\n <Icon icon={mdiChevronDown} size={'small'} />\n);\nconst DetailPanelExpandIcon = () => (\n <Icon icon={mdiChevronRight} size={'small'} />\n);\nconst DetailPanelCollapseIcon = () => (\n <Icon icon={mdiChevronDown} size={'small'} />\n);\nconst ColumnFilteredIcon = () => (\n <Icon icon={mdiFilterVariant} size={'small'} />\n);\n\nexport const DataGrid: Comp<DataGridProps, HTMLDivElement> = forwardRef(\n (props, ref) => {\n const datagridRef = ref || useRef<HTMLDivElement>();\n\n const { className, hideToolbar, license, $height, ...forwardedProps } =\n props;\n\n LicenseInfo.setLicenseKey(license);\n\n return (\n <StyledDataGrid\n ref={datagridRef as RefObject<HTMLDivElement>}\n className={classNames(DataGrid.className, className)}\n $height={$height}\n >\n <DataGridPro\n {...forwardedProps}\n components={{\n ColumnFilteredIcon,\n ColumnSortedAscendingIcon,\n ColumnSortedDescendingIcon,\n DetailPanelExpandIcon,\n DetailPanelCollapseIcon,\n OpenFilterButtonIcon: ColumnFilteredIcon,\n ...props.components,\n ...(!hideToolbar && { Toolbar }),\n }}\n />\n </StyledDataGrid>\n );\n }\n);\nDataGrid.className = CLASSNAME;\nDataGrid.defaultProps = DEFAULT_PROPS;\nDataGrid.displayName = COMPONENT_NAME;\n","import styled from 'styled-components';\n\nexport const StyledTextCell = styled.div`\n align-items: center;\n box-sizing: border-box;\n display: flex;\n gap: 8px;\n justify-content: flex-start;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nexport const StyledTextCellText = styled.div`\n box-sizing: border-box;\n line-height: normal;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { Icon, Shield } from '@redsift/design-system';\n\nimport { StyledTextCell, StyledTextCellText } from './styles';\nimport { TextCellProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftDataGridCell';\nconst CLASSNAME = 'redsift-datagrid-cell';\n\n/**\n * The Cell component.\n */\nexport const TextCell: Comp<TextCellProps, HTMLDivElement> = forwardRef(\n (props, ref) => {\n const textCellRef = ref || useRef<HTMLDivElement>();\n const {\n badge,\n children,\n className,\n leftIcon,\n leftIconColor,\n rightIcon,\n rightIconColor,\n shieldVariant,\n ...forwardedProps\n } = props;\n\n return (\n <StyledTextCell\n {...forwardedProps}\n className={classNames(TextCell.className, className)}\n ref={textCellRef as RefObject<HTMLDivElement>}\n >\n <>\n {shieldVariant ? <Shield variant={shieldVariant} /> : null}\n {leftIcon ? (\n <Icon\n icon={leftIcon}\n aria-hidden=\"true\"\n size=\"small\"\n color={leftIconColor}\n />\n ) : null}\n <StyledTextCellText>{children}</StyledTextCellText>\n {badge ? badge : null}\n {rightIcon ? (\n <Icon\n icon={rightIcon}\n aria-hidden=\"true\"\n size=\"small\"\n color={rightIconColor}\n />\n ) : null}\n </>\n </StyledTextCell>\n );\n }\n);\n\nTextCell.className = CLASSNAME;\nTextCell.displayName = COMPONENT_NAME;\n"],"names":["DETAIL_PANEL_TOGGLE_COL_DEF","GRID_DETAIL_PANEL_TOGGLE_COL_DEF","type","containsAnyOfOperator","label","value","getApplyFilterFn","filterItem","columnField","operatorValue","params","length","match","forEach","filteredValue","indexOf","InputComponent","GridFilterInputMultipleValue","CONTAINS_ANY_OF","endsWithAnyOfOperator","paramValues","Array","isArray","paramValue","endsWith","ENDS_WITH_ANY_OF","isAnyOfOperator","getGridStringOperators","filter","operator","IS_ANY_OF","startsWithAnyOfOperator","startsWith","STARTS_WITH_ANY_OF","getGridStringArrayOperators","StyledDataGrid","styled","div","$height","css","GridToolbarWrapper","Toolbar","allColumns","fileName","getRowsToExport","apiRef","gridVisibleSortedRowIdsSelector","disableToolbarButton","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","license","process","env","MUI_LICENSE_KEY","ColumnSortedAscendingIcon","mdiChevronUp","ColumnSortedDescendingIcon","mdiChevronDown","DetailPanelExpandIcon","mdiChevronRight","DetailPanelCollapseIcon","ColumnFilteredIcon","mdiFilterVariant","DataGrid","forwardRef","props","ref","datagridRef","useRef","className","hideToolbar","forwardedProps","_excluded","LicenseInfo","setLicenseKey","classNames","_objectSpread","OpenFilterButtonIcon","components","defaultProps","displayName","StyledTextCell","StyledTextCellText","TextCell","textCellRef","badge","children","leftIcon","leftIconColor","rightIcon","rightIconColor","shieldVariant"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -24,17 +24,18 @@
|
|
|
24
24
|
"check-types": "tsc && tsc-strict",
|
|
25
25
|
"lint": "eslint --ext .js,.jsx,.ts,.tsx src/",
|
|
26
26
|
"prepare": "install-peers || exit 0",
|
|
27
|
-
"prepublishOnly": "yarn build"
|
|
27
|
+
"prepublishOnly": "yarn build",
|
|
28
|
+
"test": "cp -f ../../.env ./ && NODE_ENV=test jest --verbose"
|
|
28
29
|
},
|
|
29
30
|
"types": "types.d.ts",
|
|
30
|
-
"version": "
|
|
31
|
+
"version": "7.0.0-alpha.0",
|
|
31
32
|
"dependencies": {
|
|
32
33
|
"@mui/material": "^5.8.0",
|
|
33
34
|
"@mui/styled-engine-sc": "^5.7.0",
|
|
34
35
|
"@mui/x-data-grid": "^5.11.1",
|
|
35
36
|
"@mui/x-data-grid-pro": "^5.17.10",
|
|
36
|
-
"@redsift/design-system": "^
|
|
37
|
-
"@redsift/icons": "^
|
|
37
|
+
"@redsift/design-system": "^7.0.0-alpha.0",
|
|
38
|
+
"@redsift/icons": "^7.0.0-alpha.0"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
40
41
|
"@babel/core": "^7.8.3",
|
|
@@ -90,5 +91,5 @@
|
|
|
90
91
|
"react-dom": "17 || 18",
|
|
91
92
|
"styled-components": "^5.3.3"
|
|
92
93
|
},
|
|
93
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "49c0e4c8f8dad94eed4101fb388c62c95c7f4d69"
|
|
94
95
|
}
|