@redsift/table 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

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 (214) hide show
  1. package/_internal/BaseComponents.js +3 -0
  2. package/_internal/BaseComponents.js.map +1 -0
  3. package/_internal/BasePopper.js +2448 -0
  4. package/_internal/BasePopper.js.map +1 -0
  5. package/_internal/BaseTextField.js +15 -0
  6. package/_internal/BaseTextField.js.map +1 -0
  7. package/_internal/ControlledPagination.js +10484 -0
  8. package/_internal/ControlledPagination.js.map +1 -0
  9. package/_internal/DataGrid.js +6 -0
  10. package/_internal/DataGrid.js.map +1 -0
  11. package/{components/DataGrid/DataGrid.d.ts → _internal/DataGrid2.js} +2 -2
  12. package/_internal/DataGrid2.js.map +1 -0
  13. package/_internal/GridToolbarFilterSemanticField.js +5 -0
  14. package/_internal/GridToolbarFilterSemanticField.js.map +1 -0
  15. package/{components/GridToolbarFilterSemanticField/GridToolbarFilterSemanticField.d.ts → _internal/GridToolbarFilterSemanticField2.js} +2 -2
  16. package/_internal/GridToolbarFilterSemanticField2.js.map +1 -0
  17. package/_internal/Pagination.js +7 -0
  18. package/_internal/Pagination.js.map +1 -0
  19. package/_internal/Portal.js +4363 -0
  20. package/_internal/Portal.js.map +1 -0
  21. package/{components/Pagination/ServerSideControlledPagination.d.ts → _internal/ServerSideControlledPagination.js} +19 -3
  22. package/_internal/StatefulDataGrid.js +6 -0
  23. package/_internal/StatefulDataGrid.js.map +1 -0
  24. package/{components/StatefulDataGrid/types.d.ts → _internal/StatefulDataGrid2.js} +5 -2
  25. package/_internal/StatefulDataGrid2.js.map +1 -0
  26. package/_internal/TextCell.js +3 -0
  27. package/_internal/TextCell.js.map +1 -0
  28. package/{components/TextCell/types.d.ts → _internal/TextCell2.js} +7 -2
  29. package/_internal/TextCell2.js.map +1 -0
  30. package/_internal/Toolbar.js +4 -0
  31. package/_internal/Toolbar.js.map +1 -0
  32. package/{components/Toolbar/types.d.ts → _internal/Toolbar2.js} +19 -3
  33. package/_internal/Toolbar2.js.map +1 -0
  34. package/_internal/ToolbarWrapper.js +6 -0
  35. package/_internal/ToolbarWrapper.js.map +1 -0
  36. package/{components/ToolbarWrapper/ToolbarWrapper.d.ts → _internal/ToolbarWrapper2.js} +2 -2
  37. package/_internal/ToolbarWrapper2.js.map +1 -0
  38. package/{_virtual → _internal}/_rollupPluginBabelHelpers.js +1 -1
  39. package/_internal/jsx-runtime.js +1342 -0
  40. package/_internal/jsx-runtime.js.map +1 -0
  41. package/{components/DataGrid/types.d.ts → _internal/types.js} +1 -2
  42. package/{components/GridToolbarFilterSemanticField/types.d.ts → _internal/types2.js} +1 -1
  43. package/_internal/useControlledDatagridState.js +2175 -0
  44. package/_internal/useControlledDatagridState.js.map +1 -0
  45. package/index.js +406 -38
  46. package/index.js.map +1 -1
  47. package/package.json +2 -2
  48. package/_virtual/_commonjsHelpers.js +0 -6
  49. package/_virtual/_commonjsHelpers.js.map +0 -1
  50. package/_virtual/index.js +0 -4
  51. package/_virtual/index.js.map +0 -1
  52. package/_virtual/index2.js +0 -4
  53. package/_virtual/index2.js.map +0 -1
  54. package/_virtual/index3.js +0 -4
  55. package/_virtual/index3.js.map +0 -1
  56. package/_virtual/jsx-runtime.js +0 -4
  57. package/_virtual/jsx-runtime.js.map +0 -1
  58. package/_virtual/react-is.development.js +0 -4
  59. package/_virtual/react-is.development.js.map +0 -1
  60. package/_virtual/react-is.development2.js +0 -4
  61. package/_virtual/react-is.development2.js.map +0 -1
  62. package/_virtual/react-is.production.min.js +0 -4
  63. package/_virtual/react-is.production.min.js.map +0 -1
  64. package/_virtual/react-is.production.min2.js +0 -4
  65. package/_virtual/react-is.production.min2.js.map +0 -1
  66. package/_virtual/react-jsx-runtime.development.js +0 -4
  67. package/_virtual/react-jsx-runtime.development.js.map +0 -1
  68. package/_virtual/react-jsx-runtime.production.min.js +0 -4
  69. package/_virtual/react-jsx-runtime.production.min.js.map +0 -1
  70. package/components/BaseComponents/BaseButton.d.ts +0 -5
  71. package/components/BaseComponents/BaseButton.js +0 -41
  72. package/components/BaseComponents/BaseButton.js.map +0 -1
  73. package/components/BaseComponents/BaseCheckbox.d.ts +0 -5
  74. package/components/BaseComponents/BaseCheckbox.js +0 -24
  75. package/components/BaseComponents/BaseCheckbox.js.map +0 -1
  76. package/components/BaseComponents/BaseIcon.d.ts +0 -7
  77. package/components/BaseComponents/BaseIcon.js +0 -33
  78. package/components/BaseComponents/BaseIcon.js.map +0 -1
  79. package/components/BaseComponents/BasePopper.d.ts +0 -5
  80. package/components/BaseComponents/BasePopper.js +0 -13
  81. package/components/BaseComponents/BasePopper.js.map +0 -1
  82. package/components/BaseComponents/BaseTextField.d.ts +0 -5
  83. package/components/BaseComponents/BaseTextField.js +0 -26
  84. package/components/BaseComponents/BaseTextField.js.map +0 -1
  85. package/components/DataGrid/DataGrid.js +0 -340
  86. package/components/DataGrid/DataGrid.js.map +0 -1
  87. package/components/DataGrid/styles.js +0 -74
  88. package/components/DataGrid/styles.js.map +0 -1
  89. package/components/GridToolbarFilterSemanticField/GridToolbarFilterSemanticField.js +0 -183
  90. package/components/GridToolbarFilterSemanticField/GridToolbarFilterSemanticField.js.map +0 -1
  91. package/components/GridToolbarFilterSemanticField/styles.js +0 -20
  92. package/components/GridToolbarFilterSemanticField/styles.js.map +0 -1
  93. package/components/Pagination/ControlledPagination.d.ts +0 -21
  94. package/components/Pagination/ControlledPagination.js +0 -74
  95. package/components/Pagination/ControlledPagination.js.map +0 -1
  96. package/components/Pagination/ServerSideControlledPagination.js +0 -102
  97. package/components/Pagination/ServerSideControlledPagination.js.map +0 -1
  98. package/components/StatefulDataGrid/StatefulDataGrid.d.ts +0 -6
  99. package/components/StatefulDataGrid/StatefulDataGrid.js +0 -373
  100. package/components/StatefulDataGrid/StatefulDataGrid.js.map +0 -1
  101. package/components/TextCell/TextCell.d.ts +0 -9
  102. package/components/TextCell/TextCell.js +0 -48
  103. package/components/TextCell/TextCell.js.map +0 -1
  104. package/components/TextCell/styles.js +0 -22
  105. package/components/TextCell/styles.js.map +0 -1
  106. package/components/Toolbar/Toolbar.d.ts +0 -20
  107. package/components/Toolbar/Toolbar.js +0 -72
  108. package/components/Toolbar/Toolbar.js.map +0 -1
  109. package/components/Toolbar/styles.js +0 -17
  110. package/components/Toolbar/styles.js.map +0 -1
  111. package/components/ToolbarWrapper/ToolbarWrapper.js +0 -60
  112. package/components/ToolbarWrapper/ToolbarWrapper.js.map +0 -1
  113. package/hooks/useControlledDatagridState.js +0 -109
  114. package/hooks/useControlledDatagridState.js.map +0 -1
  115. package/hooks/useFetchState.js +0 -34
  116. package/hooks/useFetchState.js.map +0 -1
  117. package/hooks/useStatefulTable.d.ts +0 -12
  118. package/hooks/useStatefulTable.js +0 -182
  119. package/hooks/useStatefulTable.js.map +0 -1
  120. package/hooks/useTableStates.js +0 -52
  121. package/hooks/useTableStates.js.map +0 -1
  122. package/index.d.ts +0 -40
  123. package/packages/design-system/src/components/theme/context.js +0 -7
  124. package/packages/design-system/src/components/theme/context.js.map +0 -1
  125. package/packages/popovers/src/components/tooltip/Tooltip.js +0 -60
  126. package/packages/popovers/src/components/tooltip/Tooltip.js.map +0 -1
  127. package/packages/popovers/src/components/tooltip/context.js +0 -6
  128. package/packages/popovers/src/components/tooltip/context.js.map +0 -1
  129. package/packages/popovers/src/components/tooltip/types.js +0 -28
  130. package/packages/popovers/src/components/tooltip/types.js.map +0 -1
  131. package/packages/popovers/src/components/tooltip/useTooltip.js +0 -78
  132. package/packages/popovers/src/components/tooltip/useTooltip.js.map +0 -1
  133. package/packages/popovers/src/components/tooltip/useTooltipContext.js +0 -13
  134. package/packages/popovers/src/components/tooltip/useTooltipContext.js.map +0 -1
  135. package/packages/popovers/src/components/tooltip-content/TooltipContent.js +0 -79
  136. package/packages/popovers/src/components/tooltip-content/TooltipContent.js.map +0 -1
  137. package/packages/popovers/src/components/tooltip-content/styles.js +0 -127
  138. package/packages/popovers/src/components/tooltip-content/styles.js.map +0 -1
  139. package/packages/popovers/src/components/tooltip-trigger/TooltipTrigger.js +0 -47
  140. package/packages/popovers/src/components/tooltip-trigger/TooltipTrigger.js.map +0 -1
  141. package/utils/columnTypes/index.d.ts +0 -78
  142. package/utils/columnTypes/index.js +0 -49
  143. package/utils/columnTypes/index.js.map +0 -1
  144. package/utils/columns/detailPanelToggleColDef.d.ts +0 -5
  145. package/utils/columns/detailPanelToggleColDef.js +0 -8
  146. package/utils/columns/detailPanelToggleColDef.js.map +0 -1
  147. package/utils/fields/InputNumberInterval.js +0 -85
  148. package/utils/fields/InputNumberInterval.js.map +0 -1
  149. package/utils/gpt.d.ts +0 -3
  150. package/utils/gpt.js +0 -33
  151. package/utils/gpt.js.map +0 -1
  152. package/utils/localStorage.d.ts +0 -17
  153. package/utils/localStorage.js +0 -59
  154. package/utils/localStorage.js.map +0 -1
  155. package/utils/operators/index.d.ts +0 -68
  156. package/utils/operators/index.js +0 -52
  157. package/utils/operators/index.js.map +0 -1
  158. package/utils/operators/numeric/getGridNumericOperators.d.ts +0 -5
  159. package/utils/operators/numeric/getGridNumericOperators.js +0 -7
  160. package/utils/operators/numeric/getGridNumericOperators.js.map +0 -1
  161. package/utils/operators/numeric/isBetween.d.ts +0 -10
  162. package/utils/operators/numeric/isBetween.js +0 -28
  163. package/utils/operators/numeric/isBetween.js.map +0 -1
  164. package/utils/operators/string/doesNotContain.d.ts +0 -10
  165. package/utils/operators/string/doesNotContain.js +0 -25
  166. package/utils/operators/string/doesNotContain.js.map +0 -1
  167. package/utils/operators/string/doesNotEqual.d.ts +0 -10
  168. package/utils/operators/string/doesNotEqual.js +0 -25
  169. package/utils/operators/string/doesNotEqual.js.map +0 -1
  170. package/utils/operators/string/doesNotHave.d.ts +0 -16
  171. package/utils/operators/string/doesNotHave.js +0 -24
  172. package/utils/operators/string/doesNotHave.js.map +0 -1
  173. package/utils/operators/string/getGridStringOperators.d.ts +0 -5
  174. package/utils/operators/string/getGridStringOperators.js +0 -9
  175. package/utils/operators/string/getGridStringOperators.js.map +0 -1
  176. package/utils/operators/string/has.d.ts +0 -16
  177. package/utils/operators/string/has.js +0 -24
  178. package/utils/operators/string/has.js.map +0 -1
  179. package/utils/operators/string/hasOnly.d.ts +0 -16
  180. package/utils/operators/string/hasOnly.js +0 -24
  181. package/utils/operators/string/hasOnly.js.map +0 -1
  182. package/utils/operators/string/is.d.ts +0 -16
  183. package/utils/operators/string/is.js +0 -26
  184. package/utils/operators/string/is.js.map +0 -1
  185. package/utils/operators/string/isNot.d.ts +0 -16
  186. package/utils/operators/string/isNot.js +0 -26
  187. package/utils/operators/string/isNot.js.map +0 -1
  188. package/utils/operators/string-array/containsAnyOf.d.ts +0 -16
  189. package/utils/operators/string-array/containsAnyOf.js +0 -56
  190. package/utils/operators/string-array/containsAnyOf.js.map +0 -1
  191. package/utils/operators/string-array/doesNotHaveAnyOf.js +0 -26
  192. package/utils/operators/string-array/doesNotHaveAnyOf.js.map +0 -1
  193. package/utils/operators/string-array/endsWithAnyOf.d.ts +0 -10
  194. package/utils/operators/string-array/endsWithAnyOf.js +0 -31
  195. package/utils/operators/string-array/endsWithAnyOf.js.map +0 -1
  196. package/utils/operators/string-array/getGridStringArrayOperators.d.ts +0 -7
  197. package/utils/operators/string-array/getGridStringArrayOperators.js +0 -19
  198. package/utils/operators/string-array/getGridStringArrayOperators.js.map +0 -1
  199. package/utils/operators/string-array/hasAnyOf.d.ts +0 -16
  200. package/utils/operators/string-array/hasAnyOf.js +0 -28
  201. package/utils/operators/string-array/hasAnyOf.js.map +0 -1
  202. package/utils/operators/string-array/isAnyOf.d.ts +0 -16
  203. package/utils/operators/string-array/isAnyOf.js +0 -32
  204. package/utils/operators/string-array/isAnyOf.js.map +0 -1
  205. package/utils/operators/string-array/isNotAnyOf.d.ts +0 -10
  206. package/utils/operators/string-array/isNotAnyOf.js +0 -28
  207. package/utils/operators/string-array/isNotAnyOf.js.map +0 -1
  208. package/utils/operators/string-array/startsWithAnyOf.d.ts +0 -10
  209. package/utils/operators/string-array/startsWithAnyOf.js +0 -31
  210. package/utils/operators/string-array/startsWithAnyOf.js.map +0 -1
  211. package/utils/urlLocalStorageSync.d.ts +0 -73
  212. package/utils/urlLocalStorageSync.js +0 -756
  213. package/utils/urlLocalStorageSync.js.map +0 -1
  214. /package/{_virtual → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseButton.js","sources":["../../../src/components/BaseComponents/BaseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonsColorPalette, IconButton } from '@redsift/design-system';\n\nexport const BaseButton: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n const { children, color: propsColor, onClick, startIcon, ...forwardedProps } = props;\n\n const color = Object.keys(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';\n\n if (props.className?.includes('redsift-condensed')) {\n return (\n <IconButton\n {...forwardedProps}\n color={color}\n onClick={onClick}\n ref={ref}\n variant=\"unstyled\"\n isActive={props['aria-expanded'] === 'true'}\n icon={typeof startIcon !== 'string' ? React.cloneElement(startIcon, { fontSize: 'medium' }) : startIcon}\n aria-label={children}\n size=\"medium\"\n />\n );\n }\n\n return (\n <Button\n {...forwardedProps}\n color={color}\n onClick={onClick}\n ref={ref}\n variant=\"unstyled\"\n isActive={props['aria-expanded'] === 'true'}\n leftIcon={startIcon}\n >\n {children}\n </Button>\n );\n});\n"],"names":["BaseButton","forwardRef","props","ref","_props$className","children","color","propsColor","onClick","startIcon","forwardedProps","_objectWithoutProperties","_excluded","Object","keys","ButtonsColorPalette","includes","className","React","createElement","IconButton","_extends","variant","isActive","icon","cloneElement","fontSize","size","Button","leftIcon"],"mappings":";;;;;AAGO,MAAMA,UAA4C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAAA,EAAA,IAAAC,gBAAA,CAAA;EACrF,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,KAAK,EAAEC,UAAU;MAAEC,OAAO;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAEpF,EAAA,MAAMN,KAAK,GAAGO,MAAM,CAACC,IAAI,CAACC,mBAAmB,CAAC,CAACC,QAAQ,CAACT,UAAU,CAAC,GAAGA,UAAU,GAAG,SAAS,CAAA;AAE5F,EAAA,IAAA,CAAAH,gBAAA,GAAIF,KAAK,CAACe,SAAS,MAAAb,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,IAAAA,gBAAA,CAAiBY,QAAQ,CAAC,mBAAmB,CAAC,EAAE;IAClD,oBACEE,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,KACLX,cAAc,EAAA;AAClBJ,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,OAAO,EAAEA,OAAQ;AACjBL,MAAAA,GAAG,EAAEA,GAAI;AACTmB,MAAAA,OAAO,EAAC,UAAU;AAClBC,MAAAA,QAAQ,EAAErB,KAAK,CAAC,eAAe,CAAC,KAAK,MAAO;MAC5CsB,IAAI,EAAE,OAAOf,SAAS,KAAK,QAAQ,gBAAGS,cAAK,CAACO,YAAY,CAAChB,SAAS,EAAE;AAAEiB,QAAAA,QAAQ,EAAE,QAAA;OAAU,CAAC,GAAGjB,SAAU;AACxG,MAAA,YAAA,EAAYJ,QAAS;AACrBsB,MAAAA,IAAI,EAAC,QAAA;AAAQ,KAAA,CACd,CAAC,CAAA;AAEN,GAAA;EAEA,oBACET,cAAA,CAAAC,aAAA,CAACS,MAAM,EAAAP,QAAA,KACDX,cAAc,EAAA;AAClBJ,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,OAAO,EAAEA,OAAQ;AACjBL,IAAAA,GAAG,EAAEA,GAAI;AACTmB,IAAAA,OAAO,EAAC,UAAU;AAClBC,IAAAA,QAAQ,EAAErB,KAAK,CAAC,eAAe,CAAC,KAAK,MAAO;AAC5C2B,IAAAA,QAAQ,EAAEpB,SAAAA;AAAU,GAAA,CAAA,EAEnBJ,QACK,CAAC,CAAA;AAEb,CAAC;;;;"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
-
3
- declare const BaseCheckbox: React.JSXElementConstructor<any>;
4
-
5
- export { BaseCheckbox };
@@ -1,24 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React__default, { forwardRef } from 'react';
3
- import { Checkbox } from '@redsift/design-system';
4
-
5
- const _excluded = ["checked", "indeterminate", "disabled", "onChange"];
6
- const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
7
- const {
8
- checked,
9
- indeterminate,
10
- disabled,
11
- onChange
12
- } = props,
13
- forwardedProps = _objectWithoutProperties(props, _excluded);
14
- return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, forwardedProps, forwardedProps.inputProps, {
15
- isSelected: checked && !indeterminate,
16
- isDisabled: disabled,
17
- isIndeterminate: indeterminate,
18
- ref: ref,
19
- onChange: (isChecked, value, name, event) => onChange(event)
20
- }));
21
- });
22
-
23
- export { BaseCheckbox };
24
- //# sourceMappingURL=BaseCheckbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseCheckbox.js","sources":["../../../src/components/BaseComponents/BaseCheckbox.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport { Checkbox } from '@redsift/design-system';\n\nexport const BaseCheckbox: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n const { checked, indeterminate, disabled, onChange, ...forwardedProps } = props;\n\n return (\n <Checkbox\n {...forwardedProps}\n {...forwardedProps.inputProps}\n isSelected={checked && !indeterminate}\n isDisabled={disabled}\n isIndeterminate={indeterminate}\n ref={ref as MutableRefObject<HTMLLabelElement>}\n onChange={(isChecked, value, name, event) => onChange(event)}\n />\n );\n});\n"],"names":["BaseCheckbox","forwardRef","props","ref","checked","indeterminate","disabled","onChange","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Checkbox","_extends","inputProps","isSelected","isDisabled","isIndeterminate","isChecked","value","name","event"],"mappings":";;;;;AAGO,MAAMA,YAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAEC,OAAO;MAAEC,aAAa;MAAEC,QAAQ;AAAEC,MAAAA,QAAAA;AAA4B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAE/E,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA,EAAA,EACHN,cAAc,EACdA,cAAc,CAACO,UAAU,EAAA;AAC7BC,IAAAA,UAAU,EAAEZ,OAAO,IAAI,CAACC,aAAc;AACtCY,IAAAA,UAAU,EAAEX,QAAS;AACrBY,IAAAA,eAAe,EAAEb,aAAc;AAC/BF,IAAAA,GAAG,EAAEA,GAA0C;AAC/CI,IAAAA,QAAQ,EAAEA,CAACY,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,KAAKf,QAAQ,CAACe,KAAK,CAAA;AAAE,GAAA,CAC9D,CAAC,CAAA;AAEN,CAAC;;;;"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { GridSlotsComponent } from '@mui/x-data-grid-pro';
3
-
4
- declare const muiIconToDSIcon: Partial<Record<keyof GridSlotsComponent, string>>;
5
- declare const BaseIcon: React.JSXElementConstructor<any>;
6
-
7
- export { BaseIcon, muiIconToDSIcon };
@@ -1,33 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React__default, { forwardRef } from 'react';
3
- import { Icon } from '@redsift/design-system';
4
- import { mdiFilterVariant, mdiViewColumn, mdiChevronUp, mdiChevronDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
5
-
6
- const _excluded = ["displayName"];
7
- const muiIconToDSIcon = {
8
- ColumnFilteredIcon: mdiFilterVariant,
9
- ColumnSelectorIcon: mdiViewColumn,
10
- ColumnSortedAscendingIcon: mdiChevronUp,
11
- ColumnSortedDescendingIcon: mdiChevronDown,
12
- DensityCompactIcon: mdiViewHeadline,
13
- DensityStandardIcon: mdiViewSequential,
14
- DensityComfortableIcon: mdiViewStream,
15
- DetailPanelCollapseIcon: mdiChevronDown,
16
- DetailPanelExpandIcon: mdiChevronRight,
17
- ExportIcon: mdiTrayArrowDown,
18
- OpenFilterButtonIcon: mdiFilterVariant
19
- };
20
- const BaseIcon = /*#__PURE__*/forwardRef((props, ref) => {
21
- const {
22
- displayName
23
- } = props,
24
- forwardedProps = _objectWithoutProperties(props, _excluded);
25
- return /*#__PURE__*/React__default.createElement(Icon, _extends({}, forwardedProps, forwardedProps.inputProps, {
26
- ref: ref,
27
- size: forwardedProps.fontSize,
28
- icon: muiIconToDSIcon[displayName]
29
- }));
30
- });
31
-
32
- export { BaseIcon, muiIconToDSIcon };
33
- //# sourceMappingURL=BaseIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseIcon.js","sources":["../../../src/components/BaseComponents/BaseIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Icon } from '@redsift/design-system';\nimport {\n mdiChevronDown,\n mdiChevronRight,\n mdiChevronUp,\n mdiFilterVariant,\n mdiTrayArrowDown,\n mdiViewColumn,\n mdiViewHeadline,\n mdiViewSequential,\n mdiViewStream,\n} from '@redsift/icons';\nimport { GridSlotsComponent } from '@mui/x-data-grid-pro';\n\nexport const muiIconToDSIcon: Partial<Record<keyof GridSlotsComponent, string>> = {\n ColumnFilteredIcon: mdiFilterVariant,\n ColumnSelectorIcon: mdiViewColumn,\n ColumnSortedAscendingIcon: mdiChevronUp,\n ColumnSortedDescendingIcon: mdiChevronDown,\n DensityCompactIcon: mdiViewHeadline,\n DensityStandardIcon: mdiViewSequential,\n DensityComfortableIcon: mdiViewStream,\n DetailPanelCollapseIcon: mdiChevronDown,\n DetailPanelExpandIcon: mdiChevronRight,\n ExportIcon: mdiTrayArrowDown,\n OpenFilterButtonIcon: mdiFilterVariant,\n};\n\nexport const BaseIcon: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n const { displayName, ...forwardedProps } = props;\n\n return (\n <Icon\n {...forwardedProps}\n {...forwardedProps.inputProps}\n ref={ref}\n size={forwardedProps.fontSize}\n icon={muiIconToDSIcon[displayName as keyof GridSlotsComponent]}\n />\n );\n});\n"],"names":["muiIconToDSIcon","ColumnFilteredIcon","mdiFilterVariant","ColumnSelectorIcon","mdiViewColumn","ColumnSortedAscendingIcon","mdiChevronUp","ColumnSortedDescendingIcon","mdiChevronDown","DensityCompactIcon","mdiViewHeadline","DensityStandardIcon","mdiViewSequential","DensityComfortableIcon","mdiViewStream","DetailPanelCollapseIcon","DetailPanelExpandIcon","mdiChevronRight","ExportIcon","mdiTrayArrowDown","OpenFilterButtonIcon","BaseIcon","forwardRef","props","ref","displayName","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Icon","_extends","inputProps","size","fontSize","icon"],"mappings":";;;;;;AAeO,MAAMA,eAAkE,GAAG;AAChFC,EAAAA,kBAAkB,EAAEC,gBAAgB;AACpCC,EAAAA,kBAAkB,EAAEC,aAAa;AACjCC,EAAAA,yBAAyB,EAAEC,YAAY;AACvCC,EAAAA,0BAA0B,EAAEC,cAAc;AAC1CC,EAAAA,kBAAkB,EAAEC,eAAe;AACnCC,EAAAA,mBAAmB,EAAEC,iBAAiB;AACtCC,EAAAA,sBAAsB,EAAEC,aAAa;AACrCC,EAAAA,uBAAuB,EAAEP,cAAc;AACvCQ,EAAAA,qBAAqB,EAAEC,eAAe;AACtCC,EAAAA,UAAU,EAAEC,gBAAgB;AAC5BC,EAAAA,oBAAoB,EAAElB,gBAAAA;AACxB,EAAC;AAEM,MAAMmB,QAA0C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;AAAEC,MAAAA,WAAAA;AAA+B,KAAC,GAAGF,KAAK;AAAxBG,IAAAA,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEhD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA,EAAA,EACCN,cAAc,EACdA,cAAc,CAACO,UAAU,EAAA;AAC7BT,IAAAA,GAAG,EAAEA,GAAI;IACTU,IAAI,EAAER,cAAc,CAACS,QAAS;IAC9BC,IAAI,EAAEpC,eAAe,CAACyB,WAAW,CAAA;AAA8B,GAAA,CAChE,CAAC,CAAA;AAEN,CAAC;;;;"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
-
3
- declare const BasePopper: React.JSXElementConstructor<any>;
4
-
5
- export { BasePopper };
@@ -1,13 +0,0 @@
1
- import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React__default, { forwardRef } from 'react';
3
- import Popper from '../../node_modules/@mui/material/Popper/Popper.js';
4
-
5
- const BasePopper = /*#__PURE__*/forwardRef((props, ref) => {
6
- return /*#__PURE__*/React__default.createElement(Popper, _extends({}, props, {
7
- ref: ref,
8
- container: () => document.getElementById('redsift-app-container')
9
- }));
10
- });
11
-
12
- export { BasePopper };
13
- //# sourceMappingURL=BasePopper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BasePopper.js","sources":["../../../src/components/BaseComponents/BasePopper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Popper from '@mui/material/Popper';\n\nexport const BasePopper: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n return <Popper {...props} ref={ref} container={() => document.getElementById('redsift-app-container')} />;\n});\n"],"names":["BasePopper","forwardRef","props","ref","React","createElement","Popper","_extends","container","document","getElementById"],"mappings":";;;;AAGO,MAAMA,UAA4C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrF,oBAAOC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,KAAKL,KAAK,EAAA;AAAEC,IAAAA,GAAG,EAAEA,GAAI;AAACK,IAAAA,SAAS,EAAEA,MAAMC,QAAQ,CAACC,cAAc,CAAC,uBAAuB,CAAA;AAAE,GAAA,CAAE,CAAC,CAAA;AAC3G,CAAC;;;;"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
-
3
- declare const BaseTextField: React.JSXElementConstructor<any>;
4
-
5
- export { BaseTextField };
@@ -1,26 +0,0 @@
1
- import React__default, { forwardRef } from 'react';
2
- import { TextField } from '@redsift/design-system';
3
-
4
- const BaseTextField = /*#__PURE__*/forwardRef((props, ref) => {
5
- const {
6
- label,
7
- id,
8
- value,
9
- onChange,
10
- placeholder
11
- } = props;
12
- return /*#__PURE__*/React__default.createElement(TextField, {
13
- marginTop: "6px",
14
- inputRef: ref,
15
- label: label,
16
- id: id,
17
- value: value,
18
- variant: "underline",
19
- onChange: (value, name, event) => onChange(event),
20
- autoFocus: true,
21
- placeholder: placeholder
22
- });
23
- });
24
-
25
- export { BaseTextField };
26
- //# sourceMappingURL=BaseTextField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseTextField.js","sources":["../../../src/components/BaseComponents/BaseTextField.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport { TextField } from '@redsift/design-system';\n\nexport const BaseTextField: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n const { label, id, value, onChange, placeholder } = props;\n return (\n <TextField\n marginTop=\"6px\"\n inputRef={ref as MutableRefObject<HTMLInputElement>}\n label={label}\n id={id}\n value={value}\n variant=\"underline\"\n onChange={(value, name, event) => onChange(event)}\n autoFocus\n placeholder={placeholder}\n />\n );\n});\n"],"names":["BaseTextField","forwardRef","props","ref","label","id","value","onChange","placeholder","React","createElement","TextField","marginTop","inputRef","variant","name","event","autoFocus"],"mappings":";;;AAGO,MAAMA,aAA+C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,KAAK;IAAEC,EAAE;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAGN,KAAK,CAAA;AACzD,EAAA,oBACEO,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AACRC,IAAAA,SAAS,EAAC,KAAK;AACfC,IAAAA,QAAQ,EAAEV,GAA0C;AACpDC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,EAAE,EAAEA,EAAG;AACPC,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,OAAO,EAAC,WAAW;IACnBP,QAAQ,EAAEA,CAACD,KAAK,EAAES,IAAI,EAAEC,KAAK,KAAKT,QAAQ,CAACS,KAAK,CAAE;IAClDC,SAAS,EAAA,IAAA;AACTT,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC1B,CAAC,CAAA;AAEN,CAAC;;;;"}
@@ -1,340 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React__default, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
3
- import classNames from 'classnames';
4
- import { useTheme, ThemeProvider, RedsiftColorBlueN, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralWhite } from '@redsift/design-system';
5
- import { useGridApiRef, DataGridPro, gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
6
- import { StyledDataGrid } from './styles.js';
7
- import { customColumnTypes } from '../../utils/columnTypes/index.js';
8
- import { useControlledDatagridState } from '../../hooks/useControlledDatagridState.js';
9
- import { Toolbar } from '../Toolbar/Toolbar.js';
10
- import { LicenseInfo } from '../../node_modules/@mui/x-license-pro/utils/licenseInfo.js';
11
- import { onServerSideSelectionStatusChange, ServerSideControlledPagination } from '../Pagination/ServerSideControlledPagination.js';
12
- import createTheme from '../../node_modules/@mui/material/styles/createTheme.js';
13
- import ThemeProvider$1 from '../../node_modules/@mui/material/styles/ThemeProvider.js';
14
- import { BaseButton } from '../BaseComponents/BaseButton.js';
15
- import { BaseCheckbox } from '../BaseComponents/BaseCheckbox.js';
16
- import { BasePopper } from '../BaseComponents/BasePopper.js';
17
- import { BaseIcon } from '../BaseComponents/BaseIcon.js';
18
- import { ToolbarWrapper } from '../ToolbarWrapper/ToolbarWrapper.js';
19
- import { ControlledPagination } from '../Pagination/ControlledPagination.js';
20
-
21
- const _excluded = ["apiRef", "autoHeight", "className", "columnTypes", "components", "componentsProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "selectionModel", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "paginationMode", "rowCount"];
22
- const COMPONENT_NAME = 'DataGrid';
23
- const CLASSNAME = 'redsift-datagrid';
24
- const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
25
- const datagridRef = ref || useRef();
26
- const {
27
- apiRef: propsApiRef,
28
- autoHeight,
29
- className,
30
- columnTypes: propsColumnTypes,
31
- components,
32
- componentsProps,
33
- filterModel: propsFilterModel,
34
- columnVisibilityModel: propsColumnVisibilityModel,
35
- pinnedColumns: propsPinnedColumns,
36
- sortModel: propsSortModel,
37
- height: propsHeight,
38
- hideToolbar,
39
- initialState,
40
- isRowSelectable,
41
- license = process.env.MUI_LICENSE_KEY,
42
- onFilterModelChange: propsOnFilterModelChange,
43
- onPageChange: propsOnPageChange,
44
- onPageSizeChange: propsOnPageSizeChange,
45
- onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,
46
- onPinnedColumnsChange: propsOnPinnedColumnsChange,
47
- onSortModelChange: propsOnSortModelChange,
48
- selectionModel: propsSelectionModel,
49
- onSelectionModelChange: propsOnSelectionModelChange,
50
- page: propsPage,
51
- pageSize: propsPageSize,
52
- pagination,
53
- paginationPlacement = 'both',
54
- paginationProps,
55
- rows,
56
- rowsPerPageOptions,
57
- sx,
58
- theme: propsTheme,
59
- paginationMode = 'client',
60
- rowCount
61
- } = props,
62
- forwardedProps = _objectWithoutProperties(props, _excluded);
63
- const theme = useTheme(propsTheme);
64
- const _apiRef = useGridApiRef();
65
- const apiRef = propsApiRef !== null && propsApiRef !== void 0 ? propsApiRef : _apiRef;
66
- const RenderedToolbar = components !== null && components !== void 0 && components.Toolbar ? components.Toolbar : Toolbar;
67
- LicenseInfo.setLicenseKey(license);
68
- const height = propsHeight !== null && propsHeight !== void 0 ? propsHeight : autoHeight ? undefined : '500px';
69
- const {
70
- columnVisibilityModel,
71
- filterModel,
72
- onColumnVisibilityModelChange,
73
- onFilterModelChange,
74
- onPageChange,
75
- onPageSizeChange,
76
- onPinnedColumnsChange,
77
- onSortModelChange,
78
- page,
79
- pageSize,
80
- pinnedColumns,
81
- sortModel
82
- } = useControlledDatagridState({
83
- initialState,
84
- rowsPerPageOptions,
85
- propsColumnVisibilityModel,
86
- propsFilterModel,
87
- propsOnColumnVisibilityModelChange,
88
- propsOnFilterModelChange,
89
- propsOnPinnedColumnsChange,
90
- propsOnSortModelChange,
91
- propsPage,
92
- propsPageSize,
93
- propsPinnedColumns,
94
- propsSortModel,
95
- propsOnPageChange,
96
- propsOnPageSizeChange
97
- });
98
- const [selectionModel, setSelectionModel] = useState(propsSelectionModel !== null && propsSelectionModel !== void 0 ? propsSelectionModel : []);
99
- useEffect(() => {
100
- setSelectionModel(propsSelectionModel !== null && propsSelectionModel !== void 0 ? propsSelectionModel : []);
101
- }, [propsSelectionModel]);
102
- const onSelectionModelChange = (selectionModel, details) => {
103
- if (propsOnSelectionModelChange) {
104
- propsOnSelectionModelChange(selectionModel, details);
105
- } else {
106
- setSelectionModel(selectionModel);
107
- }
108
- };
109
- const selectionStatus = useRef({
110
- type: 'none',
111
- numberOfSelectedRows: 0,
112
- numberOfSelectedRowsInPage: 0,
113
- page,
114
- pageSize
115
- });
116
-
117
- // in server-side pagination we want to update the selection status
118
- // every time we navigate between pages, resize our page or select something
119
- useEffect(() => {
120
- if (paginationMode == 'server') {
121
- onServerSideSelectionStatusChange(Array.isArray(selectionModel) ? selectionModel : [selectionModel], apiRef, selectionStatus, isRowSelectable, page, pageSize);
122
- }
123
- }, [selectionModel, page, pageSize]);
124
- if (!Array.isArray(rows)) {
125
- return null;
126
- }
127
- const muiTheme = useMemo(() => createTheme({
128
- palette: {
129
- mode: theme,
130
- primary: {
131
- main: RedsiftColorBlueN
132
- },
133
- background: {
134
- default: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,
135
- paper: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite
136
- }
137
- }
138
- }), [theme]);
139
- return /*#__PURE__*/React__default.createElement(ThemeProvider, {
140
- value: {
141
- theme
142
- }
143
- }, /*#__PURE__*/React__default.createElement(ThemeProvider$1, {
144
- theme: muiTheme
145
- }, /*#__PURE__*/React__default.createElement(StyledDataGrid, {
146
- ref: datagridRef,
147
- className: classNames(DataGrid.className, className),
148
- $height: height
149
- }, /*#__PURE__*/React__default.createElement(DataGridPro, _extends({}, forwardedProps, {
150
- rowCount: rowCount,
151
- apiRef: apiRef,
152
- autoHeight: autoHeight,
153
- checkboxSelectionVisibleOnly: Boolean(pagination),
154
- columnTypes: _objectSpread2(_objectSpread2({}, customColumnTypes), propsColumnTypes),
155
- components: _objectSpread2(_objectSpread2({
156
- BaseButton,
157
- BaseCheckbox,
158
- // BaseTextField,
159
- BasePopper,
160
- ColumnFilteredIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
161
- displayName: "ColumnFilteredIcon"
162
- })),
163
- ColumnSelectorIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
164
- displayName: "ColumnSelectorIcon"
165
- })),
166
- ColumnSortedAscendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
167
- displayName: "ColumnSortedAscendingIcon"
168
- })),
169
- ColumnSortedDescendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
170
- displayName: "ColumnSortedDescendingIcon"
171
- })),
172
- DensityCompactIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
173
- displayName: "DensityCompactIcon"
174
- })),
175
- DensityStandardIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
176
- displayName: "DensityStandardIcon"
177
- })),
178
- DensityComfortableIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
179
- displayName: "DensityComfortableIcon"
180
- })),
181
- DetailPanelCollapseIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
182
- displayName: "DetailPanelCollapseIcon"
183
- })),
184
- DetailPanelExpandIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
185
- displayName: "DetailPanelExpandIcon"
186
- })),
187
- ExportIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
188
- displayName: "ExportIcon"
189
- })),
190
- OpenFilterButtonIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({
191
- displayName: "OpenFilterButtonIcon"
192
- }, props))
193
- }, components), {}, {
194
- Toolbar: ToolbarWrapper,
195
- Pagination: props => pagination ? paginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, _extends({}, props, {
196
- displaySelection: false,
197
- displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
198
- displayPagination: ['bottom', 'both'].includes(paginationPlacement),
199
- selectionStatus: selectionStatus.current,
200
- page: page,
201
- onPageChange: onPageChange,
202
- pageSize: pageSize,
203
- onPageSizeChange: onPageSizeChange,
204
- rowsPerPageOptions: rowsPerPageOptions,
205
- paginationProps: paginationProps,
206
- paginationMode: paginationMode,
207
- rowCount: rowCount
208
- })) : /*#__PURE__*/React__default.createElement(ControlledPagination, _extends({}, props, {
209
- displaySelection: false,
210
- displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
211
- displayPagination: ['bottom', 'both'].includes(paginationPlacement),
212
- selectionStatus: selectionStatus.current,
213
- apiRef: apiRef,
214
- isRowSelectable: isRowSelectable,
215
- page: page,
216
- onPageChange: onPageChange,
217
- pageSize: pageSize,
218
- onPageSizeChange: onPageSizeChange,
219
- rowsPerPageOptions: rowsPerPageOptions,
220
- paginationProps: paginationProps,
221
- paginationMode: paginationMode
222
- })) : null
223
- }),
224
- componentsProps: _objectSpread2(_objectSpread2({}, componentsProps), {}, {
225
- toolbar: _objectSpread2({
226
- hideToolbar,
227
- RenderedToolbar,
228
- filterModel,
229
- onFilterModelChange,
230
- pagination,
231
- paginationPlacement,
232
- selectionStatus,
233
- apiRef,
234
- isRowSelectable,
235
- page,
236
- onPageChange,
237
- pageSize,
238
- onPageSizeChange,
239
- rowsPerPageOptions,
240
- paginationProps,
241
- paginationMode,
242
- rowCount
243
- }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.toolbar)
244
- }),
245
- filterModel: filterModel,
246
- columnVisibilityModel: columnVisibilityModel,
247
- pinnedColumns: pinnedColumns,
248
- sortModel: sortModel,
249
- initialState: initialState,
250
- isRowSelectable: isRowSelectable,
251
- onFilterModelChange: onFilterModelChange,
252
- onColumnVisibilityModelChange: onColumnVisibilityModelChange,
253
- onPinnedColumnsChange: onPinnedColumnsChange,
254
- onSortModelChange: onSortModelChange,
255
- pagination: pagination,
256
- paginationMode: paginationMode,
257
- keepNonExistentRowsSelected: paginationMode == 'server',
258
- rows: rows,
259
- rowsPerPageOptions: rowsPerPageOptions,
260
- page: page,
261
- onPageChange: onPageChange,
262
- pageSize: pageSize,
263
- onPageSizeChange: onPageSizeChange,
264
- selectionModel: selectionModel,
265
- onSelectionModelChange: (newSelectionModel, details) => {
266
- if (pagination && paginationMode != 'server') {
267
- const selectableRowsInPage = isRowSelectable ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref => {
268
- let {
269
- model
270
- } = _ref;
271
- return isRowSelectable({
272
- row: model
273
- });
274
- }).map(_ref2 => {
275
- let {
276
- id
277
- } = _ref2;
278
- return id;
279
- }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
280
- const numberOfSelectableRowsInPage = selectableRowsInPage.length;
281
- const selectableRowsInTable = isRowSelectable ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref3 => {
282
- let {
283
- model
284
- } = _ref3;
285
- return isRowSelectable({
286
- row: model
287
- });
288
- }).map(_ref4 => {
289
- let {
290
- id
291
- } = _ref4;
292
- return id;
293
- }) : gridFilteredSortedRowIdsSelector(apiRef);
294
- const numberOfSelectableRowsInTable = selectableRowsInTable.length;
295
- const numberOfSelectedRows = newSelectionModel.length;
296
- if (selectionStatus.current.type === 'table' && numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage || selectionStatus.current.type === 'table' && numberOfSelectedRows === numberOfSelectableRowsInTable || selectionStatus.current.type === 'page' && numberOfSelectedRows === numberOfSelectableRowsInPage) {
297
- setTimeout(() => {
298
- apiRef.current.selectRows([], true, true);
299
- }, 0);
300
- }
301
- if (numberOfSelectedRows === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
302
- selectionStatus.current = {
303
- type: 'page',
304
- numberOfSelectedRows
305
- };
306
- } else if (numberOfSelectedRows === numberOfSelectableRowsInTable && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
307
- selectionStatus.current = {
308
- type: 'table',
309
- numberOfSelectedRows
310
- };
311
- } else if (numberOfSelectedRows > 0) {
312
- selectionStatus.current = {
313
- type: 'other',
314
- numberOfSelectedRows
315
- };
316
- } else {
317
- selectionStatus.current = {
318
- type: 'none',
319
- numberOfSelectedRows
320
- };
321
- }
322
- }
323
- onSelectionModelChange === null || onSelectionModelChange === void 0 ? void 0 : onSelectionModelChange(newSelectionModel, details);
324
- },
325
- sx: _objectSpread2(_objectSpread2({}, sx), {}, {
326
- '.MuiDataGrid-columnHeaders': {
327
- flexDirection: 'column',
328
- alignItems: 'normal'
329
- },
330
- '.MuiDataGrid-selectedRowCount': {
331
- margin: 'none'
332
- }
333
- })
334
- })))));
335
- });
336
- DataGrid.className = CLASSNAME;
337
- DataGrid.displayName = COMPONENT_NAME;
338
-
339
- export { DataGrid };
340
- //# sourceMappingURL=DataGrid.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DataGrid.js","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useMemo, useRef, useState } from 'react';\nimport { ThemeProvider as MuiThemeProvider, createTheme } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport { LicenseInfo } from '@mui/x-license-pro';\nimport {\n Comp,\n RedsiftColorBlueN,\n RedsiftColorNeutralWhite,\n RedsiftColorNeutralXDarkGrey,\n ThemeProvider,\n useTheme,\n} from '@redsift/design-system';\nimport {\n DataGridPro,\n GridCallbackDetails,\n gridFilteredSortedRowEntriesSelector,\n gridFilteredSortedRowIdsSelector,\n gridPaginatedVisibleSortedGridRowEntriesSelector,\n gridPaginatedVisibleSortedGridRowIdsSelector,\n GridRowParams,\n GridSelectionModel,\n useGridApiRef,\n} from '@mui/x-data-grid-pro';\n\nimport { StyledDataGrid } from './styles';\nimport { DataGridProps, SelectionStatus } from './types';\nimport { Toolbar as DefaultToolbar } from '../Toolbar';\nimport { BaseIcon, BaseButton, BaseCheckbox, BasePopper } from '../BaseComponents';\nimport { ToolbarWrapper } from '../ToolbarWrapper';\nimport { onServerSideSelectionStatusChange, ServerSideControlledPagination, ControlledPagination } from '../Pagination';\nimport { customColumnTypes } from '../../utils/columnTypes';\nimport { useControlledDatagridState } from '../../hooks/useControlledDatagridState';\n\nconst COMPONENT_NAME = 'DataGrid';\nconst CLASSNAME = 'redsift-datagrid';\n\nexport const DataGrid: Comp<DataGridProps, HTMLDivElement> = forwardRef((props, ref) => {\n const datagridRef = ref || useRef<HTMLDivElement>();\n\n const {\n apiRef: propsApiRef,\n autoHeight,\n className,\n columnTypes: propsColumnTypes,\n components,\n componentsProps,\n filterModel: propsFilterModel,\n columnVisibilityModel: propsColumnVisibilityModel,\n pinnedColumns: propsPinnedColumns,\n sortModel: propsSortModel,\n height: propsHeight,\n hideToolbar,\n initialState,\n isRowSelectable,\n license = process.env.MUI_LICENSE_KEY,\n onFilterModelChange: propsOnFilterModelChange,\n onPageChange: propsOnPageChange,\n onPageSizeChange: propsOnPageSizeChange,\n onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,\n onPinnedColumnsChange: propsOnPinnedColumnsChange,\n onSortModelChange: propsOnSortModelChange,\n selectionModel: propsSelectionModel,\n onSelectionModelChange: propsOnSelectionModelChange,\n page: propsPage,\n pageSize: propsPageSize,\n pagination,\n paginationPlacement = 'both',\n paginationProps,\n rows,\n rowsPerPageOptions,\n sx,\n theme: propsTheme,\n paginationMode = 'client',\n rowCount,\n ...forwardedProps\n } = props;\n\n const theme = useTheme(propsTheme);\n\n const _apiRef = useGridApiRef();\n const apiRef = propsApiRef ?? _apiRef;\n const RenderedToolbar = components?.Toolbar ? components.Toolbar : DefaultToolbar;\n\n LicenseInfo.setLicenseKey(license!);\n\n const height = propsHeight ?? (autoHeight ? undefined : '500px');\n\n const {\n columnVisibilityModel,\n filterModel,\n onColumnVisibilityModelChange,\n onFilterModelChange,\n onPageChange,\n onPageSizeChange,\n onPinnedColumnsChange,\n onSortModelChange,\n page,\n pageSize,\n pinnedColumns,\n sortModel,\n } = useControlledDatagridState({\n initialState,\n rowsPerPageOptions,\n propsColumnVisibilityModel,\n propsFilterModel,\n propsOnColumnVisibilityModelChange,\n propsOnFilterModelChange,\n propsOnPinnedColumnsChange,\n propsOnSortModelChange,\n propsPage,\n propsPageSize,\n propsPinnedColumns,\n propsSortModel,\n propsOnPageChange,\n propsOnPageSizeChange,\n });\n\n const [selectionModel, setSelectionModel] = useState(propsSelectionModel ?? []);\n useEffect(() => {\n setSelectionModel(propsSelectionModel ?? []);\n }, [propsSelectionModel]);\n\n const onSelectionModelChange = (selectionModel: GridSelectionModel, details: GridCallbackDetails) => {\n if (propsOnSelectionModelChange) {\n propsOnSelectionModelChange(selectionModel, details);\n } else {\n setSelectionModel(selectionModel);\n }\n };\n\n const selectionStatus = useRef<SelectionStatus>({\n type: 'none',\n numberOfSelectedRows: 0,\n numberOfSelectedRowsInPage: 0,\n page,\n pageSize,\n });\n\n // in server-side pagination we want to update the selection status\n // every time we navigate between pages, resize our page or select something\n useEffect(() => {\n if (paginationMode == 'server') {\n onServerSideSelectionStatusChange(\n Array.isArray(selectionModel) ? selectionModel : [selectionModel],\n apiRef,\n selectionStatus,\n isRowSelectable,\n page,\n pageSize\n );\n }\n }, [selectionModel, page, pageSize]);\n\n if (!Array.isArray(rows)) {\n return null;\n }\n\n const muiTheme = useMemo(\n () =>\n createTheme({\n palette: {\n mode: theme,\n primary: { main: RedsiftColorBlueN },\n background: {\n default: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n paper: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n },\n },\n }),\n [theme]\n );\n\n return (\n <ThemeProvider value={{ theme }}>\n <MuiThemeProvider theme={muiTheme}>\n {/* <pre>{JSON.stringify(selectionStatus, null, 2)}</pre> */}\n <StyledDataGrid\n ref={datagridRef as RefObject<HTMLDivElement>}\n className={classNames(DataGrid.className, className)}\n $height={height}\n >\n <DataGridPro\n {...forwardedProps}\n rowCount={rowCount!}\n apiRef={apiRef}\n autoHeight={autoHeight}\n checkboxSelectionVisibleOnly={Boolean(pagination)}\n columnTypes={{ ...customColumnTypes, ...propsColumnTypes }}\n components={{\n BaseButton,\n BaseCheckbox,\n // BaseTextField,\n BasePopper,\n ColumnFilteredIcon: (props) => <BaseIcon {...props} displayName=\"ColumnFilteredIcon\" />,\n ColumnSelectorIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSelectorIcon\" />,\n ColumnSortedAscendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedAscendingIcon\" />,\n ColumnSortedDescendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedDescendingIcon\" />,\n DensityCompactIcon: (props) => <BaseIcon {...props} displayName=\"DensityCompactIcon\" />,\n DensityStandardIcon: (props) => <BaseIcon {...props} displayName=\"DensityStandardIcon\" />,\n DensityComfortableIcon: (props) => <BaseIcon {...props} displayName=\"DensityComfortableIcon\" />,\n DetailPanelCollapseIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelCollapseIcon\" />,\n DetailPanelExpandIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelExpandIcon\" />,\n ExportIcon: (props) => <BaseIcon {...props} displayName=\"ExportIcon\" />,\n OpenFilterButtonIcon: (props) => <BaseIcon displayName=\"OpenFilterButtonIcon\" {...props} />,\n ...components,\n Toolbar: ToolbarWrapper,\n Pagination: (props) =>\n pagination ? (\n paginationMode == 'server' ? (\n <ServerSideControlledPagination\n {...props}\n displaySelection={false}\n displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n selectionStatus={selectionStatus.current}\n page={page}\n onPageChange={onPageChange}\n pageSize={pageSize}\n onPageSizeChange={onPageSizeChange}\n rowsPerPageOptions={rowsPerPageOptions}\n paginationProps={paginationProps}\n paginationMode={paginationMode}\n rowCount={rowCount!}\n />\n ) : (\n <ControlledPagination\n {...props}\n displaySelection={false}\n displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n selectionStatus={selectionStatus.current}\n apiRef={apiRef}\n isRowSelectable={isRowSelectable}\n page={page}\n onPageChange={onPageChange}\n pageSize={pageSize}\n onPageSizeChange={onPageSizeChange}\n rowsPerPageOptions={rowsPerPageOptions}\n paginationProps={paginationProps}\n paginationMode={paginationMode}\n />\n )\n ) : null,\n }}\n componentsProps={{\n ...componentsProps,\n toolbar: {\n hideToolbar,\n RenderedToolbar,\n filterModel,\n onFilterModelChange,\n pagination,\n paginationPlacement,\n selectionStatus,\n apiRef,\n isRowSelectable,\n page,\n onPageChange,\n pageSize,\n onPageSizeChange,\n rowsPerPageOptions,\n paginationProps,\n paginationMode,\n rowCount,\n ...componentsProps?.toolbar,\n },\n }}\n filterModel={filterModel}\n columnVisibilityModel={columnVisibilityModel}\n pinnedColumns={pinnedColumns}\n sortModel={sortModel}\n initialState={initialState}\n isRowSelectable={isRowSelectable}\n onFilterModelChange={onFilterModelChange}\n onColumnVisibilityModelChange={onColumnVisibilityModelChange}\n onPinnedColumnsChange={onPinnedColumnsChange}\n onSortModelChange={onSortModelChange}\n pagination={pagination}\n paginationMode={paginationMode}\n keepNonExistentRowsSelected={paginationMode == 'server'}\n rows={rows}\n rowsPerPageOptions={rowsPerPageOptions}\n page={page}\n onPageChange={onPageChange}\n pageSize={pageSize}\n onPageSizeChange={onPageSizeChange}\n selectionModel={selectionModel}\n onSelectionModelChange={(newSelectionModel, details) => {\n if (pagination && paginationMode != 'server') {\n const selectableRowsInPage = isRowSelectable\n ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef)\n .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n .map(({ id }) => id)\n : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);\n const numberOfSelectableRowsInPage = selectableRowsInPage.length;\n\n const selectableRowsInTable = isRowSelectable\n ? gridFilteredSortedRowEntriesSelector(apiRef)\n .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n .map(({ id }) => id)\n : gridFilteredSortedRowIdsSelector(apiRef);\n const numberOfSelectableRowsInTable = selectableRowsInTable.length;\n\n const numberOfSelectedRows = newSelectionModel.length;\n\n if (\n (selectionStatus.current.type === 'table' &&\n numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage) ||\n (selectionStatus.current.type === 'table' &&\n numberOfSelectedRows === numberOfSelectableRowsInTable) ||\n (selectionStatus.current.type === 'page' && numberOfSelectedRows === numberOfSelectableRowsInPage)\n ) {\n setTimeout(() => {\n apiRef.current.selectRows([], true, true);\n }, 0);\n }\n\n if (\n numberOfSelectedRows === numberOfSelectableRowsInPage &&\n numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n ) {\n selectionStatus.current = {\n type: 'page',\n numberOfSelectedRows,\n };\n } else if (\n numberOfSelectedRows === numberOfSelectableRowsInTable &&\n numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n ) {\n selectionStatus.current = {\n type: 'table',\n numberOfSelectedRows,\n };\n } else if (numberOfSelectedRows > 0) {\n selectionStatus.current = {\n type: 'other',\n numberOfSelectedRows,\n };\n } else {\n selectionStatus.current = {\n type: 'none',\n numberOfSelectedRows,\n };\n }\n }\n onSelectionModelChange?.(newSelectionModel, details);\n }}\n sx={{\n ...sx,\n '.MuiDataGrid-columnHeaders': {\n flexDirection: 'column',\n alignItems: 'normal',\n },\n '.MuiDataGrid-selectedRowCount': {\n margin: 'none',\n },\n }}\n />\n </StyledDataGrid>\n </MuiThemeProvider>\n </ThemeProvider>\n );\n});\nDataGrid.className = CLASSNAME;\nDataGrid.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DataGrid","forwardRef","props","ref","datagridRef","useRef","apiRef","propsApiRef","autoHeight","className","columnTypes","propsColumnTypes","components","componentsProps","filterModel","propsFilterModel","columnVisibilityModel","propsColumnVisibilityModel","pinnedColumns","propsPinnedColumns","sortModel","propsSortModel","height","propsHeight","hideToolbar","initialState","isRowSelectable","license","process","env","MUI_LICENSE_KEY","onFilterModelChange","propsOnFilterModelChange","onPageChange","propsOnPageChange","onPageSizeChange","propsOnPageSizeChange","onColumnVisibilityModelChange","propsOnColumnVisibilityModelChange","onPinnedColumnsChange","propsOnPinnedColumnsChange","onSortModelChange","propsOnSortModelChange","selectionModel","propsSelectionModel","onSelectionModelChange","propsOnSelectionModelChange","page","propsPage","pageSize","propsPageSize","pagination","paginationPlacement","paginationProps","rows","rowsPerPageOptions","sx","theme","propsTheme","paginationMode","rowCount","forwardedProps","_objectWithoutProperties","_excluded","useTheme","_apiRef","useGridApiRef","RenderedToolbar","Toolbar","DefaultToolbar","LicenseInfo","setLicenseKey","undefined","useControlledDatagridState","setSelectionModel","useState","useEffect","details","selectionStatus","type","numberOfSelectedRows","numberOfSelectedRowsInPage","onServerSideSelectionStatusChange","Array","isArray","muiTheme","useMemo","createTheme","palette","mode","primary","main","RedsiftColorBlueN","background","default","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralWhite","paper","React","createElement","ThemeProvider","value","MuiThemeProvider","StyledDataGrid","classNames","$height","DataGridPro","_extends","checkboxSelectionVisibleOnly","Boolean","_objectSpread","customColumnTypes","BaseButton","BaseCheckbox","BasePopper","ColumnFilteredIcon","BaseIcon","displayName","ColumnSelectorIcon","ColumnSortedAscendingIcon","ColumnSortedDescendingIcon","DensityCompactIcon","DensityStandardIcon","DensityComfortableIcon","DetailPanelCollapseIcon","DetailPanelExpandIcon","ExportIcon","OpenFilterButtonIcon","ToolbarWrapper","Pagination","ServerSideControlledPagination","displaySelection","displayRowsPerPage","includes","displayPagination","current","ControlledPagination","toolbar","keepNonExistentRowsSelected","newSelectionModel","selectableRowsInPage","gridPaginatedVisibleSortedGridRowEntriesSelector","filter","_ref","model","row","map","_ref2","id","gridPaginatedVisibleSortedGridRowIdsSelector","numberOfSelectableRowsInPage","length","selectableRowsInTable","gridFilteredSortedRowEntriesSelector","_ref3","_ref4","gridFilteredSortedRowIdsSelector","numberOfSelectableRowsInTable","setTimeout","selectRows","flexDirection","alignItems","margin"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,kBAAkB,CAAA;AAE7B,MAAMC,QAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AACtF,EAAA,MAAMC,WAAW,GAAGD,GAAG,IAAIE,MAAM,EAAkB,CAAA;EAEnD,MAAM;AACJC,MAAAA,MAAM,EAAEC,WAAW;MACnBC,UAAU;MACVC,SAAS;AACTC,MAAAA,WAAW,EAAEC,gBAAgB;MAC7BC,UAAU;MACVC,eAAe;AACfC,MAAAA,WAAW,EAAEC,gBAAgB;AAC7BC,MAAAA,qBAAqB,EAAEC,0BAA0B;AACjDC,MAAAA,aAAa,EAAEC,kBAAkB;AACjCC,MAAAA,SAAS,EAAEC,cAAc;AACzBC,MAAAA,MAAM,EAAEC,WAAW;MACnBC,WAAW;MACXC,YAAY;MACZC,eAAe;AACfC,MAAAA,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,eAAe;AACrCC,MAAAA,mBAAmB,EAAEC,wBAAwB;AAC7CC,MAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,MAAAA,gBAAgB,EAAEC,qBAAqB;AACvCC,MAAAA,6BAA6B,EAAEC,kCAAkC;AACjEC,MAAAA,qBAAqB,EAAEC,0BAA0B;AACjDC,MAAAA,iBAAiB,EAAEC,sBAAsB;AACzCC,MAAAA,cAAc,EAAEC,mBAAmB;AACnCC,MAAAA,sBAAsB,EAAEC,2BAA2B;AACnDC,MAAAA,IAAI,EAAEC,SAAS;AACfC,MAAAA,QAAQ,EAAEC,aAAa;MACvBC,UAAU;AACVC,MAAAA,mBAAmB,GAAG,MAAM;MAC5BC,eAAe;MACfC,IAAI;MACJC,kBAAkB;MAClBC,EAAE;AACFC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,cAAc,GAAG,QAAQ;AACzBC,MAAAA,QAAAA;AAEF,KAAC,GAAG1D,KAAK;AADJ2D,IAAAA,cAAc,GAAAC,wBAAA,CACf5D,KAAK,EAAA6D,SAAA,CAAA,CAAA;AAET,EAAA,MAAMN,KAAK,GAAGO,QAAQ,CAACN,UAAU,CAAC,CAAA;AAElC,EAAA,MAAMO,OAAO,GAAGC,aAAa,EAAE,CAAA;EAC/B,MAAM5D,MAAM,GAAGC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAI0D,OAAO,CAAA;AACrC,EAAA,MAAME,eAAe,GAAGvD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,IAAAA,UAAU,CAAEwD,OAAO,GAAGxD,UAAU,CAACwD,OAAO,GAAGC,OAAc,CAAA;AAEjFC,EAAAA,WAAW,CAACC,aAAa,CAAC5C,OAAQ,CAAC,CAAA;AAEnC,EAAA,MAAML,MAAM,GAAGC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAKf,UAAU,GAAGgE,SAAS,GAAG,OAAQ,CAAA;EAEhE,MAAM;IACJxD,qBAAqB;IACrBF,WAAW;IACXuB,6BAA6B;IAC7BN,mBAAmB;IACnBE,YAAY;IACZE,gBAAgB;IAChBI,qBAAqB;IACrBE,iBAAiB;IACjBM,IAAI;IACJE,QAAQ;IACR/B,aAAa;AACbE,IAAAA,SAAAA;GACD,GAAGqD,0BAA0B,CAAC;IAC7BhD,YAAY;IACZ8B,kBAAkB;IAClBtC,0BAA0B;IAC1BF,gBAAgB;IAChBuB,kCAAkC;IAClCN,wBAAwB;IACxBQ,0BAA0B;IAC1BE,sBAAsB;IACtBM,SAAS;IACTE,aAAa;IACb/B,kBAAkB;IAClBE,cAAc;IACda,iBAAiB;AACjBE,IAAAA,qBAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAM,CAACO,cAAc,EAAE+B,iBAAiB,CAAC,GAAGC,QAAQ,CAAC/B,mBAAmB,aAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAnBA,mBAAmB,GAAI,EAAE,CAAC,CAAA;AAC/EgC,EAAAA,SAAS,CAAC,MAAM;IACdF,iBAAiB,CAAC9B,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,cAAnBA,mBAAmB,GAAI,EAAE,CAAC,CAAA;AAC9C,GAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC,CAAA;AAEzB,EAAA,MAAMC,sBAAsB,GAAGA,CAACF,cAAkC,EAAEkC,OAA4B,KAAK;AACnG,IAAA,IAAI/B,2BAA2B,EAAE;AAC/BA,MAAAA,2BAA2B,CAACH,cAAc,EAAEkC,OAAO,CAAC,CAAA;AACtD,KAAC,MAAM;MACLH,iBAAiB,CAAC/B,cAAc,CAAC,CAAA;AACnC,KAAA;GACD,CAAA;EAED,MAAMmC,eAAe,GAAGzE,MAAM,CAAkB;AAC9C0E,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,oBAAoB,EAAE,CAAC;AACvBC,IAAAA,0BAA0B,EAAE,CAAC;IAC7BlC,IAAI;AACJE,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;;AAEF;AACA;AACA2B,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIjB,cAAc,IAAI,QAAQ,EAAE;MAC9BuB,iCAAiC,CAC/BC,KAAK,CAACC,OAAO,CAACzC,cAAc,CAAC,GAAGA,cAAc,GAAG,CAACA,cAAc,CAAC,EACjErC,MAAM,EACNwE,eAAe,EACfpD,eAAe,EACfqB,IAAI,EACJE,QACF,CAAC,CAAA;AACH,KAAA;GACD,EAAE,CAACN,cAAc,EAAEI,IAAI,EAAEE,QAAQ,CAAC,CAAC,CAAA;AAEpC,EAAA,IAAI,CAACkC,KAAK,CAACC,OAAO,CAAC9B,IAAI,CAAC,EAAE;AACxB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAM+B,QAAQ,GAAGC,OAAO,CACtB,MACEC,WAAW,CAAC;AACVC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEhC,KAAK;AACXiC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAEC,iBAAAA;OAAmB;AACpCC,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAErC,KAAK,KAAK,MAAM,GAAGsC,4BAA4B,GAAGC,wBAAwB;AACnFC,QAAAA,KAAK,EAAExC,KAAK,KAAK,MAAM,GAAGsC,4BAA4B,GAAGC,wBAAAA;AAC3D,OAAA;AACF,KAAA;AACF,GAAC,CAAC,EACJ,CAACvC,KAAK,CACR,CAAC,CAAA;AAED,EAAA,oBACEyC,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAE5C,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9ByC,cAAA,CAAAC,aAAA,CAACG,eAAgB,EAAA;AAAC7C,IAAAA,KAAK,EAAE4B,QAAAA;AAAS,GAAA,eAEhCa,cAAA,CAAAC,aAAA,CAACI,cAAc,EAAA;AACbpG,IAAAA,GAAG,EAAEC,WAAyC;IAC9CK,SAAS,EAAE+F,UAAU,CAACxG,QAAQ,CAACS,SAAS,EAAEA,SAAS,CAAE;AACrDgG,IAAAA,OAAO,EAAEnF,MAAAA;GAET4E,eAAAA,cAAA,CAAAC,aAAA,CAACO,WAAW,EAAAC,QAAA,KACN9C,cAAc,EAAA;AAClBD,IAAAA,QAAQ,EAAEA,QAAU;AACpBtD,IAAAA,MAAM,EAAEA,MAAO;AACfE,IAAAA,UAAU,EAAEA,UAAW;AACvBoG,IAAAA,4BAA4B,EAAEC,OAAO,CAAC1D,UAAU,CAAE;IAClDzC,WAAW,EAAAoG,cAAA,CAAAA,cAAA,KAAOC,iBAAiB,CAAA,EAAKpG,gBAAgB,CAAG;IAC3DC,UAAU,EAAAkG,cAAA,CAAAA,cAAA,CAAA;MACRE,UAAU;MACVC,YAAY;AACZ;MACAC,UAAU;MACVC,kBAAkB,EAAGjH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFC,kBAAkB,EAAGpH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFE,yBAAyB,EAAGrH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,2BAAA;AAA2B,OAAA,CAAE,CAAC;MACrGG,0BAA0B,EAAGtH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,4BAAA;AAA4B,OAAA,CAAE,CAAC;MACvGI,kBAAkB,EAAGvH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFK,mBAAmB,EAAGxH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,qBAAA;AAAqB,OAAA,CAAE,CAAC;MACzFM,sBAAsB,EAAGzH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,wBAAA;AAAwB,OAAA,CAAE,CAAC;MAC/FO,uBAAuB,EAAG1H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,yBAAA;AAAyB,OAAA,CAAE,CAAC;MACjGQ,qBAAqB,EAAG3H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,uBAAA;AAAuB,OAAA,CAAE,CAAC;MAC7FS,UAAU,EAAG5H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,YAAA;AAAY,OAAA,CAAE,CAAC;MACvEU,oBAAoB,EAAG7H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA;AAACU,QAAAA,WAAW,EAAC,sBAAA;AAAsB,OAAA,EAAKnH,KAAK,CAAG,CAAA;AAAC,KAAA,EACxFU,UAAU,CAAA,EAAA,EAAA,EAAA;AACbwD,MAAAA,OAAO,EAAE4D,cAAc;AACvBC,MAAAA,UAAU,EAAG/H,KAAK,IAChBiD,UAAU,GACRQ,cAAc,IAAI,QAAQ,gBACxBuC,cAAA,CAAAC,aAAA,CAAC+B,8BAA8B,EAAAvB,QAAA,KACzBzG,KAAK,EAAA;AACTiI,QAAAA,gBAAgB,EAAE,KAAM;QACxBC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACjF,mBAAoB,CAAE;QACtEkF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACD,QAAQ,CAACjF,mBAAoB,CAAE;QACrE0B,eAAe,EAAEA,eAAe,CAACyD,OAAQ;AACzCxF,QAAAA,IAAI,EAAEA,IAAK;AACXd,QAAAA,YAAY,EAAEA,YAAa;AAC3BgB,QAAAA,QAAQ,EAAEA,QAAS;AACnBd,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCoB,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCF,QAAAA,eAAe,EAAEA,eAAgB;AACjCM,QAAAA,cAAc,EAAEA,cAAe;AAC/BC,QAAAA,QAAQ,EAAEA,QAAAA;OACX,CAAA,CAAC,gBAEFsC,cAAA,CAAAC,aAAA,CAACqC,oBAAoB,EAAA7B,QAAA,CAAA,EAAA,EACfzG,KAAK,EAAA;AACTiI,QAAAA,gBAAgB,EAAE,KAAM;QACxBC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACjF,mBAAoB,CAAE;QACtEkF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACD,QAAQ,CAACjF,mBAAoB,CAAE;QACrE0B,eAAe,EAAEA,eAAe,CAACyD,OAAQ;AACzCjI,QAAAA,MAAM,EAAEA,MAAO;AACfoB,QAAAA,eAAe,EAAEA,eAAgB;AACjCqB,QAAAA,IAAI,EAAEA,IAAK;AACXd,QAAAA,YAAY,EAAEA,YAAa;AAC3BgB,QAAAA,QAAQ,EAAEA,QAAS;AACnBd,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCoB,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCF,QAAAA,eAAe,EAAEA,eAAgB;AACjCM,QAAAA,cAAc,EAAEA,cAAAA;AAAe,OAAA,CAChC,CACF,GACC,IAAA;KACN,CAAA;AACF9C,IAAAA,eAAe,EAAAiG,cAAA,CAAAA,cAAA,KACVjG,eAAe,CAAA,EAAA,EAAA,EAAA;AAClB4H,MAAAA,OAAO,EAAA3B,cAAA,CAAA;QACLtF,WAAW;QACX2C,eAAe;QACfrD,WAAW;QACXiB,mBAAmB;QACnBoB,UAAU;QACVC,mBAAmB;QACnB0B,eAAe;QACfxE,MAAM;QACNoB,eAAe;QACfqB,IAAI;QACJd,YAAY;QACZgB,QAAQ;QACRd,gBAAgB;QAChBoB,kBAAkB;QAClBF,eAAe;QACfM,cAAc;AACdC,QAAAA,QAAAA;AAAQ,OAAA,EACL/C,eAAe,KAAfA,IAAAA,IAAAA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAe,CAAE4H,OAAO,CAAA;KAE7B,CAAA;AACF3H,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CE,IAAAA,aAAa,EAAEA,aAAc;AAC7BE,IAAAA,SAAS,EAAEA,SAAU;AACrBK,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCK,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCM,IAAAA,6BAA6B,EAAEA,6BAA8B;AAC7DE,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CE,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCU,IAAAA,UAAU,EAAEA,UAAW;AACvBQ,IAAAA,cAAc,EAAEA,cAAe;IAC/B+E,2BAA2B,EAAE/E,cAAc,IAAI,QAAS;AACxDL,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCR,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,YAAY,EAAEA,YAAa;AAC3BgB,IAAAA,QAAQ,EAAEA,QAAS;AACnBd,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCQ,IAAAA,cAAc,EAAEA,cAAe;AAC/BE,IAAAA,sBAAsB,EAAEA,CAAC8F,iBAAiB,EAAE9D,OAAO,KAAK;AACtD,MAAA,IAAI1B,UAAU,IAAIQ,cAAc,IAAI,QAAQ,EAAE;QAC5C,MAAMiF,oBAAoB,GAAGlH,eAAe,GACxCmH,gDAAgD,CAACvI,MAAM,CAAC,CACrDwI,MAAM,CAACC,IAAA,IAAA;UAAA,IAAC;AAAEC,YAAAA,KAAAA;AAAM,WAAC,GAAAD,IAAA,CAAA;AAAA,UAAA,OAAKrH,eAAe,CAAC;AAAEuH,YAAAA,GAAG,EAAED,KAAAA;AAAM,WAAkB,CAAC,CAAA;SAAC,CAAA,CACvEE,GAAG,CAACC,KAAA,IAAA;UAAA,IAAC;AAAEC,YAAAA,EAAAA;AAAG,WAAC,GAAAD,KAAA,CAAA;AAAA,UAAA,OAAKC,EAAE,CAAA;AAAA,SAAA,CAAC,GACtBC,4CAA4C,CAAC/I,MAAM,CAAC,CAAA;AACxD,QAAA,MAAMgJ,4BAA4B,GAAGV,oBAAoB,CAACW,MAAM,CAAA;QAEhE,MAAMC,qBAAqB,GAAG9H,eAAe,GACzC+H,oCAAoC,CAACnJ,MAAM,CAAC,CACzCwI,MAAM,CAACY,KAAA,IAAA;UAAA,IAAC;AAAEV,YAAAA,KAAAA;AAAM,WAAC,GAAAU,KAAA,CAAA;AAAA,UAAA,OAAKhI,eAAe,CAAC;AAAEuH,YAAAA,GAAG,EAAED,KAAAA;AAAM,WAAkB,CAAC,CAAA;SAAC,CAAA,CACvEE,GAAG,CAACS,KAAA,IAAA;UAAA,IAAC;AAAEP,YAAAA,EAAAA;AAAG,WAAC,GAAAO,KAAA,CAAA;AAAA,UAAA,OAAKP,EAAE,CAAA;AAAA,SAAA,CAAC,GACtBQ,gCAAgC,CAACtJ,MAAM,CAAC,CAAA;AAC5C,QAAA,MAAMuJ,6BAA6B,GAAGL,qBAAqB,CAACD,MAAM,CAAA;AAElE,QAAA,MAAMvE,oBAAoB,GAAG2D,iBAAiB,CAACY,MAAM,CAAA;AAErD,QAAA,IACGzE,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,OAAO,IACvCC,oBAAoB,KAAK6E,6BAA6B,GAAGP,4BAA4B,IACtFxE,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,OAAO,IACvCC,oBAAoB,KAAK6E,6BAA8B,IACxD/E,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,MAAM,IAAIC,oBAAoB,KAAKsE,4BAA6B,EAClG;AACAQ,UAAAA,UAAU,CAAC,MAAM;YACfxJ,MAAM,CAACiI,OAAO,CAACwB,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;WAC1C,EAAE,CAAC,CAAC,CAAA;AACP,SAAA;AAEA,QAAA,IACE/E,oBAAoB,KAAKsE,4BAA4B,IACrDA,4BAA4B,GAAGO,6BAA6B,EAC5D;UACA/E,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,MAAM;AACZC,YAAAA,oBAAAA;WACD,CAAA;SACF,MAAM,IACLA,oBAAoB,KAAK6E,6BAA6B,IACtDP,4BAA4B,GAAGO,6BAA6B,EAC5D;UACA/E,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,OAAO;AACbC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAC,MAAM,IAAIA,oBAAoB,GAAG,CAAC,EAAE;UACnCF,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,OAAO;AACbC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAC,MAAM;UACLF,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,MAAM;AACZC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAA;AACF,OAAA;MACAnC,sBAAsB,KAAA,IAAA,IAAtBA,sBAAsB,KAAtBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAsB,CAAG8F,iBAAiB,EAAE9D,OAAO,CAAC,CAAA;KACpD;AACFrB,IAAAA,EAAE,EAAAsD,cAAA,CAAAA,cAAA,KACGtD,EAAE,CAAA,EAAA,EAAA,EAAA;AACL,MAAA,4BAA4B,EAAE;AAC5BwG,QAAAA,aAAa,EAAE,QAAQ;AACvBC,QAAAA,UAAU,EAAE,QAAA;OACb;AACD,MAAA,+BAA+B,EAAE;AAC/BC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AAAC,KAAA,CAAA;GAEJ,CAAA,CACa,CACA,CACL,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFlK,QAAQ,CAACS,SAAS,GAAGV,SAAS,CAAA;AAC9BC,QAAQ,CAACqH,WAAW,GAAGvH,cAAc;;;;"}
@@ -1,74 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
-
3
- /**
4
- * Component style.
5
- */
6
- const StyledDataGrid = styled.div`
7
- ${_ref => {
8
- let {
9
- $height
10
- } = _ref;
11
- return $height ? css`
12
- height: ${$height};
13
- ` : '';
14
- }}
15
-
16
- width: 100%;
17
-
18
- .MuiDataGrid-root {
19
- font-family: var(--redsift-typography-datagrid-header-font-family);
20
- border: none;
21
- }
22
-
23
- .MuiDataGrid-row {
24
- font-family: var(--redsift-typography-datagrid-cell-font-family);
25
- font-size: var(--redsift-typography-datagrid-cell-font-size);
26
- font-weight: var(--redsift-typography-datagrid-cell-font-weight);
27
- }
28
-
29
- .MuiDataGrid-columnHeaderTitle {
30
- font-family: var(--redsift-typography-datagrid-header-font-family);
31
- font-size: var(--redsift-typography-datagrid-header-font-size);
32
- font-weight: var(--redsift-typography-datagrid-header-font-weight);
33
- }
34
-
35
- .MuiDataGrid-columnHeaders {
36
- border-bottom-color: var(--redsift-color-primary-n);
37
- }
38
-
39
- .MuiDataGrid-columnSeparator {
40
- display: none;
41
- }
42
-
43
- .MuiTablePagination-root {
44
- .MuiTablePagination-selectLabel {
45
- font-family: var(--redsift-typography-datagrid-header-font-family);
46
- }
47
- .MuiTablePagination-displayedRows {
48
- font-family: var(--redsift-typography-datagrid-cell-font-family);
49
- }
50
-
51
- .MuiInputBase-root {
52
- font-family: var(--redsift-typography-datagrid-cell-font-family);
53
- }
54
- }
55
-
56
- .Mui-checked {
57
- color: var(--redsift-color-primary-n);
58
- }
59
-
60
- .MuiDataGrid-rowCount {
61
- font-family: var(--redsift-typography-datagrid-cell-font-family);
62
- }
63
-
64
- .MuiTablePagination-displayedRows {
65
- font-family: var(--redsift-typography-datagrid-cell-font-family);
66
- }
67
-
68
- .MuiBadge-standard {
69
- font-family: var(--redsift-typography-datagrid-cell-font-family);
70
- }
71
- `;
72
-
73
- export { StyledDataGrid };
74
- //# sourceMappingURL=styles.js.map