npm - @homecode/ui - Versions diffs - 4.27.17 → 4.27.18 - Mend

@homecode/ui 4.27.17 → 4.27.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/esm/src/components/Input/Input.js CHANGED Viewed

@@ -68,7 +68,24 @@ const Input = forwardRef((props, ref) => {
         return val;
     };
     const onTextareaPaste = e => {
-        // wait for native paste operation completes in DOM
+        // Prevent default paste behavior to strip formatting
+        e.preventDefault();
+        // Get plain text from clipboard
+        const text = (e.clipboardData || window.clipboardData)?.getData('text/plain') || '';
+        // Insert plain text at cursor position
+        if (document.queryCommandSupported('insertText')) {
+            document.execCommand('insertText', false, text);
+        }
+        else {
+            // Fallback for older browsers
+            const selection = window.getSelection();
+            if (!selection.rangeCount)
+                return;
+            selection.deleteFromDocument();
+            selection.getRangeAt(0).insertNode(document.createTextNode(text));
+            selection.collapseToEnd();
+        }
+        // Update the value after paste
         setTimeout(() => {
             if (inputRef.current) {
                 const newValue = inputRef.current.innerText;
@@ -243,7 +260,7 @@ const Input = forwardRef((props, ref) => {
         updateAutoComplete();
         if (value !== inputValue) {
             if (isTextArea)
-                setTextareaValue(String(value));
+                setTextareaValue(String(value ?? ''));
             setInputValue(value);
         }
         if (autoFocus && inputRef.current) {
@@ -252,7 +269,7 @@ const Input = forwardRef((props, ref) => {
     }, [value, autoFocus]);
     useEffect(() => {
         if (isTextArea)
-            setTextareaValue(String(value));
+            setTextareaValue(String(value ?? ''));
     }, []);
     const Control = isTextArea ? 'span' : 'input';
     const classes = cn(S.root, isTextArea && S.isTextArea, S[`size-${size}`], S[`variant-${variant}`], isFocused && S.isFocused, error && S.hasError, hasClear && S.hasClear, disabled && S.isDisabled, round && S.round, className);

package/dist/esm/types/src/components/Icon/Icon.d.ts CHANGED Viewed

@@ -1,91 +1,97 @@
+/// <reference types="uilib/declarations" />
 import * as T from './Icon.types';
 export declare const icons: {
-    attach: () => Promise<any>;
-    arrowRight: () => Promise<any>;
-    arrowLeft: () => Promise<any>;
-    arrowUp: () => Promise<any>;
-    arrowDown: () => Promise<any>;
-    avatar: () => Promise<any>;
-    bookmark: () => Promise<any>;
-    bookmarkAdd: () => Promise<any>;
-    brain: () => Promise<any>;
-    brokenImage: () => Promise<any>;
-    camera: () => Promise<any>;
-    chat: () => Promise<any>;
-    check: () => Promise<any>;
-    close: () => Promise<any>;
-    colors: () => Promise<any>;
-    compass: () => Promise<any>;
-    copy: () => Promise<any>;
-    checkers: () => Promise<any>;
-    chevronUp: () => Promise<any>;
-    chevronDown: () => Promise<any>;
-    chevronRight: () => Promise<any>;
-    chevronLeft: () => Promise<any>;
-    clearAll: () => Promise<any>;
-    cubes: () => Promise<any>;
-    delete: () => Promise<any>;
-    draft: () => Promise<any>;
-    dragHandlerHorizontal: () => Promise<any>;
-    dragHandlerVertical: () => Promise<any>;
-    edit: () => Promise<any>;
-    email: () => Promise<any>;
-    externalLink: () => Promise<any>;
-    eye: () => Promise<any>;
-    forward: () => Promise<any>;
-    folder: () => Promise<any>;
-    folderOpen: () => Promise<any>;
-    fullscreen: () => Promise<any>;
-    fullscreenExit: () => Promise<any>;
-    function: () => Promise<any>;
-    flyover: () => Promise<any>;
-    gear: () => Promise<any>;
-    geolocation: () => Promise<any>;
-    globe: () => Promise<any>;
-    group: () => Promise<any>;
-    history: () => Promise<any>;
-    image: () => Promise<any>;
-    instagram: () => Promise<any>;
-    home: () => Promise<any>;
-    layers: () => Promise<any>;
-    link: () => Promise<any>;
-    loader: () => Promise<any>;
-    lock: () => Promise<any>;
-    lockOpen: () => Promise<any>;
-    map: () => Promise<any>;
-    menu: () => Promise<any>;
-    mic: () => Promise<any>;
-    minus: () => Promise<any>;
-    moreVertical: () => Promise<any>;
-    moreHorizontal: () => Promise<any>;
-    output: () => Promise<any>;
-    pause: () => Promise<any>;
-    play: () => Promise<any>;
-    plus: () => Promise<any>;
-    redo: () => Promise<any>;
-    undo: () => Promise<any>;
-    usage: () => Promise<any>;
-    requiredStar: () => Promise<any>;
-    rewind: () => Promise<any>;
-    rocket: () => Promise<any>;
-    route: () => Promise<any>;
-    routeFrom: () => Promise<any>;
-    routeTo: () => Promise<any>;
-    save: () => Promise<any>;
-    search: () => Promise<any>;
-    send: () => Promise<any>;
-    settings: () => Promise<any>;
-    shoppingBag: () => Promise<any>;
-    smile: () => Promise<any>;
-    soundWave: () => Promise<any>;
-    sparks: () => Promise<any>;
-    star: () => Promise<any>;
-    stopInCircle: () => Promise<any>;
-    syncArrows: () => Promise<any>;
-    table: () => Promise<any>;
-    telegram: () => Promise<any>;
-    tool: () => Promise<any>;
-    trafficLight: () => Promise<any>;
+    attach: () => Promise<typeof import("*.svg")>;
+    apple: () => Promise<typeof import("*.svg")>;
+    arrowRight: () => Promise<typeof import("*.svg")>;
+    arrowLeft: () => Promise<typeof import("*.svg")>;
+    arrowUp: () => Promise<typeof import("*.svg")>;
+    arrowDown: () => Promise<typeof import("*.svg")>;
+    avatar: () => Promise<typeof import("*.svg")>;
+    bookmark: () => Promise<typeof import("*.svg")>;
+    bookmarkAdd: () => Promise<typeof import("*.svg")>;
+    brain: () => Promise<typeof import("*.svg")>;
+    brokenImage: () => Promise<typeof import("*.svg")>;
+    camera: () => Promise<typeof import("*.svg")>;
+    chat: () => Promise<typeof import("*.svg")>;
+    check: () => Promise<typeof import("*.svg")>;
+    close: () => Promise<typeof import("*.svg")>;
+    colors: () => Promise<typeof import("*.svg")>;
+    compass: () => Promise<typeof import("*.svg")>;
+    copy: () => Promise<typeof import("*.svg")>;
+    checkers: () => Promise<typeof import("*.svg")>;
+    chevronUp: () => Promise<typeof import("*.svg")>;
+    chevronDown: () => Promise<typeof import("*.svg")>;
+    chevronRight: () => Promise<typeof import("*.svg")>;
+    chevronLeft: () => Promise<typeof import("*.svg")>;
+    clearAll: () => Promise<typeof import("*.svg")>;
+    cubes: () => Promise<typeof import("*.svg")>;
+    delete: () => Promise<typeof import("*.svg")>;
+    draft: () => Promise<typeof import("*.svg")>;
+    dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
+    dragHandlerVertical: () => Promise<typeof import("*.svg")>;
+    edit: () => Promise<typeof import("*.svg")>;
+    email: () => Promise<typeof import("*.svg")>;
+    externalLink: () => Promise<typeof import("*.svg")>;
+    eye: () => Promise<typeof import("*.svg")>;
+    forward: () => Promise<typeof import("*.svg")>;
+    folder: () => Promise<typeof import("*.svg")>;
+    folderOpen: () => Promise<typeof import("*.svg")>;
+    fullscreen: () => Promise<typeof import("*.svg")>;
+    fullscreenExit: () => Promise<typeof import("*.svg")>;
+    function: () => Promise<typeof import("*.svg")>;
+    flyover: () => Promise<typeof import("*.svg")>;
+    gear: () => Promise<typeof import("*.svg")>;
+    geolocation: () => Promise<typeof import("*.svg")>;
+    globe: () => Promise<typeof import("*.svg")>;
+    google: () => Promise<typeof import("*.svg")>;
+    group: () => Promise<typeof import("*.svg")>;
+    github: () => Promise<typeof import("*.svg")>;
+    history: () => Promise<typeof import("*.svg")>;
+    image: () => Promise<typeof import("*.svg")>;
+    instagram: () => Promise<typeof import("*.svg")>;
+    home: () => Promise<typeof import("*.svg")>;
+    layers: () => Promise<typeof import("*.svg")>;
+    link: () => Promise<typeof import("*.svg")>;
+    loader: () => Promise<typeof import("*.svg")>;
+    lock: () => Promise<typeof import("*.svg")>;
+    lockOpen: () => Promise<typeof import("*.svg")>;
+    map: () => Promise<typeof import("*.svg")>;
+    menu: () => Promise<typeof import("*.svg")>;
+    mic: () => Promise<typeof import("*.svg")>;
+    micMuted: () => Promise<typeof import("*.svg")>;
+    minus: () => Promise<typeof import("*.svg")>;
+    moreVertical: () => Promise<typeof import("*.svg")>;
+    moreHorizontal: () => Promise<typeof import("*.svg")>;
+    output: () => Promise<typeof import("*.svg")>;
+    pause: () => Promise<typeof import("*.svg")>;
+    play: () => Promise<typeof import("*.svg")>;
+    plus: () => Promise<typeof import("*.svg")>;
+    redo: () => Promise<typeof import("*.svg")>;
+    undo: () => Promise<typeof import("*.svg")>;
+    usage: () => Promise<typeof import("*.svg")>;
+    requiredStar: () => Promise<typeof import("*.svg")>;
+    rewind: () => Promise<typeof import("*.svg")>;
+    rocket: () => Promise<typeof import("*.svg")>;
+    route: () => Promise<typeof import("*.svg")>;
+    routeFrom: () => Promise<typeof import("*.svg")>;
+    routeTo: () => Promise<typeof import("*.svg")>;
+    save: () => Promise<typeof import("*.svg")>;
+    search: () => Promise<typeof import("*.svg")>;
+    send: () => Promise<typeof import("*.svg")>;
+    settings: () => Promise<typeof import("*.svg")>;
+    shoppingBag: () => Promise<typeof import("*.svg")>;
+    smile: () => Promise<typeof import("*.svg")>;
+    soundWave: () => Promise<typeof import("*.svg")>;
+    sparks: () => Promise<typeof import("*.svg")>;
+    star: () => Promise<typeof import("*.svg")>;
+    stop: () => Promise<typeof import("*.svg")>;
+    stopInCircle: () => Promise<typeof import("*.svg")>;
+    syncArrows: () => Promise<typeof import("*.svg")>;
+    table: () => Promise<typeof import("*.svg")>;
+    telegram: () => Promise<typeof import("*.svg")>;
+    tool: () => Promise<typeof import("*.svg")>;
+    trafficLight: () => Promise<typeof import("*.svg")>;
 };
 export type { IconType } from './Icon.types';
 export declare function Icon(props: T.Props): JSX.Element;

package/dist/esm/types/src/components/Icon/icons/index.d.ts CHANGED Viewed

@@ -1,94 +1,95 @@
+/// <reference types="uilib/declarations" />
 declare const _default: {
-    attach: () => Promise<any>;
-    apple: () => Promise<any>;
-    arrowRight: () => Promise<any>;
-    arrowLeft: () => Promise<any>;
-    arrowUp: () => Promise<any>;
-    arrowDown: () => Promise<any>;
-    avatar: () => Promise<any>;
-    bookmark: () => Promise<any>;
-    bookmarkAdd: () => Promise<any>;
-    brain: () => Promise<any>;
-    brokenImage: () => Promise<any>;
-    camera: () => Promise<any>;
-    chat: () => Promise<any>;
-    check: () => Promise<any>;
-    close: () => Promise<any>;
-    colors: () => Promise<any>;
-    compass: () => Promise<any>;
-    copy: () => Promise<any>;
-    checkers: () => Promise<any>;
-    chevronUp: () => Promise<any>;
-    chevronDown: () => Promise<any>;
-    chevronRight: () => Promise<any>;
-    chevronLeft: () => Promise<any>;
-    clearAll: () => Promise<any>;
-    cubes: () => Promise<any>;
-    delete: () => Promise<any>;
-    draft: () => Promise<any>;
-    dragHandlerHorizontal: () => Promise<any>;
-    dragHandlerVertical: () => Promise<any>;
-    edit: () => Promise<any>;
-    email: () => Promise<any>;
-    externalLink: () => Promise<any>;
-    eye: () => Promise<any>;
-    forward: () => Promise<any>;
-    folder: () => Promise<any>;
-    folderOpen: () => Promise<any>;
-    fullscreen: () => Promise<any>;
-    fullscreenExit: () => Promise<any>;
-    function: () => Promise<any>;
-    flyover: () => Promise<any>;
-    gear: () => Promise<any>;
-    geolocation: () => Promise<any>;
-    globe: () => Promise<any>;
-    google: () => Promise<any>;
-    group: () => Promise<any>;
-    github: () => Promise<any>;
-    history: () => Promise<any>;
-    image: () => Promise<any>;
-    instagram: () => Promise<any>;
-    home: () => Promise<any>;
-    layers: () => Promise<any>;
-    link: () => Promise<any>;
-    loader: () => Promise<any>;
-    lock: () => Promise<any>;
-    lockOpen: () => Promise<any>;
-    map: () => Promise<any>;
-    menu: () => Promise<any>;
-    mic: () => Promise<any>;
-    micMuted: () => Promise<any>;
-    minus: () => Promise<any>;
-    moreVertical: () => Promise<any>;
-    moreHorizontal: () => Promise<any>;
-    output: () => Promise<any>;
-    pause: () => Promise<any>;
-    play: () => Promise<any>;
-    plus: () => Promise<any>;
-    redo: () => Promise<any>;
-    undo: () => Promise<any>;
-    usage: () => Promise<any>;
-    requiredStar: () => Promise<any>;
-    rewind: () => Promise<any>;
-    rocket: () => Promise<any>;
-    route: () => Promise<any>;
-    routeFrom: () => Promise<any>;
-    routeTo: () => Promise<any>;
-    save: () => Promise<any>;
-    search: () => Promise<any>;
-    send: () => Promise<any>;
-    settings: () => Promise<any>;
-    shoppingBag: () => Promise<any>;
-    smile: () => Promise<any>;
-    soundWave: () => Promise<any>;
-    sparks: () => Promise<any>;
-    star: () => Promise<any>;
-    stop: () => Promise<any>;
-    stopInCircle: () => Promise<any>;
-    syncArrows: () => Promise<any>;
-    table: () => Promise<any>;
-    telegram: () => Promise<any>;
-    tool: () => Promise<any>;
-    trafficLight: () => Promise<any>;
+    attach: () => Promise<typeof import("*.svg")>;
+    apple: () => Promise<typeof import("*.svg")>;
+    arrowRight: () => Promise<typeof import("*.svg")>;
+    arrowLeft: () => Promise<typeof import("*.svg")>;
+    arrowUp: () => Promise<typeof import("*.svg")>;
+    arrowDown: () => Promise<typeof import("*.svg")>;
+    avatar: () => Promise<typeof import("*.svg")>;
+    bookmark: () => Promise<typeof import("*.svg")>;
+    bookmarkAdd: () => Promise<typeof import("*.svg")>;
+    brain: () => Promise<typeof import("*.svg")>;
+    brokenImage: () => Promise<typeof import("*.svg")>;
+    camera: () => Promise<typeof import("*.svg")>;
+    chat: () => Promise<typeof import("*.svg")>;
+    check: () => Promise<typeof import("*.svg")>;
+    close: () => Promise<typeof import("*.svg")>;
+    colors: () => Promise<typeof import("*.svg")>;
+    compass: () => Promise<typeof import("*.svg")>;
+    copy: () => Promise<typeof import("*.svg")>;
+    checkers: () => Promise<typeof import("*.svg")>;
+    chevronUp: () => Promise<typeof import("*.svg")>;
+    chevronDown: () => Promise<typeof import("*.svg")>;
+    chevronRight: () => Promise<typeof import("*.svg")>;
+    chevronLeft: () => Promise<typeof import("*.svg")>;
+    clearAll: () => Promise<typeof import("*.svg")>;
+    cubes: () => Promise<typeof import("*.svg")>;
+    delete: () => Promise<typeof import("*.svg")>;
+    draft: () => Promise<typeof import("*.svg")>;
+    dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
+    dragHandlerVertical: () => Promise<typeof import("*.svg")>;
+    edit: () => Promise<typeof import("*.svg")>;
+    email: () => Promise<typeof import("*.svg")>;
+    externalLink: () => Promise<typeof import("*.svg")>;
+    eye: () => Promise<typeof import("*.svg")>;
+    forward: () => Promise<typeof import("*.svg")>;
+    folder: () => Promise<typeof import("*.svg")>;
+    folderOpen: () => Promise<typeof import("*.svg")>;
+    fullscreen: () => Promise<typeof import("*.svg")>;
+    fullscreenExit: () => Promise<typeof import("*.svg")>;
+    function: () => Promise<typeof import("*.svg")>;
+    flyover: () => Promise<typeof import("*.svg")>;
+    gear: () => Promise<typeof import("*.svg")>;
+    geolocation: () => Promise<typeof import("*.svg")>;
+    globe: () => Promise<typeof import("*.svg")>;
+    google: () => Promise<typeof import("*.svg")>;
+    group: () => Promise<typeof import("*.svg")>;
+    github: () => Promise<typeof import("*.svg")>;
+    history: () => Promise<typeof import("*.svg")>;
+    image: () => Promise<typeof import("*.svg")>;
+    instagram: () => Promise<typeof import("*.svg")>;
+    home: () => Promise<typeof import("*.svg")>;
+    layers: () => Promise<typeof import("*.svg")>;
+    link: () => Promise<typeof import("*.svg")>;
+    loader: () => Promise<typeof import("*.svg")>;
+    lock: () => Promise<typeof import("*.svg")>;
+    lockOpen: () => Promise<typeof import("*.svg")>;
+    map: () => Promise<typeof import("*.svg")>;
+    menu: () => Promise<typeof import("*.svg")>;
+    mic: () => Promise<typeof import("*.svg")>;
+    micMuted: () => Promise<typeof import("*.svg")>;
+    minus: () => Promise<typeof import("*.svg")>;
+    moreVertical: () => Promise<typeof import("*.svg")>;
+    moreHorizontal: () => Promise<typeof import("*.svg")>;
+    output: () => Promise<typeof import("*.svg")>;
+    pause: () => Promise<typeof import("*.svg")>;
+    play: () => Promise<typeof import("*.svg")>;
+    plus: () => Promise<typeof import("*.svg")>;
+    redo: () => Promise<typeof import("*.svg")>;
+    undo: () => Promise<typeof import("*.svg")>;
+    usage: () => Promise<typeof import("*.svg")>;
+    requiredStar: () => Promise<typeof import("*.svg")>;
+    rewind: () => Promise<typeof import("*.svg")>;
+    rocket: () => Promise<typeof import("*.svg")>;
+    route: () => Promise<typeof import("*.svg")>;
+    routeFrom: () => Promise<typeof import("*.svg")>;
+    routeTo: () => Promise<typeof import("*.svg")>;
+    save: () => Promise<typeof import("*.svg")>;
+    search: () => Promise<typeof import("*.svg")>;
+    send: () => Promise<typeof import("*.svg")>;
+    settings: () => Promise<typeof import("*.svg")>;
+    shoppingBag: () => Promise<typeof import("*.svg")>;
+    smile: () => Promise<typeof import("*.svg")>;
+    soundWave: () => Promise<typeof import("*.svg")>;
+    sparks: () => Promise<typeof import("*.svg")>;
+    star: () => Promise<typeof import("*.svg")>;
+    stop: () => Promise<typeof import("*.svg")>;
+    stopInCircle: () => Promise<typeof import("*.svg")>;
+    syncArrows: () => Promise<typeof import("*.svg")>;
+    table: () => Promise<typeof import("*.svg")>;
+    telegram: () => Promise<typeof import("*.svg")>;
+    tool: () => Promise<typeof import("*.svg")>;
+    trafficLight: () => Promise<typeof import("*.svg")>;
 };
 export default _default;

package/dist/esm/types/src/components/Notifications/Notifications.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
+import * as T from './Notifications.types';
 type Props = {
     store?: any;
 };
 export declare const NotificationsStore: import("justorm/dist/esm/proxy").ProxyStore<{
     items: string[];
-    autohide: string[];
+    autoHide: string[];
     data: {};
     paused: boolean;
-    show(data: any): any;
+    show(data: T.ItemParams): any;
     pause(): void;
     unpause(): void;
     close(id: any): void;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.27.17",
+  "version": "4.27.18",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",