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

package/_internal/TextCell.js

@@ -1,3 +1,2 @@
 export { T as TextCell } from './TextCell2.js';
-import '@redsift/design-system';
-import 'react';
+//# sourceMappingURL=TextCell.js.map

package/_internal/TextCell2.js

@@ -1,30 +1,66 @@
-import { IconProps, NotificationsColorPalette, ProductColorPalette, ShieldVariant, Comp } from '@redsift/design-system';
-import { ComponentProps, ReactNode } from 'react';
+import { b as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef } from 'react';
+import classNames from 'classnames';
+import { Shield, Icon } from '@redsift/design-system';
+import styled from 'styled-components';
 
-interface TextCellProps extends ComponentProps<'div'> {
-    /** Including Badge Component. */
-    badge?: ReactNode;
-    /**
-     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
-     * Can also be a ReactElement.
-     */
-    leftIcon?: IconProps['icon'];
-    /** Left Icon Color variant. */
-    leftIconColor?: NotificationsColorPalette | ProductColorPalette | (string & {});
-    /**
-     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
-     * Can also be a ReactElement.
-     */
-    rightIcon?: IconProps['icon'];
-    /** Right Icon Color variant. */
-    rightIconColor?: NotificationsColorPalette | ProductColorPalette | (string & {});
-    /** Shield variant. */
-    shieldVariant?: ShieldVariant;
-}
+const StyledTextCell = styled.div`
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  gap: 8px;
+  justify-content: flex-start;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const StyledTextCellText = styled.div`
+  box-sizing: border-box;
+  line-height: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+
+const _excluded = ["badge", "children", "className", "leftIcon", "leftIconColor", "rightIcon", "rightIconColor", "shieldVariant"];
+const COMPONENT_NAME = 'DataGridCell';
+const CLASSNAME = 'redsift-datagrid-cell';
 
 /**
  * The Cell component.
  */
-declare const TextCell: Comp<TextCellProps, HTMLDivElement>;
+const TextCell = /*#__PURE__*/forwardRef((props, ref) => {
+  const textCellRef = ref || useRef();
+  const {
+      badge,
+      children,
+      className,
+      leftIcon,
+      leftIconColor,
+      rightIcon,
+      rightIconColor,
+      shieldVariant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(StyledTextCell, _extends({}, forwardedProps, {
+    className: classNames(TextCell.className, className),
+    ref: textCellRef
+  }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, shieldVariant ? /*#__PURE__*/React__default.createElement(Shield, {
+    variant: shieldVariant
+  }) : null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: leftIcon,
+    "aria-hidden": "true",
+    size: "small",
+    color: leftIconColor
+  }) : null, /*#__PURE__*/React__default.createElement(StyledTextCellText, null, children), badge ? badge : null, rightIcon ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: rightIcon,
+    "aria-hidden": "true",
+    size: "small",
+    color: rightIconColor
+  }) : null));
+});
+TextCell.className = CLASSNAME;
+TextCell.displayName = COMPONENT_NAME;
 
 export { TextCell as T };
+//# sourceMappingURL=TextCell2.js.map

package/_internal/Toolbar.js

@@ -1,4 +1,2 @@
 export { T as Toolbar } from './Toolbar2.js';
-import 'react';
-import '@mui/x-data-grid-pro';
-import './types2.js';
+//# sourceMappingURL=Toolbar.js.map

package/_internal/Toolbar2.js

@@ -1,56 +1,85 @@
-import React, { RefObject } from 'react';
-import { GridToolbarExportProps, GridToolbarFilterButtonProps, GridFilterModel, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
-import { G as GridToolbarFilterSemanticFieldProps } from './types2.js';
+import { a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { GridToolbarContainer, GridToolbarFilterButton, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarExport, gridVisibleSortedRowIdsSelector, GridToolbarQuickFilter } from '@mui/x-data-grid-pro';
+import styled from 'styled-components';
+import { Flexbox } from '@redsift/design-system';
+import { G as GridToolbarFilterSemanticField } from './GridToolbarFilterSemanticField2.js';
 
-type GridToolbarColumnsProps = Omit<typeof GridToolbarColumnsButton, 'ref'>;
-type GridToolbarDensityProps = Omit<typeof GridToolbarDensitySelector, 'ref'>;
-type GridToolbarFilterSemanticProps = Omit<GridToolbarFilterSemanticFieldProps, 'ref'>;
-interface ToolbarProps {
-    /** Props to forward to the column button. */
-    columnsButtonProps?: GridToolbarColumnsProps;
-    /** Column button ref. */
-    columnsButtonRef?: RefObject<HTMLButtonElement>;
-    /** Props to forward to the density button. */
-    densityButtonProps?: GridToolbarDensityProps;
-    /** Density button ref. */
-    densityButtonRef?: RefObject<HTMLButtonElement>;
-    /** Props to forward to the export button. */
-    exportButtonProps?: GridToolbarExportProps;
-    /** Export button ref. */
-    exportButtonRef?: RefObject<HTMLButtonElement>;
-    /** Props to forward to the filter button. */
-    filterButtonProps?: GridToolbarFilterButtonProps;
-    /** Filter button ref. */
-    filterButtonRef?: RefObject<HTMLButtonElement>;
-    /** Whether the columns button is displayed or not. */
-    hasColumnsButton?: boolean;
-    /** Whether the density button is displayed or not. */
-    hasDensityButton?: boolean;
-    /** Whether the export button is displayed or not. */
-    hasExportButton?: boolean;
-    /** Whether the filter button is displayed or not. */
-    hasFilterButton?: boolean;
-    /** Configuration object for NLP filter. undefined if disabled. */
-    onFilterModelChange?: (filterModel: GridFilterModel) => void;
-    semanticFilterProps?: GridToolbarFilterSemanticProps;
-    /** Whether you want to show the quick filter or not. */
-    showQuickFilter?: boolean;
-}
+/**
+ * Component style.
+ */
+const GridToolbarWrapper = styled.div`
+  .MuiButtonBase-root-JobBs.MuiButton-root {
+    svg {
+      path {
+        fill: var(--redsift-color-primary-n);
+      }
+    }
+  }
+`;
 
 /**
  * Temporary workaround for a type mismatch between react 17 and 18
  * https://github.com/mui/material-ui/issues/35287#issuecomment-1337250566
  */
-declare global {
-    namespace React {
-        interface DOMAttributes<T> {
-            onResize?: React.ReactEventHandler<T> | undefined;
-            onResizeCapture?: React.ReactEventHandler<T> | undefined;
-            nonce?: string | undefined;
-        }
-    }
-}
+
 /** ------ */
-declare const Toolbar: React.FC<ToolbarProps>;
+
+const Toolbar = props => {
+  const {
+    hasExportButton = true,
+    exportButtonProps,
+    exportButtonRef,
+    hasFilterButton = true,
+    filterButtonProps,
+    filterButtonRef,
+    hasColumnsButton = true,
+    columnsButtonProps,
+    columnsButtonRef,
+    hasDensityButton = true,
+    densityButtonProps,
+    densityButtonRef,
+    onFilterModelChange,
+    semanticFilterProps = undefined,
+    showQuickFilter
+  } = props;
+  if (semanticFilterProps && onFilterModelChange) {
+    semanticFilterProps.onFilterModelChange = onFilterModelChange;
+  }
+  return /*#__PURE__*/React__default.createElement(GridToolbarWrapper, null, /*#__PURE__*/React__default.createElement(GridToolbarContainer, null, /*#__PURE__*/React__default.createElement(Flexbox, {
+    gap: "0"
+  }, hasFilterButton ? /*#__PURE__*/React__default.createElement(GridToolbarFilterButton, _extends({}, filterButtonProps, {
+    ref: filterButtonRef,
+    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+  })) : null, hasColumnsButton ? /*#__PURE__*/React__default.createElement(GridToolbarColumnsButton, _extends({}, columnsButtonProps, {
+    ref: columnsButtonRef,
+    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+  })) : null, hasDensityButton ? /*#__PURE__*/React__default.createElement(GridToolbarDensitySelector, _extends({}, densityButtonProps, {
+    ref: densityButtonRef,
+    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+  })) : null, hasExportButton ? /*#__PURE__*/React__default.createElement(GridToolbarExport, _extends({
+    csvOptions: {
+      allColumns: true,
+      fileName: 'csv',
+      getRowsToExport: _ref => {
+        let {
+          apiRef
+        } = _ref;
+        return gridVisibleSortedRowIdsSelector(apiRef);
+      }
+    },
+    printOptions: {
+      disableToolbarButton: true
+    }
+  }, exportButtonProps, {
+    ref: exportButtonRef,
+    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+  })) : null, /*#__PURE__*/React__default.createElement(Flexbox, {
+    marginLeft: "8px"
+  }, showQuickFilter ? /*#__PURE__*/React__default.createElement(GridToolbarQuickFilter, null) : null)), /*#__PURE__*/React__default.createElement(Flexbox, {
+    flexGrow: 3
+  }, semanticFilterProps ? /*#__PURE__*/React__default.createElement(GridToolbarFilterSemanticField, semanticFilterProps) : null)));
+};
 
 export { Toolbar as T };
+//# sourceMappingURL=Toolbar2.js.map

package/_internal/ToolbarWrapper.js

@@ -1,6 +1,2 @@
-export { a as ToolbarWrapper, T as ToolbarWrapperProps } from './ToolbarWrapper2.js';
-import 'react';
-import './types.js';
-import '@mui/x-data-grid-pro';
-import '@mui/material';
-import '@redsift/design-system';
+export { T as ToolbarWrapper } from './ToolbarWrapper2.js';
+//# sourceMappingURL=ToolbarWrapper.js.map

package/_internal/ToolbarWrapper2.js

@@ -1,25 +1,59 @@
-import React from 'react';
-import { D as DataGridProps, S as SelectionStatus } from './types.js';
+import { b as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { S as ServerSideControlledPagination, C as ControlledPagination } from './ControlledPagination.js';
 
-type ToolbarWrapperProps = {
-    hideToolbar: DataGridProps['hideToolbar'];
-    RenderedToolbar: React.JSXElementConstructor<any>;
-    filterModel: DataGridProps['filterModel'];
-    onFilterModelChange: DataGridProps['onFilterModelChange'];
-    pagination: DataGridProps['pagination'];
-    paginationPlacement: DataGridProps['paginationPlacement'];
-    selectionStatus: React.MutableRefObject<SelectionStatus>;
-    apiRef: DataGridProps['apiRef'];
-    isRowSelectable: DataGridProps['isRowSelectable'];
-    page: DataGridProps['page'];
-    onPageChange: DataGridProps['onPageChange'];
-    pageSize: DataGridProps['pageSize'];
-    onPageSizeChange: DataGridProps['onPageSizeChange'];
-    rowsPerPageOptions: DataGridProps['rowsPerPageOptions'];
-    paginationProps: DataGridProps['paginationProps'];
-    paginationMode?: DataGridProps['paginationMode'];
-    rowCount?: DataGridProps['rowCount'];
+const _excluded = ["hideToolbar", "RenderedToolbar", "filterModel", "onFilterModelChange", "pagination", "paginationPlacement", "selectionStatus", "apiRef", "isRowSelectable", "page", "onPageChange", "pageSize", "onPageSizeChange", "rowsPerPageOptions", "paginationProps", "paginationMode", "rowCount"];
+const ToolbarWrapper = _ref => {
+  let {
+      hideToolbar,
+      RenderedToolbar,
+      filterModel,
+      onFilterModelChange,
+      pagination,
+      paginationPlacement,
+      selectionStatus,
+      apiRef,
+      isRowSelectable,
+      page,
+      onPageChange,
+      pageSize,
+      onPageSizeChange,
+      rowsPerPageOptions,
+      paginationProps,
+      paginationMode = 'client',
+      rowCount
+    } = _ref,
+    forwardedProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !hideToolbar ? /*#__PURE__*/React__default.createElement(RenderedToolbar, _extends({}, forwardedProps, {
+    filterModel: filterModel,
+    onFilterModelChange: onFilterModelChange
+  })) : null, pagination ? paginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, {
+    displaySelection: true,
+    displayRowsPerPage: false,
+    displayPagination: ['top', 'both'].includes(paginationPlacement),
+    selectionStatus: selectionStatus.current,
+    page: page,
+    onPageChange: onPageChange,
+    pageSize: pageSize,
+    onPageSizeChange: onPageSizeChange,
+    rowsPerPageOptions: rowsPerPageOptions,
+    paginationProps: paginationProps,
+    rowCount: rowCount
+  }) : /*#__PURE__*/React__default.createElement(ControlledPagination, {
+    displaySelection: true,
+    displayRowsPerPage: false,
+    displayPagination: ['top', 'both'].includes(paginationPlacement),
+    selectionStatus: selectionStatus.current,
+    apiRef: apiRef,
+    isRowSelectable: isRowSelectable,
+    page: page,
+    onPageChange: onPageChange,
+    pageSize: pageSize,
+    onPageSizeChange: onPageSizeChange,
+    rowsPerPageOptions: rowsPerPageOptions,
+    paginationProps: paginationProps
+  }) : null);
 };
-declare const ToolbarWrapper: React.FC<ToolbarWrapperProps>;
 
-export { ToolbarWrapperProps as T, ToolbarWrapper as a };
+export { ToolbarWrapper as T };
+//# sourceMappingURL=ToolbarWrapper2.js.map