@semcore/core 16.0.0-prerelease.6 → 16.0.0-prerelease.9

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.
Files changed (70) hide show
  1. package/lib/LastInteractionType.mjs +16 -14
  2. package/lib/core-types/Component.mjs +22 -25
  3. package/lib/core-types/symbols.mjs +20 -10
  4. package/lib/coreFactory.mjs +154 -173
  5. package/lib/enhancement/Children.mjs +30 -45
  6. package/lib/enhancement/Root.mjs +22 -32
  7. package/lib/enhancement/bindHandler.mjs +10 -9
  8. package/lib/enhancement/dataName.mjs +4 -3
  9. package/lib/enhancement/enhance.mjs +4 -3
  10. package/lib/enhancement/functionDefaultProps.mjs +5 -5
  11. package/lib/enhancement/hoistProps.mjs +18 -28
  12. package/lib/enhancement/i18n.mjs +6 -6
  13. package/lib/enhancement/inheritedName.mjs +3 -2
  14. package/lib/enhancement/staticChildren.mjs +32 -35
  15. package/lib/enhancement/style.mjs +13 -14
  16. package/lib/enhancement/uncontrolledProps.mjs +21 -37
  17. package/lib/esm/LastInteractionType.mjs +51 -0
  18. package/lib/esm/core-types/Component.mjs +51 -0
  19. package/lib/esm/core-types/symbols.mjs +20 -0
  20. package/lib/esm/coreFactory.mjs +324 -0
  21. package/lib/esm/enhancement/Children.mjs +96 -0
  22. package/lib/esm/enhancement/Root.mjs +60 -0
  23. package/lib/esm/enhancement/bindHandler.mjs +48 -0
  24. package/lib/esm/enhancement/dataName.mjs +13 -0
  25. package/lib/esm/enhancement/enhance.mjs +16 -0
  26. package/lib/esm/enhancement/functionDefaultProps.mjs +29 -0
  27. package/lib/esm/enhancement/hoistProps.mjs +78 -0
  28. package/lib/esm/enhancement/i18n.mjs +20 -0
  29. package/lib/esm/enhancement/inheritedName.mjs +16 -0
  30. package/lib/esm/enhancement/staticChildren.mjs +120 -0
  31. package/lib/esm/enhancement/style.mjs +50 -0
  32. package/lib/esm/enhancement/uncontrolledProps.mjs +107 -0
  33. package/lib/esm/index.mjs +23 -0
  34. package/lib/esm/register.mjs +31 -0
  35. package/lib/esm/styled/reshadow-core.mjs +18 -0
  36. package/lib/esm/styled/sstyled.mjs +121 -0
  37. package/lib/esm/utils/assignProps.mjs +76 -0
  38. package/lib/esm/utils/canUseDOM.mjs +6 -0
  39. package/lib/esm/utils/capitalizeFirstLetter.mjs +6 -0
  40. package/lib/esm/utils/enhances/WithI18n.mjs +54 -0
  41. package/lib/esm/utils/logger.mjs +35 -0
  42. package/lib/esm/utils/pick.mjs +15 -0
  43. package/lib/esm/utils/ref.mjs +43 -0
  44. package/lib/esm/utils/use/useEnhancedEffect.mjs +6 -0
  45. package/lib/index.mjs +22 -8
  46. package/lib/register.mjs +10 -8
  47. package/lib/styled/reshadow-core.mjs +8 -233
  48. package/lib/styled/sstyled.mjs +38 -59
  49. package/lib/theme/light.json +1 -1
  50. package/lib/theme/themes/auto.css +1 -1
  51. package/lib/theme/themes/default.cjs +1 -1
  52. package/lib/theme/themes/default.cjs.map +1 -1
  53. package/lib/theme/themes/default.css +1 -1
  54. package/lib/theme/themes/default.mjs +1 -1
  55. package/lib/theme/themes/default.mjs.map +1 -1
  56. package/lib/theme/themes/light.cjs +1 -1
  57. package/lib/theme/themes/light.cjs.map +1 -1
  58. package/lib/theme/themes/light.css +1 -1
  59. package/lib/theme/themes/light.mjs +1 -1
  60. package/lib/theme/themes/light.mjs.map +1 -1
  61. package/lib/utils/assignProps.mjs +25 -33
  62. package/lib/utils/canUseDOM.mjs +5 -3
  63. package/lib/utils/capitalizeFirstLetter.mjs +4 -2
  64. package/lib/utils/enhances/WithI18n.mjs +22 -51
  65. package/lib/utils/logger.mjs +16 -13
  66. package/lib/utils/pick.mjs +4 -2
  67. package/lib/utils/ref.mjs +19 -59
  68. package/lib/utils/use/useEnhancedEffect.mjs +4 -3
  69. package/package.json +2 -2
  70. package/vite.config.ts +8 -0
@@ -4,80 +4,51 @@ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitial
4
4
  import _inherits from "@babel/runtime/helpers/esm/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import React, { Component, createContext } from 'react';
8
- import createHoc from "../createHoc.mjs";
9
- import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
10
- import { createIntl, createIntlCache } from '@formatjs/intl';
11
- export var Context = /*#__PURE__*/createContext(undefined);
12
- var I18nProvider = Context.Provider,
13
- I18nConsumer = Context.Consumer;
14
- var messagesCache = createIntlCache();
7
+ import { createContext, Component } from "react";
8
+ import { createIntlCache } from "@formatjs/intl";
9
+ var Context = /* @__PURE__ */ createContext(void 0);
10
+ Context.Provider;
11
+ Context.Consumer;
12
+ createIntlCache();
15
13
  function getText(dictionaries, locale) {
16
- return function (key) {
14
+ return function(key) {
17
15
  var dictionary = dictionaries[locale];
18
- return dictionary ? dictionary[key] : dictionaries['en'][key];
16
+ return dictionary ? dictionary[key] : dictionaries["en"][key];
19
17
  };
20
18
  }
21
-
22
- /** @deprecated */
23
- /**
24
- * @deprecated use `useI18n` instead
25
- */
26
- var WithI18n = /*#__PURE__*/function (_Component) {
27
- _inherits(WithI18n, _Component);
28
- var _super = _createSuper(WithI18n);
29
- function WithI18n() {
19
+ var WithI18n = /* @__PURE__ */ function(_Component) {
20
+ _inherits(WithI18n2, _Component);
21
+ var _super = _createSuper(WithI18n2);
22
+ function WithI18n2() {
30
23
  var _this;
31
- _classCallCheck(this, WithI18n);
24
+ _classCallCheck(this, WithI18n2);
32
25
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
33
26
  args[_key] = arguments[_key];
34
27
  }
35
28
  _this = _super.call.apply(_super, [this].concat(args));
36
- /* @ts-ignore */
37
29
  _defineProperty(_assertThisInitialized(_this), "context", void 0);
38
- _defineProperty(_assertThisInitialized(_this), "getText", function (dictionary, selfLocale) {
39
- var _this$props = _this.props,
40
- locale = _this$props.locale,
41
- getText = _this$props.getText;
30
+ _defineProperty(_assertThisInitialized(_this), "getText", function(dictionary, selfLocale) {
31
+ var _this$props = _this.props, locale = _this$props.locale, getText2 = _this$props.getText;
42
32
  var contextLocale = _this.context;
43
- return getText(dictionary, selfLocale || locale || contextLocale);
33
+ return getText2(dictionary, selfLocale || locale || contextLocale);
44
34
  });
45
35
  return _this;
46
36
  }
47
- _createClass(WithI18n, [{
37
+ _createClass(WithI18n2, [{
48
38
  key: "render",
49
39
  value: function render() {
50
- var _ref = this.props,
51
- children = _ref.children;
40
+ var _ref = this.props, children = _ref.children;
52
41
  return children({
53
42
  getText: this.getText
54
43
  });
55
44
  }
56
45
  }]);
57
- return WithI18n;
46
+ return WithI18n2;
58
47
  }(Component);
59
48
  _defineProperty(WithI18n, "contextType", Context);
60
49
  _defineProperty(WithI18n, "defaultProps", {
61
- getText: getText
50
+ getText
62
51
  });
63
- var useI18n = function useI18n(dictionary) {
64
- var _React$useContext;
65
- var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
66
- var fallbackDictionary = arguments.length > 2 ? arguments[2] : undefined;
67
- var lang = (_React$useContext = React.useContext(Context)) !== null && _React$useContext !== void 0 ? _React$useContext : locale;
68
- var resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
69
- var intl = React.useMemo(function () {
70
- return createIntl({
71
- locale: lang,
72
- messages: resolvedDictionary
73
- }, messagesCache);
74
- }, [resolvedDictionary, lang]);
75
- return React.useCallback(function (messageId, variables) {
76
- return intl.formatMessage({
77
- id: messageId !== null && messageId !== void 0 ? messageId : ''
78
- }, variables);
79
- }, [intl]);
52
+ export {
53
+ Context
80
54
  };
81
- export default createHoc(WithI18n);
82
- export { useI18n, I18nProvider, I18nConsumer };
83
- //# sourceMappingURL=WithI18n.mjs.map
@@ -1,18 +1,19 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/esm/createClass";
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- var DEV = process.env.NODE_ENV !== 'production';
5
- var Logger = /*#__PURE__*/function () {
6
- function Logger(logger) {
7
- _classCallCheck(this, Logger);
4
+ var DEV = process.env.NODE_ENV !== "production";
5
+ var Logger = /* @__PURE__ */ function() {
6
+ function Logger2(logger2) {
7
+ _classCallCheck(this, Logger2);
8
8
  _defineProperty(this, "logger", void 0);
9
- this.logger = logger || {
10
- warn: function warn() {}
9
+ this.logger = logger2 || {
10
+ warn: function warn() {
11
+ }
11
12
  };
12
13
  }
13
- _createClass(Logger, [{
14
+ _createClass(Logger2, [{
14
15
  key: "console",
15
- value: function console(level, msg, component) {
16
+ value: function console2(level, msg, component) {
16
17
  this.logger[level](component ? "[".concat(component, "]: ").concat(msg) : msg);
17
18
  }
18
19
  }, {
@@ -20,13 +21,15 @@ var Logger = /*#__PURE__*/function () {
20
21
  value: function warn(condition, msg, component) {
21
22
  if (DEV) {
22
23
  if (condition) {
23
- this.console('warn', msg, component);
24
+ this.console("warn", msg, component);
24
25
  }
25
26
  }
26
27
  }
27
28
  }]);
28
- return Logger;
29
+ return Logger2;
29
30
  }();
30
- export { Logger };
31
- export default new Logger(console);
32
- //# sourceMappingURL=logger.mjs.map
31
+ const logger = new Logger(console);
32
+ export {
33
+ Logger,
34
+ logger as default
35
+ };
@@ -1,4 +1,4 @@
1
- export default function pick(obj, keys) {
1
+ function pick(obj, keys) {
2
2
  var res = {};
3
3
  var len = keys.length;
4
4
  var idx = -1;
@@ -10,4 +10,6 @@ export default function pick(obj, keys) {
10
10
  }
11
11
  return res;
12
12
  }
13
- //# sourceMappingURL=pick.mjs.map
13
+ export {
14
+ pick as default
15
+ };
package/lib/utils/ref.mjs CHANGED
@@ -1,83 +1,43 @@
1
1
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import React from 'react';
4
- import { findDOMNode } from 'react-dom';
5
- export function setRef(ref, value) {
6
- if (typeof ref === 'function') {
2
+ import "@babel/runtime/helpers/esm/slicedToArray";
3
+ import React from "react";
4
+ import "react-dom";
5
+ function setRef(ref, value) {
6
+ if (typeof ref === "function") {
7
7
  ref(value);
8
- } else if (ref !== null && ref !== void 0 && ref.hasOwnProperty('current')) {
9
- // @ts-ignore
10
- ref['current'] = value;
8
+ } else if (ref !== null && ref !== void 0 && ref.hasOwnProperty("current")) {
9
+ ref["current"] = value;
11
10
  }
12
11
  }
13
- export function getRef(ref) {
14
- if (!ref) return null;
15
- return 'current' in ref ? ref.current : ref;
16
- }
17
- export function useCallbackRef(initialValue, callback) {
18
- var _React$useState = React.useState(function () {
19
- return {
20
- // value
21
- value: initialValue,
22
- // last callback
23
- callback: callback,
24
- // "memoized" public interface
25
- facade: {
26
- get current() {
27
- return ref.value;
28
- },
29
- set current(value) {
30
- var last = ref.value;
31
- if (last !== value) {
32
- ref.value = value;
33
- ref.callback(value, last);
34
- }
35
- }
36
- }
37
- };
38
- }),
39
- _React$useState2 = _slicedToArray(_React$useState, 1),
40
- ref = _React$useState2[0];
41
- // update callback
42
- ref.callback = callback;
43
- return ref.facade;
44
- }
45
- export function useForkRef() {
12
+ function useForkRef() {
46
13
  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
47
14
  refs[_key] = arguments[_key];
48
15
  }
49
- return React.useCallback(function (refValue) {
16
+ return React.useCallback(function(refValue) {
50
17
  var uniqueRefs = _toConsumableArray(new Set(refs));
51
- uniqueRefs.forEach(function (ref) {
18
+ uniqueRefs.forEach(function(ref) {
52
19
  return setRef(ref, refValue);
53
20
  });
54
21
  }, refs);
55
22
  }
56
- export function forkRef() {
23
+ function forkRef() {
57
24
  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
58
25
  refs[_key2] = arguments[_key2];
59
26
  }
60
- if (refs.every(function (ref) {
27
+ if (refs.every(function(ref) {
61
28
  return ref == null;
62
29
  })) {
63
30
  return null;
64
31
  }
65
- return function (refValue) {
32
+ return function(refValue) {
66
33
  var uniqueRefs = _toConsumableArray(new Set(refs));
67
- uniqueRefs.forEach(function (ref) {
34
+ uniqueRefs.forEach(function(ref) {
68
35
  return setRef(ref, refValue);
69
36
  });
70
37
  };
71
38
  }
72
- export function getNodeByRef(ref) {
73
- if (typeof ref === 'function') {
74
- ref = ref();
75
- }
76
- if (!ref) return null;
77
- var node = getRef(ref);
78
- if (!node) return null;
79
- if (node.nodeType === 1) return node;
80
- if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;
81
- return findDOMNode(node);
82
- }
83
- //# sourceMappingURL=ref.mjs.map
39
+ export {
40
+ forkRef,
41
+ setRef,
42
+ useForkRef
43
+ };
@@ -1,5 +1,6 @@
1
- import React from 'react';
1
+ import React from "react";
2
2
  import canUseDOM from "../canUseDOM.mjs";
3
3
  var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
4
- export default useEnhancedEffect;
5
- //# sourceMappingURL=useEnhancedEffect.mjs.map
4
+ export {
5
+ useEnhancedEffect as default
6
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/core",
3
3
  "description": "Semrush Core Component",
4
- "version": "16.0.0-prerelease.6",
4
+ "version": "16.0.0-prerelease.9",
5
5
  "main": "lib/index.cjs",
6
6
  "module": "lib/index.mjs",
7
7
  "typings": "lib/index.d.ts",
@@ -292,6 +292,6 @@
292
292
  "@types/react-dom": "18.0.6"
293
293
  },
294
294
  "scripts": {
295
- "build": "pnpm semcore-builder --coreUtils"
295
+ "build": "pnpm semcore-builder --coreUtils && pnpm vite build"
296
296
  }
297
297
  }
package/vite.config.ts CHANGED
@@ -23,6 +23,14 @@ export default mergeConfig(
23
23
  '@phytonmk/nano-css',
24
24
  'csstype',
25
25
  ],
26
+ output: [
27
+ {
28
+ preserveModules: true,
29
+ assetFileNames: '[name][extname]',
30
+ entryFileNames: '[name].mjs',
31
+ format: 'esm',
32
+ },
33
+ ],
26
34
  },
27
35
  },
28
36
  }),