@cube-dev/ui-kit 0.0.0-canary-98bb3d5 → 0.0.0-canary-ea23951

package/types/components/forms/Form/useForm.d.ts

@@ -1,8 +1,8 @@
 export declare type CubeFormData = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export declare type CubeFieldData = {
-    value?: any;
+    value?: unknown;
     name: string;
     errors: string[];
     touched?: boolean;
@@ -20,18 +20,18 @@ export declare class CubeFormInstance {
     constructor(forceReRender?: () => void);
     submit(): Promise<any>;
     setFieldsValue(newData: {
-        [key: string]: any;
+        [key: string]: unknown;
     }, touched?: boolean, skipRender?: boolean, createFields?: boolean): void;
-    getFieldValue(name: any): any;
+    getFieldValue(name: any): unknown;
     getFieldsValue(): CubeFormData;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
     getFormData(): CubeFormData;
-    setFieldValue(name: string, value: any, touched?: boolean, skipRender?: boolean): void;
+    setFieldValue(name: string, value: unknown, touched?: boolean, skipRender?: boolean): void;
     getFieldInstance(name: string): CubeFieldData;
     setInitialFieldsValue(values: {
-        [key: string]: any;
+        [key: string]: unknown;
     }): void;
     resetFields(names?: string[], skipRender?: boolean): void;
     validateField(name: string): Promise<any>;

package/types/components/status/Spin/Spin.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-import { CubeSpinProps } from './types';
-export declare function Spin(props: CubeSpinProps): JSX.Element;
+import { CubeBlockProps } from '../../Block';
+export interface CubeSpinProps extends CubeBlockProps {
+    size?: 'small' | 'default' | 'large' | number;
+    spinning?: boolean;
+}
+declare const _Spin: import("react").ForwardRefExoticComponent<CubeSpinProps & import("react").RefAttributes<unknown>>;
+export { _Spin as Spin };

package/types/index.d.ts

@@ -40,7 +40,10 @@ export { Result } from './components/content/Result/Result';
 export type { CubeResultProps, CubeResultStatus, } from './components/content/Result/Result';
 export { FieldWrapper } from './components/forms/FieldWrapper';
 export type { CubeFieldWrapperProps } from './components/forms/FieldWrapper';
-export * from './components/status';
+export { LoadingAnimation } from './components/status/LoadingAnimation/LoadingAnimation';
+export type { CubeLoadingAnimationProps } from './components/status/LoadingAnimation/LoadingAnimation';
+export { Spin } from './components/status/Spin/Spin';
+export type { CubeSpinProps } from './components/status/Spin/Spin';
 export { Base64Upload } from './components/other/Base64Upload/Base64Upload';
 export type { CubeBase64UploadProps } from './components/other/Base64Upload/Base64Upload';
 export { Card } from './components/content/Card/Card';

package/cjs/components/status/LoadingAnimation/index.js

@@ -1,14 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingAnimation = void 0;
-var LoadingAnimation_1 = require("./LoadingAnimation");
-Object.defineProperty(exports, "LoadingAnimation", { enumerable: true, get: function () { return LoadingAnimation_1.LoadingAnimation; } });
-
-        

package/cjs/components/status/Spin/InternalSpinner.js

@@ -1,25 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalSpinner = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const SpinCube_1 = require("./SpinCube");
-const SpinWrap_1 = require("./SpinWrap");
-exports.InternalSpinner = (0, react_1.memo)(function InternalSpinner(props) {
-    const { size } = props;
-    return ((0, jsx_runtime_1.jsxs)(SpinWrap_1.SpinWrap, { ownSize: CUBE_SIZE_MAP[size], children: [(0, jsx_runtime_1.jsx)(SpinCube_1.SpinCube, { position: "top" }, void 0), (0, jsx_runtime_1.jsx)(SpinCube_1.SpinCube, { position: "right" }, void 0), (0, jsx_runtime_1.jsx)(SpinCube_1.SpinCube, { position: "bottom" }, void 0)] }, void 0));
-});
-const CUBE_SIZE_MAP = {
-    small: 3,
-    default: 4,
-    large: 6,
-};
-
-        

package/cjs/components/status/Spin/SpinCube.js

@@ -1,157 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinCube = void 0;
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const fillByPosition = {
-    top: '#7a77ff',
-    right: '#727290',
-    bottom: '#ff6492',
-};
-exports.SpinCube = (0, react_1.memo)(styled_components_1.default.div.attrs(({ position }) => ({
-    role: 'presentation',
-    style: {
-        '--cube-spin-animation-name': `cube-spin-${position}`,
-        '--cube-spin-fill': fillByPosition[position],
-    },
-})) `
-  --cube-spin-cube-size: calc(var(--cube-spin-size) / 3);
-  --cube-spin-cube-border-width: calc(4 / 100 * var(--cube-spin-size));
-  --cube-spin-cube-position: calc((10 / 100) * var(--cube-spin-size));
-
-  box-sizing: content-box;
-  position: absolute;
-  top: var(--cube-spin-cube-position);
-  left: var(--cube-spin-cube-position);
-  width: var(--cube-spin-cube-size);
-  height: var(--cube-spin-cube-size);
-  border: var(--cube-spin-cube-border-width) solid transparent;
-  overflow: hidden;
-  contain: size layout style paint;
-
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: cubic-bezier(0.53, 0.11, 0.32, 0.84);
-  animation-name: var(--cube-spin-animation-name);
-
-  @media (prefers-reduced-motion) {
-    animation-play-state: paused;
-  }
-
-  &::before {
-    --cube-spin-cube-round-radius: calc((4 / 100) * var(--cube-spin-size));
-
-    content: '';
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--cube-spin-cube-round-radius);
-
-    background-color: var(--cube-spin-fill);
-  }
-
-  @keyframes cube-spin-top {
-    0% {
-      transform: translate(0%, 0%);
-    }
-    9.090909090909092% {
-      transform: translate(100%, 0%);
-    }
-    27.27% {
-      transform: translate(100%, 0%);
-    }
-    36.36% {
-      transform: translate(100%, 100%);
-    }
-    54.54% {
-      transform: translate(100%, 100%);
-    }
-    63.63% {
-      transform: translate(0%, 100%);
-    }
-    81.81% {
-      transform: translate(0%, 100%);
-    }
-    90.9% {
-      transform: translate(0%, 0%);
-    }
-    100% {
-      transform: translate(0%, 0%);
-    }
-  }
-
-  @keyframes cube-spin-bottom {
-    0% {
-      transform: translate(0%, 100%);
-    }
-    8.3% {
-      transform: translate(0%, 100%);
-    }
-    16.6% {
-      transform: translate(0%, 0%);
-    }
-    33.3% {
-      transform: translate(0%, 0%);
-    }
-    41.6% {
-      transform: translate(100%, 0%);
-    }
-    58.3% {
-      transform: translate(100%, 0%);
-    }
-    66.6% {
-      transform: translate(100%, 100%);
-    }
-    83.3% {
-      transform: translate(100%, 100%);
-    }
-    91.6% {
-      transform: translate(0%, 100%);
-    }
-    100% {
-      transform: translate(0%, 100%);
-    }
-  }
-
-  @keyframes cube-spin-right {
-    0% {
-      transform: translate(100%, 100%);
-    }
-    16.6% {
-      transform: translate(100%, 100%);
-    }
-    25% {
-      transform: translate(0%, 100%);
-    }
-    41.6% {
-      transform: translate(0%, 100%);
-    }
-    50% {
-      transform: translate(0%, 0%);
-    }
-    66.6% {
-      transform: translate(0%, 0%);
-    }
-    75% {
-      transform: translate(100%, 0%);
-    }
-    91.6% {
-      transform: translate(100%, 0%);
-    }
-    100% {
-      transform: translate(100%, 100%);
-    }
-  }
-`);
-
-        

package/cjs/components/status/Spin/SpinWrap.js

@@ -1,45 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinWrap = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.SpinWrap = styled_components_1.default.div.attrs(({ ownSize }) => ({
-    role: 'presentation',
-    style: { '--cube-spin-size': `${ownSize * 8}px` },
-})) `
-  position: relative;
-  display: inline-flex;
-  width: var(--cube-spin-size);
-  height: var(--cube-spin-size);
-  opacity: 0.8;
-  contain: size layout style paint;
-  pointer-events: none;
-  user-select: none;
-
-  @media (prefers-reduced-motion) {
-    animation: cube-spin-reduced-motion 2s infinite ease-in-out;
-
-    @keyframes cube-spin-reduced-motion {
-      0% {
-        opacity: 0.4;
-      }
-      50% {
-        opacity: 0.8;
-      }
-      100% {
-        opacity: 0.4;
-      }
-    }
-  }
-`;
-
-        

package/cjs/components/status/Spin/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Spin"), exports);
-
-        

package/cjs/components/status/Spin/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/status/index.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Spin"), exports);
-__exportStar(require("./LoadingAnimation"), exports);
-
-        

package/es/components/status/LoadingAnimation/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-export { LoadingAnimation } from './LoadingAnimation';
-
-        

package/es/components/status/Spin/InternalSpinner.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { SpinCube } from './SpinCube';
-import { SpinWrap } from './SpinWrap';
-export const InternalSpinner = memo(function InternalSpinner(props) {
-    const { size } = props;
-    return (_jsxs(SpinWrap, { ownSize: CUBE_SIZE_MAP[size], children: [_jsx(SpinCube, { position: "top" }, void 0), _jsx(SpinCube, { position: "right" }, void 0), _jsx(SpinCube, { position: "bottom" }, void 0)] }, void 0));
-});
-const CUBE_SIZE_MAP = {
-    small: 3,
-    default: 4,
-    large: 6,
-};
-
-        

package/es/components/status/Spin/SpinCube.js

@@ -1,151 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-import { memo } from 'react';
-import styled from 'styled-components';
-const fillByPosition = {
-    top: '#7a77ff',
-    right: '#727290',
-    bottom: '#ff6492',
-};
-export const SpinCube = memo(styled.div.attrs(({ position }) => ({
-    role: 'presentation',
-    style: {
-        '--cube-spin-animation-name': `cube-spin-${position}`,
-        '--cube-spin-fill': fillByPosition[position],
-    },
-})) `
-  --cube-spin-cube-size: calc(var(--cube-spin-size) / 3);
-  --cube-spin-cube-border-width: calc(4 / 100 * var(--cube-spin-size));
-  --cube-spin-cube-position: calc((10 / 100) * var(--cube-spin-size));
-
-  box-sizing: content-box;
-  position: absolute;
-  top: var(--cube-spin-cube-position);
-  left: var(--cube-spin-cube-position);
-  width: var(--cube-spin-cube-size);
-  height: var(--cube-spin-cube-size);
-  border: var(--cube-spin-cube-border-width) solid transparent;
-  overflow: hidden;
-  contain: size layout style paint;
-
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: cubic-bezier(0.53, 0.11, 0.32, 0.84);
-  animation-name: var(--cube-spin-animation-name);
-
-  @media (prefers-reduced-motion) {
-    animation-play-state: paused;
-  }
-
-  &::before {
-    --cube-spin-cube-round-radius: calc((4 / 100) * var(--cube-spin-size));
-
-    content: '';
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--cube-spin-cube-round-radius);
-
-    background-color: var(--cube-spin-fill);
-  }
-
-  @keyframes cube-spin-top {
-    0% {
-      transform: translate(0%, 0%);
-    }
-    9.090909090909092% {
-      transform: translate(100%, 0%);
-    }
-    27.27% {
-      transform: translate(100%, 0%);
-    }
-    36.36% {
-      transform: translate(100%, 100%);
-    }
-    54.54% {
-      transform: translate(100%, 100%);
-    }
-    63.63% {
-      transform: translate(0%, 100%);
-    }
-    81.81% {
-      transform: translate(0%, 100%);
-    }
-    90.9% {
-      transform: translate(0%, 0%);
-    }
-    100% {
-      transform: translate(0%, 0%);
-    }
-  }
-
-  @keyframes cube-spin-bottom {
-    0% {
-      transform: translate(0%, 100%);
-    }
-    8.3% {
-      transform: translate(0%, 100%);
-    }
-    16.6% {
-      transform: translate(0%, 0%);
-    }
-    33.3% {
-      transform: translate(0%, 0%);
-    }
-    41.6% {
-      transform: translate(100%, 0%);
-    }
-    58.3% {
-      transform: translate(100%, 0%);
-    }
-    66.6% {
-      transform: translate(100%, 100%);
-    }
-    83.3% {
-      transform: translate(100%, 100%);
-    }
-    91.6% {
-      transform: translate(0%, 100%);
-    }
-    100% {
-      transform: translate(0%, 100%);
-    }
-  }
-
-  @keyframes cube-spin-right {
-    0% {
-      transform: translate(100%, 100%);
-    }
-    16.6% {
-      transform: translate(100%, 100%);
-    }
-    25% {
-      transform: translate(0%, 100%);
-    }
-    41.6% {
-      transform: translate(0%, 100%);
-    }
-    50% {
-      transform: translate(0%, 0%);
-    }
-    66.6% {
-      transform: translate(0%, 0%);
-    }
-    75% {
-      transform: translate(100%, 0%);
-    }
-    91.6% {
-      transform: translate(100%, 0%);
-    }
-    100% {
-      transform: translate(100%, 100%);
-    }
-  }
-`);
-
-        

package/es/components/status/Spin/SpinWrap.js

@@ -1,39 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-import styled from 'styled-components';
-export const SpinWrap = styled.div.attrs(({ ownSize }) => ({
-    role: 'presentation',
-    style: { '--cube-spin-size': `${ownSize * 8}px` },
-})) `
-  position: relative;
-  display: inline-flex;
-  width: var(--cube-spin-size);
-  height: var(--cube-spin-size);
-  opacity: 0.8;
-  contain: size layout style paint;
-  pointer-events: none;
-  user-select: none;
-
-  @media (prefers-reduced-motion) {
-    animation: cube-spin-reduced-motion 2s infinite ease-in-out;
-
-    @keyframes cube-spin-reduced-motion {
-      0% {
-        opacity: 0.4;
-      }
-      50% {
-        opacity: 0.8;
-      }
-      100% {
-        opacity: 0.4;
-      }
-    }
-  }
-`;
-
-        

package/es/components/status/Spin/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-export * from './Spin';
-
-        

package/es/components/status/Spin/types.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-export {};
-
-        

package/es/components/status/index.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-98bb3d5
- * Released under the MIT license.
- */
-
-export * from './Spin';
-export * from './LoadingAnimation';
-
-        

package/types/components/status/LoadingAnimation/index.d.ts

@@ -1,2 +0,0 @@
-export { LoadingAnimation } from './LoadingAnimation';
-export type { CubeLoadingAnimationProps } from './LoadingAnimation';

package/types/components/status/Spin/InternalSpinner.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { InternalSpinnerProps } from './types';
-export declare const InternalSpinner: import("react").NamedExoticComponent<InternalSpinnerProps>;

package/types/components/status/Spin/SpinCube.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SpinCube: import("react").MemoExoticComponent<any>;

package/types/components/status/Spin/SpinWrap.d.ts

@@ -1 +0,0 @@
-export declare const SpinWrap: any;

package/types/components/status/Spin/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Spin';
-export type { CubeSpinProps } from './types';

package/types/components/status/Spin/types.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { Styles } from '../../../tasty';
-export declare type SpinSize = 'small' | 'default' | 'large';
-export declare type CubeSpinProps = {
-    /**
-     * Size of the spin.
-     * @default 'default'
-     */
-    size?: SpinSize;
-    /**
-     * Keep spinning while the flag is true, otherwise render it's children.
-     * @default true
-     */
-    spinning?: boolean;
-    children?: ReactNode;
-    styles?: Styles;
-};
-export declare type SpinCubeProps = {
-    position: 'top' | 'right' | 'bottom';
-};
-export declare type InternalSpinnerProps = {
-    size: SpinSize;
-};

package/types/components/status/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Spin';
-export * from './LoadingAnimation';