@activecollab/components 2.0.204 → 2.0.205
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ProgressBar/ProgressBar.js +5 -2
- package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.d.ts +1 -0
- package/dist/esm/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +4 -2
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ProgressBar = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
8
9
|
var _Styles = require("./Styles");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
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); }
|
|
10
12
|
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 && Object.prototype.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; }
|
|
11
13
|
var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
|
|
@@ -16,7 +18,8 @@ var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
|
|
|
16
18
|
_ref$stroke = _ref.stroke,
|
|
17
19
|
stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
|
|
18
20
|
_ref$width = _ref.width,
|
|
19
|
-
width = _ref$width === void 0 ? 100 : _ref$width
|
|
21
|
+
width = _ref$width === void 0 ? 100 : _ref$width,
|
|
22
|
+
className = _ref.className;
|
|
20
23
|
var progressNumber = (0, _react.useMemo)(function () {
|
|
21
24
|
var width = progress;
|
|
22
25
|
if (progress > 100) {
|
|
@@ -45,7 +48,7 @@ var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
|
|
|
45
48
|
return stroke_min;
|
|
46
49
|
}, [stroke]);
|
|
47
50
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBar, {
|
|
48
|
-
className: "c-progress-bar",
|
|
51
|
+
className: (0, _classnames.default)("c-progress-bar", className),
|
|
49
52
|
$color: backgroundColor,
|
|
50
53
|
$width: widthPercent
|
|
51
54
|
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBarProgress, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_Styles","
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProgressBar","exports","_ref","_ref$progress","progress","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","classNames","$color","$width","StyledProgressBarProgress","style","concat","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\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 /** Progress height. */\n stroke?: number;\n /** Progress width in percentage. */\n width?: number;\n className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress = 0,\n backgroundColor,\n progressColor,\n stroke = 3,\n width = 100,\n className,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const widthPercent = useMemo(() => {\n let width_percent = width;\n\n if (width > 100) {\n width_percent = 100;\n }\n\n if (width <= 0) {\n width_percent = 100;\n }\n\n return width_percent;\n }, [width]);\n\n const height = useMemo(() => {\n let stroke_min = stroke;\n\n if (stroke <= 0) {\n stroke_min = 3;\n }\n\n return stroke_min;\n }, [stroke]);\n\n return (\n <StyledProgressBar\n className={classNames(\"c-progress-bar\", className)}\n $color={backgroundColor}\n $width={widthPercent}\n >\n <StyledProgressBarProgress\n className=\"c-progress-bar__progress\"\n style={{ width: `${progressNumber}%` }}\n $height={height}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAM3C,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAyD7C,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
2
3
|
import { StyledProgressBar, StyledProgressBarProgress } from "./Styles";
|
|
3
4
|
export const ProgressBar = _ref => {
|
|
4
5
|
let {
|
|
@@ -6,7 +7,8 @@ export const ProgressBar = _ref => {
|
|
|
6
7
|
backgroundColor,
|
|
7
8
|
progressColor,
|
|
8
9
|
stroke = 3,
|
|
9
|
-
width = 100
|
|
10
|
+
width = 100,
|
|
11
|
+
className
|
|
10
12
|
} = _ref;
|
|
11
13
|
const progressNumber = useMemo(() => {
|
|
12
14
|
let width = progress;
|
|
@@ -36,7 +38,7 @@ export const ProgressBar = _ref => {
|
|
|
36
38
|
return stroke_min;
|
|
37
39
|
}, [stroke]);
|
|
38
40
|
return /*#__PURE__*/React.createElement(StyledProgressBar, {
|
|
39
|
-
className: "c-progress-bar",
|
|
41
|
+
className: classNames("c-progress-bar", className),
|
|
40
42
|
$color: backgroundColor,
|
|
41
43
|
$width: widthPercent
|
|
42
44
|
}, /*#__PURE__*/React.createElement(StyledProgressBarProgress, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","_ref","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","createElement","
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["React","useMemo","classNames","StyledProgressBar","StyledProgressBarProgress","ProgressBar","_ref","progress","backgroundColor","progressColor","stroke","width","className","progressNumber","widthPercent","width_percent","height","stroke_min","createElement","$color","$width","style","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\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 /** Progress height. */\n stroke?: number;\n /** Progress width in percentage. */\n width?: number;\n className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n progress = 0,\n backgroundColor,\n progressColor,\n stroke = 3,\n width = 100,\n className,\n}) => {\n const progressNumber = useMemo(() => {\n let width = progress;\n if (progress > 100) {\n width = 100;\n }\n if (progress < 0) {\n width = 0;\n }\n return width;\n }, [progress]);\n\n const widthPercent = useMemo(() => {\n let width_percent = width;\n\n if (width > 100) {\n width_percent = 100;\n }\n\n if (width <= 0) {\n width_percent = 100;\n }\n\n return width_percent;\n }, [width]);\n\n const height = useMemo(() => {\n let stroke_min = stroke;\n\n if (stroke <= 0) {\n stroke_min = 3;\n }\n\n return stroke_min;\n }, [stroke]);\n\n return (\n <StyledProgressBar\n className={classNames(\"c-progress-bar\", className)}\n $color={backgroundColor}\n $width={widthPercent}\n >\n <StyledProgressBarProgress\n className=\"c-progress-bar__progress\"\n style={{ width: `${progressNumber}%` }}\n $height={height}\n $color={progressColor}\n />\n </StyledProgressBar>\n );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAgBvE,OAAO,MAAMC,WAAkC,GAAGC,IAAA,IAO5C;EAAA,IAP6C;IACjDC,QAAQ,GAAG,CAAC;IACZC,eAAe;IACfC,aAAa;IACbC,MAAM,GAAG,CAAC;IACVC,KAAK,GAAG,GAAG;IACXC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,cAAc,GAAGZ,OAAO,CAAC,MAAM;IACnC,IAAIU,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,MAAMO,YAAY,GAAGb,OAAO,CAAC,MAAM;IACjC,IAAIc,aAAa,GAAGJ,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfI,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIJ,KAAK,IAAI,CAAC,EAAE;MACdI,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;EAEX,MAAMK,MAAM,GAAGf,OAAO,CAAC,MAAM;IAC3B,IAAIgB,UAAU,GAAGP,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfO,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,oBACEV,KAAA,CAAAkB,aAAA,CAACf,iBAAiB;IAChBS,SAAS,EAAEV,UAAU,CAAC,gBAAgB,EAAEU,SAAS,CAAE;IACnDO,MAAM,EAAEX,eAAgB;IACxBY,MAAM,EAAEN;EAAa,gBAErBd,KAAA,CAAAkB,aAAA,CAACd,yBAAyB;IACxBQ,SAAS,EAAC,0BAA0B;IACpCS,KAAK,EAAE;MAAEV,KAAK,EAAKE,cAAc;IAAI,CAAE;IACvCS,OAAO,EAAEN,MAAO;IAChBG,MAAM,EAAEV;EAAc,CACvB,CACgB,CAAC;AAExB,CAAC;AAEDJ,WAAW,CAACkB,WAAW,GAAG,aAAa"}
|
package/dist/index.js
CHANGED
|
@@ -19859,7 +19859,8 @@
|
|
|
19859
19859
|
_ref$stroke = _ref.stroke,
|
|
19860
19860
|
stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
|
|
19861
19861
|
_ref$width = _ref.width,
|
|
19862
|
-
width = _ref$width === void 0 ? 100 : _ref$width
|
|
19862
|
+
width = _ref$width === void 0 ? 100 : _ref$width,
|
|
19863
|
+
className = _ref.className;
|
|
19863
19864
|
var progressNumber = React.useMemo(function () {
|
|
19864
19865
|
var width = progress;
|
|
19865
19866
|
if (progress > 100) {
|
|
@@ -19888,7 +19889,7 @@
|
|
|
19888
19889
|
return stroke_min;
|
|
19889
19890
|
}, [stroke]);
|
|
19890
19891
|
return /*#__PURE__*/React__default["default"].createElement(StyledProgressBar, {
|
|
19891
|
-
className: "c-progress-bar",
|
|
19892
|
+
className: classNames__default["default"]("c-progress-bar", className),
|
|
19892
19893
|
$color: backgroundColor,
|
|
19893
19894
|
$width: widthPercent
|
|
19894
19895
|
}, /*#__PURE__*/React__default["default"].createElement(StyledProgressBarProgress, {
|