@1money/component-ui 0.0.1

package/es/components/Typography/useTypographyEnhancements.d.ts

@@ -0,0 +1,43 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { TooltipProps } from "../Tooltip";
+import type { TypographyEllipsisConfig, TypographyCopyableConfig } from './interface';
+import type { TypographyLayoutMode, TypographyTextTag } from './constants';
+import type { ResolvedTypographyEllipsisConfig } from './utils';
+export interface TypographyEnhancementOptions {
+    componentTag: TypographyTextTag;
+    defaultLayoutMode: TypographyLayoutMode;
+    prefixCls: string;
+    id?: string;
+    children?: ReactNode;
+    ellipsis?: boolean | TypographyEllipsisConfig;
+    copyable?: boolean | TypographyCopyableConfig;
+}
+export interface TypographyEnhancementResult {
+    ellipsis: ResolvedTypographyEllipsisConfig | null;
+    fullText: string;
+    displayText: string | null;
+    copyText: string | null;
+    onCopy?: (value: string) => void;
+    textId?: string;
+    ellipsisTooltipProps: TooltipProps | null;
+    isInlineComponent: boolean;
+    wrapperTag?: 'span' | 'div';
+    setTextNode: (node: HTMLElement | null) => void;
+    setMeasureNode: (node: HTMLElement | null) => void;
+}
+export interface TypographyTextPresentationOptions {
+    prefixCls: string;
+    className?: string;
+    category: string;
+    size: string;
+    color?: string;
+    strong?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    isDeleted?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
+    children?: ReactNode;
+    enhancement: TypographyEnhancementResult;
+}
+export declare function useTypographyEnhancements(options: TypographyEnhancementOptions): TypographyEnhancementResult;

package/es/components/Typography/useTypographyEnhancements.js

@@ -0,0 +1,110 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useEventCallback, useSafeState } from '@1money/hooks';
+import { useEffect, useMemo, useRef } from 'react';
+import { useResizeObserver } from '../ResizeObserver';
+import { DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES, DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT } from './constants';
+import { extractTextContent, getEnhancementWrapperTag, getStableId, isInlineTypographyTag, normalizeEllipsis, truncateMiddle } from './utils';
+function resolveCopyable(copyable, fullText) {
+  var _a;
+  if (!copyable) return null;
+  if (copyable === true) {
+    return {
+      text: fullText
+    };
+  }
+  return {
+    text: (_a = copyable.text) !== null && _a !== void 0 ? _a : fullText,
+    onCopy: copyable.onCopy
+  };
+}
+export function useTypographyEnhancements(options) {
+  var _a;
+  var componentTag = options.componentTag,
+    defaultLayoutMode = options.defaultLayoutMode,
+    prefixCls = options.prefixCls,
+    id = options.id,
+    children = options.children,
+    ellipsis = options.ellipsis,
+    copyable = options.copyable;
+  var textNodeRef = useRef(null);
+  var measureNodeRef = useRef(null);
+  var generatedTextIdRef = useRef(undefined);
+  // Default to true so truncated text is shown immediately (no flash)
+  var _useSafeState = useSafeState(true),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
+    isOverflowed = _useSafeState2[0],
+    setIsOverflowed = _useSafeState2[1];
+  var resolvedEllipsis = normalizeEllipsis(ellipsis);
+  var ellipsisEnabled = resolvedEllipsis !== null;
+  var ellipsisHasTooltip = !!(resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.tooltip);
+  var isInlineComponent = isInlineTypographyTag(componentTag, defaultLayoutMode);
+  var textId = id !== null && id !== void 0 ? id : ellipsisHasTooltip ? getStableId(generatedTextIdRef, prefixCls, 'ellipsis') : undefined;
+  var fullText = useMemo(function () {
+    return extractTextContent(children);
+  }, [children]);
+  var truncatedText = useMemo(function () {
+    if (!resolvedEllipsis) return null;
+    return truncateMiddle(fullText, resolvedEllipsis.start, resolvedEllipsis.end);
+  }, [fullText, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.start, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.end]);
+  var displayText = ellipsisEnabled && isOverflowed ? truncatedText : null;
+  var isTruncated = displayText !== null && displayText !== fullText;
+  var resolvedCopyable = useMemo(function () {
+    return resolveCopyable(copyable, fullText);
+  }, [copyable, fullText]);
+  var setTextNode = useEventCallback(function (node) {
+    textNodeRef.current = node;
+  });
+  var setMeasureNode = useEventCallback(function (node) {
+    measureNodeRef.current = node;
+  });
+  // Measure overflow on the hidden span (always contains full text)
+  var measureOverflow = useEventCallback(function () {
+    var node = measureNodeRef.current;
+    if (!node) return;
+    setIsOverflowed(node.scrollWidth > node.clientWidth);
+  });
+  var getMeasureNode = useEventCallback(function () {
+    return measureNodeRef.current;
+  });
+  useResizeObserver(ellipsisEnabled && !!measureNodeRef.current, getMeasureNode, measureOverflow);
+  useEffect(function () {
+    if (ellipsisEnabled) {
+      measureOverflow();
+    } else {
+      setIsOverflowed(true);
+    }
+  }, [ellipsisEnabled, children, measureOverflow, setIsOverflowed]);
+  var ellipsisTooltipProps = useMemo(function () {
+    var _a, _b, _c;
+    if (!ellipsisHasTooltip || !isTruncated || !textId) {
+      return null;
+    }
+    var tooltipConfig = resolvedEllipsis.tooltip;
+    if (tooltipConfig === true) {
+      return {
+        body: fullText,
+        placement: DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT,
+        middlewares: DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES
+      };
+    }
+    return Object.assign(Object.assign({}, tooltipConfig), {
+      body: (_a = tooltipConfig.body) !== null && _a !== void 0 ? _a : fullText,
+      placement: (_b = tooltipConfig.placement) !== null && _b !== void 0 ? _b : DEFAULT_TYPOGRAPHY_TOOLTIP_PLACEMENT,
+      middlewares: (_c = tooltipConfig.middlewares) !== null && _c !== void 0 ? _c : DEFAULT_TYPOGRAPHY_TOOLTIP_MIDDLEWARES
+    });
+  }, [fullText, isTruncated, ellipsisHasTooltip, resolvedEllipsis === null || resolvedEllipsis === void 0 ? void 0 : resolvedEllipsis.tooltip, textId]);
+  return {
+    ellipsis: resolvedEllipsis,
+    fullText: fullText,
+    displayText: displayText,
+    copyText: (_a = resolvedCopyable === null || resolvedCopyable === void 0 ? void 0 : resolvedCopyable.text) !== null && _a !== void 0 ? _a : null,
+    onCopy: resolvedCopyable === null || resolvedCopyable === void 0 ? void 0 : resolvedCopyable.onCopy,
+    textId: textId,
+    ellipsisTooltipProps: ellipsisTooltipProps,
+    isInlineComponent: isInlineComponent,
+    wrapperTag: resolvedCopyable ? getEnhancementWrapperTag(isInlineComponent) : undefined,
+    setTextNode: setTextNode,
+    setMeasureNode: setMeasureNode
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS91c2VUeXBvZ3JhcGh5RW5oYW5jZW1lbnRzLnRzIiwiY29tcG9uZW50cy9UeXBvZ3JhcGh5L3VzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMuanMiXSwibmFtZXMiOlsidXNlRXZlbnRDYWxsYmFjayIsInVzZVNhZmVTdGF0ZSIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VSZWYiLCJ1c2VSZXNpemVPYnNlcnZlciIsIkRFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTIiwiREVGQVVMVF9UWVBPR1JBUEhZX1RPT0xUSVBfUExBQ0VNRU5UIiwiZXh0cmFjdFRleHRDb250ZW50IiwiZ2V0RW5oYW5jZW1lbnRXcmFwcGVyVGFnIiwiZ2V0U3RhYmxlSWQiLCJpc0lubGluZVR5cG9ncmFwaHlUYWciLCJub3JtYWxpemVFbGxpcHNpcyIsInRydW5jYXRlTWlkZGxlIiwicmVzb2x2ZUNvcHlhYmxlIiwiY29weWFibGUiLCJmdWxsVGV4dCIsIl9hIiwidGV4dCIsIm9uQ29weSIsInVzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMiLCJvcHRpb25zIiwiY29tcG9uZW50VGFnIiwiZGVmYXVsdExheW91dE1vZGUiLCJwcmVmaXhDbHMiLCJpZCIsImNoaWxkcmVuIiwiZWxsaXBzaXMiLCJ0ZXh0Tm9kZVJlZiIsIm1lYXN1cmVOb2RlUmVmIiwiZ2VuZXJhdGVkVGV4dElkUmVmIiwidW5kZWZpbmVkIiwiX3VzZVNhZmVTdGF0ZSIsIl91c2VTYWZlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpc092ZXJmbG93ZWQiLCJzZXRJc092ZXJmbG93ZWQiLCJyZXNvbHZlZEVsbGlwc2lzIiwiZWxsaXBzaXNFbmFibGVkIiwiZWxsaXBzaXNIYXNUb29sdGlwIiwidG9vbHRpcCIsImlzSW5saW5lQ29tcG9uZW50IiwidGV4dElkIiwidHJ1bmNhdGVkVGV4dCIsInN0YXJ0IiwiZW5kIiwiZGlzcGxheVRleHQiLCJpc1RydW5jYXRlZCIsInJlc29sdmVkQ29weWFibGUiLCJzZXRUZXh0Tm9kZSIsIm5vZGUiLCJjdXJyZW50Iiwic2V0TWVhc3VyZU5vZGUiLCJtZWFzdXJlT3ZlcmZsb3ciLCJzY3JvbGxXaWR0aCIsImNsaWVudFdpZHRoIiwiZ2V0TWVhc3VyZU5vZGUiLCJlbGxpcHNpc1Rvb2x0aXBQcm9wcyIsIl9iIiwiX2MiLCJ0b29sdGlwQ29uZmlnIiwiYm9keSIsInBsYWNlbWVudCIsIm1pZGRsZXdhcmVzIiwiT2JqZWN0IiwiYXNzaWduIiwiY29weVRleHQiLCJ3cmFwcGVyVGFnIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsZ0JBQWdCLEVBQUVDLFlBQVksUUFBUSxlQUFlO0FBQzlELFNBQVNDLFNBQVMsRUFBRUMsT0FBTyxFQUFFQyxNQUFNLFFBQVEsT0FBTztBQUNsRCxTQUFTQyxpQkFBaUIsUUFBUSxtQkFBbUI7QUFLckQsU0FBU0Msc0NBQXNDLEVBQUVDLG9DQUFvQyxRQUFRLGFBQWE7QUFFMUcsU0FDRUMsa0JBQWtCLEVBQ2xCQyx3QkFBd0IsRUFDeEJDLFdBQVcsRUFDWEMscUJBQXFCLEVBQ3JCQyxpQkFBaUIsRUFDakJDLGNBQWMsUUFDVCxTQUFTO0FBK0NoQixTQUFTQyxlQUFlQSxDQUN0QkMsUUFBd0QsRUFDeERDLFFBQWdCLEVBQUE7RUMzRGQsSUFBSUMsRUFBRTtFRDZEUixJQUFJLENBQUNGLFFBQVEsRUFBRSxPQUFPLElBQUk7RUFFMUIsSUFBSUEsUUFBUSxLQUFLLElBQUksRUFBRTtJQUNyQixPQUFPO01BQUVHLElBQUksRUFBRUY7SUFBUSxDQUFFO0VBQzNCO0VBRUEsT0FBTztJQUNMRSxJQUFJLEVBQUUsQ0FBQUQsRUFBQSxHQUFBRixRQUFRLENBQUNHLElBQUksTUFBQSxJQUFBLElBQUFELEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJRCxRQUFRO0lBQy9CRyxNQUFNLEVBQUVKLFFBQVEsQ0FBQ0k7RUM1RGpCLENENkREO0FBQ0g7QUFFQSxPQUFNLFNBQVVD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QSxnQkFBZ0IsQ0FBRTlCLElBQUksTUFBQSxJQUFBLElBQUFELEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUFJLElBQUk7SUFDeENFLE1BQU0sRUFBRTZCLGdCQUFnQixLQUFBLElBQUEsSUFBaEJBLGdCQUFnQixLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFoQkEsZ0JBQWdCLENBQUU3QixNQUFNO0lBQ2hDdUIsTUFBTSxFQUFOQSxNQUFNO0lBQ05lLG9CQUFvQixFQUFwQkEsb0JBQW9CO0lBQ3BCaEIsaUJBQWlCLEVBQWpCQSxpQkFBaUI7SUFDakIwQixVQUFVLEVBQUVuQixnQkFBZ0IsR0FBR3ZDLHdCQUF3QixDQUFDZ0MsaUJBQWlCLENBQUMsR0FBR1YsU0FBUztJQUN0RmtCLFdBQVcsRUFBWEEsV0FBVztJQUNYRyxjQUFjLEVBQWRBO0VDbEZBLENEbUZEO0FBQ0giLCJmaWxlIjoiY29tcG9uZW50cy9UeXBvZ3JhcGh5L3VzZVR5cG9ncmFwaHlFbmhhbmNlbWVudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IHVzZUV2ZW50Q2FsbGJhY2ssIHVzZVNhZmVTdGF0ZSB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJy4uL1Jlc2l6ZU9ic2VydmVyJztcbmltcG9ydCB7IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTLCBERUZBVUxUX1RZUE9HUkFQSFlfVE9PTFRJUF9QTEFDRU1FTlQgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBleHRyYWN0VGV4dENvbnRlbnQsIGdldEVuaGFuY2VtZW50V3JhcHBlclRhZywgZ2V0U3RhYmxlSWQsIGlzSW5saW5lVHlwb2dyYXBoeVRhZywgbm9ybWFsaXplRWxsaXBzaXMsIHRydW5jYXRlTWlkZGxlLCB9IGZyb20gJy4vdXRpbHMnO1xuZnVuY3Rpb24gcmVzb2x2ZUNvcHlhYmxlKGNvcHlhYmxlLCBmdWxsVGV4dCkge1xuICAgIHZhciBfYTtcbiAgICBpZiAoIWNvcHlhYmxlKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICBpZiAoY29weWFibGUgPT09IHRydWUpIHtcbiAgICAgICAgcmV0dXJuIHsgdGV4dDogZnVsbFRleHQgfTtcbiAgICB9XG4gICAgcmV0dXJuIHtcbiAgICAgICAgdGV4dDogKF9hID0gY29weWFibGUudGV4dCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZnVsbFRleHQsXG4gICAgICAgIG9uQ29weTogY29weWFibGUub25Db3B5LFxuICAgIH07XG59XG5leHBvcnQgZnVuY3Rpb24gdXNlVHlwb2dyYXBoeUVuaGFuY2VtZW50cyhvcHRpb25zKSB7XG4gICAgdmFyIF9hO1xuICAgIGNvbnN0IHsgY29tcG9uZW50VGFnLCBkZWZhdWx0TGF5b3V0TW9kZSwgcHJlZml4Q2xzLCBpZCwgY2hpbGRyZW4sIGVsbGlwc2lzLCBjb3B5YWJsZSB9ID0gb3B0aW9ucztcbiAgICBjb25zdCB0ZXh0Tm9kZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBtZWFzdXJlTm9kZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBnZW5lcmF0ZWRUZXh0SWRSZWYgPSB1c2VSZWYodW5kZWZpbmVkKTtcbiAgICAvLyBEZWZhdWx0IHRvIHRydWUgc28gdHJ1bmNhdGVkIHRleHQgaXMgc2hvd24gaW1tZWRpYXRlbHkgKG5vIGZsYXNoKVxuICAgIGNvbnN0IFtpc092ZXJmbG93ZWQsIHNldElzT3ZlcmZsb3dlZF0gPSB1c2VTYWZlU3RhdGUodHJ1ZSk7XG4gICAgY29uc3QgcmVzb2x2ZWRFbGxpcHNpcyA9IG5vcm1hbGl6ZUVsbGlwc2lzKGVsbGlwc2lzKTtcbiAgICBjb25zdCBlbGxpcHNpc0VuYWJsZWQgPSByZXNvbHZlZEVsbGlwc2lzICE9PSBudWxsO1xuICAgIGNvbnN0IGVsbGlwc2lzSGFzVG9vbHRpcCA9ICEhKHJlc29sdmVkRWxsaXBzaXMgPT09IG51bGwgfHwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcmVzb2x2ZWRFbGxpcHNpcy50b29sdGlwKTtcbiAgICBjb25zdCBpc0lubGluZUNvbXBvbmVudCA9IGlzSW5saW5lVHlwb2dyYXBoeVRhZyhjb21wb25lbnRUYWcsIGRlZmF1bHRMYXlvdXRNb2RlKTtcbiAgICBjb25zdCB0ZXh0SWQgPSBpZCAhPT0gbnVsbCAmJiBpZCAhPT0gdm9pZCAwID8gaWQgOiAoZWxsaXBzaXNIYXNUb29sdGlwXG4gICAgICAgID8gZ2V0U3RhYmxlSWQoZ2VuZXJhdGVkVGV4dElkUmVmLCBwcmVmaXhDbHMsICdlbGxpcHNpcycpXG4gICAgICAgIDogdW5kZWZpbmVkKTtcbiAgICBjb25zdCBmdWxsVGV4dCA9IHVzZU1lbW8oKCkgPT4gZXh0cmFjdFRleHRDb250ZW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuXSk7XG4gICAgY29uc3QgdHJ1bmNhdGVkVGV4dCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoIXJlc29sdmVkRWxsaXBzaXMpXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgcmV0dXJuIHRydW5jYXRlTWlkZGxlKGZ1bGxUZXh0LCByZXNvbHZlZEVsbGlwc2lzLnN0YXJ0LCByZXNvbHZlZEVsbGlwc2lzLmVuZCk7XG4gICAgfSwgW2Z1bGxUZXh0LCByZXNvbHZlZEVsbGlwc2lzID09PSBudWxsIHx8IHJlc29sdmVkRWxsaXBzaXMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlc29sdmVkRWxsaXBzaXMuc3RhcnQsIHJlc29sdmVkRWxsaXBzaXMgPT09IG51bGwgfHwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogcmVzb2x2ZWRFbGxpcHNpcy5lbmRdKTtcbiAgICBjb25zdCBkaXNwbGF5VGV4dCA9IGVsbGlwc2lzRW5hYmxlZCAmJiBpc092ZXJmbG93ZWQgPyB0cnVuY2F0ZWRUZXh0IDogbnVsbDtcbiAgICBjb25zdCBpc1RydW5jYXRlZCA9IGRpc3BsYXlUZXh0ICE9PSBudWxsICYmIGRpc3BsYXlUZXh0ICE9PSBmdWxsVGV4dDtcbiAgICBjb25zdCByZXNvbHZlZENvcHlhYmxlID0gdXNlTWVtbygoKSA9PiByZXNvbHZlQ29weWFibGUoY29weWFibGUsIGZ1bGxUZXh0KSwgW2NvcHlhYmxlLCBmdWxsVGV4dF0pO1xuICAgIGNvbnN0IHNldFRleHROb2RlID0gdXNlRXZlbnRDYWxsYmFjaygobm9kZSkgPT4ge1xuICAgICAgICB0ZXh0Tm9kZVJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICB9KTtcbiAgICBjb25zdCBzZXRNZWFzdXJlTm9kZSA9IHVzZUV2ZW50Q2FsbGJhY2soKG5vZGUpID0+IHtcbiAgICAgICAgbWVhc3VyZU5vZGVSZWYuY3VycmVudCA9IG5vZGU7XG4gICAgfSk7XG4gICAgLy8gTWVhc3VyZSBvdmVyZmxvdyBvbiB0aGUgaGlkZGVuIHNwYW4gKGFsd2F5cyBjb250YWlucyBmdWxsIHRleHQpXG4gICAgY29uc3QgbWVhc3VyZU92ZXJmbG93ID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IG5vZGUgPSBtZWFzdXJlTm9kZVJlZi5jdXJyZW50O1xuICAgICAgICBpZiAoIW5vZGUpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIHNldElzT3ZlcmZsb3dlZChub2RlLnNjcm9sbFdpZHRoID4gbm9kZS5jbGllbnRXaWR0aCk7XG4gICAgfSk7XG4gICAgY29uc3QgZ2V0TWVhc3VyZU5vZGUgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IG1lYXN1cmVOb2RlUmVmLmN1cnJlbnQpO1xuICAgIHVzZVJlc2l6ZU9ic2VydmVyKGVsbGlwc2lzRW5hYmxlZCAmJiAhIW1lYXN1cmVOb2RlUmVmLmN1cnJlbnQsIGdldE1lYXN1cmVOb2RlLCBtZWFzdXJlT3ZlcmZsb3cpO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChlbGxpcHNpc0VuYWJsZWQpIHtcbiAgICAgICAgICAgIG1lYXN1cmVPdmVyZmxvdygpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgc2V0SXNPdmVyZmxvd2VkKHRydWUpO1xuICAgICAgICB9XG4gICAgfSwgW2VsbGlwc2lzRW5hYmxlZCwgY2hpbGRyZW4sIG1lYXN1cmVPdmVyZmxvdywgc2V0SXNPdmVyZmxvd2VkXSk7XG4gICAgY29uc3QgZWxsaXBzaXNUb29sdGlwUHJvcHMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgdmFyIF9hLCBfYiwgX2M7XG4gICAgICAgIGlmICghZWxsaXBzaXNIYXNUb29sdGlwIHx8ICFpc1RydW5jYXRlZCB8fCAhdGV4dElkKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCB0b29sdGlwQ29uZmlnID0gcmVzb2x2ZWRFbGxpcHNpcy50b29sdGlwO1xuICAgICAgICBpZiAodG9vbHRpcENvbmZpZyA9PT0gdHJ1ZSkge1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgICBib2R5OiBmdWxsVGV4dCxcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ6IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX1BMQUNFTUVOVCxcbiAgICAgICAgICAgICAgICBtaWRkbGV3YXJlczogREVGQVVMVF9UWVBPR1JBUEhZX1RPT0xUSVBfTUlERExFV0FSRVMsXG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHRvb2x0aXBDb25maWcpLCB7IGJvZHk6IChfYSA9IHRvb2x0aXBDb25maWcuYm9keSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZnVsbFRleHQsIHBsYWNlbWVudDogKF9iID0gdG9vbHRpcENvbmZpZy5wbGFjZW1lbnQpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX1BMQUNFTUVOVCwgbWlkZGxld2FyZXM6IChfYyA9IHRvb2x0aXBDb25maWcubWlkZGxld2FyZXMpICE9PSBudWxsICYmIF9jICE9PSB2b2lkIDAgPyBfYyA6IERFRkFVTFRfVFlQT0dSQVBIWV9UT09MVElQX01JRERMRVdBUkVTIH0pO1xuICAgIH0sIFtmdWxsVGV4dCwgaXNUcnVuY2F0ZWQsIGVsbGlwc2lzSGFzVG9vbHRpcCwgcmVzb2x2ZWRFbGxpcHNpcyA9PT0gbnVsbCB8fCByZXNvbHZlZEVsbGlwc2lzID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXNvbHZlZEVsbGlwc2lzLnRvb2x0aXAsIHRleHRJZF0pO1xuICAgIHJldHVybiB7XG4gICAgICAgIGVsbGlwc2lzOiByZXNvbHZlZEVsbGlwc2lzLFxuICAgICAgICBmdWxsVGV4dCxcbiAgICAgICAgZGlzcGxheVRleHQsXG4gICAgICAgIGNvcHlUZXh0OiAoX2EgPSByZXNvbHZlZENvcHlhYmxlID09PSBudWxsIHx8IHJlc29sdmVkQ29weWFibGUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlc29sdmVkQ29weWFibGUudGV4dCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogbnVsbCxcbiAgICAgICAgb25Db3B5OiByZXNvbHZlZENvcHlhYmxlID09PSBudWxsIHx8IHJlc29sdmVkQ29weWFibGUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlc29sdmVkQ29weWFibGUub25Db3B5LFxuICAgICAgICB0ZXh0SWQsXG4gICAgICAgIGVsbGlwc2lzVG9vbHRpcFByb3BzLFxuICAgICAgICBpc0lubGluZUNvbXBvbmVudCxcbiAgICAgICAgd3JhcHBlclRhZzogcmVzb2x2ZWRDb3B5YWJsZSA/IGdldEVuaGFuY2VtZW50V3JhcHBlclRhZyhpc0lubGluZUNvbXBvbmVudCkgOiB1bmRlZmluZWQsXG4gICAgICAgIHNldFRleHROb2RlLFxuICAgICAgICBzZXRNZWFzdXJlTm9kZSxcbiAgICB9O1xufSJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Typography/utils.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode, Ref, RefObject } from 'react';
+import type { TooltipProps } from "../Tooltip";
+import type { TypographyEllipsisConfig } from './interface';
+import type { TypographyClassNameOptions, TypographyLayoutMode, TypographyTextTag } from './constants';
+export interface ResolvedTypographyEllipsisConfig {
+    start: number;
+    end: number;
+    tooltip: boolean | TooltipProps;
+}
+export declare const getTypographyClassName: (options: TypographyClassNameOptions) => string;
+export declare function normalizeEllipsis(ellipsis?: boolean | TypographyEllipsisConfig): ResolvedTypographyEllipsisConfig | null;
+export declare function truncateMiddle(text: string, start: number, end: number): string;
+export declare function extractTextContent(node: ReactNode): string;
+export declare function getStableId(ref: RefObject<string | undefined>, prefixCls: string, suffix: string): string;
+export declare function assignRef<T>(ref: Ref<T> | undefined, value: T | null): void;
+export declare function isInlineTypographyTag(componentTag: TypographyTextTag, defaultLayoutMode: TypographyLayoutMode): boolean;
+export declare function getEnhancementWrapperTag(isInlineComponent: boolean): 'span' | 'div';

package/es/components/Typography/utils.js

@@ -0,0 +1,88 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { isValidElement } from 'react';
+import classnames, { joinCls } from '../../utils/classnames';
+import { uuid } from '../../utils/uuid';
+import { BLOCK_WRAPPER_TAGS, DEFAULT_ELLIPSIS_END, DEFAULT_ELLIPSIS_START, INLINE_LAYOUT } from './constants';
+export var getTypographyClassName = function getTypographyClassName(options) {
+  var prefixCls = options.prefixCls,
+    className = options.className,
+    category = options.category,
+    size = options.size,
+    color = options.color,
+    _options$strong = options.strong,
+    strong = _options$strong === void 0 ? false : _options$strong,
+    _options$italic = options.italic,
+    italic = _options$italic === void 0 ? false : _options$italic,
+    _options$underline = options.underline,
+    underline = _options$underline === void 0 ? false : _options$underline,
+    _options$isDeleted = options.isDeleted,
+    isDeleted = _options$isDeleted === void 0 ? false : _options$isDeleted,
+    _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled,
+    _options$ellipsis = options.ellipsis,
+    ellipsis = _options$ellipsis === void 0 ? false : _options$ellipsis,
+    _options$copyable = options.copyable,
+    copyable = _options$copyable === void 0 ? false : _options$copyable;
+  var classes = classnames(prefixCls);
+  return classes(undefined, joinCls(classes(category), classes("".concat(category, "-").concat(size)), color && classes("color-".concat(color)), strong && classes('strong'), italic && classes('italic'), underline && classes('underline'), isDeleted && classes('delete'), underline && isDeleted && classes('underline-delete'), disabled && classes('disabled'), ellipsis && classes('ellipsis'), copyable && classes('copyable-content'), className));
+};
+export function normalizeEllipsis(ellipsis) {
+  var _a, _b, _c;
+  if (!ellipsis) return null;
+  if (ellipsis === true) {
+    return {
+      start: DEFAULT_ELLIPSIS_START,
+      end: DEFAULT_ELLIPSIS_END,
+      tooltip: false
+    };
+  }
+  return {
+    start: Math.max(1, Math.trunc((_a = ellipsis.start) !== null && _a !== void 0 ? _a : DEFAULT_ELLIPSIS_START)),
+    end: Math.max(1, Math.trunc((_b = ellipsis.end) !== null && _b !== void 0 ? _b : DEFAULT_ELLIPSIS_END)),
+    tooltip: (_c = ellipsis.tooltip) !== null && _c !== void 0 ? _c : false
+  };
+}
+export function truncateMiddle(text, start, end) {
+  if (text.length <= start + end + 3) return text;
+  return text.slice(0, start) + '...' + text.slice(-end);
+}
+export function extractTextContent(node) {
+  if (node === null || node === undefined || typeof node === 'boolean') {
+    return '';
+  }
+  if (typeof node === 'string' || typeof node === 'number') {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(extractTextContent).join('');
+  }
+  if (/*#__PURE__*/isValidElement(node)) {
+    return extractTextContent(node.props.children);
+  }
+  return '';
+}
+export function getStableId(ref, prefixCls, suffix) {
+  if (!ref.current) {
+    ref.current = "".concat(prefixCls, "-").concat(suffix, "-").concat(uuid());
+  }
+  return ref.current;
+}
+export function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  if (ref && _typeof(ref) === 'object') {
+    ref.current = value;
+  }
+}
+export function isInlineTypographyTag(componentTag, defaultLayoutMode) {
+  if (BLOCK_WRAPPER_TAGS.has(componentTag)) {
+    return false;
+  }
+  return defaultLayoutMode === INLINE_LAYOUT;
+}
+export function getEnhancementWrapperTag(isInlineComponent) {
+  return isInlineComponent ? 'span' : 'div';
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVHlwb2dyYXBoeS91dGlscy50c3giLCJjb21wb25lbnRzL1R5cG9ncmFwaHkvdXRpbHMuanMiXSwibmFtZXMiOlsiaXNWYWxpZEVsZW1lbnQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsInV1aWQiLCJCTE9DS19XUkFQUEVSX1RBR1MiLCJERUZBVUxUX0VMTElQU0lTX0VORCIsIkRFRkFVTFRfRUxMSVBTSVNfU1RBUlQiLCJJTkxJTkVfTEFZT1VUIiwiZ2V0VHlwb2dyYXBoeUNsYXNzTmFtZSIsIm9wdGlvbnMiLCJwcmVmaXhDbHMiLCJjbGFzc05hbWUiLCJjYXRlZ29yeSIsInNpemUiLCJjb2xvciIsIl9vcHRpb25zJHN0cm9uZyIsInN0cm9uZyIsIl9vcHRpb25zJGl0YWxpYyIsIml0YWxpYyIsIl9vcHRpb25zJHVuZGVybGluZSIsInVuZGVybGluZSIsIl9vcHRpb25zJGlzRGVsZXRlZCIsImlzRGVsZXRlZCIsIl9vcHRpb25zJGRpc2FibGVkIiwiZGlzYWJsZWQiLCJfb3B0aW9ucyRlbGxpcHNpcyIsImVsbGlwc2lzIiwiX29wdGlvbnMkY29weWFibGUiLCJjb3B5YWJsZSIsImNsYXNzZXMiLCJ1bmRlZmluZWQiLCJjb25jYXQiLCJub3JtYWxpemVFbGxpcHNpcyIsIl9hIiwiX2IiLCJfYyIsInN0YXJ0IiwiZW5kIiwidG9vbHRpcCIsIk1hdGgiLCJtYXgiLCJ0cnVuYyIsInRydW5jYXRlTWlkZGxlIiwidGV4dCIsImxlbmd0aCIsInNsaWNlIiwiZXh0cmFjdFRleHRDb250ZW50Iiwibm9kZSIsIlN0cmluZyIsIkFycmF5IiwiaXNBcnJheSIsIm1hcCIsImpvaW4iLCJwcm9wcyIsImNoaWxkcmVuIiwiZ2V0U3RhYmxlSWQiLCJyZWYiLCJzdWZmaXgiLCJjdXJyZW50IiwiYXNzaWduUmVmIiwidmFsdWUiLCJfdHlwZW9mIiwiaXNJbmxpbmVUeXBvZ3JhcGh5VGFnIiwiY29tcG9uZW50VGFnIiwiZGVmYXVsdExheW91dE1vZGUiLCJoYXMiLCJnZXRFbmhhbmNlbWVudFdyYXBwZXJUYWciLCJpc0lubGluZUNvbXBvbmVudCJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNBLGNBQWMsUUFBUSxPQUFPO0FBQ3RDLE9BQU9DLFVBQVUsSUFBSUMsT0FBTyxRQUFRLHdCQUF3QjtBQUM1RCxTQUFTQyxJQUFJLFFBQVEsa0JBQWtCO0FBS3ZDLFNBQVNDLGtCQUFrQixFQUFFQyxvQkFBb0IsRUFBRUMsc0JBQXNCLEVBQUVDLGFBQWEsUUFBUSxhQUFhO0FBUTdHLE9BQU8sSUFBTUMsc0JBQXNCLEdBQUcsU0FBekJBLHNCQUFzQkEsQ0FBSUMsT0FBbUMsRUFBSTtFQUM1RSxJQUNFQyxTQUFTLEdBWVBELE9BQU8sQ0FaVEMsU0FBUztJQUNUQyxTQUFTLEdBV1BGLE9BQU8sQ0FYVEUsU0FBUztJQUNUQyxRQUFRLEdBVU5ILE9BQU8sQ0FWVEcsUUFBUTtJQUNSQyxJQUFJLEdBU0ZKLE9BQU8sQ0FUVEksSUFBSTtJQUNKQyxLQUFLLEdBUUhMLE9BQU8sQ0FSVEssS0FBSztJQUFBQyxlQUFBLEdBUUhOLE9BQU8sQ0FQVE8sTUFBTTtJQUFOQSxNQUFNLEdBQUFELGVBQUEsY0FBRyxLQUFLLEdBQUFBLGVBQUE7SUFBQUUsZUFBQSxHQU9aUixPQUFPLENBTlRTLE1BQU07SUFBTkEsTUFBTSxHQUFBRCxlQUFBLGNBQUcsS0FBSyxHQUFBQSxlQUFBO0lBQUFFLGtCQUFBLEdBTVpWLE9BQU8sQ0FMVFcsU0FBUztJQUFUQSxTQUFTLEdBQUFELGtCQUFBLGNBQUcsS0FBSyxHQUFBQSxrQkFBQTtJQUFBRSxrQkFBQSxHQUtmWixPQUFPLENBSlRhLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxrQkFBQSxjQUFHLEtBQUssR0FBQUEsa0JBQUE7SUFBQUUsaUJBQUEsR0FJZmQsT0FBTyxDQUhUZSxRQUFRO0lBQVJBLFFBQVEsR0FBQUQsaUJBQUEsY0FBRyxLQUFLLEdBQUFBLGlCQUFBO0lBQUFFLGlCQUFBLEdBR2RoQixPQUFPLENBRlRpQixRQUFRO0lB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LEVBQUVDLGlCQUF1QyxFQUFBO0VBQzVHLElBQUk1RCxrQkFBa0IsQ0FBQzZELEdBQUcsQ0FBQ0YsWUFBWSxDQUFDLEVBQUU7SUFDeEMsT0FBTyxLQUFLO0VBQ2Q7RUFFQSxPQUFPQyxpQkFBaUIsS0FBS3pELGFBQWE7QUFDNUM7QUFFQSxPQUFNLFNBQVUyRCx3QkFBd0JBLENBQUNDLGlCQUEwQixFQUFBO0VBQ2pFLE9BQU9BLGlCQUFpQixHQUFHLE1BQU0sR0FBRyxLQUFLO0FBQzNDIiwiZmlsZSI6ImNvbXBvbmVudHMvVHlwb2dyYXBoeS91dGlscy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0IHsgaXNWYWxpZEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcywgeyBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyB1dWlkIH0gZnJvbSAnLi4vLi4vdXRpbHMvdXVpZCc7XG5pbXBvcnQgeyBCTE9DS19XUkFQUEVSX1RBR1MsIERFRkFVTFRfRUxMSVBTSVNfRU5ELCBERUZBVUxUX0VMTElQU0lTX1NUQVJULCBJTkxJTkVfTEFZT1VUIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IGdldFR5cG9ncmFwaHlDbGFzc05hbWUgPSAob3B0aW9ucykgPT4ge1xuICAgIGNvbnN0IHsgcHJlZml4Q2xzLCBjbGFzc05hbWUsIGNhdGVnb3J5LCBzaXplLCBjb2xvciwgc3Ryb25nID0gZmFsc2UsIGl0YWxpYyA9IGZhbHNlLCB1bmRlcmxpbmUgPSBmYWxzZSwgaXNEZWxldGVkID0gZmFsc2UsIGRpc2FibGVkID0gZmFsc2UsIGVsbGlwc2lzID0gZmFsc2UsIGNvcHlhYmxlID0gZmFsc2UsIH0gPSBvcHRpb25zO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgcmV0dXJuIGNsYXNzZXModW5kZWZpbmVkLCBqb2luQ2xzKGNsYXNzZXMoY2F0ZWdvcnkpLCBjbGFzc2VzKGAke2NhdGVnb3J5fS0ke3NpemV9YCksIGNvbG9yICYmIGNsYXNzZXMoYGNvbG9yLSR7Y29sb3J9YCksIHN0cm9uZyAmJiBjbGFzc2VzKCdzdHJvbmcnKSwgaXRhbGljICYmIGNsYXNzZXMoJ2l0YWxpYycpLCB1bmRlcmxpbmUgJiYgY2xhc3NlcygndW5kZXJsaW5lJyksIGlzRGVsZXRlZCAmJiBjbGFzc2VzKCdkZWxldGUnKSwgdW5kZXJsaW5lICYmIGlzRGVsZXRlZCAmJiBjbGFzc2VzKCd1bmRlcmxpbmUtZGVsZXRlJyksIGRpc2FibGVkICYmIGNsYXNzZXMoJ2Rpc2FibGVkJyksIGVsbGlwc2lzICYmIGNsYXNzZXMoJ2VsbGlwc2lzJyksIGNvcHlhYmxlICYmIGNsYXNzZXMoJ2NvcHlhYmxlLWNvbnRlbnQnKSwgY2xhc3NOYW1lKSk7XG59O1xuZXhwb3J0IGZ1bmN0aW9uIG5vcm1hbGl6ZUVsbGlwc2lzKGVsbGlwc2lzKSB7XG4gICAgdmFyIF9hLCBfYiwgX2M7XG4gICAgaWYgKCFlbGxpcHNpcylcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgaWYgKGVsbGlwc2lzID09PSB0cnVlKSB7XG4gICAgICAgIHJldHVybiB7IHN0YXJ0OiBERUZBVUxUX0VMTElQU0lTX1NUQVJULCBlbmQ6IERFRkFVTFRfRUxMSVBTSVNfRU5ELCB0b29sdGlwOiBmYWxzZSB9O1xuICAgIH1cbiAgICByZXR1cm4ge1xuICAgICAgICBzdGFydDogTWF0aC5tYXgoMSwgTWF0aC50cnVuYygoX2EgPSBlbGxpcHNpcy5zdGFydCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogREVGQVVMVF9FTExJUFNJU19TVEFSVCkpLFxuICAgICAgICBlbmQ6IE1hdGgubWF4KDEsIE1hdGgudHJ1bmMoKF9iID0gZWxsaXBzaXMuZW5kKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBERUZBVUxUX0VMTElQU0lTX0VORCkpLFxuICAgICAgICB0b29sdGlwOiAoX2MgPSBlbGxpcHNpcy50b29sdGlwKSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiBmYWxzZSxcbiAgICB9O1xufVxuZXhwb3J0IGZ1bmN0aW9uIHRydW5jYXRlTWlkZGxlKHRleHQsIHN0YXJ0LCBlbmQpIHtcbiAgICBpZiAodGV4dC5sZW5ndGggPD0gc3RhcnQgKyBlbmQgKyAzKVxuICAgICAgICByZXR1cm4gdGV4dDtcbiAgICByZXR1cm4gdGV4dC5zbGljZSgwLCBzdGFydCkgKyAnLi4uJyArIHRleHQuc2xpY2UoLWVuZCk7XG59XG5leHBvcnQgZnVuY3Rpb24gZXh0cmFjdFRleHRDb250ZW50KG5vZGUpIHtcbiAgICBpZiAobm9kZSA9PT0gbnVsbCB8fCBub2RlID09PSB1bmRlZmluZWQgfHwgdHlwZW9mIG5vZGUgPT09ICdib29sZWFuJykge1xuICAgICAgICByZXR1cm4gJyc7XG4gICAgfVxuICAgIGlmICh0eXBlb2Ygbm9kZSA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIG5vZGUgPT09ICdudW1iZXInKSB7XG4gICAgICAgIHJldHVybiBTdHJpbmcobm9kZSk7XG4gICAgfVxuICAgIGlmIChBcnJheS5pc0FycmF5KG5vZGUpKSB7XG4gICAgICAgIHJldHVybiBub2RlLm1hcChleHRyYWN0VGV4dENvbnRlbnQpLmpvaW4oJycpO1xuICAgIH1cbiAgICBpZiAoaXNWYWxpZEVsZW1lbnQobm9kZSkpIHtcbiAgICAgICAgcmV0dXJuIGV4dHJhY3RUZXh0Q29udGVudChub2RlLnByb3BzLmNoaWxkcmVuKTtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xufVxuZXhwb3J0IGZ1bmN0aW9uIGdldFN0YWJsZUlkKHJlZiwgcHJlZml4Q2xzLCBzdWZmaXgpIHtcbiAgICBpZiAoIXJlZi5jdXJyZW50KSB7XG4gICAgICAgIHJlZi5jdXJyZW50ID0gYCR7cHJlZml4Q2xzfS0ke3N1ZmZpeH0tJHt1dWlkKCl9YDtcbiAgICB9XG4gICAgcmV0dXJuIHJlZi5jdXJyZW50O1xufVxuZXhwb3J0IGZ1bmN0aW9uIGFzc2lnblJlZihyZWYsIHZhbHVlKSB7XG4gICAgaWYgKHR5cGVvZiByZWYgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgcmVmKHZhbHVlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAocmVmICYmIHR5cGVvZiByZWYgPT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJlZi5jdXJyZW50ID0gdmFsdWU7XG4gICAgfVxufVxuZXhwb3J0IGZ1bmN0aW9uIGlzSW5saW5lVHlwb2dyYXBoeVRhZyhjb21wb25lbnRUYWcsIGRlZmF1bHRMYXlvdXRNb2RlKSB7XG4gICAgaWYgKEJMT0NLX1dSQVBQRVJfVEFHUy5oYXMoY29tcG9uZW50VGFnKSkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIHJldHVybiBkZWZhdWx0TGF5b3V0TW9kZSA9PT0gSU5MSU5FX0xBWU9VVDtcbn1cbmV4cG9ydCBmdW5jdGlvbiBnZXRFbmhhbmNlbWVudFdyYXBwZXJUYWcoaXNJbmxpbmVDb21wb25lbnQpIHtcbiAgICByZXR1cm4gaXNJbmxpbmVDb21wb25lbnQgPyAnc3BhbicgOiAnZGl2Jztcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Upload/Upload.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FC, PropsWithChildren } from 'react';
+import type { UploadProps } from './interface';
+import './style';
+export declare const Upload: FC<PropsWithChildren<UploadProps>>;
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<UploadProps>>;
+export default _default;

package/es/components/Upload/Upload.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo, useRef } from 'react';
+import { useEventCallback } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import { Button } from '../Button';
+import { Icons } from '../Icons';
+import { Typography } from '../Typography';
+import './style';
+var BUTTON_LABEL_DEFAULT = 'Upload file';
+export var Upload = function Upload(props) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'upload' : _props$prefixCls,
+    className = props.className,
+    label = props.label,
+    description = props.description,
+    errorMsg = props.errorMsg,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    accept = props.accept,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    _props$buttonLabel = props.buttonLabel,
+    buttonLabel = _props$buttonLabel === void 0 ? BUTTON_LABEL_DEFAULT : _props$buttonLabel,
+    onSelect = props.onSelect,
+    children = props.children,
+    ref = props.ref;
+  var classes = classnames(prefixCls);
+  var inputRef = useRef(null);
+  var handleClick = useEventCallback(function () {
+    var _a;
+    if (!disabled) {
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }
+  });
+  var handleChange = useEventCallback(function (e) {
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(e.target.files);
+    if (inputRef.current) {
+      inputRef.current.value = '';
+    }
+  });
+  return _jsxs("div", {
+    ref: ref,
+    className: classes(void 0, joinCls(disabled && classes('disabled'), className)),
+    children: [label && _jsx(Typography.Label, {
+      size: "lg",
+      className: classes('label'),
+      children: label
+    }), description && _jsx(Typography.Body, {
+      size: "md",
+      className: classes('description'),
+      children: description
+    }), _jsx("input", {
+      ref: inputRef,
+      type: "file",
+      accept: accept,
+      multiple: multiple,
+      disabled: disabled,
+      onChange: handleChange,
+      className: classes('input')
+    }), _jsx(Button, {
+      size: "small",
+      color: "primary",
+      disabled: disabled,
+      iconStart: _jsx(Icons, {
+        name: "upload",
+        size: 16
+      }),
+      onClick: handleClick,
+      children: buttonLabel
+    }), children && _jsx("div", {
+      className: classes('slot'),
+      children: children
+    }), errorMsg && _jsxs("div", {
+      className: classes('error-msg'),
+      children: [_jsx(Icons, {
+        name: "error",
+        size: 16,
+        color: "currentColor"
+      }), _jsx(Typography.Body, {
+        size: "sm",
+        className: classes('error-msg-text'),
+        children: errorMsg
+      })]
+    })]
+  });
+};
+export default /*#__PURE__*/memo(Upload);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVXBsb2FkL1VwbG9hZC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVXBsb2FkL1VwbG9hZC50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlJlYWN0IiwibWVtbyIsInVzZVJlZiIsInVzZUV2ZW50Q2FsbGJhY2siLCJkZWZhdWx0IiwiY2xhc3NuYW1lcyIsImpvaW5DbHMiLCJCdXR0b24iLCJJY29ucyIsIlR5cG9ncmFwaHkiLCJCVVRUT05fTEFCRUxfREVGQVVMVCIsIlVwbG9hZCIsInByb3BzIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImNsYXNzTmFtZSIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJlcnJvck1zZyIsIl9wcm9wcyRkaXNhYmxlZCIsImRpc2FibGVkIiwiYWNjZXB0IiwiX3Byb3BzJG11bHRpcGxlIiwibXVsdGlwbGUiLCJfcHJvcHMkYnV0dG9uTGFiZWwiLCJidXR0b25MYWJlbCIsIm9uU2VsZWN0IiwiY2hpbGRyZW4iLCJyZWYiLCJjbGFzc2VzIiwiaW5wdXRSZWYiLCJoYW5kbGVDbGljayIsIl9hIiwiY3VycmVudCIsImNsaWNrIiwiaGFuZGxlQ2hhbmdlIiwiZSIsInRhcmdldCIsImZpbGVzIiwidmFsdWUiLCJMYWJlbCIsInNpemUiLCJCb2R5IiwidHlwZSIsIm9uQ2hhbmdlIiwiY29sb3IiLCJpY29uU3RhcnQiLCJuYW1lIiwib25DbGljayJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxPQUFPQyxLQUFLLElBQUlDLElBQUksRUFBRUMsTUFBTSxRQUFRLE9BQU87QUFDM0MsU0FBU0MsZ0JBQWdCLFFBQVEsZUFBZTtBQUNoRCxTQUFTQyxPQUFPLElBQUlDLFVBQVUsRUFBRUMsT0FBTyxRQUFRLHdCQUF3QjtBQUN2RSxTQUFTQyxNQUFNLFFBQVEsV0FBVztB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LENBRXJCO0VBQUEsQ0FBQSxDQUNHO0FBRVYsQ0FBQztBQUVELDRCQUFlakIsSUFBSSxDQUFDVSxNQUFNLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9VcGxvYWQvVXBsb2FkLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBSZWFjdCwgeyBtZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbic7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL0ljb25zJztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCAnLi9zdHlsZSc7XG5jb25zdCBCVVRUT05fTEFCRUxfREVGQVVMVCA9ICdVcGxvYWQgZmlsZSc7XG5leHBvcnQgY29uc3QgVXBsb2FkID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgcHJlZml4Q2xzID0gJ3VwbG9hZCcsIGNsYXNzTmFtZSwgbGFiZWwsIGRlc2NyaXB0aW9uLCBlcnJvck1zZywgZGlzYWJsZWQgPSBmYWxzZSwgYWNjZXB0LCBtdWx0aXBsZSA9IGZhbHNlLCBidXR0b25MYWJlbCA9IEJVVFRPTl9MQUJFTF9ERUZBVUxULCBvblNlbGVjdCwgY2hpbGRyZW4sIHJlZiwgfSA9IHByb3BzO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgdmFyIF9hO1xuICAgICAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICAgICAgICAoX2EgPSBpbnB1dFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuY2xpY2soKTtcbiAgICAgICAgfVxuICAgIH0pO1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUV2ZW50Q2FsbGJhY2soKGUpID0+IHtcbiAgICAgICAgb25TZWxlY3QgPT09IG51bGwgfHwgb25TZWxlY3QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uU2VsZWN0KGUudGFyZ2V0LmZpbGVzKTtcbiAgICAgICAgaWYgKGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQudmFsdWUgPSAnJztcbiAgICAgICAgfVxuICAgIH0pO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgam9pbkNscyhkaXNhYmxlZCAmJiBjbGFzc2VzKCdkaXNhYmxlZCcpLCBjbGFzc05hbWUpKSwgY2hpbGRyZW46IFtsYWJlbCAmJiAoX2pzeChUeXBvZ3JhcGh5LkxhYmVsLCB7IHNpemU6IFwibGdcIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCdsYWJlbCcpLCBjaGlsZHJlbjogbGFiZWwgfSkpLCBkZXNjcmlwdGlvbiAmJiAoX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogXCJtZFwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Rlc2NyaXB0aW9uJyksIGNoaWxkcmVuOiBkZXNjcmlwdGlvbiB9KSksIF9qc3goXCJpbnB1dFwiLCB7IHJlZjogaW5wdXRSZWYsIHR5cGU6IFwiZmlsZVwiLCBhY2NlcHQ6IGFjY2VwdCwgbXVsdGlwbGU6IG11bHRpcGxlLCBkaXNhYmxlZDogZGlzYWJsZWQsIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UsIGNsYXNzTmFtZTogY2xhc3NlcygnaW5wdXQnKSB9KSwgX2pzeChCdXR0b24sIHsgc2l6ZTogXCJzbWFsbFwiLCBjb2xvcjogXCJwcmltYXJ5XCIsIGRpc2FibGVkOiBkaXNhYmxlZCwgaWNvblN0YXJ0OiBfanN4KEljb25zLCB7IG5hbWU6IFwidXBsb2FkXCIsIHNpemU6IDE2IH0pLCBvbkNsaWNrOiBoYW5kbGVDbGljaywgY2hpbGRyZW46IGJ1dHRvbkxhYmVsIH0pLCBjaGlsZHJlbiAmJiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdzbG90JyksIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSwgZXJyb3JNc2cgJiYgKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdlcnJvci1tc2cnKSwgY2hpbGRyZW46IFtfanN4KEljb25zLCB7IG5hbWU6IFwiZXJyb3JcIiwgc2l6ZTogMTYsIGNvbG9yOiBcImN1cnJlbnRDb2xvclwiIH0pLCBfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBzaXplOiBcInNtXCIsIGNsYXNzTmFtZTogY2xhc3NlcygnZXJyb3ItbXNnLXRleHQnKSwgY2hpbGRyZW46IGVycm9yTXNnIH0pXSB9KSldIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFVwbG9hZCk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Upload/UploadFileBar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FC } from 'react';
+import type { UploadFileBarProps } from './interface';
+export declare const UploadFileBar: FC<UploadFileBarProps>;
+declare const _default: React.NamedExoticComponent<UploadFileBarProps>;
+export default _default;

package/es/components/Upload/UploadFileBar.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo } from 'react';
+import { useEventCallback } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import { Icons } from '../Icons';
+import { Typography } from '../Typography';
+var FILE_STATUS_SUCCESS = 0;
+var FILE_STATUS_ERROR = 1;
+var STATUS_ICON_COLOR_SUCCESS = '#1F580033';
+var STATUS_ICON_COLOR_ERROR = '#AE00001A';
+export var UploadFileBar = function UploadFileBar(props) {
+  var className = props.className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'upload-file-bar' : _props$prefixCls,
+    fileName = props.fileName,
+    _props$status = props.status,
+    status = _props$status === void 0 ? FILE_STATUS_SUCCESS : _props$status,
+    message = props.message,
+    onRemove = props.onRemove,
+    ref = props.ref;
+  var classes = classnames(prefixCls);
+  var handleRemove = useEventCallback(function () {
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove();
+  });
+  return _jsxs("div", {
+    ref: ref,
+    className: classes(void 0, joinCls(classes(status === FILE_STATUS_SUCCESS ? 'success' : 'failure'), className)),
+    children: [_jsxs("div", {
+      className: classes('inner'),
+      children: [_jsx(Icons, {
+        wrapperCls: classes('icon-file'),
+        name: "document",
+        size: 20
+      }), _jsx(Typography.Body, {
+        size: "md",
+        strong: true,
+        className: classes('name'),
+        children: fileName
+      }), _jsx(Icons, {
+        wrapperCls: classes('icon-status'),
+        name: status === FILE_STATUS_SUCCESS ? 'statusSuccess' : 'statusFail',
+        size: 20,
+        color: status === FILE_STATUS_SUCCESS ? STATUS_ICON_COLOR_SUCCESS : STATUS_ICON_COLOR_ERROR
+      }), message && _jsxs("div", {
+        className: classes('message'),
+        children: [status === FILE_STATUS_ERROR && _jsx(Icons, {
+          name: "error",
+          size: 16
+        }), _jsx(Typography.Body, {
+          size: "sm",
+          children: message
+        })]
+      })]
+    }), _jsx(Icons, {
+      wrapperCls: classes('icon-remove'),
+      name: "remove",
+      size: 20,
+      onClick: handleRemove
+    })]
+  });
+};
+export default /*#__PURE__*/memo(UploadFileBar);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVXBsb2FkL1VwbG9hZEZpbGVCYXIuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1VwbG9hZC9VcGxvYWRGaWxlQmFyLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiUmVhY3QiLCJtZW1vIiwidXNlRXZlbnRDYWxsYmFjayIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIkljb25zIiwiVHlwb2dyYXBoeSIsIkZJTEVfU1RBVFVTX1NVQ0NFU1MiLCJGSUxFX1NUQVRVU19FUlJPUiIsIlNUQVRVU19JQ09OX0NPTE9SX1NVQ0NFU1MiLCJTVEFUVVNfSUNPTl9DT0xPUl9FUlJPUiIsIlVwbG9hZEZpbGVCYXIiLCJwcm9wcyIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJmaWxlTmFtZSIsIl9wcm9wcyRzdGF0dXMiLCJzdGF0dXMiLCJtZXNzYWdlIiwib25SZW1vdmUiLCJyZWYiLCJjbGFzc2VzIiwiaGFuZGxlUmVtb3ZlIiwiY2hpbGRyZW4iLCJ3cmFwcGVyQ2xzIiwibmFtZSIsInNpemUiLCJCb2R5Iiwic3Ryb25nIiwiY29sb3IiLCJvbkNsaWNrIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELE9BQU9DLEtBQUssSUFBSUMsSUFBSSxRQUFRLE9BQU87QUFDbkMsU0FBU0MsZ0JBQWdCLFFBQVEsZUFBZTtBQUNoRCxTQUFTQyxPQUFPLElBQUlDLFVBQVUsRUFBRUMsT0FBTyxRQUFRLHdCQUF3QjtBQUN2RSxTQUFTQyxLQUFLLFFBQVEsVUFBVTtBQUNoQyxTQUFTQyxVQUFVLFFBQVEsZUFBZTtBQUkxQyxJQUFNQyxtQkFBbUIsR0FBRyxDQUFDO0FBQzdCLElBQU1DLGlCQUFpQixHQUFHLENBQUM7QUFFM0IsSUFBTUMseUJBQXlCLEdBQUcsV0FBVztBQUM3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RSxFQUFFO01BQ1JJLE9BQU8sRUFBRVI7SUFBWSxDQUFBLENBQ3JCO0VBQUEsQ0FBQSxDQUNFO0FBRVYsQ0FBQztBQUVELDRCQUFldkIsSUFBSSxDQUFDVyxhQUFhLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9VcGxvYWQvVXBsb2FkRmlsZUJhci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUV2ZW50Q2FsbGJhY2sgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5jb25zdCBGSUxFX1NUQVRVU19TVUNDRVNTID0gMDtcbmNvbnN0IEZJTEVfU1RBVFVTX0VSUk9SID0gMTtcbmNvbnN0IFNUQVRVU19JQ09OX0NPTE9SX1NVQ0NFU1MgPSAnIzFGNTgwMDMzJztcbmNvbnN0IFNUQVRVU19JQ09OX0NPTE9SX0VSUk9SID0gJyNBRTAwMDAxQSc7XG5leHBvcnQgY29uc3QgVXBsb2FkRmlsZUJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNsYXNzTmFtZSwgcHJlZml4Q2xzID0gJ3VwbG9hZC1maWxlLWJhcicsIGZpbGVOYW1lLCBzdGF0dXMgPSBGSUxFX1NUQVRVU19TVUNDRVNTLCBtZXNzYWdlLCBvblJlbW92ZSwgcmVmLCB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBoYW5kbGVSZW1vdmUgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgb25SZW1vdmUgPT09IG51bGwgfHwgb25SZW1vdmUgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uUmVtb3ZlKCk7XG4gICAgfSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IHJlZjogcmVmLCBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBqb2luQ2xzKGNsYXNzZXMoc3RhdHVzID09PSBGSUxFX1NUQVRVU19TVUNDRVNTID8gJ3N1Y2Nlc3MnIDogJ2ZhaWx1cmUnKSwgY2xhc3NOYW1lKSksIGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2lubmVyJyksIGNoaWxkcmVuOiBbX2pzeChJY29ucywgeyB3cmFwcGVyQ2xzOiBjbGFzc2VzKCdpY29uLWZpbGUnKSwgbmFtZTogXCJkb2N1bWVudFwiLCBzaXplOiAyMCB9KSwgX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogXCJtZFwiLCBzdHJvbmc6IHRydWUsIGNsYXNzTmFtZTogY2xhc3NlcygnbmFtZScpLCBjaGlsZHJlbjogZmlsZU5hbWUgfSksIF9qc3goSWNvbnMsIHsgd3JhcHBlckNsczogY2xhc3NlcygnaWNvbi1zdGF0dXMnKSwgbmFtZTogc3RhdHVzID09PSBGSUxFX1NUQVRVU19TVUNDRVNTID8gJ3N0YXR1c1N1Y2Nlc3MnIDogJ3N0YXR1c0ZhaWwnLCBzaXplOiAyMCwgY29sb3I6IHN0YXR1cyA9PT0gRklMRV9TVEFUVVNfU1VDQ0VTUyA/IFNUQVRVU19JQ09OX0NPTE9SX1NVQ0NFU1MgOiBTVEFUVVNfSUNPTl9DT0xPUl9FUlJPUiB9KSwgbWVzc2FnZSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ21lc3NhZ2UnKSwgY2hpbGRyZW46IFtzdGF0dXMgPT09IEZJTEVfU1RBVFVTX0VSUk9SICYmIChfanN4KEljb25zLCB7IG5hbWU6IFwiZXJyb3JcIiwgc2l6ZTogMTYgfSkpLCBfanN4KFR5cG9ncmFwaHkuQm9keSwgeyBzaXplOiBcInNtXCIsIGNoaWxkcmVuOiBtZXNzYWdlIH0pXSB9KSldIH0pLCBfanN4KEljb25zLCB7IHdyYXBwZXJDbHM6IGNsYXNzZXMoJ2ljb24tcmVtb3ZlJyksIG5hbWU6IFwicmVtb3ZlXCIsIHNpemU6IDIwLCBvbkNsaWNrOiBoYW5kbGVSZW1vdmUgfSldIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFVwbG9hZEZpbGVCYXIpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Upload/index.d.ts

@@ -0,0 +1,5 @@
+import Upload from './Upload';
+export { Upload } from './Upload';
+export { UploadFileBar } from './UploadFileBar';
+export default Upload;
+export * from './interface';

package/es/components/Upload/index.js

@@ -0,0 +1,6 @@
+import Upload from './Upload';
+export { Upload } from './Upload';
+export { UploadFileBar } from './UploadFileBar';
+export default Upload;
+export * from './interface';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVXBsb2FkL2luZGV4LnRzIl0sIm5hbWVzIjpbIlVwbG9hZCIsIlVwbG9hZEZpbGVCYXIiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLE1BQU0sTUFBTSxVQUFVO0FBRzdCLFNBQVNBLE1BQU0sUUFBUSxVQUFVO0FBQ2pDLFNBQVNDLGFBQWEsUUFBUSxpQkFBaUI7QUFFL0MsZUFBZUQsTUFBTTtBQUVyQixjQUFjLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9VcGxvYWQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Upload/interface.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode, RefObject } from 'react';
+export interface UploadProps {
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Ref to the wrapper element */
+    ref?: RefObject<HTMLDivElement | null>;
+    /** Label text displayed above the upload */
+    label?: ReactNode;
+    /** Description text below the label */
+    description?: ReactNode;
+    /** Feedback/error message displayed below the file list */
+    errorMsg?: ReactNode;
+    /** Whether the upload is disabled */
+    disabled?: boolean;
+    /** Accept file types (e.g. '.pdf,.png,image/*') */
+    accept?: string;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Button label text */
+    buttonLabel?: string;
+    /** Callback when files are selected */
+    onSelect?: (files: FileList | null) => void;
+}
+export interface UploadFileBarProps {
+    /** Name of the uploaded file */
+    fileName: string;
+    /** File status: 0 = success, 1 = error */
+    status?: 0 | 1;
+    /** Error or helper message */
+    message?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Callback when remove icon is clicked */
+    onRemove?: () => void;
+    /** Ref to the wrapper element */
+    ref?: RefObject<HTMLDivElement | null>;
+}

package/es/components/Upload/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9VcGxvYWQvaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJjb21wb25lbnRzL1VwbG9hZC9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

package/es/components/Upload/style/Upload.css

@@ -0,0 +1 @@
+.om-react-ui-upload{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);align-items:flex-start}.om-react-ui-upload-input{display:none}.om-react-ui-upload-label{color:var(--om-text-default,#131313)}.om-react-ui-upload-description{color:var(--om-text-default-tertiary,#646465)}.om-react-ui-upload-slot{display:flex;flex-direction:column;gap:0;width:100%}.om-react-ui-upload-error-msg{display:flex;gap:var(--om-spacing-100,4px);align-items:flex-start;color:var(--om-text-danger,#ae0000)}.om-react-ui-upload-error-msg-text{color:inherit!important}.om-react-ui-upload-disabled{cursor:not-allowed}

package/es/components/Upload/style/Upload.scss

@@ -0,0 +1,44 @@
+@use '@/styles/api' as theme;
+
+$component: 'upload';
+
+.#{theme.$prefix}-#{$component} {
+  display: flex;
+  flex-direction: column;
+  gap: theme.spacing(scale, 200);
+  align-items: flex-start;
+
+  &-input {
+    display: none;
+  }
+
+  &-label {
+    color: theme.palette(text, 'default');
+  }
+
+  &-description {
+    color: theme.palette(text, 'default-tertiary');
+  }
+
+  &-slot {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    width: 100%;
+  }
+
+  &-error-msg {
+    display: flex;
+    gap: theme.spacing(scale, 100);
+    align-items: flex-start;
+    color: theme.palette(text, 'danger');
+
+    &-text {
+      color: inherit !important;
+    }
+  }
+
+  &-disabled {
+    cursor: not-allowed;
+  }
+}

package/es/components/Upload/style/UploadFileBar.css

@@ -0,0 +1 @@
+.om-react-ui-upload-file-bar{display:flex;gap:var(--om-spacing-300,12px);align-items:center;width:100%}.om-react-ui-upload-file-bar-inner{position:relative;display:inline-flex;flex-grow:1;gap:var(--om-spacing-200,8px);align-items:center;justify-content:space-between;min-width:120px;height:var(--om-component-height-lg,44px);padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow:hidden;color:var(--om-text-brand,#073387);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px)}.om-react-ui-upload-file-bar-name{flex:1;min-width:0;overflow:hidden;color:inherit!important;white-space:nowrap;text-overflow:ellipsis}.om-react-ui-upload-file-bar-success .om-react-ui-upload-file-bar-inner{color:var(--om-text-brand,#073387)}.om-react-ui-upload-file-bar-success .om-react-ui-upload-file-bar-icon-file{color:var(--om-icon-brand,#073387)!important}.om-react-ui-upload-file-bar-failure .om-react-ui-upload-file-bar-inner{color:var(--om-text-danger,#ae0000)}.om-react-ui-upload-file-bar-failure .om-react-ui-upload-file-bar-icon-file{color:var(--om-icon-danger,#ae0000)!important}.om-react-ui-upload-file-bar:hover .om-react-ui-upload-file-bar-inner{border-color:var(--om-border-default-tertiary,#404042)}.om-react-ui-upload-file-bar-failure:hover .om-react-ui-upload-file-bar-inner{border-color:var(--om-text-default,#131313)}.om-react-ui-upload-file-bar-icon-status{margin-left:auto}.om-react-ui-upload-file-bar-icon-remove{flex-shrink:0;color:var(--om-icon-default,#131313);cursor:pointer}.om-react-ui-upload-file-bar-message{position:absolute;bottom:-18px;left:0;display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center;color:var(--om-text-danger,#ae0000)}.om-react-ui-upload-file-bar-message>*{color:inherit!important}