@digital-ai/dot-components 1.21.3 → 1.21.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGE_LOG.md +19 -3
- package/index.esm.js +3 -1
- package/index.umd.js +3 -1
- package/lib/components/sidebar/Sidebar.d.ts +3 -1
- package/package.json +1 -1
package/CHANGE_LOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [1.21.4](https://github.com/digital-ai/dot-components/tree/1.21.4) (10/04/2022)
|
|
4
|
+
|
|
5
|
+
[Full Changelog](https://github.com/digital-ai/dot-components/compare/1.21.3...1.21.4)
|
|
6
|
+
|
|
7
|
+
**Features:**
|
|
8
|
+
|
|
9
|
+
- `DotSidebar` Expose a callback when sidebar is expanded or collapsed [\#1273](https://github.com/digital-ai/dot-components/issues/1273)
|
|
10
|
+
- S-87871 Expose callback when sidebar collapses/expands [\#1274](https://github.com/digital-ai/dot-components/pull/1274) ([angel-git](https://github.com/angel-git))
|
|
11
|
+
|
|
12
|
+
**Fixed bugs:**
|
|
13
|
+
|
|
14
|
+
- `DotInputText` multiline is broken since 1.21.3 [\#1275](https://github.com/digital-ai/dot-components/issues/1275)
|
|
15
|
+
- D-22889: `DotInputText` Fix multiline issues [\#1276](https://github.com/digital-ai/dot-components/pull/1276) ([dmiletic85](https://github.com/dmiletic85))
|
|
16
|
+
|
|
3
17
|
## [1.21.3](https://github.com/digital-ai/dot-components/tree/1.21.3) (09/28/2022)
|
|
4
18
|
|
|
5
19
|
[Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.0-rc.2...1.21.3)
|
|
@@ -11,7 +25,6 @@
|
|
|
11
25
|
- Align helper text with the content of the input [\#1259](https://github.com/digital-ai/dot-components/issues/1259)
|
|
12
26
|
- S-87726 Align input content with helper text [\#1265](https://github.com/digital-ai/dot-components/pull/1265) ([nikolinadapic](https://github.com/nikolinadapic))
|
|
13
27
|
- S-87620 Adjust height for inputs and for medium sized buttons [\#1263](https://github.com/digital-ai/dot-components/pull/1263) ([nikolinadapic](https://github.com/nikolinadapic))
|
|
14
|
-
- S-87616 Adjust left margin for helper text [\#1262](https://github.com/digital-ai/dot-components/pull/1262) ([nikolinadapic](https://github.com/nikolinadapic))
|
|
15
28
|
- S-87599: `DotAutocomplete` Add optional `persistentLabel` prop [\#1258](https://github.com/digital-ai/dot-components/pull/1258) ([dmiletic85](https://github.com/dmiletic85))
|
|
16
29
|
|
|
17
30
|
**Fixed bugs:**
|
|
@@ -42,6 +55,10 @@
|
|
|
42
55
|
|
|
43
56
|
[Full Changelog](https://github.com/digital-ai/dot-components/compare/1.21.1...2.0.0-rc.1)
|
|
44
57
|
|
|
58
|
+
**Features:**
|
|
59
|
+
|
|
60
|
+
- S-87616 Adjust left margin for helper text [\#1262](https://github.com/digital-ai/dot-components/pull/1262) ([nikolinadapic](https://github.com/nikolinadapic))
|
|
61
|
+
|
|
45
62
|
**Fixed bugs:**
|
|
46
63
|
|
|
47
64
|
- S-86692: component cleanup [\#1238](https://github.com/digital-ai/dot-components/pull/1238) ([CWSites](https://github.com/CWSites))
|
|
@@ -269,9 +286,7 @@
|
|
|
269
286
|
- Text is not centered in avatar circle [\#1115](https://github.com/digital-ai/dot-components/issues/1115)
|
|
270
287
|
- Checkbox column takes up to much space in a multi-select table [\#1111](https://github.com/digital-ai/dot-components/issues/1111)
|
|
271
288
|
- `DotNavigationRail` Should be able to update the selected rail [\#1104](https://github.com/digital-ai/dot-components/issues/1104)
|
|
272
|
-
- D-20763: Fix bulk action toolbar upper corners [\#1118](https://github.com/digital-ai/dot-components/pull/1118) ([selsemore](https://github.com/selsemore))
|
|
273
289
|
- D-20736: Fix text alignment for small DotAvatar [\#1116](https://github.com/digital-ai/dot-components/pull/1116) ([selsemore](https://github.com/selsemore))
|
|
274
|
-
- D-20719: `DotTable`: Checkbox column takes up to much space in a multi-select table [\#1112](https://github.com/digital-ai/dot-components/pull/1112) ([dmiletic85](https://github.com/dmiletic85))
|
|
275
290
|
- D-20660: `DotNavigationRail`: Should be able to update the selected rail [\#1106](https://github.com/digital-ai/dot-components/pull/1106) ([dmiletic85](https://github.com/dmiletic85))
|
|
276
291
|
|
|
277
292
|
## [1.14.0](https://github.com/digital-ai/dot-components/tree/1.14.0) (04/01/2022)
|
|
@@ -287,6 +302,7 @@
|
|
|
287
302
|
|
|
288
303
|
- DotFileUpload - Setting maxFile limit to 1 allows to upload more than 1 files [\#1096](https://github.com/digital-ai/dot-components/issues/1096)
|
|
289
304
|
- We lost scrollbar for sidenav nested drawers [\#1061](https://github.com/digital-ai/dot-components/issues/1061)
|
|
305
|
+
- D-20719: `DotTable`: Checkbox column takes up to much space in a multi-select table [\#1112](https://github.com/digital-ai/dot-components/pull/1112) ([dmiletic85](https://github.com/dmiletic85))
|
|
290
306
|
- D-20516: `DotFileUpload` - Setting maxFile limit to 1 allows to upload more than 1 files [\#1101](https://github.com/digital-ai/dot-components/pull/1101) ([dmiletic85](https://github.com/dmiletic85))
|
|
291
307
|
- D-20334: Add scroll to nested drawer [\#1062](https://github.com/digital-ai/dot-components/pull/1062) ([s-zimm](https://github.com/s-zimm))
|
|
292
308
|
|
package/index.esm.js
CHANGED
|
@@ -2484,6 +2484,7 @@ const DotSidebar = ({
|
|
|
2484
2484
|
goBack: _goBack = false,
|
|
2485
2485
|
navItems: _navItems = [],
|
|
2486
2486
|
nestedListType: _nestedListType = 'expandable',
|
|
2487
|
+
onCollapseChange,
|
|
2487
2488
|
open: _open = true,
|
|
2488
2489
|
title,
|
|
2489
2490
|
titleAvatarProps,
|
|
@@ -2512,6 +2513,7 @@ const DotSidebar = ({
|
|
|
2512
2513
|
}, [isOpen]);
|
|
2513
2514
|
|
|
2514
2515
|
const collapseNav = () => {
|
|
2516
|
+
onCollapseChange && onCollapseChange(isOpen);
|
|
2515
2517
|
setIsOpen(!isOpen);
|
|
2516
2518
|
};
|
|
2517
2519
|
|
|
@@ -2894,7 +2896,7 @@ const StyledTextField = styled(TextField).withConfig({
|
|
|
2894
2896
|
})(["", ""], ({
|
|
2895
2897
|
theme,
|
|
2896
2898
|
InputProps
|
|
2897
|
-
}) => css(["&.", "{.MuiInputBase-root{background:", ";margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px
|
|
2899
|
+
}) => css(["&.", "{.MuiInputBase-root{background:", ";margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;&:not(textarea){height:19px;}}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", ";}.MuiOutlinedInput-inputMarginDense:not(textarea){height:19px;}select.dot-select{background:", ";padding-left:", "px;}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}}"], rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.spacing(1.5), adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.product === 'agility' && agilityGreen, theme.palette.layer.n200));
|
|
2898
2900
|
|
|
2899
2901
|
const rootClassName$F = 'dot-button';
|
|
2900
2902
|
const StyledButton = styled(Button).withConfig({
|
package/index.umd.js
CHANGED
|
@@ -2708,6 +2708,7 @@
|
|
|
2708
2708
|
navItems = _g === void 0 ? [] : _g,
|
|
2709
2709
|
_h = _a.nestedListType,
|
|
2710
2710
|
nestedListType = _h === void 0 ? 'expandable' : _h,
|
|
2711
|
+
onCollapseChange = _a.onCollapseChange,
|
|
2711
2712
|
_j = _a.open,
|
|
2712
2713
|
open = _j === void 0 ? true : _j,
|
|
2713
2714
|
title = _a.title,
|
|
@@ -2748,6 +2749,7 @@
|
|
|
2748
2749
|
}, [isOpen]);
|
|
2749
2750
|
|
|
2750
2751
|
var collapseNav = function collapseNav() {
|
|
2752
|
+
onCollapseChange && onCollapseChange(isOpen);
|
|
2751
2753
|
setIsOpen(!isOpen);
|
|
2752
2754
|
};
|
|
2753
2755
|
|
|
@@ -3153,7 +3155,7 @@
|
|
|
3153
3155
|
})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3154
3156
|
var theme = _a.theme,
|
|
3155
3157
|
InputProps = _a.InputProps;
|
|
3156
|
-
return styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n &.", " {\n .MuiInputBase-root {\n background: ", ";\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiOutlinedInput-inputMarginDense {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n /* padding above and below together is 21px, and total height should be 40px */\n
|
|
3158
|
+
return styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n &.", " {\n .MuiInputBase-root {\n background: ", ";\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiOutlinedInput-inputMarginDense {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiOutlinedInput-inputMultiline {\n padding: 0;\n }\n }\n &.", ", &.", " {\n .dot-adornment-icon .dot-icon i {\n margin-top: -2px;\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .MuiOutlinedInput-inputMarginDense:not(textarea) {\n height: 19px;\n }\n\n select.dot-select {\n background: ", ";\n\n padding-left: ", "px;\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .Mui-error .", " {\n color: ", ";\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n }\n\n .Mui-focused .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n "], ["\n &.", " {\n .MuiInputBase-root {\n background: ", ";\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiOutlinedInput-inputMarginDense {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiOutlinedInput-inputMultiline {\n padding: 0;\n }\n }\n &.", ", &.", " {\n .dot-adornment-icon .dot-icon i {\n margin-top: -2px;\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .MuiOutlinedInput-inputMarginDense:not(textarea) {\n height: 19px;\n }\n\n select.dot-select {\n background: ", ";\n\n padding-left: ", "px;\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .Mui-error .", " {\n color: ", ";\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n }\n\n .Mui-focused .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n "])), rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.spacing(1.5), adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? "44px" : "12px", successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.product === 'agility' && agilityGreen, theme.palette.layer.n200);
|
|
3157
3159
|
});
|
|
3158
3160
|
var templateObject_1$J, templateObject_2$H, templateObject_3$7, templateObject_4$5, templateObject_5$1;
|
|
3159
3161
|
|
|
@@ -35,6 +35,8 @@ export interface SidebarProps extends CommonProps {
|
|
|
35
35
|
navItems?: Array<ListItemProps>;
|
|
36
36
|
/** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
|
|
37
37
|
nestedListType?: NestedListType;
|
|
38
|
+
/** onCollapseChange callback, true when the sidebar is collapsed **/
|
|
39
|
+
onCollapseChange?: (collapsed: boolean) => void;
|
|
38
40
|
/** If true, the sidebar is open. */
|
|
39
41
|
open?: boolean;
|
|
40
42
|
/** The text that is displayed at the top of the sidebar */
|
|
@@ -44,4 +46,4 @@ export interface SidebarProps extends CommonProps {
|
|
|
44
46
|
/** Width of main menu drawer if mainMenu provided, defaults to 240px */
|
|
45
47
|
width?: number;
|
|
46
48
|
}
|
|
47
|
-
export declare const DotSidebar: ({ appLogo, appLogoSmall, ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayAppLogo, displayBrand, goBack, navItems, nestedListType, open, title, titleAvatarProps, width, }: SidebarProps) => JSX.Element;
|
|
49
|
+
export declare const DotSidebar: ({ appLogo, appLogoSmall, ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayAppLogo, displayBrand, goBack, navItems, nestedListType, onCollapseChange, open, title, titleAvatarProps, width, }: SidebarProps) => JSX.Element;
|