@itcase/ui-web 1.9.77 → 1.9.81

package/dist/types/hooks/useDropzoneFieldFiles.js

@@ -0,0 +1,193 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import axios from 'axios';
+import { createFileFromDataURL } from '@itcase/common';
+/**
+ * Hook for file and state management in "react-dropzone".
+ * @param {Array} fieldValuesList - value from "react-final-form"
+ * @param {boolean} isPreviews - marker for create previews for files
+ * @returns {Object} data with states and functions for working with files
+ */
+function useDropzoneFieldFiles(fieldValuesList, isPreviews = false) {
+    const previewUrlSetRef = useRef(new Set());
+    const [fileRejectedMessage, setFileRejectedMessage] = useState('');
+    const [fileIsLoading, setFileIsLoading] = useState(false);
+    // Converts URLs-strings to special "dropzoneFileItem" objects
+    const convertValueFilesToDropzoneItems = useCallback(async (currentFilesList, isSilent = false) => {
+        setFileIsLoading(!isSilent);
+        const newFileItems = [];
+        for (const fileItem of currentFilesList) {
+            const dropzoneFileItem = await convertToDropzoneFileItem(fileItem, isPreviews);
+            if (dropzoneFileItem) {
+                newFileItems.push(dropzoneFileItem);
+                const preview = dropzoneFileItem.preview;
+                if (preview) {
+                    previewUrlSetRef.current.add(preview);
+                }
+            }
+        }
+        setFileIsLoading(false);
+        return newFileItems;
+    }, [isPreviews]);
+    useEffect(() => {
+        const previewUrlSet = previewUrlSetRef.current;
+        // When changing "fieldValuesList" - remove preview for deleted files
+        const filePreviewsSet = new Set(fieldValuesList?.map((dzFileItem) => dzFileItem.preview));
+        for (const url of previewUrlSet) {
+            if (!filePreviewsSet.has(url)) {
+                URL.revokeObjectURL(url);
+                previewUrlSet.delete(url);
+            }
+        }
+    }, [fieldValuesList]);
+    useEffect(() => {
+        // When unmounting, we delete everything in cleanup cb
+        return () => {
+            const previewUrlSet = previewUrlSetRef.current;
+            for (const url of previewUrlSet) {
+                URL.revokeObjectURL(url);
+            }
+            previewUrlSet.clear();
+        };
+    }, []);
+    return {
+        convertValueFilesToDropzoneItems,
+        fileIsLoading,
+        fileRejectedMessage,
+        setFileRejectedMessage,
+    };
+}
+function createDropzoneFileItem(params) {
+    const { id = null, dataURL = '', file, isNew = true, isPreviews = false, } = params;
+    if (!file || !(file instanceof File)) {
+        return null;
+    }
+    const fileItem = {
+        id: id || crypto.randomUUID(),
+        dataURL: dataURL,
+        file: file,
+        preview: isPreviews ? URL.createObjectURL(file) : null,
+        isNew: isNew,
+    };
+    return fileItem;
+}
+/**
+ * Downloads a file from a URL and returns a File object.
+ * @param {string} url - url
+ * @returns {Promise<File|null>}
+ */
+async function getFileByURL(url) {
+    try {
+        const response = await axios({ url: url, responseType: 'blob' });
+        const blobObject = response.data;
+        const dirtyFilename = response.headers['content-disposition']?.split('filename=')[1];
+        // Remove double quotes
+        let filename = dirtyFilename?.substring(1).slice(0, -1);
+        if (!filename) {
+            filename = url.split('/').at(-1);
+            // const typeParts = blobObject.type.split('/')
+            // const fileType = typeParts[typeParts.length - 1]
+            // filename = `${new Date().getTime()}.${fileType}`
+        }
+        const file = new File([blobObject], filename, { type: blobObject.type });
+        return file;
+    }
+    catch (error) {
+        console.log('error loading file by URL: ', error);
+        return null;
+    }
+}
+/**
+ * Converts a string or object to a JS File and creates a "dropzoneFileItem"
+ * @param {string|Object} fieldValue - one of field value (URL string or data object)
+ * @param {boolean} isPreviews - marker for create previews for files
+ * @returns {Promise<Object|null>} "dropzoneFileItem" object or null
+ */
+async function convertToDropzoneFileItem(fieldValue, isPreviews) {
+    let fieldValueFile = null;
+    let fileId = null;
+    let fileDataUrl = '';
+    const isFieldValueTypeObject = fieldValue && typeof fieldValue === 'object';
+    // If value item is already a "dropzoneFileItem", return as is.
+    if (isFieldValueTypeObject && fieldValue.file) {
+        return fieldValue;
+    }
+    // Handle string value
+    if (typeof fieldValue === 'string') {
+        const isFieldValueUrl = fieldValue.includes('/');
+        const isFieldValueDataUrl = fieldValue.startsWith('data:');
+        // If value is URL-string or Data URL
+        if (isFieldValueUrl) {
+            fieldValueFile = await getFileByURL(fieldValue);
+            fileId = crypto.randomUUID();
+            if (fieldValueFile) {
+                // Create a Data URL for the uploaded file
+                fileDataUrl = await getDataUrlFromFile(fieldValueFile);
+            }
+        }
+        else if (isFieldValueDataUrl) {
+            // Set unique filename
+            const filename = `file_${Date.now()}`;
+            fieldValueFile = createFileFromDataURL(filename, fieldValue);
+            fileId = crypto.randomUUID();
+            fileDataUrl = fieldValue;
+        }
+    }
+    if (isFieldValueTypeObject) {
+        // If value is object with image URL,
+        if (fieldValue.image) {
+            fieldValueFile = await getFileByURL(fieldValue.image);
+            fileId = fieldValue.id;
+            if (fieldValueFile) {
+                fileDataUrl = await getDataUrlFromFile(fieldValueFile);
+            }
+            // or if value is object with "dataURL"
+        }
+        else if (fieldValue.dataURL) {
+            const { name, path } = fieldValue;
+            const filename = name || path || `file_${Date.now()}`;
+            fieldValueFile = createFileFromDataURL(filename, fieldValue.dataURL);
+            fileId = fieldValue.id;
+            fileDataUrl = fieldValue.dataURL;
+            // or if value is JS File
+        }
+        else if (fieldValue instanceof File) {
+            fieldValueFile = fieldValue;
+            fileDataUrl = await getDataUrlFromFile(fieldValueFile);
+        }
+    }
+    // Создаем dropzoneFileItem
+    if (fieldValueFile) {
+        const dropzoneFileItem = createDropzoneFileItem({
+            id: fileId,
+            dataURL: fileDataUrl,
+            file: fieldValueFile,
+            isNew: !fileId,
+            isPreviews: isPreviews,
+        });
+        return dropzoneFileItem;
+    }
+    return null;
+}
+/**
+ * Creates a Data URL from a File object
+ * @param {File} file - JavaScript File instance
+ * @returns {Promise<string>} string with Data URL
+ */
+function getDataUrlFromFile(file) {
+    // https://developer.mozilla.org/ru/docs/Web/URI/Reference/Schemes/data
+    return new Promise((resolve) => {
+        if (!(file instanceof File)) {
+            resolve('');
+            return;
+        }
+        const reader = new FileReader();
+        reader.onabort = () => resolve('');
+        reader.onerror = () => resolve('');
+        reader.onload = (event) => {
+            const dataURL = event.target?.result || '';
+            resolve(dataURL);
+        };
+        reader.readAsDataURL(file);
+    });
+}
+export { useDropzoneFieldFiles };

package/dist/types/hooks/useHoldProgress.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+declare const HOLD_STATE: {
+    readonly HOLDING: "holding";
+    readonly IDLE: "idle";
+};
+type HoldStates = (typeof HOLD_STATE)[keyof typeof HOLD_STATE];
+type UseHoldProgressOptions = {
+    holdDurationMs?: number;
+    isHolding?: boolean;
+    onHoldComplete?: () => void;
+};
+declare function useHoldProgress(options: UseHoldProgressOptions): {
+    holdState: HoldStates;
+    onHoldEnd: (_event?: React.PointerEvent) => void;
+    onHoldStart: (event: React.PointerEvent) => void;
+};
+export { useHoldProgress, type UseHoldProgressOptions };

package/dist/types/hooks/useHoldProgress.js

@@ -0,0 +1,60 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+const FRAME_DURATION = 16; // Approximate duration of a frame in milliseconds
+const HOLD_STATE = {
+    HOLDING: 'holding',
+    IDLE: 'idle',
+};
+function useHoldProgress(options) {
+    const { holdDurationMs = 500, isHolding, onHoldComplete } = options;
+    const animationFrameIdRef = useRef(null);
+    const onHoldCompleteRef = useRef(onHoldComplete);
+    const [holdState, setState] = useState(HOLD_STATE.IDLE);
+    // const [holdProgress, setProgress] = useState(0) // Progress from 0 to 1
+    const holdProgressRef = useRef(0);
+    // onHoldCompleteRef is not used in render, so it's safe to ignore lint rule here
+    // eslint-disable-next-line react-hooks/refs
+    onHoldCompleteRef.current = onHoldComplete;
+    useEffect(() => {
+        function updateProgress() {
+            if (holdState === HOLD_STATE.HOLDING && holdProgressRef.current === 1) {
+                onHoldCompleteRef.current && onHoldCompleteRef.current();
+            }
+            if (holdState === HOLD_STATE.HOLDING && holdProgressRef.current < 1) {
+                const prevProgress = holdProgressRef.current;
+                const newProgress = Math.min(prevProgress + FRAME_DURATION / holdDurationMs, 1);
+                holdProgressRef.current = newProgress;
+                animationFrameIdRef.current = requestAnimationFrame(updateProgress);
+            }
+            if (holdState === HOLD_STATE.IDLE && holdProgressRef.current > 0) {
+                const prevProgress = holdProgressRef.current;
+                const newProgress = Math.max(prevProgress - FRAME_DURATION / holdDurationMs, 0);
+                holdProgressRef.current = newProgress;
+                animationFrameIdRef.current = requestAnimationFrame(updateProgress);
+            }
+        }
+        animationFrameIdRef.current = requestAnimationFrame(updateProgress);
+        return () => {
+            if (animationFrameIdRef.current) {
+                cancelAnimationFrame(animationFrameIdRef.current);
+            }
+        };
+    }, [holdState, holdDurationMs]);
+    const onHoldStart = useCallback((event) => {
+        if (!isHolding) {
+            return;
+        }
+        // Only proceed if it's a touch event or left mouse button (button 0)
+        if (event.pointerType === 'touch' || event.button === 0) {
+            setState(HOLD_STATE.HOLDING);
+        }
+    }, [isHolding]);
+    const onHoldEnd = useCallback((_event) => {
+        setState(HOLD_STATE.IDLE);
+    }, []);
+    return {
+        holdState,
+        onHoldEnd,
+        onHoldStart,
+    };
+}
+export { useHoldProgress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.9.77",
+  "version": "1.9.81",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -15,7 +15,8 @@
   },
   "types": "./dist/types/types/index.d.ts",
   "scripts": {
-    "build": "npm run build-js && npm run build-css",
+    "build": "npm run build-js && npm run build-types && npm run build-css",
+    "build-types": "rm -rf dist/types && tsc -p tsconfig.build.json",
     "build-js": "rm -rf dist && rollup -c",
     "build-css": "rm -rf dist/css && postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production",
     "dev": "rollup -c -w",
@@ -49,13 +50,15 @@
     "@itcase/tokens-am": "^1.1.45",
     "@itcase/tokens-baikal": "^1.1.41",
     "@itcase/tokens-palette": "^1.1.41",
-    "@itcase/ui-core": "^1.9.77",
+    "@itcase/ui-core": "^1.9.81",
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
+    "framer-motion": "^12.38.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "luxon": "^3.7.2",
+    "motion": "^12.38.0",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -79,18 +82,18 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
-    "@itcase/storybook-config": "^1.2.44",
-    "@itcase/types-core": "^1.1.31",
-    "@itcase/types-ui": "^1.1.53",
+    "@itcase/storybook-config": "^1.2.49",
+    "@itcase/types-core": "^1.1.49",
+    "@itcase/types-ui": "^1.1.61",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
-    "@rollup/plugin-commonjs": "^29.0.1",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-vitest": "^10.2.15",
+    "@storybook/addon-vitest": "^10.3.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/luxon": "^3.7.1",
@@ -105,8 +108,8 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.2.15",
+    "storybook": "^10.3.0",
     "typescript": "^5.9.3"
   },
-  "gitHead": "742a9b654d9b57ffa4776ff90706af7021263591"
+  "gitHead": "800aca0b955fad694d2866b9a73ce45c76b30de6"
 }

package/dist/Button_cjs_BN-v1HmO.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),i=require("@itcase/ui-core/utils"),l=require("./primitives_cjs_CHD2pBSn.js"),n=require("./Loader_cjs_CGugAIv_.js");const c={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeL"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeL"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeL"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},t={appearance:c,setAppearance:function(e){this.appearance=e}},s=r.forwardRef(function(r,c){const{appearance:s,className:y,dataTestId:m,dataTour:f,label:d,Badge:p,href:u,htmlType:I="button",link:x,rel:P,target:T,tooltip:b,before:S,after:A,isDisabled:z,isHolding:F,isLoading:C=!1,onClick:_,onHoldComplete:g,onMouseDown:v,children:H}=r,B=o.useAppearanceConfig(s,t,z),h=o.useDevicePropsGenerator(r,B),{fillClass:Q,fillHoverClass:w,labelTextColor:L,labelTextColorHover:j,labelTextSize:M,labelTextTruncate:$,labelTextWeight:N,labelTextWidth:k,labelTextWrap:q,borderColorClass:W,borderTypeClass:X,borderWidthClass:D,elevationClass:K,icon:G,iconAfter:E,iconAfterAppearance:R,iconAfterAppearanceSize:U,iconAfterFill:J,iconAfterFillIcon:O,iconAfterFillSize:V,iconAfterShape:Y,iconAfterSize:Z,iconAfterSrc:ee,iconAppearance:re,iconAppearanceSize:ae,iconBefore:oe,iconBeforeAppearance:ie,iconBeforeAppearanceSize:le,iconBeforeFill:ne,iconBeforeFillIcon:ce,iconBeforeFillSize:te,iconBeforeShape:se,iconBeforeSize:ye,iconBeforeSrc:me,iconFill:fe,iconFillIcon:de,iconFillSize:pe,iconShape:ue,iconSize:Ie,iconSrc:xe,loaderAppearance:Pe,loaderAppearanceSize:Te,loaderFill:be,loaderItemFill:Se,loaderSize:Ae,loaderType:ze="dot",shapeClass:Fe,shapeStrengthClass:Ce,sizeClass:_e,widthClass:ge,zeroGap:ve,zeroPadding:He,isSkeleton:Be}=h,{label:he,styles:Qe}=o.useStyles(r),{holdState:we,onHoldEnd:Le,onHoldStart:je}=o.useHoldProgress({holdDurationMs:500,isHolding:F,onHoldComplete:g}),Me=A||S||G||E||ee||oe||me||xe;return e.jsx(l.LinkWrapper,{className:a(y,"button",d&&Me?"button_type_default":d?"button_type_label":Me?"button_type_icon":"",D&&`border-width_${D}`,W&&`border-color_${W}`,X&&`border_type_${X}`,Q&&`fill_${Q}`,w&&!z&&`fill_hover_${w}`,Fe&&`shape_${Fe}`,Ce&&`shape-strength_${Ce}`,_e&&`button_size_${_e}`,ge&&`button_width_${ge}`,K&&`elevation_${K}`,_&&"cursor_type_pointer",z&&"button_state_disabled cursor_type_default",p&&"button_type_badge",He&&"button_reset-padding",ve&&"button_reset-gap",C&&"button_state_loading",Be&&"skeleton",F&&"button_holding",we&&`button_state_${we}`),type:I,title:b,"data-testid":m&&`${m}-button`,"data-tour":f,disabled:z,href:x||u,LinkComponent:"button",rel:P,style:Qe,target:T,onClick:_,onMouseDown:v,onPointerCancel:Le,onPointerDown:je,onPointerLeave:Le,onPointerUp:Le,children:e.jsxs("div",{className:"button__wrapper",ref:c,children:[F&&e.jsx("div",{className:a("button__indication",`button__indication_${we}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),C&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Pe,Te),className:a(y,"button__loader"),type:ze,size:Ae,fill:be,itemFill:Se}),S,(oe||me)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ie,le),className:"button__icon_before",fill:ne,fillSize:te,iconFill:ce,iconSize:ye,imageSrc:me,shape:se,SvgImage:oe}),(G||xe)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(re,ae),className:"button__icon",fill:fe,fillSize:pe,iconFill:de,iconSize:Ie,imageSrc:xe,shape:ue,SvgImage:G}),(H||d)&&e.jsx(l.Text,{className:"button__label",width:k,size:M,textColor:L,textColorHover:j,textTruncate:$,textWeight:N,textWrap:q,style:he,children:H||d}),(E||ee)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(R,U),className:"button__icon_after",fill:J,fillSize:V,iconFill:O,iconSize:Z,imageSrc:ee,shape:Y,SvgImage:E}),p,A]})})});exports.Button=s,exports.buttonAppearance=c,exports.buttonConfig=t;

package/dist/Button_es_Do7wDPuS.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import a from"react";import o from"clsx";import{useAppearanceConfig as i,useDevicePropsGenerator as l,useStyles as n,useHoldProgress as c}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as t}from"@itcase/ui-core/utils";import{L as s,I as m,a as f}from"./primitives_es_AOPzysvv.js";import{L as y}from"./Loader_es_DWZILN4t.js";const d={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeL"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeL"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeL"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded",shapeStrength:"2m"},roundedL:{shape:"rounded",shapeStrength:"1_5m"},roundedM:{shape:"rounded",shapeStrength:"1m"},roundedS:{shape:"rounded",shapeStrength:"0_5m"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceQuaternary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary"}},p={appearance:d,setAppearance:function(e){this.appearance=e}},u=a.forwardRef(function(a,d){const{appearance:u,className:I,dataTestId:P,dataTour:T,label:x,Badge:b,href:S,htmlType:A="button",link:z,rel:F,target:C,tooltip:_,before:v,after:g,isDisabled:H,isHolding:B,isLoading:h=!1,onClick:Q,onHoldComplete:w,onMouseDown:L,children:M}=a,$=i(u,p,H),N=l(a,$),{fillClass:k,fillHoverClass:X,labelTextColor:W,labelTextColorHover:D,labelTextSize:j,labelTextTruncate:E,labelTextWeight:G,labelTextWidth:R,labelTextWrap:U,borderColorClass:q,borderTypeClass:J,borderWidthClass:K,elevationClass:O,icon:V,iconAfter:Y,iconAfterAppearance:Z,iconAfterAppearanceSize:ee,iconAfterFill:re,iconAfterFillIcon:ae,iconAfterFillSize:oe,iconAfterShape:ie,iconAfterSize:le,iconAfterSrc:ne,iconAppearance:ce,iconAppearanceSize:te,iconBefore:se,iconBeforeAppearance:me,iconBeforeAppearanceSize:fe,iconBeforeFill:ye,iconBeforeFillIcon:de,iconBeforeFillSize:pe,iconBeforeShape:ue,iconBeforeSize:Ie,iconBeforeSrc:Pe,iconFill:Te,iconFillIcon:xe,iconFillSize:be,iconShape:Se,iconSize:Ae,iconSrc:ze,loaderAppearance:Fe,loaderAppearanceSize:Ce,loaderFill:_e,loaderItemFill:ve,loaderSize:ge,loaderType:He="dot",shapeClass:Be,shapeStrengthClass:he,sizeClass:Qe,widthClass:we,zeroGap:Le,zeroPadding:Me,isSkeleton:$e}=N,{label:Ne,styles:ke}=n(a),{holdState:Xe,onHoldEnd:We,onHoldStart:De}=c({holdDurationMs:500,isHolding:B,onHoldComplete:w}),je=g||v||V||Y||ne||se||Pe||ze;return e(s,{className:o(I,"button",x&&je?"button_type_default":x?"button_type_label":je?"button_type_icon":"",K&&`border-width_${K}`,q&&`border-color_${q}`,J&&`border_type_${J}`,k&&`fill_${k}`,X&&!H&&`fill_hover_${X}`,Be&&`shape_${Be}`,he&&`shape-strength_${he}`,Qe&&`button_size_${Qe}`,we&&`button_width_${we}`,O&&`elevation_${O}`,Q&&"cursor_type_pointer",H&&"button_state_disabled cursor_type_default",b&&"button_type_badge",Me&&"button_reset-padding",Le&&"button_reset-gap",h&&"button_state_loading",$e&&"skeleton",B&&"button_holding",Xe&&`button_state_${Xe}`),type:A,title:_,"data-testid":P&&`${P}-button`,"data-tour":T,disabled:H,href:z||S,LinkComponent:"button",rel:F,style:ke,target:C,onClick:Q,onMouseDown:L,onPointerCancel:We,onPointerDown:De,onPointerLeave:We,onPointerUp:We,children:r("div",{className:"button__wrapper",ref:d,children:[B&&e("div",{className:o("button__indication",`button__indication_${Xe}`),children:e("div",{className:"button__indication-item",children:" "})}),h&&e(y,{appearance:t(Fe,Ce),className:o(I,"button__loader"),type:He,size:ge,fill:_e,itemFill:ve}),v,(se||Pe)&&e(m,{appearance:t(me,fe),className:"button__icon_before",fill:ye,fillSize:pe,iconFill:de,iconSize:Ie,imageSrc:Pe,shape:ue,SvgImage:se}),(V||ze)&&e(m,{appearance:t(ce,te),className:"button__icon",fill:Te,fillSize:be,iconFill:xe,iconSize:Ae,imageSrc:ze,shape:Se,SvgImage:V}),(M||x)&&e(f,{className:"button__label",width:R,size:j,textColor:W,textColorHover:D,textTruncate:E,textWeight:G,textWrap:U,style:Ne,children:M||x}),(Y||ne)&&e(m,{appearance:t(Z,ee),className:"button__icon_after",fill:re,fillSize:oe,iconFill:ae,iconSize:le,imageSrc:ne,shape:ie,SvgImage:Y}),b,g]})})});export{u as B,p as a,d as b};