intergalactic 15.87.0 → 15.88.0

package/libs/core/lib/types/Component.d.ts

@@ -0,0 +1,139 @@
+import React, { AllHTMLAttributes, ForwardRefExoticComponent, PureComponent, ReactNode, RefObject } from 'react';
+import { IStyledProps } from './styled';
+/** @deprecated */
+type KnownKeys<T> = {
+    [K in keyof T]: string extends K ? never : number extends K ? never : K;
+} extends {
+    [_ in keyof T]: infer U;
+} ? U : never;
+/** @deprecated */
+export type HandlersType<UCProps> = {
+    [K in keyof UCProps]?: <T = unknown>(arg: T) => void;
+};
+/** @deprecated */
+export type ChildrenType<Props = {}, Ctx = {}, UCProps = {}> = ((props: Props & Ctx, handlers: HandlersType<UCProps>) => ReactNode) | ReactNode;
+/** @deprecated */
+export type RootComponentHandler = (...args: any[]) => void | false;
+/** @deprecated */
+export interface IRootComponentHandlers {
+    [key: string]: RootComponentHandler;
+}
+/** @deprecated */
+export interface IRootComponentProps<Props = {}, Ctx = {}> {
+    forwardRef?: RefObject<any>;
+    Children?: any;
+    children?: ChildrenType<Props, Ctx>;
+    styles?: IStyledProps['styles'];
+}
+/** @deprecated */
+export type IComponentProps<Props = {}, Ctx = {}> = Props & IRootComponentProps<Props, Ctx>;
+/** @deprecated */
+export type IFunctionProps<Props = {}, Ctx = {}> = IComponentProps<Props, Ctx> & Omit<AllHTMLAttributes<any>, keyof IComponentProps<Props, Ctx>> & {
+    Root?: Root;
+};
+/** @deprecated */
+export type PropsWithRenderFnChildren<Props = {}, Ctx = {}, UCProps = {}> = Omit<Pick<Props, KnownKeys<Props>>, 'children'> & {
+    children?: ChildrenType<Props, Ctx, UCProps>;
+    [key: string]: unknown;
+};
+/** @deprecated */
+export type CProps<Props, Ctx = {}, UCProps = {}> = Props & {
+    children?: ((props: Props & Ctx, handlers: UCProps) => React.ReactNode) | React.ReactNode;
+};
+/** @deprecated */
+export type ReturnEl = React.ReactElement | null;
+export interface IRootNodeProps {
+    render: React.ElementType | string;
+    tag?: React.ElementType | string;
+    [key: string]: any;
+}
+type Root = ForwardRefExoticComponent<IRootNodeProps>;
+/**
+ * @deprecated since version ^1.8.0
+ */
+export type PropGetter<T extends (...args: any) => any> = <P>(props?: P) => ReturnType<T> & P;
+/**
+ * @deprecated since version ^1.8.0
+ */
+/** @deprecated */
+export type PropGetterReturn<T extends (...args: any) => any> = Partial<ReturnType<T>>;
+/** @deprecated */
+export type PropGetterFn = <T extends {}>(props?: T) => T & {
+    [key: string]: unknown;
+};
+/** @deprecated */
+export type Merge<Props, HTMLProps> = Props & Omit<HTMLProps, keyof Props>;
+/** @deprecated */
+export type MergeGetters<G1 extends (...args: any) => any, G2 extends (...args: any) => any> = <P>(props?: P) => Merge<ReturnType<G1>, ReturnType<G2>> & P;
+declare const Root: Root;
+export { Root };
+/** @deprecated */
+declare abstract class RootComponent<Props = {}, Context = {}, State = {}, Enhance = {}> extends PureComponent<Props & IRootComponentProps<Props, Context>, State> {
+    get handlers(): Readonly<IRootComponentHandlers>;
+    get asProps(): Readonly<Merge<Props & IRootComponentProps<Props, Context> & Enhance, React.AllHTMLAttributes<any>>>;
+    Root: Root;
+    isControlled: boolean;
+}
+export declare const Component: typeof RootComponent;
+/** @deprecated */
+export type Component<Props = {}, Context = {}, State = {}, Handlers extends IRootComponentHandlers = IRootComponentHandlers> = React.ComponentClass<Props, State> & {
+    isControlled: boolean;
+    handlers: Readonly<Handlers>;
+    asProps: Readonly<Merge<Props & IRootComponentProps<Props, Context>, AllHTMLAttributes<any>>>;
+    Root: Root;
+};
+export declare namespace Intergalactic {
+    type ReactFCProps<C extends React.FC> = C extends React.FC<infer Props> ? Omit<Props, 'tag'> : {};
+    type ReactComponentProps<C extends React.ComponentClass> = C extends React.ComponentClass<infer Props> ? Omit<Props, 'tag'> : never;
+    type ReactFCLike = (props: any) => any;
+    type ReactFCLikeProps<C extends ReactFCLike> = C extends (props: infer Props) => any ? Props : {};
+    type ComponentChildren<Props, Context, RenderingResult = InternalTypings.ReturnResult, AdditionalContext extends any[] = never[]> = ((props: MergeProps<Context, Props>, ...args: AdditionalContext) => RenderingResult) | InternalTypings.ReturnResult;
+    type ComponentBasicProps<Tag extends InternalTypings.ComponentTag> = {
+        ref?: React.Ref<InternalTypings.ComponentHtmlElement<Tag> | null>;
+        /** @private DO NOT USE IT. Low-level api that prevents specified props from being applied as DOM attribute. */
+        __excludeProps?: string[];
+    };
+    type MergeProps<HighPriorityProps, LowPriorityProps> = {
+        [K in keyof LowPriorityProps]: K extends keyof HighPriorityProps ? HighPriorityProps[K] : LowPriorityProps[K];
+    } & HighPriorityProps;
+    type RemoveFields<Type, Keys> = {
+        [Property in keyof Type as Exclude<Property, Keys>]: Type[Property];
+    };
+    /** @private */
+    export namespace InternalTypings {
+        export type ComponentPropsNesting<Tag extends InternalTypings.ComponentTag> = Omit<MergeProps<Tag extends React.FC ? ReactFCProps<Tag> : Tag extends React.ComponentClass ? ReactComponentProps<Tag> : Tag extends ReactFCLike ? ReactFCLikeProps<Tag> : Tag extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Tag] : {}, Tag extends {
+            __nestedProps: infer NestedProps;
+        } ? NestedProps : {}>, 'children' | 'tag'>;
+        export type ReturnResult = React.ReactElement | React.ReactNode | React.ReactNode[] | string | null;
+        export type ComponentTag = keyof JSX.IntrinsicElements | React.ComponentClass | React.FC | ReactFCLike;
+        export type ComponentProps<Tag extends ComponentTag, BaseTag extends ComponentTag | never, Props, Context = never, AdditionalContext extends any[] = never[]> = {
+            tag?: Tag;
+            children?: ComponentChildren<RemoveFields<Props, 'children'> & {
+                children: React.ReactNode;
+            }, Context, ReturnResult, AdditionalContext>;
+        } & ComponentBasicProps<Tag> & MergeProps<RemoveFields<Props, 'tag' | 'children'>, MergeProps<ComponentPropsNesting<Tag>, ComponentPropsNesting<BaseTag>>>;
+        export type PropsRenderingResultComponentProps<Tag extends ComponentTag, Props, Context = {}, AdditionalContext extends any[] = never[]> = {
+            tag?: Tag;
+            children?: ComponentChildren<RemoveFields<Props, 'children'> & {
+                children: React.ReactNode;
+            }, Context, Partial<RemoveFields<MergeProps<Props, ComponentPropsNesting<Tag>>, 'children' | 'tag' | 'ref'> & {
+                children?: React.ReactNode;
+            }>, AdditionalContext>;
+        } & ComponentBasicProps<Tag> & MergeProps<RemoveFields<Props, 'tag' | 'children'>, ComponentPropsNesting<Tag>>;
+        export type ComponentRenderingResults = React.ReactElement;
+        export type ComponentAdditive<BaseTag extends ComponentTag> = {
+            __nestedProps: ComponentPropsNesting<BaseTag>;
+        };
+        export type InferJsxIntrinsicElement<T extends React.DetailedHTMLProps<any, any>> = T extends React.DetailedHTMLProps<infer _, infer Element> ? Element : HTMLElement;
+        type InferElementFromRef<T> = T extends React.Ref<infer Element> ? Element : never;
+        type InferRefElementFromProps<T> = 'ref' extends keyof T ? InferElementFromRef<T['ref']> : HTMLElement;
+        export type ComponentHtmlElement<Tag extends ComponentTag> = Tag extends keyof JSX.IntrinsicElements ? InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]> : Tag extends {
+            __nestedProps: infer NestedProps;
+        } ? InferRefElementFromProps<NestedProps> : HTMLElement;
+        export {};
+    }
+    export type Component<BaseTag extends InternalTypings.ComponentTag = never, BaseProps = {}, Context = {}, AdditionalContext extends any[] = never[]> = (<Tag extends InternalTypings.ComponentTag = BaseTag, Props extends BaseProps = BaseProps>(props: InternalTypings.ComponentProps<Tag, BaseTag, Props, Context, AdditionalContext>) => InternalTypings.ComponentRenderingResults) & InternalTypings.ComponentAdditive<BaseTag>;
+    export type Tag = InternalTypings.ComponentTag;
+    export type DomProps<Tag extends keyof JSX.IntrinsicElements> = InternalTypings.InferJsxIntrinsicElement<JSX.IntrinsicElements[Tag]>;
+    export {};
+}

package/libs/core/lib/types/enhancement/Children.d.ts

@@ -0,0 +1,6 @@
+export declare const CHILDREN_COMPONENT: unique symbol;
+declare function Enhancement(this: any, Context: any, parent: any): {
+    init: (this: any) => void;
+    asProps: (this: any, props: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/Root.d.ts

@@ -0,0 +1,6 @@
+declare function Enhancement(): {
+    init: (this: any) => void;
+    asProps: (this: any, props: any, WrapperComponent: any, isFunction: boolean) => any;
+    render: (this: any, render: any, props: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/bindHandler.d.ts

@@ -0,0 +1,5 @@
+declare function Enhancement(): {
+    condition: (Component: any, isFunction: boolean) => boolean;
+    init: (this: any) => void;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/dataName.d.ts

@@ -0,0 +1,4 @@
+declare function Enhancement(): {
+    wrapperProps: (props: any, WrapperComponent: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/enhance.d.ts

@@ -0,0 +1,5 @@
+declare function Enhancement(): {
+    condition: (Component: any) => boolean;
+    wrapperProps: (props: any, WrapperComponent: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/functionDefaultProps.d.ts

@@ -0,0 +1,8 @@
+declare function Enhancement(): {
+    condition: (Component: any) => boolean;
+    static: (WrapperComponent: any) => {
+        defaultProps: {};
+    };
+    wrapperProps: (props: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/hoistProps.d.ts

@@ -0,0 +1,10 @@
+export declare const HOIST_CONTEXT: unique symbol;
+/** @deprecated Doesn't work in ssr and sometimes breakes rulles of hooks. We should never use it. */
+declare function Enhancement(childComponents: any, Context: any): {
+    condition: (Component: any) => boolean;
+    init: (this: any, props: any, WrapperComponent: any, isFunction: boolean) => void;
+    context: (this: any, context: any) => any;
+    asProps: (this: any, props: any) => any;
+    wrapperProps: (props: any, WrapperComponent: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/i18n.d.ts

@@ -0,0 +1,4 @@
+declare function i18nAppLocaleEnhance(): {
+    wrapperProps: (props: any) => any;
+};
+export default i18nAppLocaleEnhance;

package/libs/core/lib/types/enhancement/inheritedName.d.ts

@@ -0,0 +1,8 @@
+export declare const INHERITED_NAME: unique symbol;
+declare function Enhancement(): {
+    condition: (Component: any) => boolean;
+    static: (WrapperComponent: any) => {
+        [INHERITED_NAME]: any[];
+    };
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/staticChildren.d.ts

@@ -0,0 +1,13 @@
+export declare function getterMethodName(name: string): string;
+export declare function getterMethodNameByDisplayName(displayName?: string): string;
+export declare const STATIC_COMPONENT: unique symbol;
+export declare const ROOT_COMPONENT: unique symbol;
+declare function Enhancement(childComponents: any, createComponent: any, options: any): {
+    condition: (Component: any) => boolean;
+    init: (this: any, props: any, WrapperComponent: any) => void;
+    static: (WrapperComponent: any, Component: any) => any;
+    context: (context: any) => any;
+    wrapperProps: (this: any, props: any, WrapperComponent: any) => any;
+    render: (this: any, render: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/style.d.ts

@@ -0,0 +1,9 @@
+export declare const STYLES_CONTEXT: unique symbol;
+declare function Enhancement(childComponents: any, Context: any): {
+    condition: (Component: any) => boolean;
+    init: (this: any, props: any, WrapperComponent: any) => void;
+    context: (this: any, context: any) => any;
+    asProps: (this: any, { _styles, styles, ...props }: any) => any;
+    wrapperProps: (this: any, { styles, ...props }: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/enhancement/uncontrolledProps.d.ts

@@ -0,0 +1,7 @@
+declare function Enhancement(): {
+    condition: (Component: any) => boolean;
+    init: (this: any) => void;
+    context: (this: any, context: any) => any;
+    asProps: (this: any, props: any) => any;
+};
+export default Enhancement;

package/libs/core/lib/types/index.d.ts

@@ -0,0 +1,41 @@
+import React, { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Component, PropsWithRenderFnChildren } from './Component';
+import register from './register';
+import { CHILDREN_COMPONENT } from './enhancement/Children';
+import { STATIC_COMPONENT, ROOT_COMPONENT } from './enhancement/staticChildren';
+import { INHERITED_NAME } from './enhancement/inheritedName';
+declare const CORE_COMPONENT: unique symbol;
+declare const CORE_INSTANCE: unique symbol;
+declare const CONTEXT_COMPONENT: unique symbol;
+declare const CREATE_COMPONENT: unique symbol;
+export type PropsAndRef<T, Ctx, UCProps> = PropsWithRenderFnChildren<T, Ctx, UCProps> & RefAttributes<unknown>;
+export type ForwardRefComponent<T, Ctx, UCProps> = ForwardRefExoticComponent<PropsAndRef<T, Ctx, UCProps>>;
+type ComponentOrProps<T, Context, UCProps> = T extends [infer ParentProps, infer ChildProps] ? ComponentType<ParentProps, ChildProps, Context, UCProps> : ForwardRefComponent<T, Context, UCProps>;
+export type ComponentType<ComponentProps, ChildComponentProps = {}, ContextType = {}, UCProps = {}, FNType = null> = (FNType extends null ? ForwardRefComponent<ComponentProps, ContextType, UCProps> : FNType & {
+    displayName: string;
+}) & {
+    [K in keyof ChildComponentProps]: ComponentOrProps<ChildComponentProps[K], ContextType, UCProps>;
+} & {
+    [CORE_COMPONENT]: boolean;
+    [CREATE_COMPONENT]: () => ComponentType<ComponentProps, ChildComponentProps, ContextType, UCProps>;
+};
+interface ClassWithUncontrolledProps<Props> {
+    uncontrolledProps(): unknown;
+}
+declare function assignProps(p1: any, p2: any): any;
+declare function createComponent<ComponentProps, ChildComponentProps = {}, ContextType = {}, FNType = null>(OriginComponent: any, childComponents?: any, options?: {
+    context?: React.Context<ContextType>;
+    parent?: ComponentType<unknown> | ComponentType<unknown>[];
+    enhancements?: [any];
+}): ComponentType<ComponentProps extends Component<infer Props> ? Props : ComponentProps, ChildComponentProps, ContextType, ComponentProps extends ClassWithUncontrolledProps<any> ? ReturnType<ComponentProps['uncontrolledProps']> : {
+    [key: string]: (arg: unknown) => void;
+}, FNType>;
+declare function createBaseComponent<ComponentProps>(OriginComponent: any): ComponentType<ComponentProps>;
+export type UnknownProperties = {
+    [key: string]: unknown;
+};
+export * from './Component';
+export * from './styled';
+export * from './register';
+export { createBaseComponent, register, CREATE_COMPONENT, CORE_INSTANCE, CONTEXT_COMPONENT, CHILDREN_COMPONENT, INHERITED_NAME, CORE_COMPONENT, STATIC_COMPONENT, ROOT_COMPONENT, assignProps, };
+export default createComponent;

package/libs/core/lib/types/register.d.ts

@@ -0,0 +1,8 @@
+declare class Register {
+    data: any;
+    get<D>(name: string, defaultValue?: D): D;
+    set<D>(name: string, value: D): D;
+}
+export { Register };
+declare const _default: Register;
+export default _default;

package/libs/core/lib/types/styled/index.d.ts

@@ -0,0 +1,14 @@
+import { UnknownProperties } from '..';
+export type StyledProps = {
+    styles?: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+};
+/** @deprecated */
+export interface IStyledProps extends StyledProps, UnknownProperties {
+}
+/** @ts-ignore */
+export { default as styled } from '@reshadow/core';
+/** @ts-ignore */
+export { use, css } from '@reshadow/core';
+/** @ts-ignore */
+export * from '@reshadow/core';
+export * from './sstyled';

package/libs/core/lib/types/styled/sstyled.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+declare function sstyled(styles?: {}): ((ReactNode: any) => ReactNode) & {
+    cn(name: string, props: any): any;
+};
+declare namespace sstyled {
+    var css: (css: any) => {
+        [key: string]: string;
+    };
+    var insert: (code: any, hash: any) => void;
+    var merge: (s1?: {}, s2?: {}) => any;
+    var getStyles: () => {
+        map: any;
+        readonly css: string;
+    };
+    var SHADOW_STYLES: symbol;
+}
+export { sstyled };

package/libs/counter/lib/cjs/AnimatedNumber.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedNumber = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+var _useEnhancedEffect = _interopRequireDefault(require("@semcore/utils/lib/use/useEnhancedEffect"));
+var _excluded = ["easing", "formatValue", "duration", "delay", "initValue", "value"];
+var easeInOutSine = function easeInOutSine(t) {
+  return -(Math.cos(Math.PI * t) - 1) / 2;
+};
+var defaultFormatValue = function defaultFormatValue(value) {
+  return value.toFixed(2);
+};
+var AnimatedNumber = function AnimatedNumber(props) {
+  var _props$tag;
+  var ref = _react["default"].useRef(null);
+  var defaultDurationStr = (0, _useCssVariable.useCssVariable)('--intergalactic-duration-counter', '200', ref);
+  var defaultDuration = _react["default"].useMemo(function () {
+    return parseInt(defaultDurationStr, 10);
+  }, [defaultDurationStr]);
+  var _props$easing = props.easing,
+    easing = _props$easing === void 0 ? easeInOutSine : _props$easing,
+    _props$formatValue = props.formatValue,
+    formatValue = _props$formatValue === void 0 ? defaultFormatValue : _props$formatValue,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? defaultDuration : _props$duration,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 0 : _props$delay,
+    _props$initValue = props.initValue,
+    initValue = _props$initValue === void 0 ? 0 : _props$initValue,
+    value = props.value,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var Tag = (_props$tag = props.tag) !== null && _props$tag !== void 0 ? _props$tag : 'div';
+  var animationRef = _react["default"].useRef({
+    animationStart: -1,
+    animationFrame: -1,
+    fromValue: initValue,
+    toValue: value
+  });
+  var handleNextAnimationFrame = _react["default"].useCallback(function () {
+    if (!ref.current) return;
+    if (Date.now() - animationRef.current.animationStart > delay) {
+      var valueBase = animationRef.current.fromValue;
+      var valueDiff = animationRef.current.toValue - animationRef.current.fromValue;
+      var diffFraction = easing((Date.now() - animationRef.current.animationStart - delay) / duration);
+      var _value = valueBase + valueDiff * diffFraction;
+      ref.current.innerText = formatValue(_value);
+    }
+    if (Date.now() - animationRef.current.animationStart - delay >= duration) {
+      ref.current.innerText = formatValue(animationRef.current.toValue);
+      animationRef.current.fromValue = animationRef.current.toValue;
+      return;
+    }
+    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);
+  }, [easing, formatValue, duration, delay]);
+  (0, _useEnhancedEffect["default"])(function () {
+    ref.current.innerText = formatValue(animationRef.current.fromValue);
+    animationRef.current.toValue = value;
+    animationRef.current.animationStart = Date.now();
+    handleNextAnimationFrame();
+    return function () {
+      return cancelAnimationFrame(animationRef.current.animationFrame);
+    };
+  }, [handleNextAnimationFrame, value]);
+  return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
+    ref: ref
+  }, restProps), formatValue(value));
+};
+exports.AnimatedNumber = AnimatedNumber;
+//# sourceMappingURL=AnimatedNumber.js.map

package/libs/counter/lib/cjs/AnimatedNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedNumber.js","names":["_react","_interopRequireDefault","require","_useCssVariable","_useEnhancedEffect","_excluded","easeInOutSine","t","Math","cos","PI","defaultFormatValue","value","toFixed","AnimatedNumber","props","_props$tag","ref","React","useRef","defaultDurationStr","useCssVariable","defaultDuration","useMemo","parseInt","_props$easing","easing","_props$formatValue","formatValue","_props$duration","duration","_props$delay","delay","_props$initValue","initValue","restProps","_objectWithoutProperties2","Tag","tag","animationRef","animationStart","animationFrame","fromValue","toValue","handleNextAnimationFrame","useCallback","current","Date","now","valueBase","valueDiff","diffFraction","innerText","requestAnimationFrame","useEnhancedEffect","cancelAnimationFrame","createElement","_extends2","exports"],"sources":["../../src/AnimatedNumber.tsx"],"sourcesContent":["import React from 'react';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport { Intergalactic } from '@semcore/core';\n\ntype AnimatedNumberProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nconst easeInOutSine = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\nconst defaultFormatValue = (value: number) => value.toFixed(2);\n\nexport const AnimatedNumber = ((props) => {\n  const ref = React.useRef<HTMLElement>(null);\n  const defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);\n  const defaultDuration = React.useMemo(\n    () => parseInt(defaultDurationStr, 10),\n    [defaultDurationStr],\n  );\n  const {\n    easing = easeInOutSine,\n    formatValue = defaultFormatValue,\n    duration = defaultDuration,\n    delay = 0,\n    initValue = 0,\n    value,\n    ...restProps\n  } = props;\n  const Tag: any = props.tag ?? 'div';\n  const animationRef = React.useRef({\n    animationStart: -1,\n    animationFrame: -1,\n    fromValue: initValue,\n    toValue: value,\n  });\n  const handleNextAnimationFrame = React.useCallback(() => {\n    if (!ref.current) return;\n    if (Date.now() - animationRef.current.animationStart > delay) {\n      const valueBase = animationRef.current.fromValue;\n      const valueDiff = animationRef.current.toValue - animationRef.current.fromValue;\n      const diffFraction = easing(\n        (Date.now() - animationRef.current.animationStart - delay) / duration,\n      );\n      const value = valueBase + valueDiff * diffFraction;\n      ref.current.innerText = formatValue(value);\n    }\n    if (Date.now() - animationRef.current.animationStart - delay >= duration) {\n      ref.current.innerText = formatValue(animationRef.current.toValue);\n      animationRef.current.fromValue = animationRef.current.toValue;\n      return;\n    }\n    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);\n  }, [easing, formatValue, duration, delay]);\n  useEnhancedEffect(() => {\n    ref.current!.innerText = formatValue(animationRef.current.fromValue);\n    animationRef.current.toValue = value;\n    animationRef.current.animationStart = Date.now();\n    handleNextAnimationFrame();\n    return () => cancelAnimationFrame(animationRef.current.animationFrame);\n  }, [handleNextAnimationFrame, value]);\n\n  return (\n    <Tag ref={ref} {...restProps}>\n      {formatValue(value)}\n    </Tag>\n  );\n}) as Intergalactic.Component<'div', AnimatedNumberProps>;\n"],"mappings":"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"}

package/libs/counter/lib/cjs/Counter.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
+var _AnimatedNumber = require("./AnimatedNumber");
+Object.keys(_AnimatedNumber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AnimatedNumber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AnimatedNumber[key];
+    }
+  });
+});
+/*__reshadow-styles__:"./style/counter.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCounter_1bh0d_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;box-sizing:border-box;vertical-align:middle;border-radius:var(--intergalactic-counter-rounded, 12px);font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCounter_1bh0d_gg_._size_m_1bh0d_gg_{height:16px;min-width:16px;font-size:var(--intergalactic-fs-50, 10px);padding:var(--intergalactic-spacing-1x, 4px)}.___SCounter_1bh0d_gg_._size_l_1bh0d_gg_,.___SCounter_1bh0d_gg_._size_xl_1bh0d_gg_{padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-05x, 2px) + var(--intergalactic-spacing-1x, 4px))}.___SCounter_1bh0d_gg_._size_l_1bh0d_gg_{height:20px;min-width:20px;font-size:var(--intergalactic-fs-100, 12px)}.___SCounter_1bh0d_gg_._size_xl_1bh0d_gg_{height:24px;min-width:24px;font-size:var(--intergalactic-fs-200, 14px)}.___SCounter_1bh0d_gg_.__theme_1bh0d_gg_{border-color:transparent;position:relative;background:var(--theme_1bh0d);color:var(--theme_1bh0d)}.___SCounter_1bh0d_gg_.__theme_1bh0d_gg_ .___SText_1bh0d_gg_{filter:invert(1) saturate(0) contrast(10) brightness(10)}.___SText_1bh0d_gg_{display:inline}.___SCounter_1bh0d_gg_._theme_warning_1bh0d_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCounter_1bh0d_gg_._theme_danger_1bh0d_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}" /*__inner_css_end__*/, "1bh0d_gg_") /*__reshadow_css_end__*/, {
+  "__SCounter": "___SCounter_1bh0d_gg_",
+  "_size_m": "_size_m_1bh0d_gg_",
+  "_size_l": "_size_l_1bh0d_gg_",
+  "_size_xl": "_size_xl_1bh0d_gg_",
+  "_theme": "__theme_1bh0d_gg_",
+  "--theme": "--theme_1bh0d",
+  "__SText": "___SText_1bh0d_gg_",
+  "_theme_warning": "_theme_warning_1bh0d_gg_",
+  "_theme_danger": "_theme_danger_1bh0d_gg_"
+});
+var Counter = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Counter, _Component);
+  var _super = (0, _createSuper2["default"])(Counter);
+  function Counter() {
+    (0, _classCallCheck2["default"])(this, Counter);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(Counter, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SCounter = _flexBox.Box;
+      var SText = 'span';
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        theme = _this$asProps.theme,
+        resolveColor = _this$asProps.resolveColor,
+        Children = _this$asProps.Children;
+      var colorBG = resolveColor(theme);
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref2.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "use:theme": colorBG
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(SText, _ref2.cn("SText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {}))));
+    }
+  }]);
+  return Counter;
+}(_core.Component);
+(0, _defineProperty2["default"])(Counter, "displayName", 'Counter');
+(0, _defineProperty2["default"])(Counter, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(Counter, "style", style);
+(0, _defineProperty2["default"])(Counter, "defaultProps", {
+  size: 'm'
+});
+var _default = (0, _core["default"])(Counter);
+exports["default"] = _default;
+//# sourceMappingURL=Counter.js.map

package/libs/counter/lib/cjs/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_AnimatedNumber","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","style","sstyled","insert","Counter","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","value","render","_ref","asProps","_ref2","SCounter","Box","SText","_this$asProps","styles","theme","resolveColor","Children","colorBG","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","size","_default","createComponent"],"sources":["../../src/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/counter.shadow.css';\n\nclass Counter extends Component<{\n  theme: 'warning' | 'danger' | string;\n  resolveColor: (color: string) => string;\n}> {\n  static displayName = 'Counter';\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SCounter = Root;\n    const SText = 'span';\n    const { styles, theme, resolveColor, Children } = this.asProps;\n\n    const colorBG = resolveColor(theme);\n\n    return sstyled(styles)(\n      <SCounter render={Box} use:theme={colorBG}>\n        <SText>\n          <Children />\n        </SText>\n      </SCounter>,\n    );\n  }\n}\n\nexport default createComponent(Counter);\nexport * from './AnimatedNumber';\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAmCA,IAAAK,eAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAiC;AAAA,IAAAS,KAAA,+BAAApB,KAAA,CAAAqB,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IA/B3BC,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAK,gBAAA,mBAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,OAAA;IAAAZ,GAAA;IAAAqB,KAAA,EAaX,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAOMC,YAAG;MANvB,IAAMC,KAAK,GAAG,MAAM;MACpB,IAAAC,aAAA,GAAkD,IAAI,CAACL,OAAO;QAAtDM,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;MAE7C,IAAMC,OAAO,GAAGF,YAAY,CAACD,KAAK,CAAC;MAEnC,OAAAN,KAAA,GAAO,IAAAf,aAAO,EAACoB,MAAM,CAAC,eACpBtC,MAAA,YAAA2C,aAAA,CAACT,QAAQ,EAAAD,KAAA,CAAAW,EAAA,iBAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;QAAA,aAAyBJ;MAAO,GAAAX,IAAA,kBACvC/B,MAAA,YAAA2C,aAAA,CAACP,KAAK,EAAAH,KAAA,CAAAW,EAAA,4BACJ5C,MAAA,YAAA2C,aAAA,CAACF,QAAQ,EAAAR,KAAA,CAAAW,EAAA,iBAAG,CACN,CACC;IAEf;EAAC;EAAA,OAAAxB,OAAA;AAAA,EA3BmB2B,eAAS;AAAA,IAAAC,gBAAA,aAAzB5B,OAAO,iBAIU,SAAS;AAAA,IAAA4B,gBAAA,aAJ1B5B,OAAO,aAKM,CAAC,IAAA6B,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aALpC5B,OAAO,WAOIH,KAAK;AAAA,IAAA+B,gBAAA,aAPhB5B,OAAO,kBASW;EACpB8B,IAAI,EAAE;AACR,CAAC;AAAA,IAAAC,QAAA,GAmBY,IAAAC,gBAAe,EAAChC,OAAO,CAAC;AAAAP,OAAA,cAAAsC,QAAA"}

package/libs/counter/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/counter/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICounterProps extends CounterProps, UnknownProperties {}\nexport type CounterProps = BoxProps & {\n  /** Counter theme or custom color */\n  theme?: 'warning' | 'danger' | string;\n\n  /** Counter size\n   * @default m */\n  size?: 'm' | 'l' | 'xl';\n};\n\ndeclare const Counter: Intergalactic.Component<'div', CounterProps>;\n\n/** @deprecated */\nexport interface IAnimatedNumberBaseProps extends AnimatedNumberBaseProps, UnknownProperties {}\nexport type AnimatedNumberBaseProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nexport declare const AnimatedNumber: Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n\nexport default Counter;\n"],"mappings":""}

package/libs/counter/lib/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedNumber", {
+  enumerable: true,
+  get: function get() {
+    return _Counter.AnimatedNumber;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Counter["default"];
+  }
+});
+var _Counter = _interopRequireWildcard(require("./Counter"));
+//# sourceMappingURL=index.js.map

package/libs/counter/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Counter","_interopRequireWildcard","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default, AnimatedNumber } from './Counter';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,uBAAA,CAAAC,OAAA"}

package/libs/counter/lib/es6/AnimatedNumber.js

@@ -0,0 +1,68 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["easing", "formatValue", "duration", "delay", "initValue", "value"];
+import React from 'react';
+import { useCssVariable } from '@semcore/utils/lib/useCssVariable';
+import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
+var easeInOutSine = function easeInOutSine(t) {
+  return -(Math.cos(Math.PI * t) - 1) / 2;
+};
+var defaultFormatValue = function defaultFormatValue(value) {
+  return value.toFixed(2);
+};
+export var AnimatedNumber = function AnimatedNumber(props) {
+  var _props$tag;
+  var ref = React.useRef(null);
+  var defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);
+  var defaultDuration = React.useMemo(function () {
+    return parseInt(defaultDurationStr, 10);
+  }, [defaultDurationStr]);
+  var _props$easing = props.easing,
+    easing = _props$easing === void 0 ? easeInOutSine : _props$easing,
+    _props$formatValue = props.formatValue,
+    formatValue = _props$formatValue === void 0 ? defaultFormatValue : _props$formatValue,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? defaultDuration : _props$duration,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 0 : _props$delay,
+    _props$initValue = props.initValue,
+    initValue = _props$initValue === void 0 ? 0 : _props$initValue,
+    value = props.value,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var Tag = (_props$tag = props.tag) !== null && _props$tag !== void 0 ? _props$tag : 'div';
+  var animationRef = React.useRef({
+    animationStart: -1,
+    animationFrame: -1,
+    fromValue: initValue,
+    toValue: value
+  });
+  var handleNextAnimationFrame = React.useCallback(function () {
+    if (!ref.current) return;
+    if (Date.now() - animationRef.current.animationStart > delay) {
+      var valueBase = animationRef.current.fromValue;
+      var valueDiff = animationRef.current.toValue - animationRef.current.fromValue;
+      var diffFraction = easing((Date.now() - animationRef.current.animationStart - delay) / duration);
+      var _value = valueBase + valueDiff * diffFraction;
+      ref.current.innerText = formatValue(_value);
+    }
+    if (Date.now() - animationRef.current.animationStart - delay >= duration) {
+      ref.current.innerText = formatValue(animationRef.current.toValue);
+      animationRef.current.fromValue = animationRef.current.toValue;
+      return;
+    }
+    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);
+  }, [easing, formatValue, duration, delay]);
+  useEnhancedEffect(function () {
+    ref.current.innerText = formatValue(animationRef.current.fromValue);
+    animationRef.current.toValue = value;
+    animationRef.current.animationStart = Date.now();
+    handleNextAnimationFrame();
+    return function () {
+      return cancelAnimationFrame(animationRef.current.animationFrame);
+    };
+  }, [handleNextAnimationFrame, value]);
+  return /*#__PURE__*/React.createElement(Tag, _extends({
+    ref: ref
+  }, restProps), formatValue(value));
+};
+//# sourceMappingURL=AnimatedNumber.js.map