@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Copy/Copy.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Copy = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _Icons = require("../Icons");
+var _clipboard = require("../../utils/clipboard");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DEFAULT_ICON_SIZE = 20;
+var COPIED_DURATION = 1500;
+var CopyInner = function CopyInner(props) {
+  var value = props.value,
+    _props$iconSize = props.iconSize,
+    iconSize = _props$iconSize === void 0 ? DEFAULT_ICON_SIZE : _props$iconSize,
+    color = props.color,
+    _props$successColor = props.successColor,
+    successColor = _props$successColor === void 0 ? '#1F5800' : _props$successColor,
+    _props$contained = props.contained,
+    contained = _props$contained === void 0 ? true : _props$contained,
+    _props$ariaLabel = props['aria-label'],
+    ariaLabel = _props$ariaLabel === void 0 ? 'Copy' : _props$ariaLabel,
+    className = props.className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'copy' : _props$prefixCls,
+    onSuccess = props.onSuccess,
+    onError = props.onError;
+  var classes = (0, _classnames["default"])(prefixCls);
+  var _useSafeState = (0, _hooks.useSafeState)(false),
+    _useSafeState2 = (0, _slicedToArray2["default"])(_useSafeState, 2),
+    copied = _useSafeState2[0],
+    setCopied = _useSafeState2[1];
+  var timerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    if (!value || copied) return;
+    (0, _clipboard.clipboard)(value, function (succeeded) {
+      if (succeeded) {
+        setCopied(true);
+        if (timerRef.current) clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(function () {
+          return setCopied(false);
+        }, COPIED_DURATION);
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(value);
+      } else {
+        onError === null || onError === void 0 ? void 0 : onError(value);
+      }
+    });
+  };
+  var icon = (0, _jsxRuntime.jsx)(_Icons.Icons, {
+    name: copied ? 'check' : 'copy',
+    size: iconSize,
+    color: copied ? successColor !== null && successColor !== void 0 ? successColor : color : color
+  });
+  if (!contained) {
+    return (0, _jsxRuntime.jsx)("span", {
+      className: classes(void 0, (0, _classnames.joinCls)(copied && classes('copied'), className)),
+      onClick: handleClick,
+      role: "button",
+      "aria-label": ariaLabel,
+      tabIndex: 0,
+      children: icon
+    });
+  }
+  return (0, _jsxRuntime.jsx)("div", {
+    className: classes('inner', (0, _classnames.joinCls)(copied && classes('inner-copied'), className)),
+    onClick: handleClick,
+    role: "button",
+    "aria-label": ariaLabel,
+    tabIndex: 0,
+    children: icon
+  });
+};
+var Copy = exports.Copy = /*#__PURE__*/(0, _react.memo)(CopyInner);
+var _default = exports["default"] = Copy;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9Db3B5LmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db3B5L0NvcHkudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9ob29rcyIsIl9JY29ucyIsIl9jbGlwYm9hcmQiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiREVGQVVMVF9JQ09OX1NJWkUiLCJDT1BJRURfRFVSQVRJT04iLCJDb3B5SW5uZXIiLCJwcm9wcyIsInZhbHVlIiwiX3Byb3BzJGljb25TaXplIiwiaWNvblNpemUiLCJjb2xvciIsIl9wcm9wcyRzdWNjZXNzQ29sb3IiLCJzdWNjZXNzQ29sb3IiLCJfcHJvcHMkY29udGFpbmVkIiwiY29udGFpbmVkIiwiX3Byb3BzJGFyaWFMYWJlbCIsImFyaWFMYWJlbCIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJvblN1Y2Nlc3MiLCJvbkVycm9yIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJfdXNlU2FmZVN0YXRlIiwidXNlU2FmZVN0YXRlIiwiX3VzZVNhZmVTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJjb3BpZWQiLCJzZXRDb3BpZWQiLCJ0aW1lclJlZiIsInVzZVJlZiIsInVzZUVmZmVjdCIsImN1cnJlbnQiLCJjbGVhclRpbWVvdXQiLCJoYW5kbGVDbGljayIsInN0b3BQcm9wYWdhdGlvbiIsInByZXZlbnREZWZhdWx0IiwiY2xpcGJvYXJkIiwic3VjY2VlZGVkIiwic2V0VGltZW91dCIsImljb24iLCJfanN4IiwiSWNvbnMiLCJuYW1lIiwic2l6ZSIsImpvaW5DbHMiLCJvbkNsaWNrIiwicm9sZSIsInRhYkluZGV4IiwiY2hpbGRyZW4iLCJDb3B5IiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksVUFBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssV0FBQSxHQUFBQyx1QkFBQSxDQUFBTixPQUFBO0FBR0FBLE9BQUE7QUFBaUIsU0FBQU8seUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFGLHdCQUFBRSxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFo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QyxDQUN0RDtJQUNEOEIsT0FBTyxFQUFFWixXQUFXO0lBQ3BCYSxJQUFJLEVBQUMsUUFBUTtJQUFBLFlBQUEsRUFDRGhDLFNBQVM7SUFDckJpQyxRQUFRLEVBQUUsQ0FBQztJQUFBQyxRQUFBLEVBRVZUO0VBQUksQ0FBQSxDQUNEO0FBRVYsQ0FBQztBQUVNLElBQU1VLElBQUksR0FBQUMsT0FBQSxDQUFBRCxJQUFBLGdCQUFHLElBQUFFLFdBQUksRUFBQ2hELFNBQVMsQ0FBQztBQUFDLElBQUFpRCxRQUFBLEdBQUFGLE9BQUEsY0FFckJELElBQUkiLCJmaWxlIjoiY29tcG9uZW50cy9Db3B5L0NvcHkuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VTYWZlU3RhdGUgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgY2xpcGJvYXJkIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xpcGJvYXJkJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmNvbnN0IERFRkFVTFRfSUNPTl9TSVpFID0gMjA7XG5jb25zdCBDT1BJRURfRFVSQVRJT04gPSAxNTAwO1xuY29uc3QgQ29weUlubmVyID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIGljb25TaXplID0gREVGQVVMVF9JQ09OX1NJWkUsIGNvbG9yLCBzdWNjZXNzQ29sb3IgPSAnIzFGNTgwMCcsIGNvbnRhaW5lZCA9IHRydWUsICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsID0gJ0NvcHknLCBjbGFzc05hbWUsIHByZWZpeENscyA9ICdjb3B5Jywgb25TdWNjZXNzLCBvbkVycm9yLCB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBbY29waWVkLCBzZXRDb3BpZWRdID0gdXNlU2FmZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB0aW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRpbWVyUmVmLmN1cnJlbnQpXG4gICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgICB9O1xuICAgIH0sIFtdKTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChlKSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgaWYgKCF2YWx1ZSB8fCBjb3BpZWQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNsaXBib2FyZCh2YWx1ZSwgKHN1Y2NlZWRlZCkgPT4ge1xuICAgICAgICAgICAgaWYgKHN1Y2NlZWRlZCkge1xuICAgICAgICAgICAgICAgIHNldENvcGllZCh0cnVlKTtcbiAgICAgICAgICAgICAgICBpZiAodGltZXJSZWYuY3VycmVudClcbiAgICAgICAgICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHNldENvcGllZChmYWxzZSksIENPUElFRF9EVVJBVElPTik7XG4gICAgICAgICAgICAgICAgb25TdWNjZXNzID09PSBudWxsIHx8IG9uU3VjY2VzcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25TdWNjZXNzKHZhbHVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIG9uRXJyb3IgPT09IG51bGwgfHwgb25FcnJvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25FcnJvcih2YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH07XG4gICAgY29uc3QgaWNvbiA9IChfanN4KEljb25zLCB7IG5hbWU6IGNvcGllZCA/ICdjaGVjaycgOiAnY29weScsIHNpemU6IGljb25TaXplLCBjb2xvcjogY29waWVkID8gKHN1Y2Nlc3NDb2xvciAhPT0gbnVsbCAmJiBzdWNjZXNzQ29sb3IgIT09IHZvaWQgMCA/IHN1Y2Nlc3NDb2xvciA6IGNvbG9yKSA6IGNvbG9yIH0pKTtcbiAgICBpZiAoIWNvbnRhaW5lZCkge1xuICAgICAgICByZXR1cm4gKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgam9pbkNscyhjb3BpZWQgJiYgY2xhc3NlcygnY29waWVkJyksIGNsYXNzTmFtZSkpLCBvbkNsaWNrOiBoYW5kbGVDbGljaywgcm9sZTogXCJidXR0b25cIiwgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCwgdGFiSW5kZXg6IDAsIGNoaWxkcmVuOiBpY29uIH0pKTtcbiAgICB9XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdpbm5lcicsIGpvaW5DbHMoY29waWVkICYmIGNsYXNzZXMoJ2lubmVyLWNvcGllZCcpLCBjbGFzc05hbWUpKSwgb25DbGljazogaGFuZGxlQ2xpY2ssIHJvbGU6IFwiYnV0dG9uXCIsIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsIHRhYkluZGV4OiAwLCBjaGlsZHJlbjogaWNvbiB9KSk7XG59O1xuZXhwb3J0IGNvbnN0IENvcHkgPSBtZW1vKENvcHlJbm5lcik7XG5leHBvcnQgZGVmYXVsdCBDb3B5OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Copy/index.d.ts

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

package/lib/components/Copy/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Copy: true,
+  Clipboard: true
+};
+Object.defineProperty(exports, "Clipboard", {
+  enumerable: true,
+  get: function get() {
+    return _Clipboard.Clipboard;
+  }
+});
+Object.defineProperty(exports, "Copy", {
+  enumerable: true,
+  get: function get() {
+    return _Copy.Copy;
+  }
+});
+exports["default"] = void 0;
+var _Copy = _interopRequireWildcard(require("./Copy"));
+var _Clipboard = require("./Clipboard");
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _Copy["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29weS9pbmRleC50cyJdLCJuYW1lcyI6WyJfQ29weSIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9DbGlwYm9hcmQiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwibiIsIl9fcHJvdG9fXyIsImEiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaSIsInNldCIsIl9kZWZhdWx0IiwiQ29weSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxLQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFHQSxJQUFBQyxVQUFBLEdBQUFELE9BQUE7QUFJQSxJQUFBRSxVQUFBLEdBQUFGLE9BQUE7QUFBQUcsTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUE0QixTQUFBUyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQWpCLHdCQUFBaUIsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBTCxHQUFBLENBQUFFLENBQUEsT0FBQU8sQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQXRCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF1Qix3QkFBQSxXQUFBQyxDQUFBLElBQUFYLENBQUEsb0JBQUFXLENBQUEsT0FBQW5CLGNBQUEsQ0FBQUMsSUFBQSxDQUFBTyxDQUFBLEVBQUFXLENBQUEsU0FBQUMsQ0FBQSxHQUFBSCxDQUFBLEdBQUF0QixNQUFBLENBQUF1Qix3QkFBQSxDQUFBVixDQUFBLEVBQUFXLENBQUEsVUFBQUMsQ0FBQSxLQUFBQSxDQUFBLENBQUFkLEdBQUEsSUFBQWMsQ0FBQSxDQUFBQyxHQUFBLElBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQVcsQ0FBQSxFQUFBSSxDQUFBLEVBQUFDLENBQUEsSUFBQUwsQ0FBQSxDQUFBSSxDQUFBLElBQUFYLENBQUEsQ0FBQVcsQ0FBQSxZQUFBSixDQUFBLGNBQUFQLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFVLEdBQUEsQ0FBQWIsQ0FBQSxFQUFBTyxDQUFBLEdBQUFBLENBQUE7QUFBQSxJQUFBTyxRQUFBLEdBQUFuQixPQUFBLGNBRmJvQixnQkFBSSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Copy/interface.d.ts

@@ -0,0 +1,38 @@
+export interface CopyProps {
+    /** The text content to copy to clipboard */
+    value: string;
+    /** Icon size in pixels (default: 20) */
+    iconSize?: number;
+    /** Icon color */
+    color?: string;
+    /** Icon color when copy succeeds (default: semantic positive color) */
+    successColor?: string;
+    /** Whether to show the background container around the icon (default: true) */
+    contained?: boolean;
+    /** Accessible label for the copy button (default: 'Copy') */
+    'aria-label'?: string;
+    /** Additional CSS class names */
+    className?: string;
+    /** CSS class name prefix */
+    prefixCls?: string;
+    /** Callback fired when copy succeeds */
+    onSuccess?: (value: string) => void;
+    /** Callback fired when copy fails */
+    onError?: (value: string) => void;
+}
+export interface ClipboardProps {
+    /** The text content to display and copy to clipboard */
+    content: string;
+    /** Optional label rendered above the content card */
+    label?: string;
+    /** Additional CSS class names for the root element */
+    className?: string;
+    /** Additional CSS class names for the label */
+    labelCls?: string;
+    /** CSS class name prefix (default: 'clipboard') */
+    prefixCls?: string;
+    /** Callback fired when the copy operation succeeds */
+    onSuccess?: (value: string) => void;
+    /** Callback fired when the copy operation fails */
+    onError?: (value: string) => void;
+}

package/lib/components/Copy/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9Db3B5L2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9Db3B5L2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/components/Copy/style/Clipboard.css

@@ -0,0 +1,45 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-clipboard {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+}
+.om-component-ui-clipboard-content {
+  display: flex;
+  flex-direction: row;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px);
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border: 1px solid var(--om-border-neutral, #e3e4e4);
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-clipboard-content-text {
+  display: inline-block;
+  margin: 0;
+  color: var(--om-text-default-tertiary, #646465);
+  word-wrap: break-word;
+  word-break: break-all;
+}

package/lib/components/Copy/style/Copy.css

@@ -0,0 +1,48 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-copy {
+  cursor: pointer;
+}
+.om-component-ui-copy-copied {
+  cursor: default;
+}
+.om-component-ui-copy-inner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--om-spacing-300, 12px);
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+.om-component-ui-copy-inner:hover {
+  background-color: var(--om-bg-neutral-tertiary-hover, #e3e4e4);
+}
+.om-component-ui-copy-inner-copied {
+  background-color: var(--om-bg-positive-tertiary, rgba(31, 88, 0, 0.05));
+  cursor: default;
+}
+.om-component-ui-copy-inner-copied:hover {
+  background-color: var(--om-bg-positive-tertiary, rgba(31, 88, 0, 0.05));
+}

package/lib/components/Copy/style/css.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./Copy.css");
+require("./Clipboard.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Copy/style/index.d.ts

@@ -0,0 +1,2 @@
+import './Copy.css';
+import './Clipboard.css';

package/lib/components/Copy/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./Copy.css");
+require("./Clipboard.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUE7QUFDQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import type { DialogProps } from './interface';
+import './style';
+export declare const Dialog: import("react").NamedExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Dialog;