@digital-ai/dot-components 2.17.0 → 2.17.1

package/CHANGE_LOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [2.17.1](https://www.npmjs.com/package/@digital-ai/dot-components) (10/09/2023)
+
+[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.17.0...2.17.1)
+
+**Fixed bugs:**
+
+- D-26963: Addressing the cosmetic bugs in collapsible feature of DotTable [\#1657](https://github.com/digital-ai/dot-components/pull/1657) ([maheswaran-cn519](https://github.com/maheswaran-cn519))
+
 ## [2.17.0](https://www.npmjs.com/package/@digital-ai/dot-components) (10/03/2023)
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.16.0...2.17.0)
@@ -221,6 +229,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.8.2...2.9.0)
 
+**Features:**
+
+- S-90959: `DotAvatar` support numbers [\#1515](https://github.com/digital-ai/dot-components/pull/1515) ([CWSites](https://github.com/CWSites))
+
 **Fixed bugs:**
 
 - S-90959: Update breadcrumb separator alignment [\#1517](https://github.com/digital-ai/dot-components/pull/1517) ([CWSites](https://github.com/CWSites))
@@ -236,10 +248,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.21.11...2.8.2)
 
-**Features:**
-
-- S-90959: `DotAvatar` support numbers [\#1515](https://github.com/digital-ai/dot-components/pull/1515) ([CWSites](https://github.com/CWSites))
-
 **Fixed bugs:**
 
 - S-91947: DotStepper step onClick validation [\#1503](https://github.com/digital-ai/dot-components/pull/1503) ([ryangamble](https://github.com/ryangamble))
@@ -325,6 +333,7 @@
 **Features:**
 
 - S-92086: `DotDatePicker` improvements [\#1461](https://github.com/digital-ai/dot-components/pull/1461) ([dmiletic85](https://github.com/dmiletic85))
+- S-91943: `DotDatePicker` - add `minDate` and `maxDate` props [\#1450](https://github.com/digital-ai/dot-components/pull/1450) ([dmiletic85](https://github.com/dmiletic85))
 
 **Fixed bugs:**
 
@@ -334,10 +343,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.7.0...2.7.1)
 
-**Features:**
-
-- S-91943: `DotDatePicker` - add `minDate` and `maxDate` props [\#1450](https://github.com/digital-ai/dot-components/pull/1450) ([dmiletic85](https://github.com/dmiletic85))
-
 **Fixed bugs:**
 
 - `DotTimePicker`, `DotDatePicker`: fix issues with controlled and uncontrolled states [\#1454](https://github.com/digital-ai/dot-components/pull/1454) ([dmiletic85](https://github.com/dmiletic85))
@@ -712,7 +717,6 @@
 
 **Fixed bugs:**
 
-- S-86692: component cleanup [\#1238](https://github.com/digital-ai/dot-components/pull/1238) ([CWSites](https://github.com/CWSites))
 - S-84151: fix e2e tests for Release 2.0 [\#1146](https://github.com/digital-ai/dot-components/pull/1146) ([CWSites](https://github.com/CWSites))
 
 **Misc:**
@@ -743,6 +747,7 @@
 
 **Fixed bugs:**
 
+- S-86692: component cleanup [\#1238](https://github.com/digital-ai/dot-components/pull/1238) ([CWSites](https://github.com/CWSites))
 - D-20931: `DotAccordion` - display top border correctly when expanded [\#1232](https://github.com/digital-ai/dot-components/pull/1232) ([CWSites](https://github.com/CWSites))
 - D-22087: `DotRadioGroup` / `DotCheckboxGroup` helper texts do not follow the same styles as other helper texts [\#1225](https://github.com/digital-ai/dot-components/pull/1225) ([dmiletic85](https://github.com/dmiletic85))
 

package/README.md

@@ -61,11 +61,15 @@ export const MyWidget = ({ text }: MyWidgetProps) => {
   );
 };
 ```
+
+**Note:** If you would like to create a custom theme, you can do so by following [these directions](https://github.com/digital-ai/dot-components/wiki/Product-Specific-Component-&-ThemeProvider).
+
 ### Configuring Jest
 
 We are utilizing `@digital-ai/dot-icons` which uses `@font-face`. If you are using Jest then you'll need to update the following files. The location of the files may be different based on the structure of your application
 
 #### `jest.config.js`
+
 ```js
 moduleNameMapper: {
   '@digital-ai/dot-icons': '<rootDir>/testing-utils/style-mock.ts',
@@ -73,6 +77,7 @@ moduleNameMapper: {
 ```
 
 #### `style-mock.ts`
+
 ```js
 module.exports = {};
 ```

package/index.esm.js

@@ -8487,7 +8487,7 @@ const StyledTableRowStyles = styled(TableRow).withConfig({
   componentId: "a4fx2l-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$f, theme.palette.primary[50]));
+}) => css(["&.", "{&.selected{background-color:", ";}&:hover{background-color:", ";}}"], rootClassName$f, theme.palette.primary[50], theme.palette.grey[50]));
 
 const rootClassName$e = 'dot-td-expand-collapse';
 const StyledTableBodyExpandCollapseCell = styled(TableCell).withConfig({
@@ -8511,9 +8511,10 @@ const DotBodyExpandCollapseCell = ({
   useEffect(() => {
     setIsCellExpanded(isExpanded);
   }, [isExpanded]);
-  const handleIconClick = expand => {
+  const handleIconClick = (event, expand) => {
     setIsCellExpanded(expand);
     onRowExpandCollapse(expand, rowId);
+    event.stopPropagation();
   };
   return jsx(StyledTableBodyExpandCollapseCell, Object.assign({
     align: "left",
@@ -8523,7 +8524,7 @@ const DotBodyExpandCollapseCell = ({
     children: jsx(DotIconButton, {
       ariaLabel: ariaLabel,
       iconId: isCellExpanded ? 'chevron-up' : 'chevron-down',
-      onClick: () => handleIconClick(!isCellExpanded),
+      onClick: event => handleIconClick(event, !isCellExpanded),
       size: "small"
     }, void 0)
   }), void 0);
@@ -8701,9 +8702,7 @@ const rootClassName$c = 'dot-tbody';
 const StyledTableBody = styled(TableBody).withConfig({
   displayName: "TableBodystyles__StyledTableBody",
   componentId: "wszqgk-0"
-})(["", ""], ({
-  theme
-}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$c, theme.palette.grey[50]));
+})(["", ""], () => css(["&.", "{tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$c));
 
 /**
  * A wrapper component around the TableBody component from @material-ui. This component can be used

package/index.umd.js

@@ -9230,7 +9230,7 @@
       componentId: "a4fx2l-0"
     })(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
       var theme = _a.theme;
-      return styled.css(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n    &.", " {\n      &.selected {\n        background-color: ", ";\n      }\n    }\n  "], ["\n    &.", " {\n      &.selected {\n        background-color: ", ";\n      }\n    }\n  "])), rootClassName$f, theme.palette.primary[50]);
+      return styled.css(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n    &.", " {\n      &.selected {\n        background-color: ", ";\n      }\n      &:hover {\n        background-color: ", ";\n      }\n    }\n  "], ["\n    &.", " {\n      &.selected {\n        background-color: ", ";\n      }\n      &:hover {\n        background-color: ", ";\n      }\n    }\n  "])), rootClassName$f, theme.palette.primary[50], theme.palette.grey[50]);
     });
     var templateObject_1$f, templateObject_2$e;
 
@@ -9259,9 +9259,10 @@
       React.useEffect(function () {
         setIsCellExpanded(isExpanded);
       }, [isExpanded]);
-      var handleIconClick = function handleIconClick(expand) {
+      var handleIconClick = function handleIconClick(event, expand) {
         setIsCellExpanded(expand);
         onRowExpandCollapse(expand, rowId);
+        event.stopPropagation();
       };
       return jsxRuntime.jsx(StyledTableBodyExpandCollapseCell, __assign({
         align: "left",
@@ -9271,8 +9272,8 @@
         children: jsxRuntime.jsx(DotIconButton, {
           ariaLabel: ariaLabel,
           iconId: isCellExpanded ? 'chevron-up' : 'chevron-down',
-          onClick: function () {
-            return handleIconClick(!isCellExpanded);
+          onClick: function (event) {
+            return handleIconClick(event, !isCellExpanded);
           },
           size: "small"
         }, void 0)
@@ -9453,9 +9454,8 @@
     var StyledTableBody = styled__default["default"](material.TableBody).withConfig({
       displayName: "TableBodystyles__StyledTableBody",
       componentId: "wszqgk-0"
-    })(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-      var theme = _a.theme;
-      return styled.css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n    &.", " {\n      tr:hover {\n        background-color: ", ";\n      }\n\n      tr:last-child td {\n        border-bottom: none;\n      }\n\n      .empty-row td {\n        text-align: center;\n      }\n    }\n  "], ["\n    &.", " {\n      tr:hover {\n        background-color: ", ";\n      }\n\n      tr:last-child td {\n        border-bottom: none;\n      }\n\n      .empty-row td {\n        text-align: center;\n      }\n    }\n  "])), rootClassName$c, theme.palette.grey[50]);
+    })(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function () {
+      return styled.css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n    &.", " {\n      tr:last-child td {\n        border-bottom: none;\n      }\n\n      .empty-row td {\n        text-align: center;\n      }\n    }\n  "], ["\n    &.", " {\n      tr:last-child td {\n        border-bottom: none;\n      }\n\n      .empty-row td {\n        text-align: center;\n      }\n    }\n  "])), rootClassName$c);
     });
     var templateObject_1$c, templateObject_2$b;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.17.0",
+  "version": "2.17.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [