funda-ui 4.7.101 → 4.7.105

package/Textarea/index.js

@@ -1531,13 +1531,18 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return changedVal || '';
+      },
       clear: function clear(cb) {
         setChangedVal('');
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(null, valRef.current, '');
       },
       set: function set(value, cb) {
         setChangedVal("".concat(value));
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(null, valRef.current, "".concat(value));
       },
       resetHeight: function resetHeight() {
         reset();
@@ -1549,7 +1554,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
         }, 0);
       }
     };
-  }, [contentRef, reset]);
+  }, [contentRef, reset, changedVal]);
   var propExist = function propExist(p) {
     return typeof p !== 'undefined' && p !== null && p !== '';
   };

package/Toast/index.css

@@ -9,8 +9,8 @@
   --toasts-offset-bothsides: 15px;
   --toasts-container-gap: 0.5rem;
   --toasts-container-width: 350px;
-  --toasts-progress-height: 5px;
-  --toasts-progress-bg: rgba(255,255,255,.6);
+  --toasts-progress-height: 3px;
+  --toasts-progress-bg: rgba(228, 228, 228, 0.6);
   width: var(--toasts-container-width);
   position: fixed;
   left: 50%;
@@ -72,34 +72,28 @@
 }
 .toasts__wrapper .toast-container {
   margin-bottom: var(--toasts-container-gap);
+  /* Use clip-path instead of opacity to achieve a fade effect, avoiding the problem of transparency overlay */
+  clip-path: inset(0 0 0 0);
+  transform: translateY(0);
+  /* Rendering of 3D transformations */
+  backface-visibility: hidden;
+  transform-style: preserve-3d;
+  /* init animation */
+  /* enter animation */
+  /* exit animation */
+}
+.toasts__wrapper .toast-container.animate-ready {
+  pointer-events: none;
+  clip-path: inset(0 0 100% 0);
+  transform: translateY(10px);
 }
-.toasts__wrapper .toast-container.auto-anim-switch--initfirst {
-  transform: translateY(-20px);
-  opacity: 0;
+.toasts__wrapper .toast-container.animate-in {
+  clip-path: inset(0 0 0 0);
+  transform: translateY(0);
 }
-.toasts__wrapper .toast-container.auto-anim-switch--first {
-  animation-name: toast-anim-show-first;
-  animation-duration: 0.3s;
-  animation-timing-function: linear;
-  animation-delay: 0;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
-}
-.toasts__wrapper .toast-container.auto-anim-switch:not(.only-one) {
-  animation-name: toast-anim-hide;
-  animation-duration: 0.3s;
-  animation-timing-function: linear;
-  animation-delay: 0;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
-}
-.toasts__wrapper .toast-container.only-one.auto-anim-switch {
-  animation-name: toast-anim-hide--onlyone;
-  animation-duration: 0.3s;
-  animation-timing-function: linear;
-  animation-delay: 0;
-  animation-iteration-count: 1;
-  animation-fill-mode: forwards;
+.toasts__wrapper .toast-container.hide-start {
+  clip-path: inset(0 0 100% 0);
+  transform: translateY(-10px);
 }
 .toasts__wrapper.toasts__wrapper--cascading .toast-container {
   margin-bottom: 0;
@@ -120,6 +114,7 @@
 .toasts__wrapper .toast-progress .progress-bar {
   background: var(--toasts-progress-bg);
   width: 100%;
+  height: 100%;
   transition: all 0.1s;
 }
 
@@ -152,50 +147,3 @@
 .toast-container.hide-end {
   display: none;
 }
-
-@keyframes toast-anim-initfirst {
-  0% {
-    transform: translateY(-20px);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(20px);
-    opacity: 0;
-  }
-}
-@keyframes toast-anim-show-first {
-  0% {
-    transform: translateY(-20px);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes toast-anim-hide {
-  0% {
-    transform: translateY(-100%);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(10px);
-    opacity: 0;
-    /* prevent auto-close's item */
-    display: block;
-  }
-}
-@keyframes toast-anim-hide--onlyone {
-  0% {
-    transform: translateY(-100%);
-    opacity: 1;
-    /* prevent auto-close's item */
-    display: block;
-  }
-  100% {
-    transform: translateY(10px);
-    opacity: 0;
-    /* prevent auto-close's item */
-    display: block;
-  }
-}

package/Toast/index.d.ts

@@ -1,34 +1,3 @@
-/// <reference types="react" />
-export declare type ToastProps = {
-    /** The class name of the toast wrapper. */
-    wrapperClassName?: string;
-    /** Specify data of toasts as a JSON string format. */
-    data: any[any];
-    /** Automatically hide multiple items */
-    autoHideMultiple?: boolean;
-    /** The direction of the toast. */
-    direction?: string;
-    /** Set an automatic closing time, multiple items will be accumulated in order.
-     * Amount of time measured in milliseconds. If false or without this attribute, Auto-Close will be disabled.
-     */
-    autoCloseTime?: boolean | number;
-    /** You can not close pop-win when it is enabled */
-    lock?: boolean;
-    /** Whether to use cascading styles */
-    cascading?: boolean;
-    /** Self-defined class name for body*/
-    schemeBody?: string;
-    /** Self-defined class name for header */
-    schemeHeader?: string;
-    /** Set the color of the close button */
-    closeBtnColor?: string;
-    /** Disable the close button. */
-    closeDisabled?: boolean;
-    /**  */
-    async?: boolean;
-    /** -- */
-    id?: string;
-    onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;
-};
-declare const Toast: (props: ToastProps) => JSX.Element;
-export default Toast;
+export { useToast } from './useToast';
+export { ToastProvider } from './ToastContext';
+export type { ToastOptions } from './types';