@ingamigo/ui 1.2.1 → 1.2.2

package/dist/components/logo/logo.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from "react";
+export interface LogoProps extends HTMLAttributes<HTMLDivElement> {
+    service?: string;
+    animate?: boolean;
+    size?: "small" | "medium" | "large";
+}
+declare const Logo: ({ service, animate, size, ...props }: LogoProps) => import("react").JSX.Element;
+export default Logo;
+//# sourceMappingURL=logo.d.ts.map

package/dist/components/logo/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAoB5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AA+BD,QAAA,MAAM,IAAI,GAAI,sCAKX,SAAS,gCA4FX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/logo/logo.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { StyledBrandAccent, StyledBrandText, StyledDivider, StyledDrumContainer, StyledDrumTrack, StyledLogoContainer, StyledPrefixText, StyledPrefixWrapper, StyledSvgIcon, } from "./logo.styles";
+const ALL_SERVICES = ["Услуги", "Облако", "VPN", "Инфраструктура", "Аналитика"];
+const DRUM_ROUNDS = 2;
+const DRUM_DURATION = 1800;
+const shuffle = (source) => {
+    const copy = [...source];
+    for (let i = copy.length - 1; i > 0; i -= 1) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [copy[i], copy[j]] = [copy[j], copy[i]];
+    }
+    return copy;
+};
+const buildDrumList = (target) => {
+    const pool = ALL_SERVICES.filter((item) => item !== target);
+    if (pool.length === 0)
+        return [target];
+    const list = [];
+    let previous = null;
+    for (let round = 0; round < DRUM_ROUNDS; round += 1) {
+        const batch = shuffle(pool);
+        if (previous !== null && batch[0] === previous) {
+            [batch[0], batch[batch.length - 1]] = [batch[batch.length - 1], batch[0]];
+        }
+        list.push(...batch);
+        previous = batch[batch.length - 1];
+    }
+    list.push(target);
+    return list;
+};
+const Logo = ({ service = "", animate = false, size = "medium", ...props }) => {
+    const [prevService, setPrevService] = useState(service);
+    const [prevAnimate, setPrevAnimate] = useState(animate);
+    const [items, setItems] = useState(() => (service ? [service] : []));
+    const [offset, setOffset] = useState(0);
+    const [isScrolling, setIsScrolling] = useState(false);
+    const [triggerAnimation, setTriggerAnimation] = useState(false);
+    if (service !== prevService || animate !== prevAnimate) {
+        setPrevService(service);
+        setPrevAnimate(animate);
+        if (!animate || !service) {
+            setItems(service ? [service] : []);
+            setOffset(0);
+            setIsScrolling(false);
+            setTriggerAnimation(false);
+        }
+        else {
+            const list = buildDrumList(service);
+            setItems(list);
+            setOffset(0);
+            setIsScrolling(false);
+            setTriggerAnimation(true);
+        }
+    }
+    useEffect(() => {
+        if (!triggerAnimation) {
+            return;
+        }
+        let raf1 = 0;
+        let raf2 = 0;
+        raf1 = requestAnimationFrame(() => {
+            raf2 = requestAnimationFrame(() => {
+                setIsScrolling(true);
+                setOffset(items.length - 1);
+                setTriggerAnimation(false);
+            });
+        });
+        return () => {
+            cancelAnimationFrame(raf1);
+            cancelAnimationFrame(raf2);
+        };
+    }, [triggerAnimation, items.length]);
+    return (_jsxs(StyledLogoContainer, { size: size, ...props, children: [_jsxs(StyledSvgIcon, { size: size, viewBox: "0 0 480 481", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { className: "green-part", d: "M10.5688 180.779C10.5688 148.829 36.4688 122.929 68.418 122.929V122.929C84.3926 122.929 97.3426 135.879 97.3426 151.854V480.593H60.5689C32.9546 480.593 10.5688 458.207 10.5688 430.593V180.779Z" }), _jsx("path", { className: "green-part", d: "M55.1756 211.45C34.6709 186.556 38.229 149.753 63.1229 129.248V129.248C71.0889 122.687 82.8658 123.825 89.4273 131.791L287.986 372.853L267.082 390.072C245.767 407.629 214.256 404.582 196.699 383.267L55.1756 211.45Z" }), _jsx("circle", { className: "green-part", cx: "53.9553", cy: "53.9553", r: "53.9553" }), _jsx("path", { className: "blue-part", d: "M469.323 180.779C469.323 148.829 443.423 122.929 411.474 122.929V122.929C395.499 122.929 382.549 135.879 382.549 151.854V480.593H419.323C446.937 480.593 469.323 458.207 469.323 430.593V180.779Z" }), _jsx("path", { className: "blue-part", d: "M429.17 206.041C447.214 184.134 444.083 151.748 422.177 133.703V133.703C411.223 124.681 395.03 126.247 386.008 137.2L209.097 351.981C195.564 368.411 197.912 392.701 214.342 406.234V406.234C230.772 419.767 255.062 417.418 268.595 400.988L429.17 206.041Z" }), _jsx("circle", { className: "blue-part", cx: "53.9553", cy: "53.9553", r: "53.9553", transform: "matrix(-1 0 0 1 479.891 0)" })] }), _jsx(StyledBrandText, { size: size, children: _jsx(StyledBrandAccent, { children: "ingAmigo" }) }), items.length > 0 && (_jsxs(StyledPrefixWrapper, { children: [_jsx(StyledDivider, { size: size, children: "|" }), _jsx(StyledDrumContainer, { size: size, children: _jsx(StyledDrumTrack, { size: size, offset: offset, isScrolling: isScrolling, duration: DRUM_DURATION, children: items.map((item, index) => (_jsx(StyledPrefixText, { size: size, children: item }, `${item}-${index}`))) }) })] }))] }));
+};
+export default Logo;
+//# sourceMappingURL=logo.js.map

package/dist/components/logo/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"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"}

package/dist/components/logo/logo.styles.d.ts

@@ -0,0 +1,56 @@
+type LogoSize = "small" | "medium" | "large";
+export declare const StyledLogoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSvgIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const StyledBrandText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledBrandAccent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledPrefixWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDivider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledDrumContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDrumTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+    offset: number;
+    isScrolling: boolean;
+    duration: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPrefixText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    size: LogoSize;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};
+//# sourceMappingURL=logo.styles.d.ts.map

package/dist/components/logo/logo.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.styles.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.styles.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAc7C,eAAO,MAAM,mBAAmB;;;;UAErB,QAAQ;yGAKlB,CAAC;AAGF,eAAO,MAAM,aAAa;;;;UAAsB,QAAQ;+CAuBvD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;UAAuB,QAAQ;2GAiB1D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAG/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAAuB,QAAQ;2GAgBxD,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;UAAsB,QAAQ;yGAK7D,CAAC;AAEF,eAAO,MAAM,eAAe;;;;UAMjB,QAAQ;YAAU,MAAM;iBAAe,OAAO;cAAY,MAAM;yGAS1E,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;UAAuB,QAAQ;2GAmB3D,CAAC"}

package/dist/components/logo/logo.styles.js

@@ -0,0 +1,127 @@
+import styled from "@emotion/styled";
+const sizeHeight = (size) => {
+    switch (size) {
+        case "small":
+            return 24;
+        case "large":
+            return 48;
+        case "medium":
+        default:
+            return 32;
+    }
+};
+export const StyledLogoContainer = styled("div", {
+    shouldForwardProp: (prop) => prop !== "size",
+}) `
+  display: inline-flex;
+  align-items: center;
+  font-family: ${({ theme }) => theme.typography.fontFamily};
+  user-select: none;
+`;
+export const StyledSvgIcon = styled.svg `
+  flex-shrink: 0;
+
+  margin-right: ${({ theme }) => theme.spacing[3]};
+
+  .green-part {
+    fill: #00ff22;
+  }
+  .blue-part {
+    fill: #006fff;
+  }
+
+  ${({ size }) => {
+    switch (size) {
+        case "small":
+            return { width: "24px", height: "24px" };
+        case "large":
+            return { width: "56px", height: "56px" };
+        case "medium":
+        default:
+            return { width: "40px", height: "40px" };
+    }
+}}
+`;
+export const StyledBrandText = styled.span `
+  color: ${({ theme }) => theme.text.primary};
+  font-weight: ${({ theme }) => theme.semanticTypography.fontWeight.label};
+  letter-spacing: -0.5px;
+  line-height: 1;
+
+  ${({ theme, size }) => {
+    switch (size) {
+        case "small":
+            return { fontSize: theme.semanticTypography.fontSize.bodyLg };
+        case "large":
+            return { fontSize: theme.semanticTypography.fontSize.heading1 };
+        case "medium":
+        default:
+            return { fontSize: theme.semanticTypography.fontSize.heading3 };
+    }
+}}
+`;
+export const StyledBrandAccent = styled.span `
+  font-weight: 700;
+`;
+export const StyledPrefixWrapper = styled.div `
+  display: flex;
+  align-items: center;
+`;
+export const StyledDivider = styled.span `
+  font-weight: 300;
+  line-height: 2;
+  margin: 0 ${({ theme }) => theme.spacing[3]};
+
+  ${({ theme, size }) => {
+    switch (size) {
+        case "small":
+            return { fontSize: theme.semanticTypography.fontSize.bodyLg };
+        case "large":
+            return { fontSize: theme.semanticTypography.fontSize.heading1 };
+        case "medium":
+        default:
+            return { fontSize: theme.semanticTypography.fontSize.heading3 };
+    }
+}}
+`;
+export const StyledDrumContainer = styled.div `
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  height: ${({ size }) => sizeHeight(size)}px;
+`;
+export const StyledDrumTrack = styled("div", {
+    shouldForwardProp: (prop) => prop !== "size" &&
+        prop !== "offset" &&
+        prop !== "isScrolling" &&
+        prop !== "duration",
+}) `
+  display: flex;
+  flex-direction: column;
+  will-change: transform;
+  transform: translateY(${({ size, offset }) => -offset * sizeHeight(size)}px);
+  transition: ${({ isScrolling, duration }) => isScrolling
+    ? `transform ${duration}ms cubic-bezier(0.16, 1, 0.3, 1)`
+    : "none"};
+`;
+export const StyledPrefixText = styled.span `
+  display: block;
+  white-space: nowrap;
+  color: ${({ theme }) => theme.text.primary};
+  font-weight: 200;
+  height: ${({ size }) => sizeHeight(size)}px;
+  line-height: ${({ size }) => sizeHeight(size)}px;
+
+  ${({ theme, size }) => {
+    switch (size) {
+        case "small":
+            return { fontSize: theme.semanticTypography.fontSize.bodyLg };
+        case "large":
+            return { fontSize: theme.semanticTypography.fontSize.heading1 };
+        case "medium":
+        default:
+            return { fontSize: theme.semanticTypography.fontSize.heading1 };
+    }
+}}
+`;
+//# sourceMappingURL=logo.styles.js.map

package/dist/components/logo/logo.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.styles.js","sourceRoot":"","sources":["../../../src/components/logo/logo.styles.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as Button } from "./components/button/button";
 export { default as Input } from "./components/input/input";
 export { default as Typography } from "./components/typography/typography";
 export { default as SegmentedControl } from "./components/segmented-control/segmented-control";
+export { default as Logo } from "./components/logo/logo";
 export type { ButtonProps } from "./components/button/button";
 export type { InputProps } from "./components/input/input";
 export type { TypographyProps, TypographyVariant, } from "./components/typography/typography";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAE/F,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAE5C,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAExD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAE5C,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,kDAAkD,CAAC"}

package/dist/index.js

@@ -5,4 +5,5 @@ export { default as Button } from "./components/button/button";
 export { default as Input } from "./components/input/input";
 export { default as Typography } from "./components/typography/typography";
 export { default as SegmentedControl } from "./components/segmented-control/segmented-control";
+export { default as Logo } from "./components/logo/logo";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ingamigo/ui",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "UI component library and design system for IngAmigo",
   "main": "./dist/index.js",
   "module": "./dist/index.js",