@semcore/core 1.11.7 → 1.11.10

package/src/enhancement/dataName.tsx

@@ -1,12 +0,0 @@
-function Enhancement() {
-  return {
-    wrapperProps: function (props, WrapperComponent) {
-      return {
-        'data-ui-name': WrapperComponent.displayName,
-        ...props,
-      };
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/enhance.tsx

@@ -1,12 +0,0 @@
-function Enhancement() {
-  return {
-    condition: function (Component) {
-      return Boolean(Component.enhance && Component.enhance.length);
-    },
-    wrapperProps: function (props, WrapperComponent) {
-      return WrapperComponent.enhance.reduce((acc, enhance) => enhance(acc), props);
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/functionDefaultProps.tsx

@@ -1,29 +0,0 @@
-function Enhancement() {
-  let defaultProps = {};
-  return {
-    condition: function (Component) {
-      if (!Component.defaultProps) {
-        return false;
-      }
-      if (typeof Component.defaultProps === 'function') {
-        return true;
-      }
-      return Boolean(Object.keys(Component.defaultProps).length);
-    },
-    static: function (WrapperComponent) {
-      defaultProps = WrapperComponent.defaultProps;
-      return {
-        defaultProps: {},
-      };
-    },
-    wrapperProps: function (props) {
-      if (typeof defaultProps === 'function') {
-        // TODO: optimization
-        return Object.assign({}, defaultProps(props), props);
-      }
-      return Object.assign({}, defaultProps, props);
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/hoistProps.tsx

@@ -1,88 +0,0 @@
-import { useContext, useState } from 'react';
-// @ts-ignore
-import assignProps from '@semcore/utils/lib/assignProps';
-// @ts-ignore
-import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
-// @ts-ignore
-import pick from '@semcore/utils/lib/pick';
-
-export const HOIST_CONTEXT = Symbol('HOIST_CONTEXT');
-const HOIST_SELF = Symbol('HOIST_SELF');
-const HOIST_SET = Symbol('HOIST_SET');
-
-function flatChildComponent(childComponents) {
-  return Object.values(childComponents).reduce<unknown[]>((acc, Component) => {
-    if (Array.isArray(Component)) {
-      acc = [...acc, Component[0], ...flatChildComponent(Component[1])];
-    } else {
-      acc.push(Component);
-    }
-    return acc;
-  }, []);
-}
-
-function Enhancement(childComponents, Context) {
-  return {
-    condition: function (Component) {
-      return [Component, ...flatChildComponent(childComponents)].some((Component) =>
-        Boolean(Component.hoistProps && Component.hoistProps.length),
-      );
-    },
-    init: function (props, WrapperComponent, isFunction) {
-      if (isFunction) {
-        // TODO: use может вызываться не ровное количество раз
-        this[HOIST_SELF] = useState({});
-      } else {
-        this[HOIST_SELF] = [
-          {},
-          (obj) => {
-            this[HOIST_SELF][0] = obj;
-            this.forceUpdate();
-          },
-        ];
-      }
-      // For optimization render
-      this[HOIST_SET] = (obj) => {
-        this[HOIST_SELF][1](obj);
-      };
-    },
-    context: function (context) {
-      // TODO: оптимизировать создание контекста
-      // WrapperComponent.hoistProps
-      return {
-        ...context,
-        [HOIST_CONTEXT]: this[HOIST_SET],
-      };
-    },
-    asProps: function (props) {
-      // TODO добавить проверку на уникальность филда на руте
-      return assignProps(this[HOIST_SELF][0], props);
-    },
-    wrapperProps: function (props, WrapperComponent) {
-      if (WrapperComponent.hoistProps && WrapperComponent.hoistProps.length) {
-        const context = useContext(Context);
-        const renameProps = WrapperComponent.hoistProps.reduce((acc, propName) => {
-          const [name, rename] = propName.split(':');
-          acc[name] = rename || name;
-          return acc;
-        }, {});
-        const hoistProps = Object.entries(pick(props, Object.keys(renameProps))).reduce(
-          (acc, [name, value]) => {
-            acc[renameProps[name]] = value;
-            return acc;
-          },
-          {},
-        );
-
-        useEnhancedEffect(() => {
-          if (context[HOIST_CONTEXT]) {
-            context[HOIST_CONTEXT](hoistProps);
-          }
-        }, Object.values(hoistProps));
-      }
-      return props;
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/inheritedName.tsx

@@ -1,18 +0,0 @@
-export const INHERITED_NAME = Symbol('INHERITED_NAME');
-
-function Enhancement() {
-  return {
-    condition: function (Component) {
-      return Boolean(Component.displayName);
-    },
-    static: function (WrapperComponent) {
-      return {
-        [INHERITED_NAME]: [
-          ...new Set([...(WrapperComponent[INHERITED_NAME] || []), WrapperComponent.displayName]),
-        ],
-      };
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/staticChildren.tsx

@@ -1,128 +0,0 @@
-import { useContext } from 'react';
-// @ts-ignore
-import assignProps from '@semcore/utils/lib/assignProps';
-// @ts-ignore
-import pick from '@semcore/utils/lib/pick';
-// @ts-ignore
-import logger from '@semcore/utils/lib/logger';
-
-function assign(target, source) {
-  return Object.defineProperties(
-    target,
-    Object.keys(source).reduce((descriptors, key) => {
-      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
-      return descriptors;
-    }, {}),
-  );
-}
-
-function getterMethodName(name) {
-  return `get${name}Props`;
-}
-
-function getterMethodNameByDisplayName(displayName) {
-  const displayNames = displayName.split('.');
-  const name = displayNames.slice(-(displayNames.length - 1)).join('');
-  return getterMethodName(name);
-}
-
-function flatGetterMethodNames(childComponents, parentName?: string) {
-  return Object.entries(childComponents).reduce<string[]>((acc, [name, value]) => {
-    if (Array.isArray(value)) {
-      acc = [...acc, ...flatGetterMethodNames(value[1], name)];
-    }
-    name = parentName ? `${parentName}${name}` : name;
-    acc.push(getterMethodName(name));
-    return acc;
-  }, []);
-}
-
-export const STATIC_COMPONENT = Symbol('STATIC_COMPONENT');
-const SELF_GETTER_METHOD = Symbol('SELF_GETTER_METHOD');
-
-function Enhancement(childComponents, createComponent, options) {
-  const getterMethodNames = flatGetterMethodNames(childComponents);
-  return {
-    condition: function (Component) {
-      return Boolean(Component[STATIC_COMPONENT] || Object.keys(childComponents).length);
-    },
-    init: function (props, WrapperComponent) {
-      const getterMethods = pick(this, getterMethodNames);
-      this[SELF_GETTER_METHOD] = () => {
-        const selfGetterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
-        logger.warn(
-          true,
-          `Getter \`${selfGetterMethod}\` can't be fired as it is a getter of static component`,
-          props['data-ui-name'] || WrapperComponent.displayName,
-        );
-      };
-      assign(
-        this,
-        getterMethodNames.reduce((acc, name) => {
-          const getterMethod = getterMethods[name];
-          if (!getterMethod) return acc;
-          acc[name] = (childrenProps = {}) => {
-            const getterProps = getterMethod.call(this, childrenProps, acc[name].index);
-            acc[name].index++;
-            return assignProps(childrenProps, getterProps);
-          };
-          acc[name].index = 0;
-          return acc;
-        }, {}),
-      );
-    },
-    static: function (WrapperComponent) {
-      if (Object.keys(childComponents).length && !WrapperComponent.displayName) {
-        throw new Error('"displayName" is not defined');
-      }
-      return Object.entries(childComponents).reduce((acc, [name, value]) => {
-        let childComponents = {};
-
-        if (Array.isArray(value)) {
-          childComponents = value[1];
-          value = value[0];
-        }
-
-        const prevStaticComponent = value[STATIC_COMPONENT];
-        // @ts-ignore
-        const prevDisplayName = value.displayName;
-        // @ts-ignore
-        value.displayName = WrapperComponent.displayName + '.' + name;
-        value[STATIC_COMPONENT] = true;
-        acc[name] = createComponent(value, childComponents, options);
-        // @ts-ignore
-        value.displayName = prevDisplayName;
-        value[STATIC_COMPONENT] = prevStaticComponent;
-        return acc;
-      }, {});
-    },
-    context: function (context /*, WrapperComponent*/) {
-      // const getterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
-
-      return {
-        ...context,
-        // [getterMethod]: this[SELF_GETTER_METHOD],
-        ...pick(this, getterMethodNames),
-      };
-    },
-    wrapperProps: function (props, WrapperComponent) {
-      if (!WrapperComponent[STATIC_COMPONENT]) return props;
-
-      const context = useContext(options.context);
-      const getterMethod = context[getterMethodNameByDisplayName(WrapperComponent.displayName)];
-      if (getterMethod) {
-        return getterMethod(props);
-      }
-      return props;
-    },
-    render: function (render) {
-      getterMethodNames.forEach((name) => {
-        if (this[name] === undefined) return;
-        this[name].index = 0;
-      });
-      return render;
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/style.tsx

@@ -1,47 +0,0 @@
-import { useContext } from 'react';
-// @ts-ignore
-import { sstyled } from '../styled';
-import { STATIC_COMPONENT } from './staticChildren';
-
-export const STYLES_CONTEXT = Symbol('STYLES_CONTEXT');
-const STYLES_SELF = Symbol('STYLES_SELF');
-
-function Enhancement(childComponents, Context) {
-  return {
-    condition: function (Component) {
-      return Boolean(Component.style || Component[STATIC_COMPONENT]);
-    },
-    init: function (props, WrapperComponent) {
-      if (WrapperComponent.style) {
-        this[STYLES_SELF] = sstyled.merge(WrapperComponent.style, props._styles);
-      }
-    },
-    context: function (context) {
-      // для оптимизации, если нет детей, то не надо создавать контекст
-      if (!this[STYLES_SELF] || !Object.keys(childComponents).length) {
-        return context;
-      }
-      return {
-        ...context,
-        [STYLES_CONTEXT]: this[STYLES_SELF],
-      };
-    },
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    asProps: function ({ _styles, styles, ...props }) {
-      return {
-        ...props,
-        styles: styles || this[STYLES_SELF],
-      };
-    },
-    wrapperProps: function ({ styles, ...props }) {
-      const context = useContext(Context);
-      return {
-        ...props,
-        _styles: styles,
-        styles: context[STYLES_CONTEXT],
-      };
-    },
-  };
-}
-
-export default Enhancement;

package/src/enhancement/uncontrolledProps.tsx

@@ -1,134 +0,0 @@
-// @ts-ignore
-import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
-// @ts-ignore
-import capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';
-
-function assign(target, source) {
-  return Object.defineProperties(
-    target,
-    Object.keys(source).reduce((descriptors, key) => {
-      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
-      return descriptors;
-    }, {}),
-  );
-}
-
-function defaultProp(prop) {
-  return 'default' + capitalizeFirstLetter(prop);
-}
-
-function handlerProp(prop) {
-  if (prop === 'value') prop = '';
-  if (prop === 'checked') prop = '';
-  return `on${capitalizeFirstLetter(prop)}Change`;
-}
-
-function isControlled(propValue) {
-  return propValue !== undefined;
-}
-
-function uncontrolledProp(self, propName, propValue, propDefaultValue, propHandler, chainHandler) {
-  function getValue() {
-    return isControlled(propValue)
-      ? propValue
-      : propName in self.state
-      ? self.state[propName]
-      : propDefaultValue;
-  }
-
-  return [
-    getValue(),
-    (value, ...args) => {
-      const oldValue = getValue();
-      if (oldValue === value) return false;
-      if (!isControlled(propValue)) self.setState({ [propName]: value });
-      return callAllEventHandlers(propHandler, ...chainHandler)(value, ...args);
-    },
-  ];
-}
-
-function uncontrolledUniversal(props, config, uncontrolledProp) {
-  const handlerProps = {};
-  const uncontrolledProps = Object.keys(config).reduce((result, propName) => {
-    const handlerName = handlerProp(propName);
-    const defaultPropName = defaultProp(propName);
-    const {
-      [defaultPropName]: propDefaultValue,
-      [propName]: propValue,
-      [handlerName]: propHandler,
-      ...other
-    } = result;
-
-    if (propDefaultValue === undefined) {
-      // eslint-disable-next-line no-console
-      console.warn(defaultPropName, 'must be installed in "defaultProps"');
-    }
-
-    // if (typeof propDefaultValue === 'function' && propDefaultValue.defaultInit) {
-    //   propDefaultValue = propDefaultValue(result);
-    // }
-
-    let setter = config[propName];
-    let chainHandler = [];
-
-    if (Array.isArray(setter)) [setter, ...chainHandler] = setter;
-    setter = setter || ((v) => v);
-
-    const [value, handler] = uncontrolledProp(
-      propName,
-      propValue,
-      propDefaultValue,
-      propHandler,
-      chainHandler,
-    );
-    // TODO: предупреждение из-за циклических вызовов
-    handlerProps[propName] = handler;
-
-    return {
-      ...other,
-      [propName]: value,
-      [handlerName]: (eventOrValue, ...args) => {
-        const result = [setter(eventOrValue, ...args), ...args];
-        if (eventOrValue && eventOrValue.target) {
-          result.push(eventOrValue);
-        }
-        return handler(...result);
-      },
-    };
-  }, props);
-  return [uncontrolledProps, handlerProps];
-}
-
-function uncontrolled(self, props, config) {
-  return uncontrolledUniversal(props, config, uncontrolledProp.bind(undefined, self));
-}
-
-function Enhancement() {
-  return {
-    condition: function (Component) {
-      return Boolean(Component.prototype.uncontrolledProps);
-    },
-    init: function () {
-      this.state = this.state || {};
-      assign(this, {
-        get handlers() {
-          const [, uncontrolledHandlers] = uncontrolled(this, this.props, this.uncontrolledProps());
-          return uncontrolledHandlers;
-        },
-      });
-    },
-    context: function (context) {
-      return {
-        ...context,
-        handlers: this.handlers,
-      };
-    },
-    asProps: function (props) {
-      // TODO возвращать только нужные свойства
-      const [uncontrolledProps] = uncontrolled(this, props, this.uncontrolledProps());
-      return uncontrolledProps;
-    },
-  };
-}
-
-export default Enhancement;