@vitality-ds/components 5.6.3 → 5.7.0-alpha.1

package/dist/Button/primitives/styles/BaseContentContainer.styles.js

@@ -10,7 +10,7 @@ var _default = exports["default"] = (0, _system.css)({
   opacity: 1,
   display: "flex",
   gap: "$sm",
-  alignItems: "baseline",
+  alignItems: "anchor-center",
   variants: {
     isLoading: {
       "true": {

package/dist/DropdownMenu/components/IconContainer/index.js

@@ -11,6 +11,7 @@ function DropdownMenuItemIconContainer(_ref) {
   var icon = _ref.icon;
   var Component = icon && icon.type;
   return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownMenuItemIcon, null, /*#__PURE__*/_react["default"].createElement(Component, {
+    size: "sm",
     color: "inherit"
   }));
 }

package/dist/Table/components/MemoizedCell/constants.js

@@ -4,14 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PLACEHOLDER_SAFE_CELL_TYPES = exports.DEFAULT_EMPTY_PLACEHOLDER = exports.CELL_TYPES = void 0;
+exports.DEFAULT_EMPTY_PLACEHOLDER = exports.CELL_TYPES = void 0;
 var _Cells = require("../Cells");
 var _Custom = _interopRequireDefault(require("../Cells/Custom"));
 var _SearchSelectInput = _interopRequireDefault(require("../Cells/SearchSelectInput"));
 var DEFAULT_EMPTY_PLACEHOLDER = exports.DEFAULT_EMPTY_PLACEHOLDER = "-";
-
-// Cell types that can safely render a placeholder with only `children`
-var PLACEHOLDER_SAFE_CELL_TYPES = exports.PLACEHOLDER_SAFE_CELL_TYPES = ["text", "number"];
 var errorGetCellProps = function errorGetCellProps(componentName) {
   // eslint-disable-next-line no-console
   console.error("[Vitality] You're trying to render a ".concat(componentName, " cell. But no getCellProps function was given to the column as a result nothing could be rendered. Please refer to https://vitalitydesignsystem.com/components/table for an implementation."));

package/dist/Table/components/MemoizedCell/logic.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Cells = require("../Cells");
 var _constants = require("./constants");
 function isCellContentsEmpty(rowData, colId, computedCellProps) {
   return rowData[colId] !== 0 && !rowData[colId] && !computedCellProps;
@@ -15,16 +16,14 @@ function getCellType(cellType, _ref, rowData, emptyPlaceholderText) {
     getCellProps = _ref.getCellProps;
   var computedCellProps = typeof getCellProps === "function" && getCellProps(colId, rowData);
   if (isCellContentsEmpty(rowData, colId, computedCellProps)) {
-    var _ref2 = _constants.PLACEHOLDER_SAFE_CELL_TYPES.includes(cellType) ? _constants.CELL_TYPES[cellType] : _constants.CELL_TYPES.text,
-      EmptyComponent = _ref2.component;
     return {
-      as: EmptyComponent,
+      as: _Cells.TextCell,
       children: emptyPlaceholderText || _constants.DEFAULT_EMPTY_PLACEHOLDER
     };
   }
-  var _ref3 = _constants.CELL_TYPES[cellType] || _constants.CELL_TYPES.text,
-    Component = _ref3.component,
-    defaultGetCellProps = _ref3.getCellProps;
+  var _ref2 = _constants.CELL_TYPES[cellType] || _constants.CELL_TYPES.text,
+    Component = _ref2.component,
+    defaultGetCellProps = _ref2.getCellProps;
   var getCellPropsFn = getCellProps || defaultGetCellProps;
   return (0, _extends2["default"])({}, getCellPropsFn(colId, rowData), {
     as: Component

package/dist/Table/components/MemoizedCell/logic.spec.js

@@ -71,30 +71,6 @@ describe("getCellType function", function () {
     expect(data.as).toEqual(_index.NumberCell);
     expect(data.children).toEqual("12");
   });
-  it("Should return a NumberCell with placeholder when number cell is empty", function () {
-    rowData.number = "";
-    var data = (0, _logic["default"])("number", {
-      colId: "number"
-    }, rowData, null);
-    expect(data.as).toEqual(_index.NumberCell);
-    expect(data.children).toEqual("-");
-  });
-  it("Should fall back to TextCell with placeholder when link cell is empty", function () {
-    rowData.link = "";
-    var data = (0, _logic["default"])("link", {
-      colId: "link"
-    }, rowData, null);
-    expect(data.as).toEqual(_index.TextCell);
-    expect(data.children).toEqual("-");
-  });
-  it("Should fall back to TextCell with placeholder when icon cell is empty", function () {
-    rowData.icon = "";
-    var data = (0, _logic["default"])("icon", {
-      colId: "icon"
-    }, rowData, null);
-    expect(data.as).toEqual(_index.TextCell);
-    expect(data.children).toEqual("-");
-  });
   it("Should return an statusBadge with a console error", function () {
     var logSpy = jest.spyOn(global.console, "error");
     var data = (0, _logic["default"])("statusBadge", {

package/dist/components/src/Table/components/MemoizedCell/constants.d.ts

@@ -4,7 +4,6 @@ import { NumberCellProps } from "../Cells/Number/types";
 import SearchSelectInputCell from "../Cells/SearchSelectInput";
 import { TextCellProps } from "../Cells/Text/types";
 export declare const DEFAULT_EMPTY_PLACEHOLDER = "-";
-export declare const PLACEHOLDER_SAFE_CELL_TYPES: string[];
 export declare const CELL_TYPES: {
     text: {
         component: typeof TextCell;

package/dist/esm/Button/primitives/styles/BaseContentContainer.styles.js

@@ -4,7 +4,7 @@ export default css({
   opacity: 1,
   display: "flex",
   gap: "$sm",
-  alignItems: "baseline",
+  alignItems: "anchor-center",
   variants: {
     isLoading: {
       "true": {

package/dist/esm/DropdownMenu/components/IconContainer/index.js

@@ -4,6 +4,7 @@ export default function DropdownMenuItemIconContainer(_ref) {
   var icon = _ref.icon;
   var Component = icon && icon.type;
   return /*#__PURE__*/React.createElement(BaseDropdownMenuItemIcon, null, /*#__PURE__*/React.createElement(Component, {
+    size: "sm",
     color: "inherit"
   }));
 }

package/dist/esm/Table/components/MemoizedCell/constants.js

@@ -2,9 +2,6 @@ import { AsyncSelectCell, ButtonCell, CreatableSelectCell, CurrencyInputCell, Da
 import CustomCell from "../Cells/Custom";
 import SearchSelectInputCell from "../Cells/SearchSelectInput";
 export var DEFAULT_EMPTY_PLACEHOLDER = "-";
-
-// Cell types that can safely render a placeholder with only `children`
-export var PLACEHOLDER_SAFE_CELL_TYPES = ["text", "number"];
 var errorGetCellProps = function errorGetCellProps(componentName) {
   // eslint-disable-next-line no-console
   console.error("[Vitality] You're trying to render a ".concat(componentName, " cell. But no getCellProps function was given to the column as a result nothing could be rendered. Please refer to https://vitalitydesignsystem.com/components/table for an implementation."));

package/dist/esm/Table/components/MemoizedCell/logic.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { CELL_TYPES, DEFAULT_EMPTY_PLACEHOLDER, PLACEHOLDER_SAFE_CELL_TYPES } from "./constants";
+import { TextCell } from "../Cells";
+import { CELL_TYPES, DEFAULT_EMPTY_PLACEHOLDER } from "./constants";
 function isCellContentsEmpty(rowData, colId, computedCellProps) {
   return rowData[colId] !== 0 && !rowData[colId] && !computedCellProps;
 }
@@ -8,16 +9,14 @@ function getCellType(cellType, _ref, rowData, emptyPlaceholderText) {
     getCellProps = _ref.getCellProps;
   var computedCellProps = typeof getCellProps === "function" && getCellProps(colId, rowData);
   if (isCellContentsEmpty(rowData, colId, computedCellProps)) {
-    var _ref2 = PLACEHOLDER_SAFE_CELL_TYPES.includes(cellType) ? CELL_TYPES[cellType] : CELL_TYPES.text,
-      EmptyComponent = _ref2.component;
     return {
-      as: EmptyComponent,
+      as: TextCell,
       children: emptyPlaceholderText || DEFAULT_EMPTY_PLACEHOLDER
     };
   }
-  var _ref3 = CELL_TYPES[cellType] || CELL_TYPES.text,
-    Component = _ref3.component,
-    defaultGetCellProps = _ref3.getCellProps;
+  var _ref2 = CELL_TYPES[cellType] || CELL_TYPES.text,
+    Component = _ref2.component,
+    defaultGetCellProps = _ref2.getCellProps;
   var getCellPropsFn = getCellProps || defaultGetCellProps;
   return _extends({}, getCellPropsFn(colId, rowData), {
     as: Component

package/dist/esm/Table/components/MemoizedCell/logic.spec.js

@@ -68,30 +68,6 @@ describe("getCellType function", function () {
     expect(data.as).toEqual(NumberCell);
     expect(data.children).toEqual("12");
   });
-  it("Should return a NumberCell with placeholder when number cell is empty", function () {
-    rowData.number = "";
-    var data = getCellType("number", {
-      colId: "number"
-    }, rowData, null);
-    expect(data.as).toEqual(NumberCell);
-    expect(data.children).toEqual("-");
-  });
-  it("Should fall back to TextCell with placeholder when link cell is empty", function () {
-    rowData.link = "";
-    var data = getCellType("link", {
-      colId: "link"
-    }, rowData, null);
-    expect(data.as).toEqual(TextCell);
-    expect(data.children).toEqual("-");
-  });
-  it("Should fall back to TextCell with placeholder when icon cell is empty", function () {
-    rowData.icon = "";
-    var data = getCellType("icon", {
-      colId: "icon"
-    }, rowData, null);
-    expect(data.as).toEqual(TextCell);
-    expect(data.children).toEqual("-");
-  });
   it("Should return an statusBadge with a console error", function () {
     var logSpy = jest.spyOn(global.console, "error");
     var data = getCellType("statusBadge", {