@digital-ai/dot-components 1.11.0 → 1.11.1

package/CHANGE_LOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [1.11.1](https://github.com/digital-ai/dot-components/tree/1.11.1) (03/14/2022)
+
+[Full Changelog](https://github.com/digital-ai/dot-components/compare/1.11.0...1.11.1)
+
+**Features:**
+
+- Configure `tsconfig.json` so that `React` imports are obsolete [\#1040](https://github.com/digital-ai/dot-components/issues/1040)
+
+**Fixed bugs:**
+
+- `dot-components` requires `react-router-dom` as peer dependency [\#1001](https://github.com/digital-ai/dot-components/issues/1001)
+- D-20092: `Chip`: Set the limit on chip component for number of characters [\#1036](https://github.com/digital-ai/dot-components/pull/1036) ([dmiletic85](https://github.com/dmiletic85))
+
+**Merged pull requests:**
+
+- D-19983: move react-router to dev dependency [\#1049](https://github.com/digital-ai/dot-components/pull/1049) ([CWSites](https://github.com/CWSites))
+- S-81949: adjusting RC workflow [\#1038](https://github.com/digital-ai/dot-components/pull/1038) ([CWSites](https://github.com/CWSites))
+
 ## [1.11.0](https://github.com/digital-ai/dot-components/tree/1.11.0) (03/07/2022)
 
 [Full Changelog](https://github.com/digital-ai/dot-components/compare/1.10.1...1.11.0)
@@ -27,21 +45,14 @@
 
 ## [1.10.0](https://github.com/digital-ai/dot-components/tree/1.10.0) (03/01/2022)
 
-[Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.1-rc.0...1.10.0)
+[Full Changelog](https://github.com/digital-ai/dot-components/compare/1.9.1...1.10.0)
 
 **Features:**
 
 - `Autocomplete` hide/customize chips [\#1023](https://github.com/digital-ai/dot-components/issues/1023)
-- S-82231: `Autocomplete` hide/customize chips [\#1031](https://github.com/digital-ai/dot-components/pull/1031) ([dmiletic85](https://github.com/dmiletic85))
-
-## [2.0.1-rc.0](https://github.com/digital-ai/dot-components/tree/2.0.1-rc.0) (02/25/2022)
-
-[Full Changelog](https://github.com/digital-ai/dot-components/compare/1.9.1...2.0.1-rc.0)
-
-**Features:**
-
 - Missing disable props on DotMenu component [\#1021](https://github.com/digital-ai/dot-components/issues/1021)
 - `Autocomplete`: allow custom `renderOption` [\#1002](https://github.com/digital-ai/dot-components/issues/1002)
+- S-82231: `Autocomplete` hide/customize chips [\#1031](https://github.com/digital-ai/dot-components/pull/1031) ([dmiletic85](https://github.com/dmiletic85))
 - S-82227: `DotMenu`: Missing disable prop [\#1022](https://github.com/digital-ai/dot-components/pull/1022) ([dmiletic85](https://github.com/dmiletic85))
 - S-82076: `Autocomplete`: allow custom `renderOption` [\#1013](https://github.com/digital-ai/dot-components/pull/1013) ([dmiletic85](https://github.com/dmiletic85))
 
@@ -689,7 +700,6 @@
 - S-78497: Add 'page' prop to DotTable [\#662](https://github.com/digital-ai/dot-components/pull/662) ([selsemore](https://github.com/selsemore))
 - Issue \#632: Add aria-label property [\#659](https://github.com/digital-ai/dot-components/pull/659) ([dmiletic85](https://github.com/dmiletic85))
 - S-78464: SonarQube [\#657](https://github.com/digital-ai/dot-components/pull/657) ([CWSites](https://github.com/CWSites))
-- S-78388: Export interfaces and types needed for table pagination and sorting [\#654](https://github.com/digital-ai/dot-components/pull/654) ([selsemore](https://github.com/selsemore))
 - S-77872: gather test coverage in sonarcloud [\#653](https://github.com/digital-ai/dot-components/pull/653) ([CWSites](https://github.com/CWSites))
 
 ## [1.0.8](https://github.com/digital-ai/dot-components/tree/1.0.8) (08/23/2021)
@@ -702,6 +712,7 @@
 
 **Merged pull requests:**
 
+- S-78388: Export interfaces and types needed for table pagination and sorting [\#654](https://github.com/digital-ai/dot-components/pull/654) ([selsemore](https://github.com/selsemore))
 - add export back to component library [\#652](https://github.com/digital-ai/dot-components/pull/652) ([CWSites](https://github.com/CWSites))
 - add back missing items from export [\#651](https://github.com/digital-ai/dot-components/pull/651) ([TheKeithStewart](https://github.com/TheKeithStewart))
 

package/index.esm.js

@@ -2677,9 +2677,11 @@ const StyledChip = styled(Chip).withConfig({
   theme
 }) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$B, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
 
+const DEFAULT_CHARACTERS_LIMIT = 32;
 const DotChip = ({
   ariaLabel,
   avatar,
+  charactersLimit: _charactersLimit = DEFAULT_CHARACTERS_LIMIT,
   children,
   className,
   'data-testid': dataTestId,
@@ -2694,6 +2696,15 @@ const DotChip = ({
 }) => {
   const errorClass = _error ? 'Mui-error' : '';
   const rootClasses = useStylesWithRootClass(rootClassName$B, className, errorClass);
+
+  const getChipLabel = () => {
+    if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
+    const label = `${children.substr(0, _charactersLimit)}...`;
+    return /*#__PURE__*/React__default.createElement(DotTooltip, {
+      title: children
+    }, /*#__PURE__*/React__default.createElement("span", null, label));
+  };
+
   return /*#__PURE__*/React__default.createElement(StyledChip, {
     "aria-label": ariaLabel,
     avatar: avatar,
@@ -2705,7 +2716,7 @@ const DotChip = ({
     "data-testid": dataTestId,
     disabled: _disabled,
     icon: avatar ? null : startIcon,
-    label: children,
+    label: getChipLabel(),
     onClick: event => onClick && onClick(event),
     onDelete: _isDeletable && onDelete ? event => onDelete(event) : undefined,
     size: _size,

package/index.umd.js

@@ -2929,27 +2929,39 @@
     });
     var templateObject_1$E, templateObject_2$C;
 
+    var DEFAULT_CHARACTERS_LIMIT = 32;
     var DotChip = function DotChip(_a) {
       var ariaLabel = _a.ariaLabel,
           avatar = _a.avatar,
+          _b = _a.charactersLimit,
+          charactersLimit = _b === void 0 ? DEFAULT_CHARACTERS_LIMIT : _b,
           children = _a.children,
           className = _a.className,
           dataTestId = _a["data-testid"],
-          _b = _a.disabled,
-          disabled = _b === void 0 ? false : _b,
-          _c = _a.error,
-          error = _c === void 0 ? false : _c,
-          _d = _a.isClickable,
-          isClickable = _d === void 0 ? false : _d,
-          _e = _a.isDeletable,
-          isDeletable = _e === void 0 ? true : _e,
+          _c = _a.disabled,
+          disabled = _c === void 0 ? false : _c,
+          _d = _a.error,
+          error = _d === void 0 ? false : _d,
+          _e = _a.isClickable,
+          isClickable = _e === void 0 ? false : _e,
+          _f = _a.isDeletable,
+          isDeletable = _f === void 0 ? true : _f,
           onClick = _a.onClick,
           onDelete = _a.onDelete,
-          _f = _a.size,
-          size = _f === void 0 ? 'medium' : _f,
+          _g = _a.size,
+          size = _g === void 0 ? 'medium' : _g,
           startIcon = _a.startIcon;
       var errorClass = error ? 'Mui-error' : '';
       var rootClasses = useStylesWithRootClass(rootClassName$B, className, errorClass);
+
+      var getChipLabel = function getChipLabel() {
+        if (charactersLimit <= 0 || children.length < charactersLimit) return children;
+        var label = children.substr(0, charactersLimit) + "...";
+        return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
+          title: children
+        }, /*#__PURE__*/React__default["default"].createElement("span", null, label));
+      };
+
       return /*#__PURE__*/React__default["default"].createElement(StyledChip, {
         "aria-label": ariaLabel,
         avatar: avatar,
@@ -2961,7 +2973,7 @@
         "data-testid": dataTestId,
         disabled: disabled,
         icon: avatar ? null : startIcon,
-        label: children,
+        label: getChipLabel(),
         onClick: function (event) {
           return onClick && onClick(event);
         },

package/lib/components/auto-complete/index.d.ts

@@ -1,3 +1,3 @@
-export { AutocompleteRenderOptionState } from '@material-ui/lab';
+export type { AutocompleteRenderOptionState } from '@material-ui/lab';
 export * from './AutoComplete';
 export { parseAutoCompleteValue } from './utils/helpers';

package/lib/components/chip/Chip.d.ts

@@ -1,9 +1,12 @@
 import { MouseEvent, ReactElement } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type ChipSize = 'medium' | 'small';
+export declare const DEFAULT_CHARACTERS_LIMIT = 32;
 export interface ChipProps extends CommonProps {
     /** If provided, will display an avatar which takes precedence over icon */
     avatar?: ReactElement;
+    /** Maximum number of characters until the label gets truncated. Default is 32. */
+    charactersLimit?: number;
     /** The text for the chip. */
     children: string;
     /** If true, the chip is disabled */
@@ -23,4 +26,4 @@ export interface ChipProps extends CommonProps {
     /** The icon to display on the chip */
     startIcon?: ReactElement;
 }
-export declare const DotChip: ({ ariaLabel, avatar, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element;
+export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element;

package/lib/components/popper/index.d.ts

@@ -1,2 +1,2 @@
-export { PopperPlacementType } from '@material-ui/core';
+export type { PopperPlacementType } from '@material-ui/core';
 export * from './Popper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -32,7 +32,6 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-router-dom": "5.3.0"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }