@semcore/core 16.6.0 → 16.6.1
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/lib/core-types/Component.d.ts +79 -33
- package/lib/core-types/Component.js +46 -14
- package/lib/core-types/Component.js.map +1 -1
- package/lib/core-types/Component.mjs +7 -11
- package/lib/core-types/Component.mjs.map +1 -1
- package/lib/core-types/symbols.mjs +9 -9
- package/lib/coreFactory.d.ts +23 -6
- package/lib/coreFactory.js +22 -53
- package/lib/coreFactory.js.map +1 -1
- package/lib/coreFactory.mjs +35 -54
- package/lib/coreFactory.mjs.map +1 -1
- package/lib/enhancement/Children.mjs +1 -1
- package/lib/enhancement/bindHandler.d.ts +5 -0
- package/lib/enhancement/bindHandler.js +53 -0
- package/lib/enhancement/bindHandler.js.map +1 -0
- package/lib/enhancement/bindHandler.mjs +48 -0
- package/lib/enhancement/bindHandler.mjs.map +1 -0
- package/lib/enhancement/hoistProps.d.ts +10 -0
- package/lib/enhancement/hoistProps.js +95 -0
- package/lib/enhancement/hoistProps.js.map +1 -0
- package/lib/enhancement/hoistProps.mjs +78 -0
- package/lib/enhancement/hoistProps.mjs.map +1 -0
- package/lib/enhancement/staticChildren.mjs +3 -3
- package/lib/enhancement/style.mjs +2 -2
- package/lib/esm/core-types/Component.mjs +7 -11
- package/lib/esm/core-types/symbols.mjs +9 -9
- package/lib/esm/coreFactory.mjs +35 -54
- package/lib/esm/enhancement/Children.mjs +1 -1
- package/lib/esm/enhancement/bindHandler.mjs +48 -0
- package/lib/esm/enhancement/hoistProps.mjs +78 -0
- package/lib/esm/enhancement/staticChildren.mjs +3 -3
- package/lib/esm/enhancement/style.mjs +2 -2
- package/lib/esm/styled/sstyled.mjs +1 -1
- package/lib/esm/utils/createHoc.mjs +42 -0
- package/lib/esm/utils/enhances/WithI18n.mjs +46 -1
- package/lib/esm/utils/getDisplayName.mjs +6 -0
- package/lib/esm/utils/ref.mjs +14 -0
- package/lib/index.d.ts +3 -3
- package/lib/index.js.map +1 -1
- package/lib/index.mjs.map +1 -1
- package/lib/styled/index.d.ts +5 -1
- package/lib/styled/index.js.map +1 -1
- package/lib/styled/index.mjs.map +1 -1
- package/lib/styled/sstyled.mjs +1 -1
- package/lib/utils/ScreenReaderOnly.d.ts +8 -0
- package/lib/utils/ScreenReaderOnly.js +30 -0
- package/lib/utils/ScreenReaderOnly.js.map +1 -0
- package/lib/utils/ScreenReaderOnly.mjs +24 -0
- package/lib/utils/ScreenReaderOnly.mjs.map +1 -0
- package/lib/utils/createHoc.d.ts +3 -0
- package/lib/utils/createHoc.js +52 -0
- package/lib/utils/createHoc.js.map +1 -0
- package/lib/utils/createHoc.mjs +42 -0
- package/lib/utils/createHoc.mjs.map +1 -0
- package/lib/utils/enhances/WithAutoFocus.d.ts +14 -0
- package/lib/utils/enhances/WithAutoFocus.js +72 -0
- package/lib/utils/enhances/WithAutoFocus.js.map +1 -0
- package/lib/utils/enhances/WithAutoFocus.mjs +66 -0
- package/lib/utils/enhances/WithAutoFocus.mjs.map +1 -0
- package/lib/utils/enhances/WithCSS.d.ts +30 -2
- package/lib/utils/enhances/WithCSS.js +57 -4
- package/lib/utils/enhances/WithCSS.js.map +1 -1
- package/lib/utils/enhances/WithCSS.mjs +53 -2
- package/lib/utils/enhances/WithCSS.mjs.map +1 -1
- package/lib/utils/enhances/WithI18n.d.ts +30 -1
- package/lib/utils/enhances/WithI18n.js +57 -1
- package/lib/utils/enhances/WithI18n.js.map +1 -1
- package/lib/utils/enhances/WithI18n.mjs +46 -1
- package/lib/utils/enhances/WithI18n.mjs.map +1 -1
- package/lib/utils/enhances/WithKeyboardFocus.d.ts +46 -0
- package/lib/utils/enhances/WithKeyboardFocus.js +94 -0
- package/lib/utils/enhances/WithKeyboardFocus.js.map +1 -0
- package/lib/utils/enhances/WithKeyboardFocus.mjs +88 -0
- package/lib/utils/enhances/WithKeyboardFocus.mjs.map +1 -0
- package/lib/utils/enhances/WithRef.d.ts +3 -0
- package/lib/utils/enhances/WithRef.js +25 -0
- package/lib/utils/enhances/WithRef.js.map +1 -0
- package/lib/utils/enhances/WithRef.mjs +18 -0
- package/lib/utils/enhances/WithRef.mjs.map +1 -0
- package/lib/utils/enhances/animatedSizeEnhance.d.ts +4 -0
- package/lib/utils/enhances/animatedSizeEnhance.js +2 -0
- package/lib/utils/enhances/animatedSizeEnhance.js.map +1 -1
- package/lib/utils/enhances/animatedSizeEnhance.mjs +3 -0
- package/lib/utils/enhances/animatedSizeEnhance.mjs.map +1 -1
- package/lib/utils/enhances/autoFocusEnhance.d.ts +10 -0
- package/lib/utils/enhances/autoFocusEnhance.js +45 -0
- package/lib/utils/enhances/autoFocusEnhance.js.map +1 -0
- package/lib/utils/enhances/autoFocusEnhance.mjs +38 -0
- package/lib/utils/enhances/autoFocusEnhance.mjs.map +1 -0
- package/lib/utils/enhances/i18nEnhance.d.ts +4 -0
- package/lib/utils/enhances/i18nEnhance.js +2 -0
- package/lib/utils/enhances/i18nEnhance.js.map +1 -1
- package/lib/utils/enhances/i18nEnhance.mjs.map +1 -1
- package/lib/utils/enhances/keyboardFocusEnhance.d.ts +27 -0
- package/lib/utils/enhances/keyboardFocusEnhance.js +63 -0
- package/lib/utils/enhances/keyboardFocusEnhance.js.map +1 -0
- package/lib/utils/enhances/keyboardFocusEnhance.mjs +57 -0
- package/lib/utils/enhances/keyboardFocusEnhance.mjs.map +1 -0
- package/lib/utils/eventEmitter.d.ts +6 -10
- package/lib/utils/eventEmitter.js +27 -55
- package/lib/utils/eventEmitter.js.map +1 -1
- package/lib/utils/eventEmitter.mjs +27 -55
- package/lib/utils/eventEmitter.mjs.map +1 -1
- package/lib/utils/getDisplayName.mjs +5 -3
- package/lib/utils/if.d.ts +11 -0
- package/lib/utils/if.js +15 -0
- package/lib/utils/if.js.map +1 -0
- package/lib/utils/if.mjs +9 -0
- package/lib/utils/if.mjs.map +1 -0
- package/lib/utils/injectStyle.js +1 -1
- package/lib/utils/injectStyle.mjs +1 -1
- package/lib/utils/ref.d.ts +3 -1
- package/lib/utils/ref.js +14 -0
- package/lib/utils/ref.js.map +1 -1
- package/lib/utils/ref.mjs +14 -0
- package/lib/utils/ref.mjs.map +1 -1
- package/lib/utils/uniqueID.d.ts +4 -0
- package/lib/utils/uniqueID.js +3 -1
- package/lib/utils/uniqueID.js.map +1 -1
- package/lib/utils/uniqueID.mjs +4 -1
- package/lib/utils/uniqueID.mjs.map +1 -1
- package/lib/utils/use/useColorResolver.js +1 -1
- package/lib/utils/use/useColorResolver.js.map +1 -1
- package/lib/utils/use/useColorResolver.mjs +1 -1
- package/lib/utils/use/useColorResolver.mjs.map +1 -1
- package/lib/utils/use/useCss.d.ts +4 -0
- package/lib/utils/use/useCss.js +19 -0
- package/lib/utils/use/useCss.js.map +1 -0
- package/lib/utils/use/useCss.mjs +12 -0
- package/lib/utils/use/useCss.mjs.map +1 -0
- package/lib/utils/use/useEnhancedEffect.d.ts +1 -1
- package/lib/utils/zIndexStacking.d.ts +1 -3
- package/lib/utils/zIndexStacking.js.map +1 -1
- package/lib/utils/zIndexStacking.mjs.map +1 -1
- package/package.json +1 -1
- package/lib/decorators/propsObserver.d.ts +0 -11
- package/lib/decorators/propsObserver.js +0 -77
- package/lib/decorators/propsObserver.js.map +0 -1
- package/lib/decorators/propsObserver.mjs +0 -70
- package/lib/decorators/propsObserver.mjs.map +0 -1
- package/lib/decorators/reactive.d.ts +0 -11
- package/lib/decorators/reactive.js +0 -51
- package/lib/decorators/reactive.js.map +0 -1
- package/lib/decorators/reactive.mjs +0 -45
- package/lib/decorators/reactive.mjs.map +0 -1
- package/lib/utils/indentStyles.d.ts +0 -3
- package/lib/utils/indentStyles.js +0 -45
- package/lib/utils/indentStyles.js.map +0 -1
- package/lib/utils/indentStyles.mjs +0 -36
- package/lib/utils/indentStyles.mjs.map +0 -1
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
5
|
+
import React from "react";
|
|
6
|
+
import assignProps from "../utils/assignProps.mjs";
|
|
7
|
+
import pick from "../utils/pick.mjs";
|
|
8
|
+
import useEnhancedEffect from "../utils/use/useEnhancedEffect.mjs";
|
|
9
|
+
var HOIST_CONTEXT = Symbol("HOIST_CONTEXT");
|
|
10
|
+
var HOIST_SELF = Symbol("HOIST_SELF");
|
|
11
|
+
var HOIST_SET = Symbol("HOIST_SET");
|
|
12
|
+
function flatChildComponent(childComponents) {
|
|
13
|
+
return Object.values(childComponents).reduce(function(acc, Component) {
|
|
14
|
+
if (Array.isArray(Component)) {
|
|
15
|
+
acc.push(Component[0]);
|
|
16
|
+
acc.push.apply(acc, _toConsumableArray(flatChildComponent(Component[1])));
|
|
17
|
+
} else {
|
|
18
|
+
acc.push(Component);
|
|
19
|
+
}
|
|
20
|
+
return acc;
|
|
21
|
+
}, []);
|
|
22
|
+
}
|
|
23
|
+
function Enhancement(childComponents, Context) {
|
|
24
|
+
return {
|
|
25
|
+
condition: function condition(Component) {
|
|
26
|
+
return [Component].concat(_toConsumableArray(flatChildComponent(childComponents))).some(function(Component2) {
|
|
27
|
+
var _Component$hoistProps;
|
|
28
|
+
return Boolean((_Component$hoistProps = Component2.hoistProps) === null || _Component$hoistProps === void 0 ? void 0 : _Component$hoistProps.length);
|
|
29
|
+
});
|
|
30
|
+
},
|
|
31
|
+
init: function init(_props, _WrapperComponent, isFunction) {
|
|
32
|
+
var _this = this;
|
|
33
|
+
if (isFunction) {
|
|
34
|
+
this[HOIST_SELF] = React.useState({});
|
|
35
|
+
} else {
|
|
36
|
+
this[HOIST_SELF] = [{}, function(obj) {
|
|
37
|
+
_this[HOIST_SELF][0] = obj;
|
|
38
|
+
_this.forceUpdate();
|
|
39
|
+
}];
|
|
40
|
+
}
|
|
41
|
+
this[HOIST_SET] = function(obj) {
|
|
42
|
+
_this[HOIST_SELF][1](obj);
|
|
43
|
+
};
|
|
44
|
+
},
|
|
45
|
+
context: function context(_context) {
|
|
46
|
+
return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, HOIST_CONTEXT, this[HOIST_SET]));
|
|
47
|
+
},
|
|
48
|
+
asProps: function asProps(props) {
|
|
49
|
+
return assignProps(this[HOIST_SELF][0], props);
|
|
50
|
+
},
|
|
51
|
+
wrapperProps: function wrapperProps(props, WrapperComponent) {
|
|
52
|
+
var _WrapperComponent$hoi;
|
|
53
|
+
if ((_WrapperComponent$hoi = WrapperComponent.hoistProps) !== null && _WrapperComponent$hoi !== void 0 && _WrapperComponent$hoi.length) {
|
|
54
|
+
var context = React.useContext(Context);
|
|
55
|
+
var renameProps = WrapperComponent.hoistProps.reduce(function(acc, propName) {
|
|
56
|
+
var _propName$split = propName.split(":"), _propName$split2 = _slicedToArray(_propName$split, 2), name = _propName$split2[0], rename = _propName$split2[1];
|
|
57
|
+
acc[name] = rename || name;
|
|
58
|
+
return acc;
|
|
59
|
+
}, {});
|
|
60
|
+
var hoistProps = Object.entries(pick(props, Object.keys(renameProps))).reduce(function(acc, _ref) {
|
|
61
|
+
var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], value = _ref2[1];
|
|
62
|
+
acc[renameProps[name]] = value;
|
|
63
|
+
return acc;
|
|
64
|
+
}, {});
|
|
65
|
+
useEnhancedEffect(function() {
|
|
66
|
+
if (context[HOIST_CONTEXT]) {
|
|
67
|
+
context[HOIST_CONTEXT](hoistProps);
|
|
68
|
+
}
|
|
69
|
+
}, Object.values(hoistProps));
|
|
70
|
+
}
|
|
71
|
+
return props;
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
export {
|
|
76
|
+
HOIST_CONTEXT,
|
|
77
|
+
Enhancement as default
|
|
78
|
+
};
|
|
@@ -31,9 +31,9 @@ function flatGetterMethodNames(childComponents, parentName) {
|
|
|
31
31
|
return acc;
|
|
32
32
|
}, []);
|
|
33
33
|
}
|
|
34
|
-
var STATIC_COMPONENT =
|
|
35
|
-
var ROOT_COMPONENT =
|
|
36
|
-
var SELF_GETTER_METHOD =
|
|
34
|
+
var STATIC_COMPONENT = Symbol("STATIC_COMPONENT");
|
|
35
|
+
var ROOT_COMPONENT = Symbol("ROOT_COMPONENT");
|
|
36
|
+
var SELF_GETTER_METHOD = Symbol("SELF_GETTER_METHOD");
|
|
37
37
|
function Enhancement(childComponents, createComponent, options) {
|
|
38
38
|
var getterMethodNames = flatGetterMethodNames(childComponents);
|
|
39
39
|
return {
|
|
@@ -6,8 +6,8 @@ import { STATIC_COMPONENT } from "./staticChildren.mjs";
|
|
|
6
6
|
import "../styled/index.mjs";
|
|
7
7
|
import { sstyled } from "../styled/sstyled.mjs";
|
|
8
8
|
var _excluded = ["_styles", "styles"], _excluded2 = ["styles"];
|
|
9
|
-
var STYLES_CONTEXT =
|
|
10
|
-
var STYLES_SELF =
|
|
9
|
+
var STYLES_CONTEXT = Symbol("STYLES_CONTEXT");
|
|
10
|
+
var STYLES_SELF = Symbol("STYLES_SELF");
|
|
11
11
|
function Enhancement(childComponents, Context) {
|
|
12
12
|
return {
|
|
13
13
|
condition: function condition(Component) {
|
|
@@ -119,7 +119,7 @@ sstyled.css = function(_css) {
|
|
|
119
119
|
sstyled.insert = insert;
|
|
120
120
|
sstyled.merge = merge;
|
|
121
121
|
sstyled.getStyles = getStyles;
|
|
122
|
-
sstyled.SHADOW_STYLES =
|
|
122
|
+
sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
|
|
123
123
|
export {
|
|
124
124
|
sstyled
|
|
125
125
|
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
5
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
6
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
import hoistNonReactStatics from "hoist-non-react-statics";
|
|
10
|
+
import React, { PureComponent } from "react";
|
|
11
|
+
import getDisplayName from "./getDisplayName.mjs";
|
|
12
|
+
var _excluded = ["forwardedRef"];
|
|
13
|
+
function createHoc(EnhancedComponent) {
|
|
14
|
+
return function createWrapper() {
|
|
15
|
+
var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
16
|
+
return function(WrappedComponent) {
|
|
17
|
+
var Component = /* @__PURE__ */ (function(_PureComponent) {
|
|
18
|
+
function Component2() {
|
|
19
|
+
_classCallCheck(this, Component2);
|
|
20
|
+
return _callSuper(this, Component2, arguments);
|
|
21
|
+
}
|
|
22
|
+
_inherits(Component2, _PureComponent);
|
|
23
|
+
return _createClass(Component2, [{
|
|
24
|
+
key: "render",
|
|
25
|
+
value: function render() {
|
|
26
|
+
var _WrappedComponent$def = _objectSpread(_objectSpread({}, WrappedComponent.defaultProps), this.props), forwardedRef = _WrappedComponent$def.forwardedRef, others = _objectWithoutProperties(_WrappedComponent$def, _excluded);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(EnhancedComponent, _extends({}, options, this.props), function(enhancedComponentProps) {
|
|
28
|
+
return /* @__PURE__ */ React.createElement(WrappedComponent, _extends({
|
|
29
|
+
forwardedRef
|
|
30
|
+
}, others, enhancedComponentProps));
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}]);
|
|
34
|
+
})(PureComponent);
|
|
35
|
+
_defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
|
|
36
|
+
return hoistNonReactStatics(Component, WrappedComponent);
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export {
|
|
41
|
+
createHoc as default
|
|
42
|
+
};
|
|
@@ -1,9 +1,52 @@
|
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
1
6
|
import { createIntlCache, createIntl } from "@formatjs/intl";
|
|
2
|
-
import React, { createContext } from "react";
|
|
7
|
+
import React, { createContext, Component } from "react";
|
|
8
|
+
import createHoc from "../createHoc.mjs";
|
|
3
9
|
import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
|
|
4
10
|
var Context = /* @__PURE__ */ createContext(void 0);
|
|
5
11
|
var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
|
|
6
12
|
var messagesCache = createIntlCache();
|
|
13
|
+
function getText(dictionaries, locale) {
|
|
14
|
+
return function(key) {
|
|
15
|
+
var dictionary = dictionaries[locale];
|
|
16
|
+
return dictionary ? dictionary[key] : dictionaries["en"][key];
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
var WithI18n = /* @__PURE__ */ (function(_Component) {
|
|
20
|
+
function WithI18n2() {
|
|
21
|
+
var _this;
|
|
22
|
+
_classCallCheck(this, WithI18n2);
|
|
23
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
|
+
args[_key] = arguments[_key];
|
|
25
|
+
}
|
|
26
|
+
_this = _callSuper(this, WithI18n2, [].concat(args));
|
|
27
|
+
_defineProperty(_this, "context", void 0);
|
|
28
|
+
_defineProperty(_this, "getText", function(dictionary, selfLocale) {
|
|
29
|
+
var _this$props = _this.props, locale = _this$props.locale, getText2 = _this$props.getText;
|
|
30
|
+
var contextLocale = _this.context;
|
|
31
|
+
return getText2(dictionary, selfLocale || locale || contextLocale);
|
|
32
|
+
});
|
|
33
|
+
return _this;
|
|
34
|
+
}
|
|
35
|
+
_inherits(WithI18n2, _Component);
|
|
36
|
+
return _createClass(WithI18n2, [{
|
|
37
|
+
key: "render",
|
|
38
|
+
value: function render() {
|
|
39
|
+
var _ref = this.props, children = _ref.children;
|
|
40
|
+
return children({
|
|
41
|
+
getText: this.getText
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}]);
|
|
45
|
+
})(Component);
|
|
46
|
+
_defineProperty(WithI18n, "contextType", Context);
|
|
47
|
+
_defineProperty(WithI18n, "defaultProps", {
|
|
48
|
+
getText
|
|
49
|
+
});
|
|
7
50
|
var useI18n = function useI18n2(dictionary) {
|
|
8
51
|
var _React$useContext;
|
|
9
52
|
var locale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "en";
|
|
@@ -22,9 +65,11 @@ var useI18n = function useI18n2(dictionary) {
|
|
|
22
65
|
}, variables);
|
|
23
66
|
}, [intl]);
|
|
24
67
|
};
|
|
68
|
+
const WithI18n_default = createHoc(WithI18n);
|
|
25
69
|
export {
|
|
26
70
|
Context,
|
|
27
71
|
I18nConsumer,
|
|
28
72
|
I18nProvider,
|
|
73
|
+
WithI18n_default as default,
|
|
29
74
|
useI18n
|
|
30
75
|
};
|
package/lib/esm/utils/ref.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import React from "react";
|
|
4
|
+
import { findDOMNode } from "react-dom";
|
|
4
5
|
function setRef(ref, value) {
|
|
5
6
|
if (typeof ref === "function") {
|
|
6
7
|
ref(value);
|
|
@@ -64,8 +65,21 @@ function forkRef() {
|
|
|
64
65
|
});
|
|
65
66
|
};
|
|
66
67
|
}
|
|
68
|
+
function getNodeByRef(ref) {
|
|
69
|
+
if (typeof ref === "function") {
|
|
70
|
+
ref = ref();
|
|
71
|
+
}
|
|
72
|
+
if (!ref) return null;
|
|
73
|
+
var node = getRef(ref);
|
|
74
|
+
if (!node) return null;
|
|
75
|
+
if ("nodeType" in node && node.nodeType === 1) return node;
|
|
76
|
+
if (Object.keys(node).length === 1 && "getBoundingClientRect" in node) return null;
|
|
77
|
+
if (!/* @__PURE__ */ React.isValidElement(node) && !(node instanceof React.Component)) return null;
|
|
78
|
+
return findDOMNode(node);
|
|
79
|
+
}
|
|
67
80
|
export {
|
|
68
81
|
forkRef,
|
|
82
|
+
getNodeByRef,
|
|
69
83
|
getRef,
|
|
70
84
|
setRef,
|
|
71
85
|
useCallbackRef,
|
package/lib/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/** ============================== core ============================== */
|
|
2
2
|
import { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';
|
|
3
|
-
import type { PropGetterFn, IRootComponentProps,
|
|
3
|
+
import type { PropGetterFn, IRootComponentProps, ComponentType, IRootComponentHandlers, IComponentProps, ReturnEl, IFunctionProps } from './core-types/Component';
|
|
4
4
|
import { CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME } from './core-types/symbols';
|
|
5
5
|
import type { UnknownProperties } from './core-types/UnknownProperties';
|
|
6
6
|
import { createComponent, createBaseComponent, assignProps } from './coreFactory';
|
|
7
7
|
import { lastInteraction } from './LastInteractionType';
|
|
8
8
|
import register from './register';
|
|
9
|
-
import type {
|
|
9
|
+
import type { StyledProps } from './styled';
|
|
10
10
|
import { sstyled } from './styled';
|
|
11
|
-
export { sstyled, createComponent, createBaseComponent, Root, Component, type UnknownProperties, Intergalactic, type PropGetterFn, type IRootComponentProps, type
|
|
11
|
+
export { sstyled, createComponent, createBaseComponent, Root, Component, type UnknownProperties, Intergalactic, type PropGetterFn, type IRootComponentProps, type ComponentType, type IRootComponentHandlers, type IComponentProps, type IFunctionProps, CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME, type ReturnEl, type StyledProps, wrapIntergalacticComponent, assignProps, register, lastInteraction, };
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Component","require","_symbols","_coreFactory","_LastInteractionType","_register","_interopRequireDefault","_styled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n PropGetterFn,\n IRootComponentProps,\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Component","require","_symbols","_coreFactory","_LastInteractionType","_register","_interopRequireDefault","_styled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n PropGetterFn,\n IRootComponentProps,\n ComponentType,\n IRootComponentHandlers,\n IComponentProps,\n ReturnEl,\n IFunctionProps,\n} from './core-types/Component';\nimport {\n CORE_INSTANCE,\n CREATE_COMPONENT,\n CONTEXT_COMPONENT,\n CHILDREN_COMPONENT,\n INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { StyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n sstyled,\n createComponent,\n createBaseComponent,\n Root,\n Component,\n type UnknownProperties,\n Intergalactic,\n type PropGetterFn,\n type IRootComponentProps,\n type ComponentType,\n type IRootComponentHandlers,\n type IComponentProps,\n type IFunctionProps,\n CORE_INSTANCE,\n CREATE_COMPONENT,\n CONTEXT_COMPONENT,\n CHILDREN_COMPONENT,\n INHERITED_NAME,\n type ReturnEl,\n type StyledProps,\n wrapIntergalacticComponent,\n assignProps,\n register,\n lastInteraction,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA","ignoreList":[]}
|
package/lib/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["Root","Component","Intergalactic","wrapIntergalacticComponent","CORE_INSTANCE","CREATE_COMPONENT","CONTEXT_COMPONENT","CHILDREN_COMPONENT","INHERITED_NAME","createComponent","createBaseComponent","assignProps","lastInteraction","register","sstyled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n PropGetterFn,\n IRootComponentProps,\n
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["Root","Component","Intergalactic","wrapIntergalacticComponent","CORE_INSTANCE","CREATE_COMPONENT","CONTEXT_COMPONENT","CHILDREN_COMPONENT","INHERITED_NAME","createComponent","createBaseComponent","assignProps","lastInteraction","register","sstyled"],"sources":["../src/index.ts"],"sourcesContent":["/** ============================== core ============================== */\nimport { Root, Component, Intergalactic, wrapIntergalacticComponent } from './core-types/Component';\nimport type {\n PropGetterFn,\n IRootComponentProps,\n ComponentType,\n IRootComponentHandlers,\n IComponentProps,\n ReturnEl,\n IFunctionProps,\n} from './core-types/Component';\nimport {\n CORE_INSTANCE,\n CREATE_COMPONENT,\n CONTEXT_COMPONENT,\n CHILDREN_COMPONENT,\n INHERITED_NAME,\n} from './core-types/symbols';\nimport type { UnknownProperties } from './core-types/UnknownProperties';\nimport { createComponent, createBaseComponent, assignProps } from './coreFactory';\nimport { lastInteraction } from './LastInteractionType';\nimport register from './register';\nimport type { StyledProps } from './styled';\nimport { sstyled } from './styled';\n\nexport {\n sstyled,\n createComponent,\n createBaseComponent,\n Root,\n Component,\n type UnknownProperties,\n Intergalactic,\n type PropGetterFn,\n type IRootComponentProps,\n type ComponentType,\n type IRootComponentHandlers,\n type IComponentProps,\n type IFunctionProps,\n CORE_INSTANCE,\n CREATE_COMPONENT,\n CONTEXT_COMPONENT,\n CHILDREN_COMPONENT,\n INHERITED_NAME,\n type ReturnEl,\n type StyledProps,\n wrapIntergalacticComponent,\n assignProps,\n register,\n lastInteraction,\n};\n"],"mappings":"AAAA;AACA,SAASA,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,0BAA0B,QAAQ,4BAAwB;AAUnG,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,0BAAsB;AAE7B,SAASC,eAAe,EAAEC,mBAAmB,EAAEC,WAAW,QAAQ,mBAAe;AACjF,SAASC,eAAe,QAAQ,2BAAuB;AACvD,OAAOC,QAAQ,MAAM,gBAAY;AAEjC,SAASC,OAAO,QAAQ,cAAU;AAElC,SACEA,OAAO,EACPL,eAAe,EACfC,mBAAmB,EACnBV,IAAI,EACJC,SAAS,EAETC,aAAa,EAObE,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EAGdL,0BAA0B,EAC1BQ,WAAW,EACXE,QAAQ,EACRD,eAAe","ignoreList":[]}
|
package/lib/styled/index.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import type { UnknownProperties } from '../core-types/UnknownProperties';
|
|
2
|
+
export type StyledProps = {
|
|
2
3
|
styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
|
|
4
|
+
};
|
|
5
|
+
/** @deprecated */
|
|
6
|
+
export interface IStyledProps extends StyledProps, UnknownProperties {
|
|
3
7
|
}
|
|
4
8
|
/** @ts-ignore */
|
|
5
9
|
export { styled, use, css } from './reshadow-core';
|
package/lib/styled/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_reshadowCore","require","_sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["_reshadowCore","require","_sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["import type { UnknownProperties } from '../core-types/UnknownProperties';\n\nexport type StyledProps = {\n styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\n/** @deprecated */\nexport interface IStyledProps extends StyledProps, UnknownProperties {}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
|
package/lib/styled/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":["styled","use","css","sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["styled","use","css","sstyled"],"sources":["../../src/styled/index.tsx"],"sourcesContent":["import type { UnknownProperties } from '../core-types/UnknownProperties';\n\nexport type StyledProps = {\n styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\n/** @deprecated */\nexport interface IStyledProps extends StyledProps, UnknownProperties {}\n\n/** @ts-ignore */\nexport { styled, use, css } from './reshadow-core';\n\nexport { sstyled } from './sstyled';\n"],"mappings":"AAMA;;AAGA;AACA,SAASA,MAAM,EAAEC,GAAG,EAAEC,GAAG,QAAQ,qBAAiB;AAElD,SAASC,OAAO,QAAQ,eAAW","ignoreList":[]}
|
package/lib/styled/sstyled.mjs
CHANGED
|
@@ -119,7 +119,7 @@ sstyled.css = function(_css) {
|
|
|
119
119
|
sstyled.insert = insert;
|
|
120
120
|
sstyled.merge = merge;
|
|
121
121
|
sstyled.getStyles = getStyles;
|
|
122
|
-
sstyled.SHADOW_STYLES =
|
|
122
|
+
sstyled.SHADOW_STYLES = Symbol("SHADOW_STYLES");
|
|
123
123
|
export {
|
|
124
124
|
sstyled
|
|
125
125
|
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated Use ScreenReaderOnly from 'flex-box' component
|
|
4
|
+
*/
|
|
5
|
+
export declare function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
6
|
+
export declare namespace ScreenReaderOnly {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ScreenReaderOnly = ScreenReaderOnly;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Use ScreenReaderOnly from 'flex-box' component
|
|
12
|
+
*/
|
|
13
|
+
function ScreenReaderOnly(props) {
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, props, {
|
|
15
|
+
style: {
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
width: 1,
|
|
18
|
+
height: 1,
|
|
19
|
+
padding: 0,
|
|
20
|
+
margin: -1,
|
|
21
|
+
overflow: 'hidden',
|
|
22
|
+
whiteSpace: 'nowrap',
|
|
23
|
+
borderWidth: 0,
|
|
24
|
+
left: -1,
|
|
25
|
+
top: -1
|
|
26
|
+
}
|
|
27
|
+
}));
|
|
28
|
+
}
|
|
29
|
+
ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
|
|
30
|
+
//# sourceMappingURL=ScreenReaderOnly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScreenReaderOnly.js","names":["_react","_interopRequireDefault","require","ScreenReaderOnly","props","createElement","_extends2","style","position","width","height","padding","margin","overflow","whiteSpace","borderWidth","left","top","displayName"],"sources":["../../src/utils/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * @deprecated Use ScreenReaderOnly from 'flex-box' component\n */\nexport function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>) {\n return (\n <span\n {...props}\n style={{\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n borderWidth: 0,\n left: -1,\n top: -1,\n }}\n />\n );\n}\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACO,SAASC,gBAAgBA,CAACC,KAA4C,EAAE;EAC7E,oBACEJ,MAAA,YAAAK,aAAA,aAAAC,SAAA,iBACMF,KAAK;IACTG,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAE,CAAC,CAAC;MACRC,GAAG,EAAE,CAAC;IACR;EAAE,EACH,CAAC;AAEN;AACAd,gBAAgB,CAACe,WAAW,GAAG,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use ScreenReaderOnly from 'flex-box' component
|
|
6
|
+
*/
|
|
7
|
+
export function ScreenReaderOnly(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("span", _extends({}, props, {
|
|
9
|
+
style: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
width: 1,
|
|
12
|
+
height: 1,
|
|
13
|
+
padding: 0,
|
|
14
|
+
margin: -1,
|
|
15
|
+
overflow: 'hidden',
|
|
16
|
+
whiteSpace: 'nowrap',
|
|
17
|
+
borderWidth: 0,
|
|
18
|
+
left: -1,
|
|
19
|
+
top: -1
|
|
20
|
+
}
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';
|
|
24
|
+
//# sourceMappingURL=ScreenReaderOnly.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScreenReaderOnly.mjs","names":["React","ScreenReaderOnly","props","createElement","_extends","style","position","width","height","padding","margin","overflow","whiteSpace","borderWidth","left","top","displayName"],"sources":["../../src/utils/ScreenReaderOnly.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * @deprecated Use ScreenReaderOnly from 'flex-box' component\n */\nexport function ScreenReaderOnly(props: React.HTMLAttributes<HTMLSpanElement>) {\n return (\n <span\n {...props}\n style={{\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n borderWidth: 0,\n left: -1,\n top: -1,\n }}\n />\n );\n}\nScreenReaderOnly.displayName = 'ScreenReaderOnlyRoot';\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,KAA4C,EAAE;EAC7E,oBACEF,KAAA,CAAAG,aAAA,SAAAC,QAAA,KACMF,KAAK;IACTG,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE,CAAC,CAAC;MACVC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAE,CAAC,CAAC;MACRC,GAAG,EAAE,CAAC;IACR;EAAE,EACH,CAAC;AAEN;AACAd,gBAAgB,CAACe,WAAW,GAAG,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
15
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
+
var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
|
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
+
var _getDisplayName = _interopRequireDefault(require("./getDisplayName"));
|
|
20
|
+
var _excluded = ["forwardedRef"];
|
|
21
|
+
function createHoc(EnhancedComponent) {
|
|
22
|
+
return function createWrapper() {
|
|
23
|
+
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
24
|
+
return function (WrappedComponent) {
|
|
25
|
+
var Component = /*#__PURE__*/function (_PureComponent) {
|
|
26
|
+
function Component() {
|
|
27
|
+
(0, _classCallCheck2["default"])(this, Component);
|
|
28
|
+
return (0, _callSuper2["default"])(this, Component, arguments);
|
|
29
|
+
}
|
|
30
|
+
(0, _inherits2["default"])(Component, _PureComponent);
|
|
31
|
+
return (0, _createClass2["default"])(Component, [{
|
|
32
|
+
key: "render",
|
|
33
|
+
value: function render() {
|
|
34
|
+
// @ts-ignore
|
|
35
|
+
var _WrappedComponent$def = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, WrappedComponent.defaultProps), this.props),
|
|
36
|
+
forwardedRef = _WrappedComponent$def.forwardedRef,
|
|
37
|
+
others = (0, _objectWithoutProperties2["default"])(_WrappedComponent$def, _excluded);
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(EnhancedComponent, (0, _extends2["default"])({}, options, this.props), function (enhancedComponentProps) {
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(WrappedComponent, (0, _extends2["default"])({
|
|
40
|
+
forwardedRef: forwardedRef
|
|
41
|
+
}, others, enhancedComponentProps));
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
}]);
|
|
45
|
+
}(_react.PureComponent);
|
|
46
|
+
(0, _defineProperty2["default"])(Component, "displayName", (0, _getDisplayName["default"])(WrappedComponent));
|
|
47
|
+
return (0, _hoistNonReactStatics["default"])(Component, WrappedComponent);
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
var _default = exports["default"] = createHoc;
|
|
52
|
+
//# sourceMappingURL=createHoc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createHoc.js","names":["_hoistNonReactStatics","_interopRequireDefault","require","_react","_interopRequireWildcard","_getDisplayName","_excluded","createHoc","EnhancedComponent","createWrapper","options","arguments","length","undefined","WrappedComponent","Component","_PureComponent","_classCallCheck2","_callSuper2","_inherits2","_createClass2","key","value","render","_WrappedComponent$def","_objectSpread2","defaultProps","props","forwardedRef","others","_objectWithoutProperties2","createElement","_extends2","enhancedComponentProps","PureComponent","_defineProperty2","getDisplayName","hoistNonReactStatics","_default","exports"],"sources":["../../src/utils/createHoc.tsx"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React, { type ComponentClass, type ComponentType, PureComponent } from 'react';\n\nimport getDisplayName from './getDisplayName';\n\nfunction createHoc(\n EnhancedComponent: any,\n): (options?: {}) => (WrappedComponent: ComponentType) => ComponentClass {\n return function createWrapper(options = {}) {\n return (WrappedComponent) => {\n class Component extends PureComponent {\n static displayName = getDisplayName(WrappedComponent);\n\n render() {\n // @ts-ignore\n const { forwardedRef, ...others } = { ...WrappedComponent.defaultProps, ...this.props };\n return (\n <EnhancedComponent {...options} {...this.props}>\n {(enhancedComponentProps: any) => (\n <WrappedComponent\n forwardedRef={forwardedRef}\n {...others}\n {...enhancedComponentProps}\n />\n )}\n </EnhancedComponent>\n );\n }\n }\n\n return hoistNonReactStatics(Component, WrappedComponent);\n };\n };\n}\n\nexport default createHoc;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8C,IAAAI,SAAA;AAE9C,SAASC,SAASA,CAChBC,iBAAsB,EACiD;EACvE,OAAO,SAASC,aAAaA,CAAA,EAAe;IAAA,IAAdC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACxC,OAAO,UAACG,gBAAgB,EAAK;MAAA,IACrBC,SAAS,0BAAAC,cAAA;QAAA,SAAAD,UAAA;UAAA,IAAAE,gBAAA,mBAAAF,SAAA;UAAA,WAAAG,WAAA,mBAAAH,SAAA,EAAAJ,SAAA;QAAA;QAAA,IAAAQ,UAAA,aAAAJ,SAAA,EAAAC,cAAA;QAAA,WAAAI,aAAA,aAAAL,SAAA;UAAAM,GAAA;UAAAC,KAAA,EAGb,SAAAC,MAAMA,CAAA,EAAG;YACP;YACA,IAAAC,qBAAA,OAAAC,cAAA,iBAAAA,cAAA,iBAAyCX,gBAAgB,CAACY,YAAY,GAAK,IAAI,CAACC,KAAK;cAA7EC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;cAAKC,MAAM,OAAAC,yBAAA,aAAAN,qBAAA,EAAAlB,SAAA;YAC/B,oBACEH,MAAA,YAAA4B,aAAA,CAACvB,iBAAiB,MAAAwB,SAAA,iBAAKtB,OAAO,EAAM,IAAI,CAACiB,KAAK,GAC3C,UAACM,sBAA2B;cAAA,oBAC3B9B,MAAA,YAAA4B,aAAA,CAACjB,gBAAgB,MAAAkB,SAAA;gBACfJ,YAAY,EAAEA;cAAa,GACvBC,MAAM,EACNI,sBAAsB,CAC3B,CAAC;YAAA,CAEa,CAAC;UAExB;QAAC;MAAA,EAjBqBC,oBAAa;MAAA,IAAAC,gBAAA,aAA/BpB,SAAS,iBACQ,IAAAqB,0BAAc,EAACtB,gBAAgB,CAAC;MAmBvD,OAAO,IAAAuB,gCAAoB,EAACtB,SAAS,EAAED,gBAAgB,CAAC;IAC1D,CAAC;EACH,CAAC;AACH;AAAC,IAAAwB,QAAA,GAAAC,OAAA,cAEchC,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
5
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
6
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
+
import hoistNonReactStatics from "hoist-non-react-statics";
|
|
10
|
+
import React, { PureComponent } from "react";
|
|
11
|
+
import getDisplayName from "./getDisplayName.mjs";
|
|
12
|
+
var _excluded = ["forwardedRef"];
|
|
13
|
+
function createHoc(EnhancedComponent) {
|
|
14
|
+
return function createWrapper() {
|
|
15
|
+
var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
16
|
+
return function(WrappedComponent) {
|
|
17
|
+
var Component = /* @__PURE__ */ (function(_PureComponent) {
|
|
18
|
+
function Component2() {
|
|
19
|
+
_classCallCheck(this, Component2);
|
|
20
|
+
return _callSuper(this, Component2, arguments);
|
|
21
|
+
}
|
|
22
|
+
_inherits(Component2, _PureComponent);
|
|
23
|
+
return _createClass(Component2, [{
|
|
24
|
+
key: "render",
|
|
25
|
+
value: function render() {
|
|
26
|
+
var _WrappedComponent$def = _objectSpread(_objectSpread({}, WrappedComponent.defaultProps), this.props), forwardedRef = _WrappedComponent$def.forwardedRef, others = _objectWithoutProperties(_WrappedComponent$def, _excluded);
|
|
27
|
+
return /* @__PURE__ */ React.createElement(EnhancedComponent, _extends({}, options, this.props), function(enhancedComponentProps) {
|
|
28
|
+
return /* @__PURE__ */ React.createElement(WrappedComponent, _extends({
|
|
29
|
+
forwardedRef
|
|
30
|
+
}, others, enhancedComponentProps));
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}]);
|
|
34
|
+
})(PureComponent);
|
|
35
|
+
_defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
|
|
36
|
+
return hoistNonReactStatics(Component, WrappedComponent);
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export {
|
|
41
|
+
createHoc as default
|
|
42
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createHoc.mjs","names":["hoistNonReactStatics","React","PureComponent","getDisplayName","createHoc","EnhancedComponent","createWrapper","options","arguments","length","undefined","WrappedComponent","Component","_PureComponent","_classCallCheck","_callSuper","_inherits","_createClass","key","value","render","_WrappedComponent$def","_objectSpread","defaultProps","props","forwardedRef","others","_objectWithoutProperties","_excluded","createElement","_extends","enhancedComponentProps","_defineProperty"],"sources":["../../src/utils/createHoc.tsx"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React, { type ComponentClass, type ComponentType, PureComponent } from 'react';\n\nimport getDisplayName from './getDisplayName';\n\nfunction createHoc(\n EnhancedComponent: any,\n): (options?: {}) => (WrappedComponent: ComponentType) => ComponentClass {\n return function createWrapper(options = {}) {\n return (WrappedComponent) => {\n class Component extends PureComponent {\n static displayName = getDisplayName(WrappedComponent);\n\n render() {\n // @ts-ignore\n const { forwardedRef, ...others } = { ...WrappedComponent.defaultProps, ...this.props };\n return (\n <EnhancedComponent {...options} {...this.props}>\n {(enhancedComponentProps: any) => (\n <WrappedComponent\n forwardedRef={forwardedRef}\n {...others}\n {...enhancedComponentProps}\n />\n )}\n </EnhancedComponent>\n );\n }\n }\n\n return hoistNonReactStatics(Component, WrappedComponent);\n };\n };\n}\n\nexport default createHoc;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,oBAAoB,MAAM,yBAAyB;AAC1D,OAAOC,KAAK,IAA6CC,aAAa,QAAQ,OAAO;AAErF,OAAOC,cAAc,MAAM,sBAAkB;AAE7C,SAASC,SAASA,CAChBC,iBAAsB,EACiD;EACvE,OAAO,SAASC,aAAaA,CAAA,EAAe;IAAA,IAAdC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IACxC,OAAO,UAACG,gBAAgB,EAAK;MAAA,IACrBC,SAAS,0BAAAC,cAAA;QAAA,SAAAD,UAAA;UAAAE,eAAA,OAAAF,SAAA;UAAA,OAAAG,UAAA,OAAAH,SAAA,EAAAJ,SAAA;QAAA;QAAAQ,SAAA,CAAAJ,SAAA,EAAAC,cAAA;QAAA,OAAAI,YAAA,CAAAL,SAAA;UAAAM,GAAA;UAAAC,KAAA,EAGb,SAAAC,MAAMA,CAAA,EAAG;YACP;YACA,IAAAC,qBAAA,GAAAC,aAAA,CAAAA,aAAA,KAAyCX,gBAAgB,CAACY,YAAY,GAAK,IAAI,CAACC,KAAK;cAA7EC,YAAY,GAAAJ,qBAAA,CAAZI,YAAY;cAAKC,MAAM,GAAAC,wBAAA,CAAAN,qBAAA,EAAAO,SAAA;YAC/B,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,iBAAiB,EAAAyB,QAAA,KAAKvB,OAAO,EAAM,IAAI,CAACiB,KAAK,GAC3C,UAACO,sBAA2B;cAAA,oBAC3B9B,KAAA,CAAA4B,aAAA,CAAClB,gBAAgB,EAAAmB,QAAA;gBACfL,YAAY,EAAEA;cAAa,GACvBC,MAAM,EACNK,sBAAsB,CAC3B,CAAC;YAAA,CAEa,CAAC;UAExB;QAAC;MAAA,EAjBqB7B,aAAa;MAAA8B,eAAA,CAA/BpB,SAAS,iBACQT,cAAc,CAACQ,gBAAgB,CAAC;MAmBvD,OAAOX,oBAAoB,CAACY,SAAS,EAAED,gBAAgB,CAAC;IAC1D,CAAC;EACH,CAAC;AACH;AAEA,eAAeP,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { UnknownProperties } from '../../core-types/UnknownProperties';
|
|
3
|
+
/** @deprecated */
|
|
4
|
+
export interface IEnhancedWithAutoFocusProps extends EnhancedWithAutoFocusProps, UnknownProperties {
|
|
5
|
+
}
|
|
6
|
+
export type EnhancedWithAutoFocusProps = {
|
|
7
|
+
/**
|
|
8
|
+
* @default undefined
|
|
9
|
+
*/
|
|
10
|
+
autoFocus?: string | number | boolean;
|
|
11
|
+
children?: (props: IEnhancedWithAutoFocusProps) => React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
declare const _default: (options?: {}) => (WrappedComponent: React.ComponentType) => React.ComponentClass;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var _reactDom = require("react-dom");
|
|
15
|
+
var _createHoc = _interopRequireDefault(require("../createHoc"));
|
|
16
|
+
/** @deprecated */
|
|
17
|
+
var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
|
|
18
|
+
function EnhancedWithAutoFocus() {
|
|
19
|
+
var _this;
|
|
20
|
+
(0, _classCallCheck2["default"])(this, EnhancedWithAutoFocus);
|
|
21
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
22
|
+
args[_key] = arguments[_key];
|
|
23
|
+
}
|
|
24
|
+
_this = (0, _callSuper2["default"])(this, EnhancedWithAutoFocus, [].concat(args));
|
|
25
|
+
(0, _defineProperty2["default"])(_this, "timer", void 0);
|
|
26
|
+
return _this;
|
|
27
|
+
}
|
|
28
|
+
(0, _inherits2["default"])(EnhancedWithAutoFocus, _PureComponent);
|
|
29
|
+
return (0, _createClass2["default"])(EnhancedWithAutoFocus, [{
|
|
30
|
+
key: "notUsingNativeAutoFocus",
|
|
31
|
+
value: function notUsingNativeAutoFocus() {
|
|
32
|
+
var autoFocus = this.props.autoFocus;
|
|
33
|
+
return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';
|
|
34
|
+
}
|
|
35
|
+
}, {
|
|
36
|
+
key: "componentDidMount",
|
|
37
|
+
value: function componentDidMount() {
|
|
38
|
+
if (this.notUsingNativeAutoFocus()) {
|
|
39
|
+
var autoFocus = this.props.autoFocus;
|
|
40
|
+
if (autoFocus === false) return;
|
|
41
|
+
var node = (0, _reactDom.findDOMNode)(this);
|
|
42
|
+
if (!node) return;
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
this.timer = setTimeout(function () {
|
|
45
|
+
return node.focus();
|
|
46
|
+
}, autoFocus || 0);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
key: "componentWillUnmount",
|
|
51
|
+
value: function componentWillUnmount() {
|
|
52
|
+
clearTimeout(this.timer);
|
|
53
|
+
}
|
|
54
|
+
}, {
|
|
55
|
+
key: "render",
|
|
56
|
+
value: function render() {
|
|
57
|
+
var _ref = this.props,
|
|
58
|
+
children = _ref.children;
|
|
59
|
+
var props = {};
|
|
60
|
+
if (this.notUsingNativeAutoFocus()) {
|
|
61
|
+
props.autoFocus = undefined;
|
|
62
|
+
}
|
|
63
|
+
return children(props);
|
|
64
|
+
}
|
|
65
|
+
}]);
|
|
66
|
+
}(_react.PureComponent);
|
|
67
|
+
(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "displayName", 'EnhancedWithAutoFocus');
|
|
68
|
+
(0, _defineProperty2["default"])(EnhancedWithAutoFocus, "defaultProps", {
|
|
69
|
+
autoFocus: undefined
|
|
70
|
+
});
|
|
71
|
+
var _default = exports["default"] = (0, _createHoc["default"])(EnhancedWithAutoFocus);
|
|
72
|
+
//# sourceMappingURL=WithAutoFocus.js.map
|