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

package/lib/esm/utils/assignProps.mjs

@@ -0,0 +1,76 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _cn from "classnames";
+import { forkRef } from "./ref.mjs";
+import { sstyled } from "../styled/sstyled.mjs";
+function callAllEventHandlers() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return function() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return !fns.some(function(fn) {
+      var result;
+      if (fn) {
+        result = fn.apply(void 0, args);
+      }
+      return typeof result === "boolean" && !result;
+    });
+  };
+}
+function assignHandlersInner(props, source) {
+  return Object.keys(source).reduce(function(proxySource, propName) {
+    if (propName !== "ref" && propName.startsWith("on")) {
+      if (typeof source[propName] === "function" && typeof props[propName] === "function") {
+        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+      } else if (typeof source[propName] === "function") {
+        proxySource[propName] = source[propName];
+      } else if (typeof props[propName] === "function") {
+        proxySource[propName] = props[propName];
+      }
+    }
+    return proxySource;
+  }, {});
+}
+function assignProps() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var source = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  if (props === source) return props;
+  var newProps = _objectSpread(_objectSpread(_objectSpread({}, source), props), assignHandlersInner(props, source));
+  for (var _key3 in source) {
+    if (_key3.startsWith("use:")) {
+      var originalKey = _key3.slice("use:".length);
+      newProps[originalKey] = source[_key3];
+    }
+  }
+  for (var _key4 in props) {
+    if (_key4.startsWith("use:")) {
+      var _originalKey = _key4.slice("use:".length);
+      newProps[_originalKey] = props[_key4];
+    }
+  }
+  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, "ref");
+  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, "ref");
+  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
+    newProps.ref = forkRef(source.ref, props.ref);
+  }
+  if (props.forwardRef) {
+    newProps.ref = forkRef(newProps.ref, props.forwardRef);
+    newProps.forwardRef = newProps.ref;
+  }
+  if (source.style && props.style) {
+    newProps.style = _objectSpread(_objectSpread({}, source.style), props.style);
+  }
+  if (source.className) {
+    newProps.className = _cn(props.className, source.className);
+  }
+  if (source.styles && props.styles) {
+    newProps.styles = sstyled.merge(source.styles, props.styles);
+  }
+  return newProps;
+}
+export {
+  callAllEventHandlers,
+  assignProps as default
+};

package/lib/esm/utils/canUseDOM.mjs

@@ -0,0 +1,6 @@
+function canUseDOM() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+export {
+  canUseDOM as default
+};

package/lib/esm/utils/capitalizeFirstLetter.mjs

@@ -0,0 +1,6 @@
+function capitalizeFirstLetter(input) {
+  return input.charAt(0).toUpperCase() + input.slice(1);
+}
+export {
+  capitalizeFirstLetter as default
+};

package/lib/esm/utils/enhances/WithI18n.mjs

@@ -0,0 +1,54 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createContext, Component } from "react";
+import { createIntlCache } from "@formatjs/intl";
+var Context = /* @__PURE__ */ createContext(void 0);
+Context.Provider;
+Context.Consumer;
+createIntlCache();
+function getText(dictionaries, locale) {
+  return function(key) {
+    var dictionary = dictionaries[locale];
+    return dictionary ? dictionary[key] : dictionaries["en"][key];
+  };
+}
+var WithI18n = /* @__PURE__ */ function(_Component) {
+  _inherits(WithI18n2, _Component);
+  var _super = _createSuper(WithI18n2);
+  function WithI18n2() {
+    var _this;
+    _classCallCheck(this, WithI18n2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "context", void 0);
+    _defineProperty(_assertThisInitialized(_this), "getText", function(dictionary, selfLocale) {
+      var _this$props = _this.props, locale = _this$props.locale, getText2 = _this$props.getText;
+      var contextLocale = _this.context;
+      return getText2(dictionary, selfLocale || locale || contextLocale);
+    });
+    return _this;
+  }
+  _createClass(WithI18n2, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props, children = _ref.children;
+      return children({
+        getText: this.getText
+      });
+    }
+  }]);
+  return WithI18n2;
+}(Component);
+_defineProperty(WithI18n, "contextType", Context);
+_defineProperty(WithI18n, "defaultProps", {
+  getText
+});
+export {
+  Context
+};

package/lib/esm/utils/logger.mjs

@@ -0,0 +1,35 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var DEV = process.env.NODE_ENV !== "production";
+var Logger = /* @__PURE__ */ function() {
+  function Logger2(logger2) {
+    _classCallCheck(this, Logger2);
+    _defineProperty(this, "logger", void 0);
+    this.logger = logger2 || {
+      warn: function warn() {
+      }
+    };
+  }
+  _createClass(Logger2, [{
+    key: "console",
+    value: function console2(level, msg, component) {
+      this.logger[level](component ? "[".concat(component, "]: ").concat(msg) : msg);
+    }
+  }, {
+    key: "warn",
+    value: function warn(condition, msg, component) {
+      if (DEV) {
+        if (condition) {
+          this.console("warn", msg, component);
+        }
+      }
+    }
+  }]);
+  return Logger2;
+}();
+const logger = new Logger(console);
+export {
+  Logger,
+  logger as default
+};

package/lib/esm/utils/pick.mjs

@@ -0,0 +1,15 @@
+function pick(obj, keys) {
+  var res = {};
+  var len = keys.length;
+  var idx = -1;
+  while (++idx < len) {
+    var key = keys[idx];
+    if (key in obj) {
+      res[key] = obj[key];
+    }
+  }
+  return res;
+}
+export {
+  pick as default
+};

package/lib/esm/utils/ref.mjs

@@ -0,0 +1,43 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "@babel/runtime/helpers/esm/slicedToArray";
+import React from "react";
+import "react-dom";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref !== null && ref !== void 0 && ref.hasOwnProperty("current")) {
+    ref["current"] = value;
+  }
+}
+function useForkRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return React.useCallback(function(refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function(ref) {
+      return setRef(ref, refValue);
+    });
+  }, refs);
+}
+function forkRef() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  if (refs.every(function(ref) {
+    return ref == null;
+  })) {
+    return null;
+  }
+  return function(refValue) {
+    var uniqueRefs = _toConsumableArray(new Set(refs));
+    uniqueRefs.forEach(function(ref) {
+      return setRef(ref, refValue);
+    });
+  };
+}
+export {
+  forkRef,
+  setRef,
+  useForkRef
+};

package/lib/esm/utils/use/useEnhancedEffect.mjs

@@ -0,0 +1,6 @@
+import React from "react";
+import canUseDOM from "../canUseDOM.mjs";
+var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+export {
+  useEnhancedEffect as default
+};

package/lib/index.mjs

@@ -1,9 +1,23 @@
-/** ============================== core ============================== */
-import { createComponent, createBaseComponent, assignProps } from "./coreFactory.mjs";
-import { sstyled } from "./styled.mjs";
-import { Root, Component, Intergalactic, wrapIntergalacticComponent } from "./core-types/Component.mjs";
-import { CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME } from "./core-types/symbols.mjs";
-import register from "./register.mjs";
+import { assignProps, createBaseComponent, createComponent } from "./coreFactory.mjs";
+import { Component, Intergalactic, Root, wrapIntergalacticComponent } from "./core-types/Component.mjs";
+import { CHILDREN_COMPONENT, CONTEXT_COMPONENT, CORE_INSTANCE, CREATE_COMPONENT, INHERITED_NAME } from "./core-types/symbols.mjs";
+import { default as default2 } from "./register.mjs";
 import { lastInteraction } from "./LastInteractionType.mjs";
-export { sstyled, createComponent, createBaseComponent, Root, Component, Intergalactic, CORE_INSTANCE, CREATE_COMPONENT, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME, wrapIntergalacticComponent, assignProps, register, lastInteraction };
-//# sourceMappingURL=index.mjs.map
+import { sstyled } from "./styled/sstyled.mjs";
+export {
+  CHILDREN_COMPONENT,
+  CONTEXT_COMPONENT,
+  CORE_INSTANCE,
+  CREATE_COMPONENT,
+  Component,
+  INHERITED_NAME,
+  Intergalactic,
+  Root,
+  assignProps,
+  createBaseComponent,
+  createComponent,
+  lastInteraction,
+  default2 as register,
+  sstyled,
+  wrapIntergalacticComponent
+};

package/lib/register.mjs

@@ -1,12 +1,12 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var Register = /*#__PURE__*/function () {
-  function Register() {
-    _classCallCheck(this, Register);
+var Register = /* @__PURE__ */ function() {
+  function Register2() {
+    _classCallCheck(this, Register2);
     _defineProperty(this, "data", {});
   }
-  _createClass(Register, [{
+  _createClass(Register2, [{
     key: "get",
     value: function get(name, defaultValue) {
       if (name in this.data) {
@@ -22,8 +22,10 @@ var Register = /*#__PURE__*/function () {
       return this.data[name];
     }
   }]);
-  return Register;
+  return Register2;
 }();
-export { Register };
-export default new Register();
-//# sourceMappingURL=register.mjs.map
+const register = new Register();
+export {
+  Register,
+  register as default
+};

package/lib/styled/reshadow-core.mjs

@@ -1,243 +1,18 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-/**
- * This is source form @reshadow/core@0.0.1
- * Put it here, because we can't use the version from the package in ESM builds.
- * The package is not update for 3 years and we have plans to remove them. So, this tmp copy version is acceptable
- */
-// @ts-nocheck
-var _Symbol = function _Symbol(key) {
-  return typeof Symbol !== 'undefined' ? Symbol(key) : key;
-};
-var KEYS = {
-  __id__: _Symbol('__id__'),
-  __store__: _Symbol('__store__'),
-  __prev__: _Symbol('__prev__'),
-  __use__: _Symbol('__use__'),
-  __elements__: '__elements__',
-  __style__: '$$style',
-  __styles__: 'styles',
-  __css__: '__css__',
-  __hash__: '__hash__',
-  /**
-   * This prop is needed for the interop between different component frameworks
-   */
-  __classProp__: 'className'
-};
-var index = 0;
-var use = function use(obj) {
-  var result = {};
-  result[KEYS.__use__] = obj;
-  return result;
-};
-var create = function create(args) {
-  var len = args.length;
-  var newStyle = {};
-  var id = '';
-  var vars = null;
-  var uses = null;
-  for (var i = 0; i < len; i++) {
-    var _style = args[i];
-    if (!_style) continue;
-    if (!_style[KEYS.__id__]) {
-      _style[KEYS.__id__] = ++index;
-      _style[KEYS.__store__] = _defineProperty({}, '_' + _style[KEYS.__id__], _style);
-    }
-    id += '_' + _style[KEYS.__id__];
-    if (_style[KEYS.__style__]) {
-      vars = Object.assign(vars || {}, _style[KEYS.__style__]);
-    }
-    if (_style[KEYS.__use__]) {
-      uses = Object.assign(uses || {}, _style[KEYS.__use__]);
-    }
-    if (_style[KEYS.__store__][id]) {
-      newStyle = _style[KEYS.__store__][id];
-      continue;
-    }
-    newStyle = Object.create(newStyle);
-    for (var key in _style) {
-      if (key in KEYS) continue;
-      newStyle[key] = appendClassName(_style[key], newStyle[key]);
-    }
-    _style[KEYS.__store__][id] = newStyle;
-    newStyle[KEYS.__id__] = index;
-    newStyle[KEYS.__store__] = _defineProperty({}, '_' + _style[KEYS.__id__], newStyle);
-  }
-  if (vars || use) {
-    newStyle = Object.create(newStyle);
-    newStyle[KEYS.__style__] = vars;
-    newStyle[KEYS.__use__] = uses;
-  }
-  return newStyle;
-};
-var isSSR = !(typeof window !== 'undefined' && window.document && window.document.createElement);
+import "@babel/runtime/helpers/esm/typeof";
+import "@babel/runtime/helpers/esm/defineProperty";
 var serverMap = {};
-var getStyles = function getStyles() {
+var getStyles = function getStyles2() {
   return {
     map: serverMap,
     get css() {
-      var serverStyles = '';
+      var serverStyles2 = "";
       for (var id in serverMap) {
-        serverStyles += "<style type=\"text/css\" id=\"".concat(id, "\">").concat(serverMap[id], "</style>");
+        serverStyles2 += '<style type="text/css" id="'.concat(id, '">').concat(serverMap[id], "</style>");
       }
-      return serverStyles;
+      return serverStyles2;
     }
   };
 };
-
-/* eslint-disable no-undef */
-var clearStyles = function clearStyles() {
-  serverStyles = '';
-};
-/* eslint-disable no-undef */
-
-var RESHADOW_ID = '__reshadow__';
-var appendChildToDocumentHead = function appendChildToDocumentHead(element) {
-  return document.head.appendChild(element);
-};
-var css = function css(code, hash) {
-  var id = "reshadow-".concat(hash);
-  if (isSSR) {
-    serverMap[id] = code;
-    return;
-  }
-  var container = document.getElementById(RESHADOW_ID);
-  if (!container) {
-    container = document.createElement('object');
-    container.id = RESHADOW_ID;
-    if (document.head) {
-      appendChildToDocumentHead(container);
-    } else {
-      document.addEventListener('DOMContentLoaded', function () {
-        appendChildToDocumentHead(container);
-      });
-    }
-  }
-  var css = document.getElementById(id);
-  if (!css) {
-    css = document.createElement('style');
-    css.id = id;
-    css.type = 'text/css';
-    container.appendChild(css);
-  }
-  css.innerHTML = code;
-};
-var styles = {};
-var style;
-var stack = [];
-var styled = function styled(elem) {
-  var curr = stack.pop() || [];
-  styles = curr[0] || styles;
-  style = curr[1] || style;
-  styled[KEYS.__styles__] = styles;
-  styled[KEYS.__style__] = style;
-  return elem;
-};
-styled[KEYS.__styles__] = styles;
-var set = function set(args, newStyle) {
-  var newStyles = create(args);
-  stack.push([styles, style]);
-  styles = newStyles;
-  style = newStyle;
-  if (styles[KEYS.__style__]) {
-    style = style ? Object.assign({}, style, styles[KEYS.__style__]) : styles[KEYS.__style__];
-  }
-  styled[KEYS.__styles__] = styles;
-  styled[KEYS.__style__] = style;
-};
-var USE_PREFIX = 'use--';
-var ELEMENT_PREFIX = '__';
-var MOD_PREFIX = '_';
-var MOD_SEPARATOR = '_';
-var parseElement = function parseElement(name) {
-  return name.replace(ELEMENT_PREFIX, '');
-};
-var parseAttribute = function parseAttribute(name) {
-  return name.replace(MOD_PREFIX, '').split(MOD_SEPARATOR);
-};
-var appendClassName = function appendClassName(className) {
-  var cn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  if (className) {
-    cn += (cn ? ' ' : '') + className;
-  }
-  return cn;
-};
-var appendElement = function appendElement(styles, key) {
-  var cn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  return appendClassName(styles[ELEMENT_PREFIX + key], cn);
+export {
+  getStyles
 };
-var appendModifier = function appendModifier(styles, key, value) {
-  var cn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
-  // isFalsy
-  if (value === undefined || value === null || value === false || value === '') return cn;
-  cn = appendClassName(styles[MOD_PREFIX + key], cn);
-
-  // value should be only primitive
-  if (typeof value === 'boolean' || _typeof(value) === 'object' || typeof value === 'function') return cn;
-  cn = appendClassName(styles[MOD_SEPARATOR + key + MOD_SEPARATOR + value], cn);
-  return cn;
-};
-function map(element) {
-  var currStyles = styled[KEYS.__styles__];
-  var nextProps = {};
-  var cn = appendElement(currStyles, element);
-  var vars = null;
-  var uses = currStyles[KEYS.__use__] || {};
-
-  // biome-ignore lint/style/noArguments:
-  var len = arguments.length;
-  var useProps;
-  for (var i = len - 1; i > 0; i--) {
-    // biome-ignore lint/style/noArguments:
-    var currProps = arguments[i];
-    if (!currProps) continue;
-    useProps = useProps || currProps[KEYS.__use__];
-    if (!vars && KEYS.__style__ in currProps) {
-      vars = styled[KEYS.__style__];
-    }
-    for (var key in currProps) {
-      if (key === KEYS.__use__ || key === KEYS.__style__ || key in nextProps) {
-        continue;
-      }
-      var value = currProps[key];
-      cn = appendModifier(currStyles, key, value, cn);
-      var valueType = _typeof(value);
-      if (valueType === 'string' || valueType === 'boolean' || valueType === 'number') {
-        var useKey = key + '_' + value;
-        if (key + '_' + true in uses || useKey in uses) {
-          cn = appendModifier(currStyles, USE_PREFIX + key, value, cn);
-          if (uses[useKey]) {
-            continue;
-          }
-        }
-      }
-      nextProps[key] = value;
-    }
-  }
-  if (useProps) {
-    for (var _key in useProps) {
-      var _value = useProps[_key];
-      cn = appendModifier(currStyles, USE_PREFIX + _key, _value, cn);
-    }
-  }
-  cn = appendClassName(nextProps[KEYS.__classProp__], cn);
-  if (cn) nextProps[KEYS.__classProp__] = cn;
-  if (vars) {
-    nextProps.style = typeof style === 'string' ? vars + (nextProps.style || '') : Object.assign({}, vars, nextProps.style || {});
-  }
-  return nextProps;
-}
-export { styled, use, css, create, set, map,
-// '__css__': css,
-// '__extract__': () => ({
-//     [KEYS.__styles__]: styled[[KEYS.__styles__]],
-//     [KEYS.__style__]: styled[[KEYS.__style__]],
-// }),
-
-// ssr
-getStyles, clearStyles,
-// utils
-appendModifier, appendElement, appendClassName, parseAttribute, parseElement,
-// constants
-MOD_SEPARATOR, MOD_PREFIX, ELEMENT_PREFIX, USE_PREFIX, KEYS, RESHADOW_ID };
-//# sourceMappingURL=reshadow-core.mjs.map