@activecollab/components 1.0.87 → 1.0.88

package/dist/cjs/components/ProgressRing/ProgressRing.js

@@ -0,0 +1,63 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressRing = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ProgressRing = function ProgressRing(_ref) {
+  var backgroundColor = _ref.backgroundColor,
+      progressColor = _ref.progressColor,
+      _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? 0 : _ref$progress,
+      _ref$radius = _ref.radius,
+      radius = _ref$radius === void 0 ? 20 : _ref$radius,
+      _ref$stroke = _ref.stroke,
+      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke;
+  var normalizedRadius = (0, _react.useMemo)(function () {
+    return radius - stroke;
+  }, [radius, stroke]);
+  var circumference = (0, _react.useMemo)(function () {
+    return normalizedRadius * 2 * Math.PI;
+  }, [normalizedRadius]);
+  var strokeDashoffsetOuter = (0, _react.useMemo)(function () {
+    return circumference - (100 - progress) / 100 * circumference;
+  }, [circumference, progress]);
+  var strokeDashoffsetInner = (0, _react.useMemo)(function () {
+    return circumference - progress / 100 * circumference;
+  }, [circumference, progress]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSvg, {
+    height: radius * 2,
+    width: radius * 2
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledBackgroundCircle, {
+    $color: backgroundColor,
+    $strokeDashOffset: -strokeDashoffsetOuter,
+    strokeWidth: stroke,
+    strokeDasharray: circumference,
+    r: normalizedRadius,
+    cx: radius,
+    cy: radius
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledForegroundCircle, {
+    $color: progressColor,
+    $strokeDashOffset: strokeDashoffsetInner,
+    strokeWidth: stroke,
+    strokeDasharray: "".concat(circumference, " ").concat(circumference),
+    r: normalizedRadius,
+    cx: radius,
+    cy: radius
+  }));
+};
+
+exports.ProgressRing = ProgressRing;
+ProgressRing.displayName = "ProgressRing";
+//# sourceMappingURL=ProgressRing.js.map

package/dist/cjs/components/ProgressRing/ProgressRing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":["ProgressRing","backgroundColor","progressColor","progress","radius","stroke","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAmBO,IAAMA,YAAoC,GAAG,SAAvCA,YAAuC,OAM9C;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,CAGP;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,EAEL;AAAA,yBADJC,MACI;AAAA,MADJA,MACI,4BADK,CACL;AACJ,MAAMC,gBAAgB,GAAG,oBAAQ;AAAA,WAAMF,MAAM,GAAGC,MAAf;AAAA,GAAR,EAA+B,CAACD,MAAD,EAASC,MAAT,CAA/B,CAAzB;AACA,MAAME,aAAa,GAAG,oBACpB;AAAA,WAAMD,gBAAgB,GAAG,CAAnB,GAAuBE,IAAI,CAACC,EAAlC;AAAA,GADoB,EAEpB,CAACH,gBAAD,CAFoB,CAAtB;AAIA,MAAMI,qBAAqB,GAAG,oBAC5B;AAAA,WAAMH,aAAa,GAAI,CAAC,MAAMJ,QAAP,IAAmB,GAApB,GAA2BI,aAAjD;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBJ,QAAhB,CAF4B,CAA9B;AAIA,MAAMQ,qBAAqB,GAAG,oBAC5B;AAAA,WAAMJ,aAAa,GAAIJ,QAAQ,GAAG,GAAZ,GAAmBI,aAAzC;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBJ,QAAhB,CAF4B,CAA9B;AAKA,sBACE,6BAAC,iBAAD;AAAW,IAAA,MAAM,EAAEC,MAAM,GAAG,CAA5B;AAA+B,IAAA,KAAK,EAAEA,MAAM,GAAG;AAA/C,kBACE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEH,eADV;AAEE,IAAA,iBAAiB,EAAE,CAACS,qBAFtB;AAGE,IAAA,WAAW,EAAEL,MAHf;AAIE,IAAA,eAAe,EAAEE,aAJnB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEF,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IADF,eAUE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEF,aADV;AAEE,IAAA,iBAAiB,EAAES,qBAFrB;AAGE,IAAA,WAAW,EAAEN,MAHf;AAIE,IAAA,eAAe,YAAKE,aAAL,cAAsBA,aAAtB,CAJjB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEF,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IAVF,CADF;AAsBD,CA3CM;;;AA6CPJ,YAAY,CAACY,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n} from \"./Styles\";\n\nexport interface IProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n}) => {\n  const normalizedRadius = useMemo(() => radius - stroke, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progress) / 100) * circumference,\n    [circumference, progress]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progress / 100) * circumference,\n    [circumference, progress]\n  );\n\n  return (\n    <StyledSvg height={radius * 2} width={radius * 2}>\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={circumference}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"file":"ProgressRing.js"}

package/dist/cjs/components/ProgressRing/Styles.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSvg = exports.StyledForegroundCircle = exports.StyledBackgroundCircle = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledSvg = _styledComponents.default.svg.withConfig({
+  displayName: "Styles__StyledSvg",
+  componentId: "sc-o6dcyu-0"
+})(["transform:rotate(-90deg);"]);
+
+exports.StyledSvg = StyledSvg;
+StyledSvg.displayName = "StyledSvg";
+
+var StyledBackgroundCircle = _styledComponents.default.circle.withConfig({
+  displayName: "Styles__StyledBackgroundCircle",
+  componentId: "sc-o6dcyu-1"
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
+  return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-theme-300);"]);
+}, function (props) {
+  return props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+});
+
+exports.StyledBackgroundCircle = StyledBackgroundCircle;
+StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
+
+var StyledForegroundCircle = _styledComponents.default.circle.withConfig({
+  displayName: "Styles__StyledForegroundCircle",
+  componentId: "sc-o6dcyu-2"
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
+  return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-secondary);"]);
+}, function (props) {
+  return props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+});
+
+exports.StyledForegroundCircle = StyledForegroundCircle;
+StyledForegroundCircle.displayName = "StyledForegroundCircle";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ProgressRing/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/Styles.ts"],"names":["StyledSvg","styled","svg","displayName","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle"],"mappings":";;;;;;;;;AAAA;;;;;;AAOO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAf;;;AAIPF,SAAS,CAACG,WAAV,GAAwB,WAAxB;;AAEO,IAAMC,sBAAsB,GAAGH,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,qCADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPL,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMO,sBAAsB,GAAGT,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,qCADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPC,sBAAsB,CAACP,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n"],"file":"Styles.js"}

package/dist/cjs/components/ProgressRing/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ProgressRing = require("./ProgressRing");
+
+Object.keys(_ProgressRing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressRing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ProgressRing[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ProgressRing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ProgressRing\";\n"],"file":"index.js"}

package/dist/esm/components/ProgressRing/ProgressRing.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+export interface IProgressRingProps {
+    progress?: number;
+    backgroundColor?: string;
+    progressColor?: string;
+    radius?: number;
+    stroke?: number;
+}
+export declare const ProgressRing: FC<IProgressRingProps>;
+//# sourceMappingURL=ProgressRing.d.ts.map

package/dist/esm/components/ProgressRing/ProgressRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAO3C,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CA2C/C,CAAC"}

package/dist/esm/components/ProgressRing/ProgressRing.js

@@ -0,0 +1,46 @@
+import React, { useMemo } from "react";
+import { StyledBackgroundCircle, StyledForegroundCircle, StyledSvg } from "./Styles";
+export var ProgressRing = function ProgressRing(_ref) {
+  var backgroundColor = _ref.backgroundColor,
+      progressColor = _ref.progressColor,
+      _ref$progress = _ref.progress,
+      progress = _ref$progress === void 0 ? 0 : _ref$progress,
+      _ref$radius = _ref.radius,
+      radius = _ref$radius === void 0 ? 20 : _ref$radius,
+      _ref$stroke = _ref.stroke,
+      stroke = _ref$stroke === void 0 ? 3 : _ref$stroke;
+  var normalizedRadius = useMemo(function () {
+    return radius - stroke;
+  }, [radius, stroke]);
+  var circumference = useMemo(function () {
+    return normalizedRadius * 2 * Math.PI;
+  }, [normalizedRadius]);
+  var strokeDashoffsetOuter = useMemo(function () {
+    return circumference - (100 - progress) / 100 * circumference;
+  }, [circumference, progress]);
+  var strokeDashoffsetInner = useMemo(function () {
+    return circumference - progress / 100 * circumference;
+  }, [circumference, progress]);
+  return /*#__PURE__*/React.createElement(StyledSvg, {
+    height: radius * 2,
+    width: radius * 2
+  }, /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
+    $color: backgroundColor,
+    $strokeDashOffset: -strokeDashoffsetOuter,
+    strokeWidth: stroke,
+    strokeDasharray: circumference,
+    r: normalizedRadius,
+    cx: radius,
+    cy: radius
+  }), /*#__PURE__*/React.createElement(StyledForegroundCircle, {
+    $color: progressColor,
+    $strokeDashOffset: strokeDashoffsetInner,
+    strokeWidth: stroke,
+    strokeDasharray: circumference + " " + circumference,
+    r: normalizedRadius,
+    cx: radius,
+    cy: radius
+  }));
+};
+ProgressRing.displayName = "ProgressRing";
+//# sourceMappingURL=ProgressRing.js.map

package/dist/esm/components/ProgressRing/ProgressRing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,QAAmC,OAAnC;AACA,SACEC,sBADF,EAEEC,sBAFF,EAGEC,SAHF,QAIO,UAJP;AAmBA,OAAO,IAAMC,YAAoC,GAAG,SAAvCA,YAAuC,OAM9C;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,CAGP;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,EAEL;AAAA,yBADJC,MACI;AAAA,MADJA,MACI,4BADK,CACL;AACJ,MAAMC,gBAAgB,GAAGV,OAAO,CAAC;AAAA,WAAMQ,MAAM,GAAGC,MAAf;AAAA,GAAD,EAAwB,CAACD,MAAD,EAASC,MAAT,CAAxB,CAAhC;AACA,MAAME,aAAa,GAAGX,OAAO,CAC3B;AAAA,WAAMU,gBAAgB,GAAG,CAAnB,GAAuBE,IAAI,CAACC,EAAlC;AAAA,GAD2B,EAE3B,CAACH,gBAAD,CAF2B,CAA7B;AAIA,MAAMI,qBAAqB,GAAGd,OAAO,CACnC;AAAA,WAAMW,aAAa,GAAI,CAAC,MAAMJ,QAAP,IAAmB,GAApB,GAA2BI,aAAjD;AAAA,GADmC,EAEnC,CAACA,aAAD,EAAgBJ,QAAhB,CAFmC,CAArC;AAIA,MAAMQ,qBAAqB,GAAGf,OAAO,CACnC;AAAA,WAAMW,aAAa,GAAIJ,QAAQ,GAAG,GAAZ,GAAmBI,aAAzC;AAAA,GADmC,EAEnC,CAACA,aAAD,EAAgBJ,QAAhB,CAFmC,CAArC;AAKA,sBACE,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEC,MAAM,GAAG,CAA5B;AAA+B,IAAA,KAAK,EAAEA,MAAM,GAAG;AAA/C,kBACE,oBAAC,sBAAD;AACE,IAAA,MAAM,EAAEH,eADV;AAEE,IAAA,iBAAiB,EAAE,CAACS,qBAFtB;AAGE,IAAA,WAAW,EAAEL,MAHf;AAIE,IAAA,eAAe,EAAEE,aAJnB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEF,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IADF,eAUE,oBAAC,sBAAD;AACE,IAAA,MAAM,EAAEF,aADV;AAEE,IAAA,iBAAiB,EAAES,qBAFrB;AAGE,IAAA,WAAW,EAAEN,MAHf;AAIE,IAAA,eAAe,EAAKE,aAAL,SAAsBA,aAJvC;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEF,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IAVF,CADF;AAsBD,CA3CM;AA6CPJ,YAAY,CAACY,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n} from \"./Styles\";\n\nexport interface IProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n}) => {\n  const normalizedRadius = useMemo(() => radius - stroke, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progress) / 100) * circumference,\n    [circumference, progress]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progress / 100) * circumference,\n    [circumference, progress]\n  );\n\n  return (\n    <StyledSvg height={radius * 2} width={radius * 2}>\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={circumference}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"file":"ProgressRing.js"}

package/dist/esm/components/ProgressRing/Styles.d.ts

@@ -0,0 +1,9 @@
+interface IStyledProgressRing {
+    $color?: string;
+    $strokeDashOffset?: number;
+}
+export declare const StyledSvg: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const StyledBackgroundCircle: import("styled-components").StyledComponent<"circle", any, IStyledProgressRing, never>;
+export declare const StyledForegroundCircle: import("styled-components").StyledComponent<"circle", any, IStyledProgressRing, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ProgressRing/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/Styles.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,oEAErB,CAAC;AAIF,eAAO,MAAM,sBAAsB,wFAkBlC,CAAC;AAIF,eAAO,MAAM,sBAAsB,wFAkBlC,CAAC"}

package/dist/esm/components/ProgressRing/Styles.js

@@ -0,0 +1,25 @@
+import styled, { css } from "styled-components";
+export var StyledSvg = styled.svg.withConfig({
+  displayName: "Styles__StyledSvg",
+  componentId: "sc-o6dcyu-0"
+})(["transform:rotate(-90deg);"]);
+StyledSvg.displayName = "StyledSvg";
+export var StyledBackgroundCircle = styled.circle.withConfig({
+  displayName: "Styles__StyledBackgroundCircle",
+  componentId: "sc-o6dcyu-1"
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
+  return props.$color ? css(["stroke:", ";"], props.$color) : css(["stroke:var(--color-theme-300);"]);
+}, function (props) {
+  return props.$strokeDashOffset && css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+});
+StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
+export var StyledForegroundCircle = styled.circle.withConfig({
+  displayName: "Styles__StyledForegroundCircle",
+  componentId: "sc-o6dcyu-2"
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
+  return props.$color ? css(["stroke:", ";"], props.$color) : css(["stroke:var(--color-secondary);"]);
+}, function (props) {
+  return props.$strokeDashOffset && css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
+});
+StyledForegroundCircle.displayName = "StyledForegroundCircle";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/ProgressRing/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/Styles.ts"],"names":["styled","css","StyledSvg","svg","displayName","StyledBackgroundCircle","circle","props","$color","$strokeDashOffset","StyledForegroundCircle"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAOA,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,iCAAf;AAIPD,SAAS,CAACE,WAAV,GAAwB,WAAxB;AAEA,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACM,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIP,GADJ,mBAEgBM,KAAK,CAACC,MAFtB,IAIIP,GAJJ,oCADA;AAAA,CAJ+B,EAa/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACE,iBAAN,IACAR,GADA,8BAEuBM,KAAK,CAACE,iBAF7B,CADA;AAAA,CAb+B,CAA5B;AAoBPJ,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMM,sBAAsB,GAAGV,MAAM,CAACM,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIP,GADJ,mBAEgBM,KAAK,CAACC,MAFtB,IAIIP,GAJJ,oCADA;AAAA,CAJ+B,EAa/B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACE,iBAAN,IACAR,GADA,8BAEuBM,KAAK,CAACE,iBAF7B,CADA;AAAA,CAb+B,CAA5B;AAoBPC,sBAAsB,CAACN,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n"],"file":"Styles.js"}

package/dist/esm/components/ProgressRing/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ProgressRing";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ProgressRing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/ProgressRing/index.js

@@ -0,0 +1,2 @@
+export * from "./ProgressRing";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ProgressRing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressRing/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from \"./ProgressRing\";\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "1.0.87",
+  "version": "1.0.88",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",