@openameba/spindle-ui 0.26.1-alpha.0 → 0.26.1

package/Toast/Toast.mjs

@@ -1,67 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-export const BLOCK_NAME = 'spui-Toast';
-// Duration for css animation.
-export const ANIMATION_DURATION = 500;
-const MIN_DURATION = 4000;
-const MAX_DURATION = 100000;
-const getAnimationClassName = (isShow, animation) => {
-    return isShow ? `${BLOCK_NAME}-${animation}--in` : '';
-};
-const limitDuration = (duration) => {
-    if (duration < MIN_DURATION || duration > MAX_DURATION) {
-        return MIN_DURATION;
-    }
-    return duration;
-};
-export const Toast = ({ children, active = false, duration = 4000, animation = 'slide', position = 'top', hasError = false, onHide, }) => {
-    const [isShow, setIsShow] = useState(false);
-    const animationClassName = getAnimationClassName(isShow, animation);
-    const errorContentClassName = hasError ? `${BLOCK_NAME}-content--error` : '';
-    const formattedDuration = limitDuration(duration) - ANIMATION_DURATION;
-    const timeoutID = useRef(null);
-    const transitionElementRef = useRef(null);
-    const setIsShowWithTimeout = useCallback(() => {
-        // Out animation is executed after `formattedDuration` seconds.
-        if (timeoutID.current === null && isShow) {
-            timeoutID.current = window.setTimeout(() => {
-                setIsShow(false);
-            }, formattedDuration);
-        }
-    }, [isShow, timeoutID, setIsShow, formattedDuration]);
-    const resetTimeout = useCallback(() => {
-        if (timeoutID.current) {
-            window.clearTimeout(timeoutID.current);
-            timeoutID.current = null;
-        }
-    }, [timeoutID]);
-    const handleTransitionEnd = useCallback(() => {
-        if (onHide && !isShow) {
-            onHide();
-            timeoutID.current = null;
-        }
-    }, [isShow, setIsShow, onHide]);
-    useEffect(() => {
-        // Animation is not stopped even if `active` props is changed while running animation.
-        if (active && timeoutID.current === null) {
-            setIsShow(true);
-        }
-    }, [active]);
-    useEffect(() => {
-        setIsShowWithTimeout();
-        return resetTimeout;
-    }, [setIsShowWithTimeout, resetTimeout]);
-    useEffect(() => {
-        const transitionElement = transitionElementRef.current;
-        // When out animation is finished, `onHide` method is invoked.
-        if (transitionElement) {
-            transitionElement.addEventListener('transitionend', handleTransitionEnd);
-        }
-        return () => {
-            if (transitionElement) {
-                transitionElement.removeEventListener('transitionend', handleTransitionEnd);
-            }
-        };
-    }, [transitionElementRef, handleTransitionEnd]);
-    return (React.createElement("div", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${position} ${BLOCK_NAME}--${animation} ${animationClassName}`, ref: transitionElementRef },
-        React.createElement("div", { className: `${BLOCK_NAME}--content ${errorContentClassName}`, tabIndex: 0, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout }, children)));
-};

package/Toast/index.mjs

@@ -1 +0,0 @@
-export { Toast } from './Toast';

package/index.mjs

@@ -1,10 +0,0 @@
-import { Button } from './Button';
-import { ButtonGroup } from './ButtonGroup';
-import * as Form from './Form';
-import * as Icon from './Icon';
-import { HeroCarousel } from './HeroCarousel';
-import { IconButton } from './IconButton';
-import { LinkButton } from './LinkButton';
-import { Toast } from './Toast';
-// Components are currently exported after "import" for projects using TS lower v3.8 that does not support "export * as".
-export { Button, ButtonGroup, Form, HeroCarousel, Icon, IconButton, LinkButton, Toast, };

package/tsconfig.cjs.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "target": "es5",
-    "outDir": "dist",
-    "sourceMap": true,
-    "declaration": true,
-    "declarationMap": true
-  }
-}

package/tsconfig.esm.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "target": "ESNext",
-    "outDir": "dist",
-    "moduleResolution": "node"
-  }
-}