@zohodesk/components 1.0.0-temp-190.2 → 1.0.0-temp-192
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/.cli/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +16 -5
- package/es/Avatar/Avatar.module.css +0 -12
- package/es/AvatarTeam/AvatarTeam.module.css +0 -4
- package/es/Button/css/Button.module.css +0 -6
- package/es/Buttongroup/Buttongroup.module.css +0 -2
- package/es/CheckBox/CheckBox.js +10 -0
- package/es/CheckBox/CheckBox.module.css +0 -2
- package/es/CheckBox/props/propTypes.js +1 -0
- package/es/DateTime/DateTime.module.css +0 -1
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
- package/es/DropBox/css/DropBox.module.css +0 -1
- package/es/DropDown/DropDownHeading.module.css +0 -6
- package/es/DropDown/DropDownItem.module.css +0 -3
- package/es/Label/Label.module.css +0 -1
- package/es/ListItem/ListItem.js +2 -2
- package/es/ListItem/ListItem.module.css +85 -39
- package/es/ListItem/ListItemWithAvatar.js +3 -3
- package/es/ListItem/ListItemWithIcon.js +2 -2
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +9 -3
- package/es/MultiSelect/MultiSelect.js +9 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +3 -1
- package/es/MultiSelect/Suggestions.js +8 -4
- package/es/MultiSelect/props/defaultProps.js +9 -3
- package/es/MultiSelect/props/propTypes.js +7 -3
- package/es/PopOver/PopOver.module.css +3 -3
- package/es/Radio/Radio.js +26 -7
- package/es/Radio/Radio.module.css +3 -1
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
- package/es/Radio/props/defaultProps.js +1 -0
- package/es/Radio/props/propTypes.js +7 -0
- package/es/Ribbon/Ribbon.module.css +0 -4
- package/es/Select/GroupSelect.js +9 -3
- package/es/Select/SelectWithAvatar.js +9 -3
- package/es/Select/SelectWithIcon.js +9 -3
- package/es/Select/props/defaultProps.js +6 -3
- package/es/Select/props/propTypes.js +6 -3
- package/es/Switch/Switch.module.css +0 -2
- package/es/Tag/Tag.module.css +0 -6
- package/es/TextBox/TextBox.module.css +1 -21
- package/es/TextBoxIcon/TextBoxIcon.module.css +0 -5
- package/es/Textarea/Textarea.module.css +0 -6
- package/es/common/customscroll.module.css +27 -3
- package/es/v1/Animation/Animation.js +1 -1
- package/es/v1/Card/Card.js +1 -1
- package/es/v1/CheckBox/CheckBox.js +7 -1
- package/es/v1/CheckBox/props/propTypes.js +1 -0
- package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/es/v1/ListItem/ListContainer.js +1 -1
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +1 -1
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +1 -1
- package/es/v1/MultiSelect/props/defaultProps.js +5 -3
- package/es/v1/Radio/Radio.js +22 -7
- package/es/v1/Radio/props/defaultProps.js +1 -0
- package/es/v1/Radio/props/propTypes.js +7 -0
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
- package/es/v1/Select/GroupSelect.js +1 -1
- package/es/v1/Select/Select.js +1 -1
- package/es/v1/Select/SelectWithAvatar.js +5 -7
- package/es/v1/Select/SelectWithIcon.js +1 -1
- package/es/v1/Select/props/defaultProps.js +1 -1
- package/es/v1/Select/props/propTypes.js +1 -3
- package/es/v1/Tab/Tabs.js +2 -2
- package/es/v1/Tooltip/Tooltip.js +1 -1
- package/lib/Avatar/Avatar.module.css +0 -12
- package/lib/AvatarTeam/AvatarTeam.module.css +0 -4
- package/lib/Button/css/Button.module.css +0 -6
- package/lib/Buttongroup/Buttongroup.module.css +0 -2
- package/lib/CheckBox/CheckBox.js +34 -24
- package/lib/CheckBox/CheckBox.module.css +0 -2
- package/lib/CheckBox/props/propTypes.js +1 -0
- package/lib/DateTime/DateTime.module.css +0 -1
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +0 -7
- package/lib/DropBox/css/DropBox.module.css +0 -1
- package/lib/DropDown/DropDownHeading.module.css +0 -6
- package/lib/DropDown/DropDownItem.module.css +0 -3
- package/lib/Label/Label.module.css +0 -1
- package/lib/ListItem/ListItem.js +2 -2
- package/lib/ListItem/ListItem.module.css +85 -39
- package/lib/ListItem/ListItemWithAvatar.js +3 -3
- package/lib/ListItem/ListItemWithIcon.js +2 -2
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -3
- package/lib/MultiSelect/MultiSelect.js +8 -3
- package/lib/MultiSelect/MultiSelectWithAvatar.js +3 -1
- package/lib/MultiSelect/Suggestions.js +8 -4
- package/lib/MultiSelect/props/defaultProps.js +9 -3
- package/lib/MultiSelect/props/propTypes.js +9 -6
- package/lib/PopOver/PopOver.module.css +3 -3
- package/lib/Radio/Radio.js +45 -26
- package/lib/Radio/Radio.module.css +3 -1
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +3 -3
- package/lib/Radio/props/defaultProps.js +1 -0
- package/lib/Radio/props/propTypes.js +7 -0
- package/lib/Ribbon/Ribbon.module.css +0 -4
- package/lib/Select/GroupSelect.js +8 -3
- package/lib/Select/SelectWithAvatar.js +8 -3
- package/lib/Select/SelectWithIcon.js +8 -3
- package/lib/Select/props/defaultProps.js +5 -3
- package/lib/Select/props/propTypes.js +6 -3
- package/lib/Switch/Switch.module.css +0 -2
- package/lib/Tag/Tag.module.css +0 -6
- package/lib/TextBox/TextBox.module.css +1 -21
- package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -5
- package/lib/Textarea/Textarea.module.css +0 -6
- package/lib/common/customscroll.module.css +27 -3
- package/lib/v1/Animation/Animation.js +1 -1
- package/lib/v1/Card/Card.js +1 -1
- package/lib/v1/CheckBox/CheckBox.js +7 -1
- package/lib/v1/CheckBox/props/propTypes.js +1 -0
- package/lib/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/lib/v1/ListItem/ListContainer.js +1 -1
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +1 -1
- package/lib/v1/MultiSelect/props/defaultProps.js +5 -3
- package/lib/v1/Radio/Radio.js +22 -7
- package/lib/v1/Radio/props/defaultProps.js +1 -0
- package/lib/v1/Radio/props/propTypes.js +7 -0
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
- package/lib/v1/Select/GroupSelect.js +1 -1
- package/lib/v1/Select/Select.js +1 -1
- package/lib/v1/Select/SelectWithAvatar.js +4 -6
- package/lib/v1/Select/SelectWithIcon.js +1 -1
- package/lib/v1/Select/props/defaultProps.js +1 -1
- package/lib/v1/Select/props/propTypes.js +1 -3
- package/lib/v1/Tab/Tabs.js +2 -2
- package/lib/v1/Tooltip/Tooltip.js +1 -1
- package/package.json +10 -10
- package/result.json +1 -1
- package/es/v1/Provider/AvatarSize.js +0 -13
- package/es/v1/Provider/Config.js +0 -18
- package/es/v1/Provider/CssProvider.js +0 -16
- package/es/v1/Provider/IdProvider.js +0 -66
- package/es/v1/Provider/LibraryContext.js +0 -37
- package/es/v1/Provider/LibraryContextInit.js +0 -3
- package/es/v1/Provider/NumberGenerator/NumberGenerator.js +0 -136
- package/es/v1/Provider/ZindexProvider.js +0 -57
- package/es/v1/Provider/index.js +0 -4
- package/es/v1/Responsive/CustomResponsive.js +0 -195
- package/es/v1/Responsive/RefWrapper.js +0 -39
- package/es/v1/Responsive/ResizeComponent.js +0 -197
- package/es/v1/Responsive/ResizeObserver.js +0 -140
- package/es/v1/Responsive/Responsive.js +0 -194
- package/es/v1/Responsive/index.js +0 -9
- package/es/v1/Responsive/props/defaultProps.js +0 -13
- package/es/v1/Responsive/props/propTypes.js +0 -25
- package/lib/v1/Provider/AvatarSize.js +0 -24
- package/lib/v1/Provider/Config.js +0 -27
- package/lib/v1/Provider/CssProvider.js +0 -27
- package/lib/v1/Provider/IdProvider.js +0 -79
- package/lib/v1/Provider/LibraryContext.js +0 -76
- package/lib/v1/Provider/LibraryContextInit.js +0 -15
- package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +0 -174
- package/lib/v1/Provider/ZindexProvider.js +0 -69
- package/lib/v1/Provider/index.js +0 -81
- package/lib/v1/Responsive/CustomResponsive.js +0 -242
- package/lib/v1/Responsive/RefWrapper.js +0 -57
- package/lib/v1/Responsive/ResizeComponent.js +0 -268
- package/lib/v1/Responsive/ResizeObserver.js +0 -168
- package/lib/v1/Responsive/Responsive.js +0 -274
- package/lib/v1/Responsive/index.js +0 -55
- package/lib/v1/Responsive/props/defaultProps.js +0 -23
- package/lib/v1/Responsive/props/propTypes.js +0 -39
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.addGlobalId = addGlobalId;
|
|
9
|
-
exports.decreaseGlobalIds = decreaseGlobalIds;
|
|
10
|
-
exports.getNumberGenerators = getNumberGenerators;
|
|
11
|
-
exports.useNumberGenerator = useNumberGenerator;
|
|
12
|
-
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
|
|
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
|
-
|
|
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
|
-
|
|
19
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
20
|
-
|
|
21
|
-
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."); }
|
|
22
|
-
|
|
23
|
-
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); }
|
|
24
|
-
|
|
25
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
26
|
-
|
|
27
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
28
|
-
|
|
29
|
-
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; }
|
|
30
|
-
|
|
31
|
-
function addGlobalId(globalId) {
|
|
32
|
-
if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) + 1)) {
|
|
33
|
-
globalId = Number(globalId) + 1;
|
|
34
|
-
} else {
|
|
35
|
-
globalId = "".concat(globalId, "1");
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
return globalId;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
function decreaseGlobalId(number, globalId) {
|
|
42
|
-
if ("".concat(number) == "".concat(globalId)) {
|
|
43
|
-
if (Number.isSafeInteger(Number(globalId)) && Number.isSafeInteger(Number(globalId) - 1)) {
|
|
44
|
-
globalId = Number(globalId) - 1;
|
|
45
|
-
} else {
|
|
46
|
-
globalId = "".concat(globalId);
|
|
47
|
-
globalId = globalId.substring(0, globalId.length - 1);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
return {
|
|
51
|
-
isDeleted: true,
|
|
52
|
-
globalId: globalId
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
return {
|
|
57
|
-
isDeleted: false,
|
|
58
|
-
globalId: globalId
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
function decreaseGlobalIds(numbers, deletedIndexes, globalId) {
|
|
63
|
-
deletedIndexes = _toConsumableArray(deletedIndexes);
|
|
64
|
-
|
|
65
|
-
_toConsumableArray(numbers).reverse().map(function (number) {
|
|
66
|
-
var result = decreaseGlobalId(number, globalId);
|
|
67
|
-
globalId = result.globalId;
|
|
68
|
-
!result.isDeleted && deletedIndexes.push(number);
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
var _loop = function _loop() {
|
|
72
|
-
var presentHighValue = globalId;
|
|
73
|
-
var result = decreaseGlobalId(globalId, globalId);
|
|
74
|
-
globalId = result.globalId;
|
|
75
|
-
deletedIndexes = deletedIndexes.filter(function (ele) {
|
|
76
|
-
return "".concat(ele) != "".concat(presentHighValue);
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
for (; deletedIndexes.indexOf(globalId) != -1;) {
|
|
81
|
-
_loop();
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
return {
|
|
85
|
-
globalId: globalId,
|
|
86
|
-
deletedIndexes: deletedIndexes
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
function useNumberGenerator(_ref) {
|
|
91
|
-
var getGlobalId = _ref.getGlobalId,
|
|
92
|
-
prefix = _ref.prefix,
|
|
93
|
-
getGlobalPrefix = _ref.getGlobalPrefix,
|
|
94
|
-
getDeletedIndexes = _ref.getDeletedIndexes,
|
|
95
|
-
callback = _ref.callback;
|
|
96
|
-
var presentValues = (0, _react.useRef)([]),
|
|
97
|
-
presentIndex = (0, _react.useRef)(0);
|
|
98
|
-
prefix = typeof prefix === 'undefined' ? '' : "".concat(prefix, "_");
|
|
99
|
-
var globalPrefix = typeof getGlobalPrefix() === 'undefined' ? '' : "".concat(getGlobalPrefix(), "_");
|
|
100
|
-
|
|
101
|
-
function getNextId() {
|
|
102
|
-
presentIndex.current = presentIndex.current + 1;
|
|
103
|
-
var currentIndex = presentIndex.current;
|
|
104
|
-
var isValuePresent = typeof presentValues.current[currentIndex] !== 'undefined';
|
|
105
|
-
var result = isValuePresent ? presentValues.current[currentIndex] : presentValues.current[currentIndex] = addGlobalId(getGlobalId());
|
|
106
|
-
!isValuePresent && callback({
|
|
107
|
-
globalId: result,
|
|
108
|
-
deletedIndexes: getDeletedIndexes()
|
|
109
|
-
});
|
|
110
|
-
return "".concat(globalPrefix).concat(prefix).concat(presentValues.current[currentIndex]);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
(0, _react.useEffect)(function () {
|
|
114
|
-
presentValues.current = presentValues.current.filter(function (value, index) {
|
|
115
|
-
return index <= presentIndex.current;
|
|
116
|
-
});
|
|
117
|
-
});
|
|
118
|
-
(0, _react.useEffect)(function () {
|
|
119
|
-
return function () {
|
|
120
|
-
callback(decreaseGlobalIds(presentValues.current, getDeletedIndexes(), getGlobalId()));
|
|
121
|
-
};
|
|
122
|
-
}, []);
|
|
123
|
-
presentIndex.current = -1;
|
|
124
|
-
return getNextId;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
function getNumberGenerators(_ref2) {
|
|
128
|
-
var Component = _ref2.Component,
|
|
129
|
-
prefix = _ref2.prefix,
|
|
130
|
-
getGlobalPrefix = _ref2.getGlobalPrefix,
|
|
131
|
-
getGlobalId = _ref2.getGlobalId,
|
|
132
|
-
getDeletedIndexes = _ref2.getDeletedIndexes,
|
|
133
|
-
callback = _ref2.callback;
|
|
134
|
-
var presentIndex = 0,
|
|
135
|
-
presentValues = [],
|
|
136
|
-
name = Component.props.name;
|
|
137
|
-
var didUpdateRef = Component.componentDidUpdate ? Component.componentDidUpdate.bind(Component) : undefined,
|
|
138
|
-
renderRef = Component.render.bind(Component),
|
|
139
|
-
willUnMountRef = Component.componentWillUnmount ? Component.componentWillUnmount.bind(Component) : undefined;
|
|
140
|
-
prefix = typeof prefix !== 'undefined' ? "".concat(prefix, "_") : '';
|
|
141
|
-
|
|
142
|
-
Component.componentDidUpdate = function () {
|
|
143
|
-
didUpdateRef && didUpdateRef.apply(void 0, arguments);
|
|
144
|
-
presentValues = presentValues.filter(function (value, index) {
|
|
145
|
-
return index <= presentIndex;
|
|
146
|
-
});
|
|
147
|
-
};
|
|
148
|
-
|
|
149
|
-
Component.componentWillUnmount = function () {
|
|
150
|
-
callback(decreaseGlobalIds(presentValues, getDeletedIndexes(), getGlobalId()));
|
|
151
|
-
willUnMountRef && willUnMountRef();
|
|
152
|
-
didUpdateRef = null, renderRef = null, willUnMountRef = null;
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
Component.render = function () {
|
|
156
|
-
presentIndex = -1;
|
|
157
|
-
return renderRef();
|
|
158
|
-
};
|
|
159
|
-
|
|
160
|
-
function getNextId() {
|
|
161
|
-
presentIndex += 1;
|
|
162
|
-
var isValuePresent = typeof presentValues[presentIndex] !== 'undefined';
|
|
163
|
-
var result = isValuePresent ? presentValues[presentIndex] : presentValues[presentIndex] = addGlobalId(getGlobalId(getGlobalId()));
|
|
164
|
-
var globalPrefix = getGlobalPrefix();
|
|
165
|
-
globalPrefix = typeof globalPrefix === 'undefined' ? '' : "".concat(globalPrefix, "_");
|
|
166
|
-
!isValuePresent && callback({
|
|
167
|
-
globalId: result,
|
|
168
|
-
deletedIndexes: getDeletedIndexes()
|
|
169
|
-
});
|
|
170
|
-
return "".concat(globalPrefix).concat(prefix).concat(result);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
return getNextId;
|
|
174
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getZIndex = getZIndex;
|
|
7
|
-
exports.removeGlobalZIndexPrefix = removeGlobalZIndexPrefix;
|
|
8
|
-
exports.setInitialZIndex = setInitialZIndex;
|
|
9
|
-
exports.useZIndex = useZIndex;
|
|
10
|
-
|
|
11
|
-
var _NumberGenerator = require("./NumberGenerator/NumberGenerator");
|
|
12
|
-
|
|
13
|
-
var _Config = require("./Config");
|
|
14
|
-
|
|
15
|
-
var globalId = (0, _Config.getLibraryConfig)('zindexCounter'),
|
|
16
|
-
deletedIndexes = [],
|
|
17
|
-
globalPrefix;
|
|
18
|
-
|
|
19
|
-
function removeGlobalZIndexPrefix() {
|
|
20
|
-
globalPrefix = undefined;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function getGlobalZIndexPrefix() {
|
|
24
|
-
return globalPrefix;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function setInitialZIndex(id) {
|
|
28
|
-
globalId = id;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function getGlobalId() {
|
|
32
|
-
return globalId;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
function setDeletedIndexes(array) {
|
|
36
|
-
deletedIndexes = array;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function getDeletedIndexes() {
|
|
40
|
-
return deletedIndexes;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function callback(_ref) {
|
|
44
|
-
var globalId = _ref.globalId,
|
|
45
|
-
deletedIndexes = _ref.deletedIndexes;
|
|
46
|
-
setInitialZIndex(globalId);
|
|
47
|
-
setDeletedIndexes(deletedIndexes);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
function useZIndex(prefix) {
|
|
51
|
-
return (0, _NumberGenerator.useNumberGenerator)({
|
|
52
|
-
getGlobalId: getGlobalId,
|
|
53
|
-
prefix: prefix,
|
|
54
|
-
getGlobalPrefix: getGlobalZIndexPrefix,
|
|
55
|
-
getDeletedIndexes: getDeletedIndexes,
|
|
56
|
-
callback: callback
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
function getZIndex(Component, prefix) {
|
|
61
|
-
return (0, _NumberGenerator.getNumberGenerators)({
|
|
62
|
-
Component: Component,
|
|
63
|
-
prefix: prefix,
|
|
64
|
-
getGlobalPrefix: getGlobalZIndexPrefix,
|
|
65
|
-
getGlobalId: getGlobalId,
|
|
66
|
-
getDeletedIndexes: getDeletedIndexes,
|
|
67
|
-
callback: callback
|
|
68
|
-
});
|
|
69
|
-
}
|
package/lib/v1/Provider/index.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "LibraryContextProvider", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _LibraryContext["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "getLibraryConfig", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Config.getLibraryConfig;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "getUniqueId", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _IdProvider.getUniqueId;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "getZIndex", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _ZindexProvider.getZIndex;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "removeGlobalIdPrefix", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function get() {
|
|
33
|
-
return _IdProvider.removeGlobalIdPrefix;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "removeGlobalZIndexPrefix", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function get() {
|
|
39
|
-
return _ZindexProvider.removeGlobalZIndexPrefix;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "setGlobalIdPrefix", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function get() {
|
|
45
|
-
return _IdProvider.setGlobalIdPrefix;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "setInitialZIndex", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function get() {
|
|
51
|
-
return _ZindexProvider.setInitialZIndex;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "setLibraryConfig", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function get() {
|
|
57
|
-
return _Config.setLibraryConfig;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "useUniqueId", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function get() {
|
|
63
|
-
return _IdProvider.useUniqueId;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "useZIndex", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function get() {
|
|
69
|
-
return _ZindexProvider.useZIndex;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
var _Config = require("./Config");
|
|
74
|
-
|
|
75
|
-
var _LibraryContext = _interopRequireDefault(require("./LibraryContext"));
|
|
76
|
-
|
|
77
|
-
var _ZindexProvider = require("./ZindexProvider");
|
|
78
|
-
|
|
79
|
-
var _IdProvider = require("./IdProvider");
|
|
80
|
-
|
|
81
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,242 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ResponsiveReceiver = ResponsiveReceiver;
|
|
9
|
-
exports.ResponsiveSender = ResponsiveSender;
|
|
10
|
-
exports.useResponsiveReceiver = useResponsiveReceiver;
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _defaultProps = require("./props/defaultProps");
|
|
15
|
-
|
|
16
|
-
var _propTypes = require("./props/propTypes");
|
|
17
|
-
|
|
18
|
-
var _ResizeObserver = _interopRequireDefault(require("./ResizeObserver"));
|
|
19
|
-
|
|
20
|
-
var _RefWrapper = _interopRequireDefault(require("./RefWrapper"));
|
|
21
|
-
|
|
22
|
-
var _shallowCompare = _interopRequireDefault(require("../../Responsive/utils/shallowCompare"));
|
|
23
|
-
|
|
24
|
-
var _sizeObservers = require("../../Responsive/sizeObservers");
|
|
25
|
-
|
|
26
|
-
var _ContextOptimizer = require("../../utils/ContextOptimizer");
|
|
27
|
-
|
|
28
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
35
|
-
|
|
36
|
-
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."); }
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
43
|
-
|
|
44
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
45
|
-
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
|
|
48
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
49
|
-
|
|
50
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
51
|
-
|
|
52
|
-
// const commonBreakPoints = [ 480, 640, 768, 1024, 1440 ];
|
|
53
|
-
// const otherBreakPoints = [320, 360, 375, 720, 1280, 1600, 1920];
|
|
54
|
-
// defaultResponsiveId means if ResponsiveSender do not recive id This will be id
|
|
55
|
-
var defaultResponsiveId = 'parent_sender'; // validSizeResponsiveId means in some parent's height and with is caluclated ( readed )
|
|
56
|
-
|
|
57
|
-
var validSizeResponsiveId = 'valid_sender';
|
|
58
|
-
|
|
59
|
-
var ResponsiveContext = /*#__PURE__*/_react["default"].createContext(_defineProperty({}, validSizeResponsiveId, _sizeObservers.windowResizeObserver));
|
|
60
|
-
|
|
61
|
-
function ResponsiveSender(props) {
|
|
62
|
-
// variables
|
|
63
|
-
var children = props.children,
|
|
64
|
-
domRefKey = props.domRefKey,
|
|
65
|
-
responsiveId = props.responsiveId;
|
|
66
|
-
|
|
67
|
-
function init() {
|
|
68
|
-
var size = {
|
|
69
|
-
height: 0,
|
|
70
|
-
width: 0
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
function getSize() {
|
|
74
|
-
return size;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
var childContext = {
|
|
78
|
-
resize: new _sizeObservers.Subscribale(),
|
|
79
|
-
getSize: getSize,
|
|
80
|
-
// TODO: rename isParentSize ==> isSizeReaded (or) isMySize (or) isOriginalSize
|
|
81
|
-
isParentSize: false
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
function onResize(newSize) {
|
|
85
|
-
childContext.isParentSize = true;
|
|
86
|
-
size = newSize;
|
|
87
|
-
setTimeout(function () {
|
|
88
|
-
childContext.resize.dispatch(newSize);
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
var observer = new _ResizeObserver["default"](onResize);
|
|
93
|
-
|
|
94
|
-
function containerRef(node) {
|
|
95
|
-
observer.replaceObservationElement(node);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
return {
|
|
99
|
-
containerRef: containerRef,
|
|
100
|
-
childContext: childContext
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
var _useMemo = (0, _react.useMemo)(init, []),
|
|
105
|
-
containerRef = _useMemo.containerRef,
|
|
106
|
-
childContext = _useMemo.childContext;
|
|
107
|
-
|
|
108
|
-
function contextSelector(context) {
|
|
109
|
-
var totalContext = _objectSpread({}, context);
|
|
110
|
-
|
|
111
|
-
totalContext[responsiveId] = childContext; // NOTE: this for fallback of if responsive receiver id wrong or not avelable Responcive id
|
|
112
|
-
|
|
113
|
-
totalContext[defaultResponsiveId] = childContext;
|
|
114
|
-
|
|
115
|
-
if (childContext.isParentSize) {
|
|
116
|
-
totalContext[validSizeResponsiveId] = childContext;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
return totalContext;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
return /*#__PURE__*/_react["default"].createElement(_ContextOptimizer.ContextOptimizer, {
|
|
123
|
-
Context: ResponsiveContext,
|
|
124
|
-
calculation: contextSelector
|
|
125
|
-
}, function (totalContext) {
|
|
126
|
-
return /*#__PURE__*/_react["default"].createElement(ResponsiveContext.Provider, {
|
|
127
|
-
value: totalContext
|
|
128
|
-
}, /*#__PURE__*/_react["default"].createElement(_RefWrapper["default"], {
|
|
129
|
-
domRefKey: domRefKey,
|
|
130
|
-
ref: containerRef
|
|
131
|
-
}, children));
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
ResponsiveSender.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.CustomResponsiveSender_defaultProps), {}, {
|
|
136
|
-
responsiveId: defaultResponsiveId
|
|
137
|
-
});
|
|
138
|
-
ResponsiveSender.contextType = ResponsiveContext;
|
|
139
|
-
ResponsiveSender.propTypes = _propTypes.CustomResponsiveSender_propTypes;
|
|
140
|
-
|
|
141
|
-
function useResponsiveReceiver() {
|
|
142
|
-
var responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
|
|
143
|
-
var query = arguments.length > 1 ? arguments[1] : undefined;
|
|
144
|
-
|
|
145
|
-
var _useState = (0, _react.useState)(),
|
|
146
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
147
|
-
forceUpdate = _useState2[1];
|
|
148
|
-
|
|
149
|
-
var totalContextData = (0, _react.useContext)(ResponsiveContext);
|
|
150
|
-
var validSizeContextData = totalContextData[validSizeResponsiveId];
|
|
151
|
-
var contextData = totalContextData[responsiveId] || totalContextData[defaultResponsiveId] || validSizeContextData; // NOTE: this for fallback of if responsive receiver id wrong
|
|
152
|
-
|
|
153
|
-
var resizeHandlerRef = (0, _react.useRef)();
|
|
154
|
-
var data = (0, _react.useRef)();
|
|
155
|
-
|
|
156
|
-
function updateLatestData() {
|
|
157
|
-
var size = contextData.isParentSize ? contextData.getSize() : validSizeContextData.getSize();
|
|
158
|
-
var prevData = data.current;
|
|
159
|
-
data.current = query({
|
|
160
|
-
isTouchDevice: _sizeObservers.isTouchDevice,
|
|
161
|
-
isParentSize: contextData.isParentSize,
|
|
162
|
-
currentScreenSize: size,
|
|
163
|
-
mediaQueryOR: function mediaQueryOR(breakPointArray) {
|
|
164
|
-
return breakPointArray.some(function (breakPoint) {
|
|
165
|
-
var _isBreackPointMatched = (0, _sizeObservers.isBreackPointMatched)(breakPoint, size),
|
|
166
|
-
isHeight = _isBreackPointMatched.isHeight,
|
|
167
|
-
isWidth = _isBreackPointMatched.isWidth;
|
|
168
|
-
|
|
169
|
-
return isHeight || isWidth;
|
|
170
|
-
});
|
|
171
|
-
},
|
|
172
|
-
mediaQueryAND: function mediaQueryAND(breakPointArray) {
|
|
173
|
-
return breakPointArray.every(function (breakPoint) {
|
|
174
|
-
var _isBreackPointMatched2 = (0, _sizeObservers.isBreackPointMatched)(breakPoint, size),
|
|
175
|
-
isHeight = _isBreackPointMatched2.isHeight,
|
|
176
|
-
isWidth = _isBreackPointMatched2.isWidth;
|
|
177
|
-
|
|
178
|
-
return (isHeight === undefined ? true : isHeight) && (isWidth === undefined ? true : isWidth);
|
|
179
|
-
});
|
|
180
|
-
}
|
|
181
|
-
});
|
|
182
|
-
var isSameValues = (0, _shallowCompare["default"])(data.current, prevData);
|
|
183
|
-
|
|
184
|
-
if (isSameValues) {
|
|
185
|
-
data.current = prevData;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
return isSameValues;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
resizeHandlerRef.current = updateLatestData;
|
|
192
|
-
(0, _react.useEffect)(function () {
|
|
193
|
-
function handleResize(size) {
|
|
194
|
-
var isSameValues = resizeHandlerRef.current(size);
|
|
195
|
-
!isSameValues && forceUpdate({});
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
contextData.resize.subscribe(handleResize);
|
|
199
|
-
return function () {
|
|
200
|
-
return contextData.resize.unsubscribe(handleResize);
|
|
201
|
-
};
|
|
202
|
-
}, [contextData]); // const prevContextDataRef = useRef();
|
|
203
|
-
// function handleResize(size) {
|
|
204
|
-
// const prevData = data.current;
|
|
205
|
-
// resizeHandlerRef.current(size);
|
|
206
|
-
// const isSammeValues = shallowCompare(data.current, prevData);
|
|
207
|
-
// !isSammeValues && forceUpdate({});
|
|
208
|
-
// }
|
|
209
|
-
// if(prevContextDataRef.current !== contextData) {
|
|
210
|
-
// prevContextDataRef.current = contextData;
|
|
211
|
-
// contextData.resize.unsubscribe(handleResize);
|
|
212
|
-
// windowResizeObserver.unobserve(handleResize);
|
|
213
|
-
// if (contextData) {
|
|
214
|
-
// contextData.resize.subscribe(handleResize);
|
|
215
|
-
// } else {
|
|
216
|
-
// windowResizeObserver.observe(handleResize);
|
|
217
|
-
// }
|
|
218
|
-
// }
|
|
219
|
-
// NOTE: this call for we must give updated value
|
|
220
|
-
|
|
221
|
-
updateLatestData();
|
|
222
|
-
return data.current;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
function ResponsiveReceiver(_ref) {
|
|
226
|
-
var children = _ref.children,
|
|
227
|
-
responsiveId = _ref.responsiveId,
|
|
228
|
-
query = _ref.query,
|
|
229
|
-
eleRef = _ref.eleRef,
|
|
230
|
-
domRefKey = _ref.domRefKey;
|
|
231
|
-
var data = useResponsiveReceiver(responsiveId, query);
|
|
232
|
-
var child = children(data);
|
|
233
|
-
return eleRef ? /*#__PURE__*/_react["default"].createElement(_RefWrapper["default"], {
|
|
234
|
-
domRefKey: domRefKey,
|
|
235
|
-
ref: eleRef
|
|
236
|
-
}, child) : child;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
ResponsiveReceiver.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.CustomResponsiveReceiver_defaultProps), {}, {
|
|
240
|
-
responsiveId: defaultResponsiveId
|
|
241
|
-
});
|
|
242
|
-
ResponsiveReceiver.propTypes = _propTypes.CustomResponsiveReceiver_propTypes;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
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
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
|
|
22
|
-
function setRef(refFunc, value) {
|
|
23
|
-
if (typeof refFunc === 'function') {
|
|
24
|
-
refFunc(value);
|
|
25
|
-
} else if (refFunc instanceof Object) {
|
|
26
|
-
refFunc.current = value;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
var DOMRefWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, refFunc) {
|
|
31
|
-
var ele = _react.Children.only(props.children);
|
|
32
|
-
|
|
33
|
-
var _props$domRefKey = props.domRefKey,
|
|
34
|
-
domRefKey = _props$domRefKey === void 0 ? 'eleRef' : _props$domRefKey; // NOTE: need to check for forward Ref function, Because in Froward Ref case refKey is "ref"
|
|
35
|
-
|
|
36
|
-
var refKey = typeof ele.type !== 'string' ? domRefKey : 'ref'; // const setAttribute = useCallback(node => {
|
|
37
|
-
|
|
38
|
-
var eleRealRefFunc = ele.props[refKey];
|
|
39
|
-
var setAttribute = (0, _react.useCallback)(function (ref) {
|
|
40
|
-
setRef(refFunc, ref);
|
|
41
|
-
setRef(eleRealRefFunc, ref);
|
|
42
|
-
}, [refFunc, eleRealRefFunc]); // let refKey = typeof ele.type === 'string' ? 'ref' : 'eleRef';
|
|
43
|
-
|
|
44
|
-
var childProps = _defineProperty({}, refKey, setAttribute);
|
|
45
|
-
|
|
46
|
-
return /*#__PURE__*/(0, _react.cloneElement)(ele, childProps);
|
|
47
|
-
});
|
|
48
|
-
DOMRefWrapper.defaultProps = {
|
|
49
|
-
domRefKey: 'eleRef'
|
|
50
|
-
};
|
|
51
|
-
DOMRefWrapper.propTypes = {
|
|
52
|
-
domRefKey: _propTypes["default"].any,
|
|
53
|
-
children: _propTypes["default"].any
|
|
54
|
-
};
|
|
55
|
-
DOMRefWrapper.displayName = 'DOMRefWrapper';
|
|
56
|
-
var _default = DOMRefWrapper;
|
|
57
|
-
exports["default"] = _default;
|