@innovaccer/design-system 2.25.1 → 2.26.0
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/CHANGELOG.md +41 -0
- package/dist/.lib/tsconfig.type.tsbuildinfo +5 -5
- package/dist/core/components/molecules/tooltip/Tooltip.d.ts +2 -0
- package/dist/index.esm.js +13 -7
- package/dist/index.js +12 -7
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,44 @@
|
|
|
1
|
+
## 2.26.0 (2024-01-04)
|
|
2
|
+
|
|
3
|
+
### Highlights
|
|
4
|
+
|
|
5
|
+
- feat(tooltip): add support for conditional rendering to show tooltip (3737d2ac)
|
|
6
|
+
- feat(table): embed codesandbox for table filter pattern in storybook (210bb99b)
|
|
7
|
+
|
|
8
|
+
### Breaking changes
|
|
9
|
+
|
|
10
|
+
NA
|
|
11
|
+
|
|
12
|
+
### Migration guide
|
|
13
|
+
|
|
14
|
+
NA
|
|
15
|
+
|
|
16
|
+
### Deprecations
|
|
17
|
+
|
|
18
|
+
NA
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
- feat(tooltip): add support for conditional rendering to show tooltip (3737d2ac)
|
|
23
|
+
- feat(table): embed codesandbox for table filter pattern in storybook (210bb99b)
|
|
24
|
+
|
|
25
|
+
### Fixes
|
|
26
|
+
|
|
27
|
+
- fix(popperwrapper): update popper close animation (90d668b6)
|
|
28
|
+
- fix(editableDropdown): fix rendering issue on close without selection (0a9e7cde)
|
|
29
|
+
- fix(docs): update cypress test cases (1b9b5dcc)
|
|
30
|
+
|
|
31
|
+
### Improvements
|
|
32
|
+
|
|
33
|
+
- test(dateRangePicker): update the snapshots for dateRangePicker (84aa4a2e)
|
|
34
|
+
|
|
35
|
+
### Documentation
|
|
36
|
+
|
|
37
|
+
- docs(docs): add status for data visualizations page (47df871d)
|
|
38
|
+
- docs(docs): add table filter documentation in patterns (bd17c539)
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
1
42
|
## 2.25.1 (2023-11-20)
|
|
2
43
|
|
|
3
44
|
### Highlights
|
|
@@ -747,7 +747,7 @@
|
|
|
747
747
|
"affectsGlobalScope": false
|
|
748
748
|
},
|
|
749
749
|
"../../core/components/molecules/editableDropdown/EditableDropdown.tsx": {
|
|
750
|
-
"version": "
|
|
750
|
+
"version": "aff9e7ff18391927e4b8d5fabe35c183530d1dca708c054bda7b37128561fb99",
|
|
751
751
|
"signature": "302fc70d29def09fc588806c4c2a49285cead7cdc4bc67b3a2a5422b1efd89af",
|
|
752
752
|
"affectsGlobalScope": false
|
|
753
753
|
},
|
|
@@ -977,8 +977,8 @@
|
|
|
977
977
|
"affectsGlobalScope": false
|
|
978
978
|
},
|
|
979
979
|
"../../core/components/molecules/tooltip/Tooltip.tsx": {
|
|
980
|
-
"version": "
|
|
981
|
-
"signature": "
|
|
980
|
+
"version": "082cb28ff3f392accbfffe28db1cb144d4067fee3810360c5910e807e3c32313",
|
|
981
|
+
"signature": "d2bee07437956ae5217d3c601e80ff8d61935c71f0a5a88fe993d3df5dab7915",
|
|
982
982
|
"affectsGlobalScope": false
|
|
983
983
|
},
|
|
984
984
|
"../../core/components/molecules/tooltip/index.tsx": {
|
|
@@ -1177,7 +1177,7 @@
|
|
|
1177
1177
|
"affectsGlobalScope": false
|
|
1178
1178
|
},
|
|
1179
1179
|
"../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
|
|
1180
|
-
"version": "
|
|
1180
|
+
"version": "a9b0f82d2ae14e36df05c70e60ad62c2200abe32e03ac56f4e86bacf43304be4",
|
|
1181
1181
|
"signature": "37559ed84e328f9f34972afc14e34f27efa408fdf63544cca2a3410083c2cc6d",
|
|
1182
1182
|
"affectsGlobalScope": false
|
|
1183
1183
|
},
|
|
@@ -2862,7 +2862,7 @@
|
|
|
2862
2862
|
"affectsGlobalScope": false
|
|
2863
2863
|
},
|
|
2864
2864
|
"../../core/utils/docPage/index.tsx": {
|
|
2865
|
-
"version": "
|
|
2865
|
+
"version": "691f1f47f83a80310860119b4d6f8ae682e935710245ce038829eec0291e2ee4",
|
|
2866
2866
|
"signature": "d793df693e1f566f2a7fd586a5ba76f93009c359e9795372d49bb1dafa1d2c00",
|
|
2867
2867
|
"affectsGlobalScope": false
|
|
2868
2868
|
},
|
|
@@ -4,12 +4,14 @@ declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "on
|
|
|
4
4
|
declare type TooltipPopperProps = typeof tooltipPropsList[number];
|
|
5
5
|
export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
|
|
6
6
|
tooltip: string;
|
|
7
|
+
showTooltip?: boolean;
|
|
7
8
|
children: PopoverProps['trigger'];
|
|
8
9
|
}
|
|
9
10
|
export declare const Tooltip: {
|
|
10
11
|
(props: TooltipProps): JSX.Element;
|
|
11
12
|
defaultProps: Record<string, any> & {
|
|
12
13
|
hoverable: boolean;
|
|
14
|
+
showTooltip: boolean;
|
|
13
15
|
};
|
|
14
16
|
};
|
|
15
17
|
export default Tooltip;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on:
|
|
3
|
+
* Generated on: 1704359844381
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v2.
|
|
5
|
+
* Version: v2.26.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://innovaccer.github.io/design-system
|
|
8
8
|
*/
|
|
@@ -7365,7 +7365,6 @@ var EditableDropdown = function EditableDropdown(props) {
|
|
|
7365
7365
|
|
|
7366
7366
|
var onClose = function onClose(selected) {
|
|
7367
7367
|
setEditing(false);
|
|
7368
|
-
setShowComponent(false);
|
|
7369
7368
|
if (onDropdownClose) onDropdownClose(selected);
|
|
7370
7369
|
};
|
|
7371
7370
|
|
|
@@ -13826,7 +13825,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
|
|
|
13826
13825
|
|
|
13827
13826
|
|
|
13828
13827
|
var popperAnimationStyles = {
|
|
13829
|
-
animation: open ? "popper-open-".concat(uniqueKey, " 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms") : "popper-close-".concat(uniqueKey, " 120ms cubic-bezier(0.2, 0, 1, 0.9)
|
|
13828
|
+
animation: open ? "popper-open-".concat(uniqueKey, " 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms") : "popper-close-".concat(uniqueKey, " 120ms cubic-bezier(0.2, 0, 1, 0.9), fadeOut 100ms")
|
|
13830
13829
|
};
|
|
13831
13830
|
childrenStyles = _objectSpread2(_objectSpread2(_objectSpread2({}, childrenStyles), popperAnimationStyles), {}, {
|
|
13832
13831
|
overflow: 'hidden'
|
|
@@ -14562,7 +14561,7 @@ var HorizontalNav = function HorizontalNav(props) {
|
|
|
14562
14561
|
}), list);
|
|
14563
14562
|
};
|
|
14564
14563
|
|
|
14565
|
-
var _excluded$c = ["children", "tooltip"];
|
|
14564
|
+
var _excluded$c = ["children", "tooltip", "showTooltip"];
|
|
14566
14565
|
var tooltipPropsList = ['trigger', 'on', 'open', 'offset', 'onToggle', 'dark', 'customStyle', 'closeOnBackdropClick', 'hideOnReferenceEscape', 'closeOnScroll'];
|
|
14567
14566
|
var positionValue = {
|
|
14568
14567
|
bottom: 'bottom',
|
|
@@ -14577,8 +14576,14 @@ var positionValue = {
|
|
|
14577
14576
|
var Tooltip = function Tooltip(props) {
|
|
14578
14577
|
var children = props.children,
|
|
14579
14578
|
tooltip = props.tooltip,
|
|
14579
|
+
showTooltip = props.showTooltip,
|
|
14580
14580
|
rest = _objectWithoutProperties(props, _excluded$c);
|
|
14581
14581
|
|
|
14582
|
+
if (!showTooltip) {
|
|
14583
|
+
// If showTooltip is false skip the Popover and return the children directly
|
|
14584
|
+
return children;
|
|
14585
|
+
}
|
|
14586
|
+
|
|
14582
14587
|
var tooltipWrapper = /*#__PURE__*/React.createElement("div", {
|
|
14583
14588
|
className: "Tooltip"
|
|
14584
14589
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
@@ -14602,7 +14607,8 @@ var Tooltip = function Tooltip(props) {
|
|
|
14602
14607
|
// }, propsList);
|
|
14603
14608
|
|
|
14604
14609
|
Tooltip.defaultProps = Object.assign({}, filterProps(Popover.defaultProps, tooltipPropsList), {
|
|
14605
|
-
hoverable: false
|
|
14610
|
+
hoverable: false,
|
|
14611
|
+
showTooltip: true
|
|
14606
14612
|
});
|
|
14607
14613
|
|
|
14608
14614
|
var Dialog = function Dialog(props) {
|
|
@@ -23252,6 +23258,6 @@ Listbox.defaultProps = {
|
|
|
23252
23258
|
};
|
|
23253
23259
|
Listbox.Item = ListboxItem;
|
|
23254
23260
|
|
|
23255
|
-
var version = "2.
|
|
23261
|
+
var version = "2.26.0";
|
|
23256
23262
|
|
|
23257
23263
|
export { ActionCard, Avatar, AvatarGroup, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on:
|
|
3
|
+
* Generated on: 1704359844619
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v2.
|
|
5
|
+
* Version: v2.26.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://innovaccer.github.io/design-system
|
|
8
8
|
*/
|
|
@@ -6740,7 +6740,6 @@
|
|
|
6740
6740
|
|
|
6741
6741
|
var onClose = function onClose(selected) {
|
|
6742
6742
|
setEditing(false);
|
|
6743
|
-
setShowComponent(false);
|
|
6744
6743
|
if (onDropdownClose) onDropdownClose(selected);
|
|
6745
6744
|
};
|
|
6746
6745
|
|
|
@@ -8508,7 +8507,7 @@
|
|
|
8508
8507
|
}
|
|
8509
8508
|
|
|
8510
8509
|
var popperAnimationStyles = {
|
|
8511
|
-
animation: open ? "popper-open-" + uniqueKey + " 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms" : "popper-close-" + uniqueKey + " 120ms cubic-bezier(0.2, 0, 1, 0.9)
|
|
8510
|
+
animation: open ? "popper-open-" + uniqueKey + " 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms" : "popper-close-" + uniqueKey + " 120ms cubic-bezier(0.2, 0, 1, 0.9), fadeOut 100ms"
|
|
8512
8511
|
};
|
|
8513
8512
|
childrenStyles = __assign(__assign(__assign({}, childrenStyles), popperAnimationStyles), {
|
|
8514
8513
|
overflow: 'hidden'
|
|
@@ -9226,7 +9225,12 @@
|
|
|
9226
9225
|
var Tooltip = function Tooltip(props) {
|
|
9227
9226
|
var children = props.children,
|
|
9228
9227
|
tooltip = props.tooltip,
|
|
9229
|
-
|
|
9228
|
+
showTooltip = props.showTooltip,
|
|
9229
|
+
rest = __rest(props, ["children", "tooltip", "showTooltip"]);
|
|
9230
|
+
|
|
9231
|
+
if (!showTooltip) {
|
|
9232
|
+
return children;
|
|
9233
|
+
}
|
|
9230
9234
|
|
|
9231
9235
|
var tooltipWrapper = /*#__PURE__*/React__namespace.createElement("div", {
|
|
9232
9236
|
className: "Tooltip"
|
|
@@ -9247,7 +9251,8 @@
|
|
|
9247
9251
|
}), tooltipWrapper);
|
|
9248
9252
|
};
|
|
9249
9253
|
Tooltip.defaultProps = Object.assign({}, filterProps(Popover.defaultProps, tooltipPropsList), {
|
|
9250
|
-
hoverable: false
|
|
9254
|
+
hoverable: false,
|
|
9255
|
+
showTooltip: true
|
|
9251
9256
|
});
|
|
9252
9257
|
|
|
9253
9258
|
var Dialog = function Dialog(props) {
|
|
@@ -17500,7 +17505,7 @@
|
|
|
17500
17505
|
};
|
|
17501
17506
|
Listbox.Item = ListboxItem;
|
|
17502
17507
|
|
|
17503
|
-
var version = "2.
|
|
17508
|
+
var version = "2.26.0";
|
|
17504
17509
|
|
|
17505
17510
|
exports.ActionCard = ActionCard;
|
|
17506
17511
|
exports.Avatar = Avatar;
|