@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-UKLVOR4E.js

@@ -1,72 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/ChartCanvas.tsx
-var _react = require('react');
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ChartCanvas = ({
-  width = 320,
-  height = 200,
-  responsive = false,
-  padding = 24,
-  className,
-  title,
-  desc,
-  children,
-  ...props
-}) => {
-  const svgRef = _react.useRef.call(void 0, null);
-  const [observedSize, setObservedSize] = _react.useState.call(void 0, null);
-  const resizeControllerRef = _react.useRef.call(void 0, 
-    _tigercatcore.createChartResizeObserverController.call(void 0, {
-      onSizeChange: setObservedSize
-    })
-  );
-  const resolvedSize = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveResponsiveChartSize.call(void 0, { width, height }, responsive ? observedSize : null),
-    [width, height, responsive, observedSize]
-  );
-  const innerRect = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getChartInnerRect.call(void 0, resolvedSize.width, resolvedSize.height, padding),
-    [resolvedSize.width, resolvedSize.height, padding]
-  );
-  const svgClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.chartCanvasBaseClasses, className), [className]);
-  _react.useEffect.call(void 0, () => {
-    const controller = resizeControllerRef.current;
-    if (!responsive) {
-      controller.disconnect();
-      setObservedSize(null);
-      return void 0;
-    }
-    const target = _optionalChain([svgRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.parentElement]);
-    if (!target) return void 0;
-    controller.observe(target);
-    return () => controller.disconnect();
-  }, [responsive]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "svg",
-    {
-      ...props,
-      ref: svgRef,
-      width: resolvedSize.width,
-      height: resolvedSize.height,
-      viewBox: `0 0 ${resolvedSize.width} ${resolvedSize.height}`,
-      className: svgClasses,
-      children: [
-        title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "title", { children: title }) : null,
-        desc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "desc", { children: desc }) : null,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
-      ]
-    }
-  );
-};
-var ChartCanvas_default = ChartCanvas;
-
-
-
-
-exports.ChartCanvas = ChartCanvas; exports.ChartCanvas_default = ChartCanvas_default;

package/dist/chunk-UKQMF3JV.js

@@ -1,217 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Signature.tsx
-
-
-
-
-
-
-
-
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DEFAULT_WIDTH = 480;
-var DEFAULT_HEIGHT = 180;
-var Signature = _react.forwardRef.call(void 0, 
-  ({
-    width = DEFAULT_WIDTH,
-    height = DEFAULT_HEIGHT,
-    penColor = "#111827",
-    backgroundColor,
-    lineWidth = 2,
-    disabled = false,
-    readonly = false,
-    clearable = true,
-    exportType = "image/png",
-    quality = 0.92,
-    ariaLabel = "Signature pad",
-    clearText,
-    locale,
-    className,
-    onChange,
-    onBegin,
-    onEnd,
-    onClear,
-    style,
-    ...rest
-  }, ref) => {
-    const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _react.useMemo.call(void 0, 
-      () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-      [config.locale, locale]
-    );
-    const canvasRef = _react.useRef.call(void 0, null);
-    const strokesRef = _react.useRef.call(void 0, []);
-    const activeStrokeRef = _react.useRef.call(void 0, null);
-    const [strokes, setStrokes] = _react.useState.call(void 0, []);
-    const isDisabled = disabled || readonly;
-    const normalizedLineWidth = _tigercatcore.clampSignatureLineWidth.call(void 0, lineWidth);
-    const draw = _react.useCallback.call(void 0, 
-      (nextStrokes) => {
-        const canvas = canvasRef.current;
-        const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
-        if (!canvas || !context) return;
-        const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
-        canvas.width = width * ratio;
-        canvas.height = height * ratio;
-        canvas.style.width = `${width}px`;
-        canvas.style.height = `${height}px`;
-        context.setTransform(ratio, 0, 0, ratio, 0, 0);
-        _tigercatcore.drawSignatureStrokes.call(void 0, context, nextStrokes, { width, height, backgroundColor });
-      },
-      [backgroundColor, height, width]
-    );
-    _react.useEffect.call(void 0, () => {
-      draw(strokes);
-    }, [draw, strokes]);
-    const toSVG = _react.useCallback.call(void 0, 
-      () => _tigercatcore.signatureStrokesToSvg.call(void 0, strokesRef.current, { width, height, backgroundColor }),
-      [backgroundColor, height, width]
-    );
-    const toDataURL = _react.useCallback.call(void 0, 
-      (type = exportType, nextQuality = quality) => {
-        if (type === "image/svg+xml") return _tigercatcore.signatureSvgToDataUrl.call(void 0, toSVG());
-        return _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, nextQuality);
-      },
-      [exportType, quality, toSVG]
-    );
-    const createPayload = _react.useCallback.call(void 0, 
-      (nextStrokes, type = exportType) => {
-        const value = type === "image/svg+xml" ? _tigercatcore.signatureSvgToDataUrl.call(void 0, 
-          _tigercatcore.signatureStrokesToSvg.call(void 0, nextStrokes, { width, height, backgroundColor })
-        ) : _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, quality);
-        return {
-          value,
-          empty: _tigercatcore.isSignatureEmpty.call(void 0, nextStrokes),
-          strokes: _tigercatcore.cloneSignatureStrokes.call(void 0, nextStrokes),
-          exportType: type
-        };
-      },
-      [backgroundColor, exportType, height, quality, width]
-    );
-    const emitChange = _react.useCallback.call(void 0, 
-      (nextStrokes) => {
-        const payload = createPayload(nextStrokes);
-        _optionalChain([onChange, 'optionalCall', _3 => _3(payload)]);
-        return payload;
-      },
-      [createPayload, onChange]
-    );
-    const clear = _react.useCallback.call(void 0, () => {
-      strokesRef.current = [];
-      activeStrokeRef.current = null;
-      setStrokes([]);
-      draw([]);
-      emitChange([]);
-      _optionalChain([onClear, 'optionalCall', _4 => _4()]);
-    }, [draw, emitChange, onClear]);
-    _react.useImperativeHandle.call(void 0, 
-      ref,
-      () => ({
-        clear,
-        isEmpty: () => _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
-        toDataURL,
-        toSVG
-      }),
-      [clear, toDataURL, toSVG]
-    );
-    const getPointFromEvent = (event) => {
-      const rect = event.currentTarget.getBoundingClientRect();
-      return _tigercatcore.getSignaturePoint.call(void 0, event.clientX, event.clientY, rect, width, height);
-    };
-    const handlePointerDown = (event) => {
-      if (isDisabled) return;
-      event.preventDefault();
-      event.currentTarget.focus();
-      const stroke = {
-        color: penColor,
-        lineWidth: normalizedLineWidth,
-        points: [getPointFromEvent(event)]
-      };
-      const nextStrokes = [...strokesRef.current, stroke];
-      activeStrokeRef.current = stroke;
-      strokesRef.current = nextStrokes;
-      setStrokes(nextStrokes);
-      _optionalChain([onBegin, 'optionalCall', _5 => _5()]);
-    };
-    const handlePointerMove = (event) => {
-      const activeStroke = activeStrokeRef.current;
-      if (!activeStroke || isDisabled) return;
-      event.preventDefault();
-      activeStroke.points.push(getPointFromEvent(event));
-      const nextStrokes = [...strokesRef.current];
-      strokesRef.current = nextStrokes;
-      setStrokes(nextStrokes);
-    };
-    const finishStroke = () => {
-      if (!activeStrokeRef.current) return;
-      activeStrokeRef.current = null;
-      const payload = emitChange(strokesRef.current);
-      _optionalChain([onEnd, 'optionalCall', _6 => _6(payload)]);
-    };
-    const handleKeyDown = (event) => {
-      if (!clearable || isDisabled) return;
-      if (event.key !== "Delete" && event.key !== "Backspace") return;
-      event.preventDefault();
-      clear();
-    };
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.signatureRootClasses, className), style, ...rest, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSignatureCanvasWrapClasses.call(void 0, disabled, readonly), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "canvas",
-        {
-          ref: canvasRef,
-          className: _tigercatcore.signatureCanvasClasses,
-          width,
-          height,
-          tabIndex: isDisabled ? -1 : 0,
-          role: "img",
-          "aria-label": ariaLabel,
-          "aria-disabled": isDisabled || void 0,
-          onPointerDown: handlePointerDown,
-          onPointerMove: handlePointerMove,
-          onPointerUp: finishStroke,
-          onPointerCancel: finishStroke,
-          onKeyDown: handleKeyDown
-        }
-      ) }),
-      clearable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.signatureToolbarClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
-        {
-          type: "button",
-          className: _tigercatcore.signatureClearButtonClasses,
-          disabled: isDisabled || _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
-          onClick: clear,
-          children: _tigercatcore.resolveLocaleText.call(void 0, "Clear", clearText, _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.clearText]))
-        }
-      ) })
-    ] });
-  }
-);
-Signature.displayName = "Signature";
-var Signature_default = Signature;
-
-
-
-
-exports.Signature = Signature; exports.Signature_default = Signature_default;