@widergy/energy-ui 2.12.1 → 2.12.2
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/dist/components/EnergyThemeProvider/index.js +36 -13
- package/dist/components/Loading/constants.js +2 -1
- package/dist/components/Loading/index.js +12 -13
- package/dist/components/Loading/theme.js +2 -4
- package/dist/components/UTAlert/AlertHandler.js +101 -75
- package/dist/components/UTAlert/index.js +87 -65
- package/dist/components/UTAlert/theme.js +32 -32
- package/dist/components/UTAttachment/components/Preview/index.js +9 -8
- package/dist/components/UTAttachment/constants.js +13 -7
- package/dist/components/UTAttachment/index.js +250 -159
- package/dist/components/UTAttachment/layout.js +27 -26
- package/dist/components/UTAttachment/theme.js +2 -4
- package/dist/components/UTAttachment/utils.js +117 -34
- package/dist/components/UTAutocomplete/components/ListBox/index.js +21 -13
- package/dist/components/UTAutocomplete/components/ListBox/utils.js +11 -9
- package/dist/components/UTAutocomplete/constants.js +23 -12
- package/dist/components/UTAutocomplete/index.js +94 -54
- package/dist/components/UTAutocomplete/theme.js +4 -6
- package/dist/components/UTAvatar/constants.js +3 -2
- package/dist/components/UTAvatar/index.js +17 -18
- package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js +22 -22
- package/dist/components/UTBarChart/components/Bars/components/Bar/constants.js +1 -1
- package/dist/components/UTBarChart/components/Bars/components/Bar/index.js +22 -21
- package/dist/components/UTBarChart/components/Bars/constants.js +6 -3
- package/dist/components/UTBarChart/components/Bars/index.js +80 -70
- package/dist/components/UTBarChart/components/Legend/constants.js +18 -12
- package/dist/components/UTBarChart/components/Legend/index.js +93 -75
- package/dist/components/UTBarChart/components/Legend/utils.js +5 -1
- package/dist/components/UTBarChart/components/Levels/index.js +14 -16
- package/dist/components/UTBarChart/components/Levels/utils.js +27 -25
- package/dist/components/UTBarChart/components/LinearPlot/constants.js +5 -3
- package/dist/components/UTBarChart/components/LinearPlot/index.js +20 -25
- package/dist/components/UTBarChart/components/LinearPlot/utils.js +39 -37
- package/dist/components/UTBarChart/components/Pagination/constants.js +2 -1
- package/dist/components/UTBarChart/components/Pagination/index.js +24 -20
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +32 -21
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +4 -2
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +19 -20
- package/dist/components/UTBarChart/components/XAxis/constants.js +2 -1
- package/dist/components/UTBarChart/components/XAxis/index.js +65 -54
- package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +11 -12
- package/dist/components/UTBarChart/components/YAxis/constants.js +2 -1
- package/dist/components/UTBarChart/components/YAxis/index.js +37 -30
- package/dist/components/UTBarChart/components/YAxis/utils.js +6 -4
- package/dist/components/UTBarChart/constants.js +8 -4
- package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +40 -23
- package/dist/components/UTBarChart/index.js +166 -152
- package/dist/components/UTBarChart/theme.js +2 -4
- package/dist/components/UTBarChart/types.js +19 -10
- package/dist/components/UTBarChart/utils.js +111 -107
- package/dist/components/UTBreadcrumbs/constants.js +31 -23
- package/dist/components/UTBreadcrumbs/index.js +101 -76
- package/dist/components/UTBreadcrumbs/theme.js +2 -4
- package/dist/components/UTButton/constants.js +17 -11
- package/dist/components/UTButton/index.js +31 -28
- package/dist/components/UTButton/theme.js +23 -23
- package/dist/components/UTCBUInput/index.js +40 -36
- package/dist/components/UTCBUInput/theme.js +2 -4
- package/dist/components/UTCaptcha/index.js +45 -19
- package/dist/components/UTCard/components/UTCardFooter/index.js +16 -15
- package/dist/components/UTCard/index.js +120 -85
- package/dist/components/UTCard/theme.js +12 -11
- package/dist/components/UTCard/types.js +3 -2
- package/dist/components/UTCarousel/components/Button/index.js +13 -13
- package/dist/components/UTCarousel/components/Legend/index.js +15 -13
- package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
- package/dist/components/UTCarousel/components/Slider/constants.js +10 -5
- package/dist/components/UTCarousel/components/Slider/index.js +273 -204
- package/dist/components/UTCarousel/components/Slider/layout.js +94 -67
- package/dist/components/UTCarousel/index.js +15 -14
- package/dist/components/UTCarousel/theme.js +2 -4
- package/dist/components/UTCheckList/constants.js +2 -1
- package/dist/components/UTCheckList/index.js +93 -72
- package/dist/components/UTCheckList/theme.js +31 -31
- package/dist/components/UTCheckbox/constants.js +6 -3
- package/dist/components/UTCheckbox/index.js +44 -32
- package/dist/components/UTCheckbox/theme.js +35 -35
- package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
- package/dist/components/UTConsumptionBar/constants.js +6 -3
- package/dist/components/UTConsumptionBar/index.js +80 -53
- package/dist/components/UTCuit/index.js +133 -109
- package/dist/components/UTCuit/theme.js +53 -51
- package/dist/components/UTDatePicker/components/Day/constants.js +2 -1
- package/dist/components/UTDatePicker/components/Day/index.js +12 -12
- package/dist/components/UTDatePicker/constants.js +31 -20
- package/dist/components/UTDatePicker/index.js +102 -60
- package/dist/components/UTDatePicker/theme.js +3 -5
- package/dist/components/UTDatePicker/types.js +3 -2
- package/dist/components/UTDatePicker/utils.js +6 -2
- package/dist/components/UTDialog/constants.js +4 -2
- package/dist/components/UTDialog/index.js +37 -38
- package/dist/components/UTDialog/theme.js +2 -4
- package/dist/components/UTDialog/types.js +3 -2
- package/dist/components/UTDotMenu/index.js +61 -39
- package/dist/components/UTEmojiPicker/constants.js +11 -6
- package/dist/components/UTEmojiPicker/index.js +65 -45
- package/dist/components/UTEmojiPicker/theme.js +2 -4
- package/dist/components/UTEmojiPicker/utils.js +51 -21
- package/dist/components/UTExternalLink/constants.js +5 -3
- package/dist/components/UTExternalLink/index.js +15 -18
- package/dist/components/UTExternalLink/theme.js +6 -8
- package/dist/components/UTFileInput/constants.js +4 -2
- package/dist/components/UTFileInput/index.js +31 -7
- package/dist/components/UTFileInput/layout.js +97 -68
- package/dist/components/UTIconButton/index.js +72 -49
- package/dist/components/UTIconButton/theme.js +2 -4
- package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +58 -53
- package/dist/components/UTImageRadio/constants.js +6 -3
- package/dist/components/UTImageRadio/index.js +47 -39
- package/dist/components/UTImageRadio/theme.js +12 -11
- package/dist/components/UTImageRadio/types.js +3 -2
- package/dist/components/UTImageRadio/utils.js +6 -2
- package/dist/components/UTLabel/constants.js +20 -14
- package/dist/components/UTLabel/index.js +20 -18
- package/dist/components/UTLabel/theme.js +15 -15
- package/dist/components/UTList/index.js +18 -15
- package/dist/components/UTLoading/index.js +15 -15
- package/dist/components/UTMap/components/GoogleMaps/constants.js +11 -8
- package/dist/components/UTMap/components/GoogleMaps/index.js +91 -63
- package/dist/components/UTMap/components/GoogleMaps/styles.js +3 -2
- package/dist/components/UTMap/constants.js +12 -6
- package/dist/components/UTMap/index.js +198 -163
- package/dist/components/UTMap/types.js +6 -4
- package/dist/components/UTMap/utils.js +46 -29
- package/dist/components/UTMap/withGoogleMapScript.js +22 -18
- package/dist/components/UTMenu/index.js +69 -52
- package/dist/components/UTMenu/theme.js +3 -5
- package/dist/components/UTMenu/utils.js +11 -5
- package/dist/components/UTModal/constants.js +13 -9
- package/dist/components/UTModal/index.js +30 -26
- package/dist/components/UTModal/theme.js +2 -4
- package/dist/components/UTPagination/components/PageSizeSelector/index.js +10 -11
- package/dist/components/UTPagination/components/PageSizeSelector/utils.js +13 -7
- package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTPagination/components/Pagination/index.js +39 -28
- package/dist/components/UTPagination/components/Pagination/utils.js +14 -8
- package/dist/components/UTPagination/constants.js +6 -3
- package/dist/components/UTPagination/index.js +17 -16
- package/dist/components/UTPagination/theme.js +2 -4
- package/dist/components/UTPanel/index.js +44 -38
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +10 -13
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +19 -22
- package/dist/components/UTPasswordField/components/PasswordValidations/index.js +50 -63
- package/dist/components/UTPasswordField/components/PasswordWarning/index.js +26 -25
- package/dist/components/UTPasswordField/index.js +23 -26
- package/dist/components/UTPasswordField/theme.js +2 -4
- package/dist/components/UTPhoneInput/constants.js +6 -3
- package/dist/components/UTPhoneInput/index.js +205 -180
- package/dist/components/UTPhoneInput/theme.js +77 -77
- package/dist/components/UTPieChart/components/ArrowLabel/constants.js +8 -4
- package/dist/components/UTPieChart/components/ArrowLabel/index.js +23 -24
- package/dist/components/UTPieChart/components/Legend/contants.js +6 -3
- package/dist/components/UTPieChart/components/Legend/index.js +24 -27
- package/dist/components/UTPieChart/constants.js +26 -13
- package/dist/components/UTPieChart/hooks/use-animated-value/index.js +33 -15
- package/dist/components/UTPieChart/index.js +76 -73
- package/dist/components/UTPieChart/theme.js +2 -4
- package/dist/components/UTPieChart/utils.js +2 -4
- package/dist/components/UTProgressBar/constants.js +4 -2
- package/dist/components/UTProgressBar/index.js +17 -15
- package/dist/components/UTProgressBar/theme.js +2 -4
- package/dist/components/UTProgressBar/types.js +3 -2
- package/dist/components/UTRadioGroup/index.js +83 -56
- package/dist/components/UTRadioGroup/theme.js +52 -52
- package/dist/components/UTRating/components/Circle/index.js +56 -41
- package/dist/components/UTRating/components/Faces/constants.js +4 -2
- package/dist/components/UTRating/components/Faces/index.js +36 -34
- package/dist/components/UTRating/components/Star/index.js +40 -36
- package/dist/components/UTRating/constants.js +8 -4
- package/dist/components/UTRating/index.js +46 -31
- package/dist/components/UTRating/theme.js +2 -4
- package/dist/components/UTRipple/Ripple.js +39 -22
- package/dist/components/UTRipple/index.js +37 -18
- package/dist/components/UTSelect/components/Option/index.js +13 -13
- package/dist/components/UTSelect/constants.js +8 -4
- package/dist/components/UTSelect/index.js +85 -63
- package/dist/components/UTSelect/stylesJS.js +3 -2
- package/dist/components/UTSelect/theme.js +4 -6
- package/dist/components/UTSelect/utils.js +13 -3
- package/dist/components/UTSidebar/components/ListOption/index.js +49 -34
- package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +8 -8
- package/dist/components/UTSidebar/components/LogosContainer/index.js +14 -14
- package/dist/components/UTSidebar/components/Option/constants.js +3 -2
- package/dist/components/UTSidebar/components/Option/index.js +32 -28
- package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
- package/dist/components/UTSidebar/index.js +53 -42
- package/dist/components/UTSidebar/theme.js +2 -4
- package/dist/components/UTSidebar/types.js +10 -5
- package/dist/components/UTSkeleton/index.js +36 -10
- package/dist/components/UTStatus/constants.js +9 -5
- package/dist/components/UTStatus/index.js +15 -16
- package/dist/components/UTStatus/theme.js +49 -66
- package/dist/components/UTSwitch/constants.js +6 -3
- package/dist/components/UTSwitch/index.js +57 -42
- package/dist/components/UTSwitch/theme.js +2 -4
- package/dist/components/UTTable/components/ActionIcons/constants.js +2 -1
- package/dist/components/UTTable/components/ActionIcons/index.js +85 -47
- package/dist/components/UTTable/components/Cell/components/ActionButton/index.js +12 -10
- package/dist/components/UTTable/components/Cell/index.js +23 -18
- package/dist/components/UTTable/components/HeaderCell/constants.js +3 -2
- package/dist/components/UTTable/components/HeaderCell/index.js +30 -23
- package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
- package/dist/components/UTTable/components/PrimaryAction/index.js +11 -12
- package/dist/components/UTTable/components/ResponsiveCell/index.js +20 -19
- package/dist/components/UTTable/components/Status/index.js +19 -18
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +9 -10
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +13 -7
- package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +32 -21
- package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +14 -8
- package/dist/components/UTTable/components/TableFooter/constants.js +2 -1
- package/dist/components/UTTable/components/TableFooter/index.js +15 -15
- package/dist/components/UTTable/components/TableHeader/index.js +11 -11
- package/dist/components/UTTable/components/TableRow/constants.js +6 -3
- package/dist/components/UTTable/components/TableRow/index.js +94 -79
- package/dist/components/UTTable/constants.js +43 -26
- package/dist/components/UTTable/hook.js +26 -11
- package/dist/components/UTTable/index.js +223 -132
- package/dist/components/UTTable/theme.js +17 -17
- package/dist/components/UTTable/types.js +8 -4
- package/dist/components/UTTable/utils.js +74 -70
- package/dist/components/UTTabs/components/TooltipTab/index.js +30 -20
- package/dist/components/UTTabs/constants.js +8 -4
- package/dist/components/UTTabs/index.js +86 -57
- package/dist/components/UTTabs/theme.js +2 -4
- package/dist/components/UTTabs/utils.js +1 -1
- package/dist/components/UTTextArea/constants.js +6 -3
- package/dist/components/UTTextArea/index.js +23 -23
- package/dist/components/UTTextArea/theme.js +2 -4
- package/dist/components/UTTextInput/constants.js +3 -2
- package/dist/components/UTTextInput/index.js +165 -137
- package/dist/components/UTTextInput/theme.js +4 -6
- package/dist/components/UTThirdPartyCookieChecker/index.js +21 -17
- package/dist/components/UTToggle/components/ToggleOption/index.js +17 -16
- package/dist/components/UTToggle/index.js +26 -25
- package/dist/components/UTToggle/theme.js +2 -4
- package/dist/components/UTTooltip/index.js +30 -23
- package/dist/components/UTTooltip/theme.js +2 -4
- package/dist/components/UTTopbar/components/Notifications/index.js +14 -11
- package/dist/components/UTTopbar/components/UserMenu/index.js +15 -15
- package/dist/components/UTTopbar/index.js +31 -28
- package/dist/components/UTTopbar/theme.js +2 -4
- package/dist/components/UTTopbar/types.js +9 -5
- package/dist/components/UTTouchableWithoutFeedback/index.js +27 -14
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +4 -2
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +31 -34
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +12 -6
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +18 -8
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +47 -23
- package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +34 -31
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +93 -81
- package/dist/components/UTVirtualizedList/constants.js +8 -4
- package/dist/components/UTVirtualizedList/index.js +38 -26
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +21 -17
- package/dist/components/UTWorkflowContainer/constants.js +6 -3
- package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
- package/dist/components/UTWorkflowContainer/index.js +51 -32
- package/dist/components/UTWorkflowContainer/theme.js +53 -60
- package/dist/components/UTWorkflowContainer/types.js +3 -2
- package/dist/components/WithLoading/index.js +15 -10
- package/dist/components/WithTheme/index.js +17 -10
- package/dist/components/WithTheme/layout.js +28 -22
- package/dist/components/WithTouch/index.js +19 -12
- package/dist/constants/UTTable.js +3 -2
- package/dist/index.js +58 -58
- package/dist/theme.js +5 -6
- package/dist/types/commonTypes.js +5 -3
- package/dist/types/consumptionTypes.js +5 -3
- package/dist/types/formTypes.js +7 -4
- package/dist/types/tableTypes.js +3 -2
- package/dist/utils/classesUtils.js +13 -5
- package/dist/utils/componentUtils.js +13 -10
- package/dist/utils/helperFunctions.js +4 -4
- package/dist/utils/shadowUtils.js +11 -13
- package/dist/utils/useScreenSize.js +3 -2
- package/package.json +1 -1
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
|
-
|
|
7
|
+
var retrieveStyle = function retrieveStyle(_ref) {
|
|
8
8
|
var _theme$UTTooltip, _theme$UTTooltip2, _theme$UTTooltip3, _theme$UTTooltip4, _theme$UTTooltip5, _theme$UTTooltip6, _theme$UTTooltip7, _theme$UTTooltip8, _theme$UTTooltip9;
|
|
9
|
-
|
|
10
|
-
theme
|
|
11
|
-
} = _ref;
|
|
9
|
+
var theme = _ref.theme;
|
|
12
10
|
return {
|
|
13
11
|
container: {
|
|
14
12
|
backgroundColor: theme === null || theme === void 0 || (_theme$UTTooltip = theme.UTTooltip) === null || _theme$UTTooltip === void 0 || (_theme$UTTooltip = _theme$UTTooltip.container) === null || _theme$UTTooltip === void 0 ? void 0 : _theme$UTTooltip.backgroundColor,
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -11,16 +12,17 @@ var _array = require("@widergy/web-utils/lib/array");
|
|
|
11
12
|
var _types = require("../../types.js");
|
|
12
13
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
IconActive = _NotificationsNone.default,
|
|
20
|
-
IconInactive =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
var Notifications = function Notifications(_ref) {
|
|
18
|
+
var classes = _ref.classes,
|
|
19
|
+
_ref$IconActive = _ref.IconActive,
|
|
20
|
+
IconActive = _ref$IconActive === void 0 ? _NotificationsNone.default : _ref$IconActive,
|
|
21
|
+
_ref$IconInactive = _ref.IconInactive,
|
|
22
|
+
IconInactive = _ref$IconInactive === void 0 ? _NotificationsNone.default : _ref$IconInactive,
|
|
23
|
+
_ref$notifications = _ref.notifications,
|
|
24
|
+
notifications = _ref$notifications === void 0 ? [] : _ref$notifications;
|
|
25
|
+
var IconComponent = (0, _array.isEmpty)(notifications) ? IconActive : IconInactive;
|
|
24
26
|
return /*#__PURE__*/_react.default.createElement(IconComponent, {
|
|
25
27
|
className: "".concat(_stylesModule.default.notificationsIcon, " ").concat(classes.notificationsIcon)
|
|
26
28
|
});
|
|
@@ -31,4 +33,5 @@ Notifications.propTypes = {
|
|
|
31
33
|
IconInactive: _types.iconType,
|
|
32
34
|
notifications: (0, _propTypes.arrayOf)(_propTypes.object)
|
|
33
35
|
};
|
|
34
|
-
var _default =
|
|
36
|
+
var _default = /*#__PURE__*/(0, _react.memo)(Notifications);
|
|
37
|
+
exports.default = _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -12,20 +13,18 @@ var _index = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback
|
|
|
12
13
|
var _index2 = _interopRequireDefault(require("../../../UTLabel/index.js"));
|
|
13
14
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
title
|
|
28
|
-
} = _ref;
|
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
+
var UserMenu = function UserMenu(_ref) {
|
|
19
|
+
var Arrow = _ref.Arrow,
|
|
20
|
+
avatar = _ref.avatar,
|
|
21
|
+
classes = _ref.classes,
|
|
22
|
+
handleClick = _ref.handleClick,
|
|
23
|
+
justAvatar = _ref.justAvatar,
|
|
24
|
+
MenuComponent = _ref.MenuComponent,
|
|
25
|
+
menuOpened = _ref.menuOpened,
|
|
26
|
+
subtitle = _ref.subtitle,
|
|
27
|
+
title = _ref.title;
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
30
29
|
onClick: handleClick,
|
|
31
30
|
className: "".concat(justAvatar ? _stylesModule.default.justAvatarUserMenu : _stylesModule.default.userMenu, " ").concat(classes.userMenu, " ").concat(!handleClick && _stylesModule.default.disableMenu)
|
|
@@ -54,4 +53,5 @@ UserMenu.propTypes = {
|
|
|
54
53
|
UserMenu.defaultProps = {
|
|
55
54
|
Arrow: _ExpandMore.default
|
|
56
55
|
};
|
|
57
|
-
var _default =
|
|
56
|
+
var _default = /*#__PURE__*/(0, _react.memo)(UserMenu);
|
|
57
|
+
exports.default = _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -18,34 +19,35 @@ var _theme = require("./theme");
|
|
|
18
19
|
var _types = require("./types.js");
|
|
19
20
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
20
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
24
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
enableNotifications = false,
|
|
34
|
-
handleClick,
|
|
35
|
-
handleMenu,
|
|
36
|
-
isMobileSize,
|
|
37
|
-
justAvatar,
|
|
38
|
-
MenuComponent,
|
|
39
|
-
menuOpened,
|
|
40
|
-
notificationIconActive,
|
|
41
|
-
notificationIconInactive,
|
|
42
|
-
title,
|
|
43
|
-
titleProps,
|
|
44
|
-
userSubtitle,
|
|
45
|
-
userTitle,
|
|
46
|
-
UTMenu
|
|
47
|
-
|
|
48
|
-
|
|
25
|
+
var UTTopbar = function UTTopbar(_ref) {
|
|
26
|
+
var Arrow = _ref.Arrow,
|
|
27
|
+
avatar = _ref.avatar,
|
|
28
|
+
breadcrumbs = _ref.breadcrumbs,
|
|
29
|
+
breadcrumbsProps = _ref.breadcrumbsProps,
|
|
30
|
+
children = _ref.children,
|
|
31
|
+
themeClasses = _ref.classes,
|
|
32
|
+
classNames = _ref.classNames,
|
|
33
|
+
_ref$enableNotificati = _ref.enableNotifications,
|
|
34
|
+
enableNotifications = _ref$enableNotificati === void 0 ? false : _ref$enableNotificati,
|
|
35
|
+
handleClick = _ref.handleClick,
|
|
36
|
+
handleMenu = _ref.handleMenu,
|
|
37
|
+
isMobileSize = _ref.isMobileSize,
|
|
38
|
+
justAvatar = _ref.justAvatar,
|
|
39
|
+
MenuComponent = _ref.MenuComponent,
|
|
40
|
+
menuOpened = _ref.menuOpened,
|
|
41
|
+
notificationIconActive = _ref.notificationIconActive,
|
|
42
|
+
notificationIconInactive = _ref.notificationIconInactive,
|
|
43
|
+
title = _ref.title,
|
|
44
|
+
titleProps = _ref.titleProps,
|
|
45
|
+
userSubtitle = _ref.userSubtitle,
|
|
46
|
+
userTitle = _ref.userTitle,
|
|
47
|
+
UTMenu = _ref.UTMenu;
|
|
48
|
+
var classes = (0, _react.useMemo)(function () {
|
|
49
|
+
return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
|
|
50
|
+
}, [classNames]);
|
|
49
51
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
50
52
|
className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
|
|
51
53
|
}, handleMenu && isMobileSize && /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
@@ -99,4 +101,5 @@ UTTopbar.propTypes = {
|
|
|
99
101
|
userTitle: _propTypes.string,
|
|
100
102
|
UTMenu: _propTypes.node
|
|
101
103
|
};
|
|
102
|
-
var _default =
|
|
104
|
+
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTopbar);
|
|
105
|
+
exports.default = _default;
|
|
@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
7
|
var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
|
|
9
|
+
var retrieveStyle = function retrieveStyle(_ref) {
|
|
10
10
|
var _theme$UTTopbar, _theme$UTTopbar2, _theme$UTTopbar3, _theme$UTTopbar4, _theme$UTTopbar5, _theme$UTTopbar6, _theme$UTTopbar7, _theme$UTTopbar8, _theme$UTTopbar9, _theme$UTTopbar10, _theme$UTTopbar11, _theme$UTTopbar12, _theme$UTTopbar13, _theme$UTTopbar14, _theme$UTTopbar15, _theme$UTTopbar16, _theme$UTTopbar17, _theme$UTTopbar18, _theme$UTTopbar19, _theme$UTTopbar20, _theme$UTTopbar21, _theme$UTTopbar22, _theme$UTTopbar23, _theme$UTTopbar24, _theme$UTTopbar25, _theme$UTTopbar26, _theme$UTTopbar27, _theme$UTTopbar28, _theme$UTTopbar29, _theme$UTTopbar30, _theme$UTTopbar31, _theme$UTTopbar32, _theme$UTTopbar33, _theme$UTTopbar34, _theme$UTTopbar35, _theme$UTTopbar36, _theme$UTTopbar37, _theme$UTTopbar38, _theme$UTTopbar39, _theme$UTTopbar40;
|
|
11
|
-
|
|
12
|
-
theme
|
|
13
|
-
} = _ref;
|
|
11
|
+
var theme = _ref.theme;
|
|
14
12
|
return {
|
|
15
13
|
container: {
|
|
16
14
|
background: (theme === null || theme === void 0 || (_theme$UTTopbar = theme.UTTopbar) === null || _theme$UTTopbar === void 0 || (_theme$UTTopbar = _theme$UTTopbar.container) === null || _theme$UTTopbar === void 0 ? void 0 : _theme$UTTopbar.background) || _colorsModule.default.white,
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.menuPropsType = exports.iconType = exports.classType = exports.avatarType = void 0;
|
|
7
7
|
var _propTypes = require("prop-types");
|
|
8
|
-
|
|
8
|
+
var classType = (0, _propTypes.shape)({
|
|
9
9
|
container: _propTypes.string,
|
|
10
10
|
notifications: _propTypes.string,
|
|
11
11
|
title: _propTypes.string,
|
|
@@ -13,11 +13,15 @@ const classType = exports.classType = (0, _propTypes.shape)({
|
|
|
13
13
|
userMenuAvatar: _propTypes.string,
|
|
14
14
|
userMenuArrow: _propTypes.string
|
|
15
15
|
});
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
exports.classType = classType;
|
|
17
|
+
var avatarType = (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.elementType, _propTypes.func]);
|
|
18
|
+
exports.avatarType = avatarType;
|
|
19
|
+
var iconType = (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func]);
|
|
20
|
+
exports.iconType = iconType;
|
|
21
|
+
var menuPropsType = (0, _propTypes.shape)({
|
|
19
22
|
ItemComponent: _propTypes.elementType.isRequired,
|
|
20
23
|
items: _propTypes.array.isRequired,
|
|
21
24
|
itemComponentProps: _propTypes.object,
|
|
22
25
|
LastItem: _propTypes.elementType
|
|
23
|
-
});
|
|
26
|
+
});
|
|
27
|
+
exports.menuPropsType = menuPropsType;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,22 +9,33 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
9
|
var _propTypes = require("prop-types");
|
|
9
10
|
var _UTRipple = _interopRequireDefault(require("../UTRipple"));
|
|
10
11
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
12
|
+
var _excluded = ["children", "className", "onClick", "containerSetter", "withRipple", "keyName"];
|
|
11
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
15
25
|
function UTTouchableWithoutFeedback(_ref) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
withRipple = false,
|
|
22
|
-
keyName,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
var children = _ref.children,
|
|
27
|
+
className = _ref.className,
|
|
28
|
+
onClick = _ref.onClick,
|
|
29
|
+
containerSetter = _ref.containerSetter,
|
|
30
|
+
_ref$withRipple = _ref.withRipple,
|
|
31
|
+
withRipple = _ref$withRipple === void 0 ? false : _ref$withRipple,
|
|
32
|
+
keyName = _ref.keyName,
|
|
33
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
var _useState = (0, _react.useState)(null),
|
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
+
buttonRef = _useState2[0],
|
|
37
|
+
setButtonRef = _useState2[1];
|
|
38
|
+
var setRef = function setRef(ref) {
|
|
27
39
|
setButtonRef(ref);
|
|
28
40
|
if (containerSetter) containerSetter(ref);
|
|
29
41
|
};
|
|
@@ -45,4 +57,5 @@ UTTouchableWithoutFeedback.propTypes = {
|
|
|
45
57
|
withRipple: _propTypes.bool,
|
|
46
58
|
keyName: _propTypes.string
|
|
47
59
|
};
|
|
48
|
-
var _default =
|
|
60
|
+
var _default = UTTouchableWithoutFeedback;
|
|
61
|
+
exports.default = _default;
|
package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js
CHANGED
|
@@ -4,5 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SUB_KEY = exports.KEY = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
var KEY = 'UTV-ROW-';
|
|
8
|
+
exports.KEY = KEY;
|
|
9
|
+
var SUB_KEY = 'UTV-ITEM-';
|
|
10
|
+
exports.SUB_KEY = SUB_KEY;
|
package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js
CHANGED
|
@@ -12,31 +12,25 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
/* eslint-disable react/no-array-index-key */
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
var ListRow = function ListRow(_ref) {
|
|
16
16
|
var _ledgerRef$current$el, _ledgerRef$current;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
const {
|
|
35
|
-
itemRenderer,
|
|
36
|
-
itemPadding,
|
|
37
|
-
elementWidth
|
|
38
|
-
} = configItemRender;
|
|
39
|
-
const width = elementWidth - itemPadding;
|
|
17
|
+
var row = _ref.row,
|
|
18
|
+
index = _ref.index,
|
|
19
|
+
effect = _ref.effect,
|
|
20
|
+
configItemRender = _ref.configItemRender,
|
|
21
|
+
updateLedger = _ref.updateLedger,
|
|
22
|
+
ledgerRef = _ref.ledgerRef;
|
|
23
|
+
var elementKey = "".concat(_constants.KEY).concat(index);
|
|
24
|
+
var _useResizeEvent = (0, _energyHooks.useResizeEvent)(function (element) {
|
|
25
|
+
var _ref2 = element || {},
|
|
26
|
+
clientHeight = _ref2.clientHeight;
|
|
27
|
+
if (clientHeight) updateLedger(elementKey, clientHeight);
|
|
28
|
+
}),
|
|
29
|
+
setRef = _useResizeEvent.setRef;
|
|
30
|
+
var itemRenderer = configItemRender.itemRenderer,
|
|
31
|
+
itemPadding = configItemRender.itemPadding,
|
|
32
|
+
elementWidth = configItemRender.elementWidth;
|
|
33
|
+
var width = elementWidth - itemPadding;
|
|
40
34
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
41
35
|
key: elementKey,
|
|
42
36
|
className: "".concat(_stylesModule.default.row, " ").concat(_stylesModule.default[effect]),
|
|
@@ -44,15 +38,17 @@ const ListRow = _ref => {
|
|
|
44
38
|
top: (_ledgerRef$current$el = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[elementKey]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.offset) !== null && _ledgerRef$current$el !== void 0 ? _ledgerRef$current$el : 0
|
|
45
39
|
},
|
|
46
40
|
ref: setRef
|
|
47
|
-
}, row.map((item, itemIndex)
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
}, row.map(function (item, itemIndex) {
|
|
42
|
+
return item && /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
key: "".concat(_constants.SUB_KEY).concat(itemIndex),
|
|
44
|
+
style: {
|
|
45
|
+
padding: itemPadding / 2,
|
|
46
|
+
width: width,
|
|
47
|
+
maxWidth: width
|
|
48
|
+
},
|
|
49
|
+
className: _stylesModule.default.item
|
|
50
|
+
}, itemRenderer(item, index));
|
|
51
|
+
}));
|
|
56
52
|
};
|
|
57
53
|
ListRow.propTypes = {
|
|
58
54
|
row: _propTypes.array,
|
|
@@ -71,4 +67,5 @@ ListRow.propTypes = {
|
|
|
71
67
|
}))
|
|
72
68
|
})
|
|
73
69
|
};
|
|
74
|
-
var _default =
|
|
70
|
+
var _default = ListRow;
|
|
71
|
+
exports.default = _default;
|
package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js
CHANGED
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getDynamicPosition = void 0;
|
|
7
|
-
|
|
7
|
+
var getDynamicPosition = function getDynamicPosition(ref, position, setPosition) {
|
|
8
8
|
var _ref$current, _sibling$clientHeight, _sibling$offsetTop;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
var sibling = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousSibling;
|
|
10
|
+
var height = (_sibling$clientHeight = sibling === null || sibling === void 0 ? void 0 : sibling.clientHeight) !== null && _sibling$clientHeight !== void 0 ? _sibling$clientHeight : 0;
|
|
11
|
+
var offsetTop = (_sibling$offsetTop = sibling === null || sibling === void 0 ? void 0 : sibling.offsetTop) !== null && _sibling$offsetTop !== void 0 ? _sibling$offsetTop : 0;
|
|
12
12
|
if (position !== offsetTop + height) setPosition(sibling ? offsetTop + height : 0);
|
|
13
13
|
};
|
|
14
14
|
exports.getDynamicPosition = getDynamicPosition;
|
|
@@ -4,14 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SCROLL_THROTTLE_DELAY = exports.SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT = exports.MAX_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = exports.CACHE = void 0;
|
|
7
|
-
|
|
7
|
+
var CACHE = {
|
|
8
8
|
height: 200
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
exports.CACHE = CACHE;
|
|
11
|
+
var SCROLL_EVENT_OPTIONS = {
|
|
11
12
|
passive: true,
|
|
12
13
|
capture: true
|
|
13
14
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
exports.SCROLL_EVENT_OPTIONS = SCROLL_EVENT_OPTIONS;
|
|
16
|
+
var SCROLL_EVENT = 'scroll';
|
|
17
|
+
exports.SCROLL_EVENT = SCROLL_EVENT;
|
|
18
|
+
var SCROLL_THROTTLE_DELAY = 50;
|
|
19
|
+
exports.SCROLL_THROTTLE_DELAY = SCROLL_THROTTLE_DELAY;
|
|
20
|
+
var MAX_LIMIT_MULTIPLIER = 4;
|
|
21
|
+
exports.MAX_LIMIT_MULTIPLIER = MAX_LIMIT_MULTIPLIER;
|
|
22
|
+
var DEFAULT_LIMIT_MULTIPLIER = 2;
|
|
23
|
+
exports.DEFAULT_LIMIT_MULTIPLIER = DEFAULT_LIMIT_MULTIPLIER;
|
|
@@ -6,13 +6,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _constants = require("../components/ListRow/constants");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
14
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
var useLedger = function useLedger(data) {
|
|
16
|
+
var _useState = (0, _react.useState)({}),
|
|
17
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18
|
+
ledger = _useState2[0],
|
|
19
|
+
setLedger = _useState2[1];
|
|
20
|
+
var ledgerRef = (0, _react.useRef)(ledger);
|
|
12
21
|
ledgerRef.current = ledger;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
data.forEach((_, index)
|
|
22
|
+
var resetLedger = function resetLedger() {
|
|
23
|
+
var newLedger = {};
|
|
24
|
+
data.forEach(function (_, index) {
|
|
16
25
|
newLedger["".concat(_constants.KEY).concat(index)] = {
|
|
17
26
|
height: 0,
|
|
18
27
|
offset: 0
|
|
@@ -20,9 +29,10 @@ const useLedger = data => {
|
|
|
20
29
|
});
|
|
21
30
|
return newLedger;
|
|
22
31
|
};
|
|
23
|
-
(0, _react.useEffect)(()
|
|
32
|
+
(0, _react.useEffect)(function () {
|
|
24
33
|
if (Object.keys(ledger).length !== data.length) setLedger(resetLedger());
|
|
25
34
|
}, [data]);
|
|
26
35
|
return [ledgerRef, setLedger];
|
|
27
36
|
};
|
|
28
|
-
var _default =
|
|
37
|
+
var _default = useLedger;
|
|
38
|
+
exports.default = _default;
|
package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js
CHANGED
|
@@ -10,33 +10,56 @@ var _constants = require("../constants");
|
|
|
10
10
|
var _utils = require("../utils");
|
|
11
11
|
var _useLedger = _interopRequireDefault(require("./use-ledger"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
14
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
15
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
16
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
+
var useVirtualizedData = function useVirtualizedData(data, totalElements, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange) {
|
|
24
|
+
var _useState = (0, _react.useState)(false),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
shouldReRender = _useState2[0],
|
|
27
|
+
setShouldReRender = _useState2[1];
|
|
28
|
+
var _useState3 = (0, _react.useState)(0),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
scroll = _useState4[0],
|
|
31
|
+
setScroll = _useState4[1];
|
|
32
|
+
var _useState5 = (0, _react.useState)([]),
|
|
33
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
34
|
+
virtualizedData = _useState6[0],
|
|
35
|
+
setVirtualizedData = _useState6[1];
|
|
36
|
+
var _useHeightLedger = (0, _useLedger.default)(data),
|
|
37
|
+
_useHeightLedger2 = _slicedToArray(_useHeightLedger, 2),
|
|
38
|
+
heightLedger = _useHeightLedger2[0],
|
|
39
|
+
setHeightLedger = _useHeightLedger2[1];
|
|
40
|
+
var updateScroll = function updateScroll(_ref) {
|
|
41
|
+
var target = _ref.target;
|
|
22
42
|
if (target === listViewportRef.current) {
|
|
23
|
-
|
|
43
|
+
var currentScroll = target.scrollTop;
|
|
24
44
|
setScroll(currentScroll);
|
|
25
45
|
}
|
|
26
46
|
};
|
|
27
47
|
(0, _energyHooks.useScrollbarThrottle)(updateScroll, listViewportRef, _constants.SCROLL_THROTTLE_DELAY);
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
48
|
+
var rowRenderer = (0, _react.useCallback)((0, _utils.createRowRenderer)(configItemRender, effect), [configItemRender, effect]);
|
|
49
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
50
|
+
return (0, _utils.renderVirtualScreen)(scroll, overscan, totalElements, listViewportHeight, heightLedger.current);
|
|
51
|
+
}, [scroll, overscan, totalElements, heightLedger.current, listViewportHeight]),
|
|
52
|
+
virtualScreenStart = _useMemo.virtualScreenStart,
|
|
53
|
+
virtualScreenEnd = _useMemo.virtualScreenEnd,
|
|
54
|
+
listHeight = _useMemo.listHeight;
|
|
55
|
+
(0, _react.useEffect)(function () {
|
|
35
56
|
setShouldReRender(true);
|
|
36
57
|
}, [listViewportWidth, rowRenderer, elementsPerRow, heightLedger.current, data, reRenderOnChange]);
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
58
|
+
var ledgerUpdater = (0, _react.useMemo)(function () {
|
|
59
|
+
return (0, _utils.updateLedger)(heightLedger, setHeightLedger);
|
|
60
|
+
}, [heightLedger, setHeightLedger]);
|
|
61
|
+
(0, _react.useEffect)(function () {
|
|
62
|
+
var newVirtualizedData = shouldReRender ? new Array(totalElements).fill(null) : _toConsumableArray(virtualizedData);
|
|
40
63
|
(0, _utils.nullifyDataInBetween)(newVirtualizedData, 0, virtualScreenStart);
|
|
41
64
|
(0, _utils.nullifyDataInBetween)(newVirtualizedData, virtualScreenEnd, newVirtualizedData.length);
|
|
42
65
|
(0, _utils.addVirtualizedElements)(data, newVirtualizedData, virtualScreenStart, virtualScreenEnd, rowRenderer, ledgerUpdater, heightLedger);
|
|
@@ -44,8 +67,9 @@ const useVirtualizedData = (data, totalElements, overscan, listViewportHeight, l
|
|
|
44
67
|
if (shouldReRender) setShouldReRender(false);
|
|
45
68
|
}, [virtualScreenStart, virtualScreenEnd, shouldReRender, ledgerUpdater]);
|
|
46
69
|
return {
|
|
47
|
-
virtualizedData,
|
|
48
|
-
listHeight
|
|
70
|
+
virtualizedData: virtualizedData,
|
|
71
|
+
listHeight: listHeight
|
|
49
72
|
};
|
|
50
73
|
};
|
|
51
|
-
var _default =
|
|
74
|
+
var _default = useVirtualizedData;
|
|
75
|
+
exports.default = _default;
|