@vendorflow/components 2.0.74 → 2.0.75

package/lib/components/material-ui/DataTable/DataTable.d.ts

@@ -1,3 +1,6 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Column, UseSortByColumnProps, HeaderGroup, UseSortByOptions, TableOptions, UseSortByColumnOptions, PluginHook, UsePaginationOptions, UseSortByInstanceProps, UsePaginationInstanceProps, TableInstance, TableState, UseSortByState, UsePaginationState, UseRowSelectOptions, UseRowSelectInstanceProps, UseRowSelectState, Row, UseRowSelectRowProps, UseExpandedOptions, UseExpandedInstanceProps, UseExpandedState, UseExpandedRowProps, UseGlobalFiltersInstanceProps, UseGlobalFiltersState, UseFiltersOptions, UseFiltersInstanceProps, UseFiltersState, UseFiltersColumnOptions, UseFiltersColumnProps, Renderer, FilterProps, UseTableOptions, UseGlobalFiltersOptions } from 'react-table';
 import { ReactNode } from 'react';
 export declare type Mode = 'single' | 'multi';
@@ -76,6 +79,7 @@ export interface UseDefaultTableInstanceProps<D extends object> {
     defaultColumn?: Partial<Column<D>>;
 }
 export declare function useDefaultTableInstance<D extends object>({ columns, data, options, initialState, defaultColumn, }: UseDefaultTableInstanceProps<D>): EnhancedTableInstance<D>;
+export declare function renderSingleLineCell(value: string): jsx.JSX.Element;
 export declare type FilterType = 'text' | 'select' | 'multi-select' | 'range';
 export declare function getColumnFilterConfig<D extends object>(filterType: FilterType): {
     filter: string;

package/lib/components/material-ui/DataTable/DataTable.js

@@ -73,7 +73,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getColumnFilterConfig = exports.useDefaultTableInstance = exports.usePluginConfig = exports.CELL_PADDING = void 0;
+exports.getColumnFilterConfig = exports.renderSingleLineCell = exports.useDefaultTableInstance = exports.usePluginConfig = exports.CELL_PADDING = void 0;
 /** @jsxRuntime classic */
 /** @jsx jsx */
 var react_1 = require("@emotion/react");
@@ -317,6 +317,11 @@ function useDefaultTableInstance(_a) {
         }], __read(plugins), false));
 }
 exports.useDefaultTableInstance = useDefaultTableInstance;
+function renderSingleLineCell(value) {
+    return ((0, react_1.jsx)(material_1.Tooltip, { title: value },
+        (0, react_1.jsx)("div", { css: (0, react_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "], ["\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "]))) }, value)));
+}
+exports.renderSingleLineCell = renderSingleLineCell;
 function getColumnFilterConfig(filterType) {
     switch (filterType) {
         case 'select':
@@ -331,4 +336,4 @@ function getColumnFilterConfig(filterType) {
     }
 }
 exports.getColumnFilterConfig = getColumnFilterConfig;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.74",
+  "version": "2.0.75",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",