glints-aries 4.0.219 → 4.0.221

package/es/@next/DataTable/DataTable.d.ts

@@ -18,7 +18,7 @@ export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableEleme
 }
 export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
     Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
-    Cell: ({ align, children }: import("./TableCell").TableCellProps) => JSX.Element;
+    Cell: ({ align, children, noWrap, }: import("./TableCell").TableCellProps) => JSX.Element;
     Footer: ({ children }: {
         children: React.ReactNode;
     }) => JSX.Element;

package/es/@next/DataTable/DataTableStyle.js

@@ -19,7 +19,7 @@ export var StyledTabledHeader = styled.th.withConfig({
 export var StyledTableCell = styled.td.withConfig({
   displayName: "DataTableStyle__StyledTableCell",
   componentId: "sc-18v2ula-3"
-})(["text-align:left;padding:", ";vertical-align:top;", ""], space16, alignmentStyle);
+})(["text-align:left;padding:", ";vertical-align:top;", " &[data-no-wrap='true']{white-space:nowrap;div{width:max-content;}}"], space16, alignmentStyle);
 export var StyledTableFooterRow = styled.tr.withConfig({
   displayName: "DataTableStyle__StyledTableFooterRow",
   componentId: "sc-18v2ula-4"

package/es/@next/DataTable/DatatTable.stories.d.ts

@@ -3,3 +3,4 @@ declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Interactive: any;
 export declare const WithEmptyState: any;
+export declare const WithNoWrapCell: any;

package/es/@next/DataTable/TableCell.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableColElement> {
     children: React.ReactNode;
+    /** Sets table cell content to not wrap*/
+    noWrap?: boolean;
 }
-export declare const TableCell: ({ align, children }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, children, noWrap, }: TableCellProps) => JSX.Element;

package/es/@next/DataTable/TableCell.js

@@ -3,9 +3,12 @@ import { Typography } from '../Typography';
 import { StyledTableCell } from './DataTableStyle';
 export var TableCell = function TableCell(_ref) {
   var align = _ref.align,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap;
   return /*#__PURE__*/React.createElement(StyledTableCell, {
-    "data-text-align": align
+    "data-text-align": align,
+    "data-no-wrap": noWrap
   }, /*#__PURE__*/React.createElement(Typography, {
     as: "div",
     variant: "body1"

package/lib/@next/DataTable/DataTable.d.ts

@@ -18,7 +18,7 @@ export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableEleme
 }
 export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
     Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
-    Cell: ({ align, children }: import("./TableCell").TableCellProps) => JSX.Element;
+    Cell: ({ align, children, noWrap, }: import("./TableCell").TableCellProps) => JSX.Element;
     Footer: ({ children }: {
         children: React.ReactNode;
     }) => JSX.Element;

package/lib/@next/DataTable/DataTableStyle.js

@@ -29,7 +29,7 @@ exports.StyledTabledHeader = StyledTabledHeader;
 var StyledTableCell = _styledComponents["default"].td.withConfig({
   displayName: "DataTableStyle__StyledTableCell",
   componentId: "sc-18v2ula-3"
-})(["text-align:left;padding:", ";vertical-align:top;", ""], _spacing.space16, alignmentStyle);
+})(["text-align:left;padding:", ";vertical-align:top;", " &[data-no-wrap='true']{white-space:nowrap;div{width:max-content;}}"], _spacing.space16, alignmentStyle);
 exports.StyledTableCell = StyledTableCell;
 var StyledTableFooterRow = _styledComponents["default"].tr.withConfig({
   displayName: "DataTableStyle__StyledTableFooterRow",

package/lib/@next/DataTable/DatatTable.stories.d.ts

@@ -3,3 +3,4 @@ declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Interactive: any;
 export declare const WithEmptyState: any;
+export declare const WithNoWrapCell: any;

package/lib/@next/DataTable/TableCell.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableColElement> {
     children: React.ReactNode;
+    /** Sets table cell content to not wrap*/
+    noWrap?: boolean;
 }
-export declare const TableCell: ({ align, children }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, children, noWrap, }: TableCellProps) => JSX.Element;

package/lib/@next/DataTable/TableCell.js

@@ -8,9 +8,12 @@ var _Typography = require("../Typography");
 var _DataTableStyle = require("./DataTableStyle");
 var TableCell = function TableCell(_ref) {
   var align = _ref.align,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap;
   return /*#__PURE__*/_react["default"].createElement(_DataTableStyle.StyledTableCell, {
-    "data-text-align": align
+    "data-text-align": align,
+    "data-no-wrap": noWrap
   }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     as: "div",
     variant: "body1"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.219",
+  "version": "4.0.221",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",