namirasoft-site-react 1.3.447 → 1.3.448

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.
Files changed (11) hide show
  1. package/dist/components/NSRange.js +2 -2
  2. package/dist/components/NSRange.js.map +1 -1
  3. package/dist/components/NSRange.module.css +18 -4
  4. package/dist/components/NSTimelineMonthly.js +2 -1
  5. package/dist/components/NSTimelineMonthly.js.map +1 -1
  6. package/dist/components/NSTimelineMonthly.module.css +1 -0
  7. package/package.json +1 -1
  8. package/src/components/NSRange.module.css +18 -4
  9. package/src/components/NSRange.tsx +1 -2
  10. package/src/components/NSTimelineMonthly.module.css +1 -0
  11. package/src/components/NSTimelineMonthly.tsx +1 -1
package/dist/components/NSRange.js CHANGED
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
3
3
  import Styles from './NSRange.module.css';
4
4
  import { Color } from "../Color";
5
5
  export function NSRange(props) {
6
- var _a;
6
+ var _a, _b;
7
7
  const [Widths, setWidths] = useState([]);
8
8
  const [positions, setPositions] = useState([]);
9
9
  useEffect(() => {
@@ -28,7 +28,7 @@ export function NSRange(props) {
28
28
  const width = ((minute * 100) / 1440).toString();
29
29
  return `${width}%`;
30
30
  };
31
- return (_jsxs("div", { className: "container-fluid d-flex justify-content-center direction-ltr", children: [_jsx("h5", { className: Styles.ns_time_line_title, children: props.title }), _jsx("div", { className: "col-12 col-sm-11 px-0", children: _jsxs("div", { className: ` ${Styles.ns_range_time_box_full} d-flex justify-content-start`, children: [_jsx("div", { children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.map((data, index) => _jsx("span", { className: Styles.ns_range_time_line, style: {
31
+ return (_jsxs("div", { className: `container d-flex justify-content-center direction-ltr flex-column ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} `, style: props.style, children: [_jsx("h5", { className: Styles.ns_time_line_title, children: props.title }), _jsx("div", { className: "col-12 col-sm-11 px-0", children: _jsxs("div", { className: ` ${Styles.ns_range_time_box_full} d-flex justify-content-start`, children: [_jsx("div", { children: (_b = props.data) === null || _b === void 0 ? void 0 : _b.map((data, index) => _jsx("span", { className: Styles.ns_range_time_line, style: {
32
32
  background: Color.getColor(data === null || data === void 0 ? void 0 : data.percentage),
33
33
  width: Widths[index] || '0%',
34
34
  left: positions[index] || '%0'
package/dist/components/NSRange.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSRange.js","sourceRoot":"","sources":["../../src/components/NSRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAejC,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAExC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;;QAEX,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAEpC,MAAM,OAAO,GAAG,uBAAuB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACxE,OAAO,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAEvC,MAAM,OAAO,GAAG,uBAAuB,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1F,OAAO,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,MAAM,CAAC,CAAC;QAClB,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB,MAAM,uBAAuB,GAAG,CAAC,UAAgB,EAAE,QAAc,EAAU,EAAE;QAEzE,MAAM,0BAA0B,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QACvF,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;QACjF,OAAO,qBAAqB,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,MAAc,EAAU,EAAE;QAEnD,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjD,OAAO,GAAG,KAAK,GAAG,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,6DAA6D,aACxE,aAAI,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAAG,KAAK,CAAC,KAAK,GAAM,EAE5D,cAAK,SAAS,EAAC,uBAAuB,YAClC,eAAK,SAAS,EAAE,IAAI,MAAM,CAAC,sBAAsB,+BAA+B,aAC5E,wBAEQ,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,eAEI,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,KAAK,EAAE;oCACH,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAC;oCAC5C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI;oCAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI;iCACjC,IANI,KAAK,CAOP,CACV,GAEH,EACL,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC/B,cAAgB,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAChD,2BAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,WAAW,IAD5C,IAAI,CAER,CACT,CAAC,IACA,GACJ,IACJ,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSRange.js","sourceRoot":"","sources":["../../src/components/NSRange.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSRange.module.css CHANGED
@@ -1,13 +1,12 @@
1
1
  .ns_range_time_item {
2
2
  z-index: 99;
3
3
  text-align: center;
4
- padding: 10px;
5
4
  width: 4.166666%;
6
5
  display: inline-block;
7
6
  height: 60px;
8
7
  position: relative;
9
8
  border-width: 1px;
10
- border-color: black;
9
+ border-color: #DCDCDC;
11
10
  border-style: groove;
12
11
  }
13
12
 
@@ -18,7 +17,22 @@
18
17
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 7%);
19
18
  overflow: hidden;
20
19
  }
21
- .ns_range_time_line{
20
+
21
+ .ns_range_time_line {
22
22
  position: absolute;
23
- height: 100%;
23
+ height: 100%;
24
+ }
25
+
26
+ .ns_time_line_title {
27
+ color: #141B5C;
28
+ margin-bottom: 16px;
29
+ }
30
+
31
+ .ns_range_time_item span {
32
+ color: #141B5C;
33
+ width: 100%;
34
+ display: inline-block;
35
+ background-color: #DCDCDC;
36
+ border-bottom: 1px solid #DCDCDC;
37
+ font-weight: 500;
24
38
  }
package/dist/components/NSTimelineMonthly.js CHANGED
@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  import Styles from './NSTimelineMonthly.module.css';
3
3
  import { Color } from "../Color";
4
4
  export function NSTimelineMonthly(props) {
5
+ var _a;
5
6
  function getPercentage(value) {
6
7
  let percentage = (value * 100) / 24;
7
8
  return percentage.toString() + "%";
8
9
  }
9
- return (_jsx(_Fragment, { children: _jsxs("div", { className: `container-fluid d-flex justify-content-center ${Styles.ns_parent}`, children: [_jsx("h5", { className: Styles.ns_time_line_title, children: props.title }), _jsx("div", { className: Styles.ns_time_line_monthly, children: props.data.map((card, index) => (_jsxs("div", { className: Styles.ns_time_line_monthly_card, children: [_jsx("h5", { className: Styles.ns_time_line_monthly_card_week_day, children: card.title }), _jsx("span", { className: Styles.ns_time_line_cards_hour, children: card.value }), _jsx("div", { className: Styles.ns_time_line_monthly_card_parent_chart, children: _jsx("div", { className: Styles.ns_time_line_monthly_card_bar, style: { width: getPercentage(card.value), background: Color.getColor(card.percentage) }, children: "bar" }) })] }, index))) })] }) }));
10
+ return (_jsx(_Fragment, { children: _jsxs("div", { className: `container d-flex justify-content-center ${Styles.ns_parent} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} `, style: props.style, children: [_jsx("h5", { className: Styles.ns_time_line_title, children: props.title }), _jsx("div", { className: Styles.ns_time_line_monthly, children: props.data.map((card, index) => (_jsxs("div", { className: Styles.ns_time_line_monthly_card, children: [_jsx("h5", { className: Styles.ns_time_line_monthly_card_week_day, children: card.title }), _jsx("span", { className: Styles.ns_time_line_cards_hour, children: card.value }), _jsx("div", { className: Styles.ns_time_line_monthly_card_parent_chart, children: _jsx("div", { className: Styles.ns_time_line_monthly_card_bar, style: { width: getPercentage(card.value), background: Color.getColor(card.percentage) }, children: "bar" }) })] }, index))) })] }) }));
10
11
  }
11
12
  //# sourceMappingURL=NSTimelineMonthly.js.map
package/dist/components/NSTimelineMonthly.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSTimelineMonthly.js","sourceRoot":"","sources":["../../src/components/NSTimelineMonthly.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAahC,MAAM,UAAU,iBAAiB,CAAC,KAAgC;IAE9D,SAAS,aAAa,CAAC,KAAa;QAEhC,IAAI,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC;IACvC,CAAC;IACD,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,iDAAiD,MAAM,CAAC,SAAS,EAAE,aAC/E,aAAI,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAAG,KAAK,CAAC,KAAK,GAAM,EAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEnC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,aAAI,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,GAAM,EAC3E,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,KAAK,GAAQ,EACpE,cAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,YACzD,cAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,oBAAW,GACvJ,KAL6C,KAAK,CAMtD,CACT,CAAC,GAEJ,IACJ,GACP,CACN,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NSTimelineMonthly.js","sourceRoot":"","sources":["../../src/components/NSTimelineMonthly.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAahC,MAAM,UAAU,iBAAiB,CAAC,KAAgC;;IAE9D,SAAS,aAAa,CAAC,KAAa;QAEhC,IAAI,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC;IACvC,CAAC;IACD,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,2CAA2C,MAAM,CAAC,SAAS,KAAK,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,aAC7H,aAAI,SAAS,EAAE,MAAM,CAAC,kBAAkB,YAAG,KAAK,CAAC,KAAK,GAAM,EAC5D,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEnC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,aAAI,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,GAAM,EAC3E,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,KAAK,GAAQ,EACpE,cAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,YACzD,cAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,oBAAW,GACvJ,KAL6C,KAAK,CAMtD,CACT,CAAC,GAEJ,IACJ,GACP,CACN,CAAC;AACN,CAAC"}
package/dist/components/NSTimelineMonthly.module.css CHANGED
@@ -48,6 +48,7 @@
48
48
  overflow-x: scroll;
49
49
  -ms-overflow-style: none;
50
50
  scrollbar-width: none;
51
+ flex-direction: column;
51
52
  }
52
53
 
53
54
  .ns_time_line_title {
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.447",
11
+ "version": "1.3.448",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSRange.module.css CHANGED
@@ -1,13 +1,12 @@
1
1
  .ns_range_time_item {
2
2
  z-index: 99;
3
3
  text-align: center;
4
- padding: 10px;
5
4
  width: 4.166666%;
6
5
  display: inline-block;
7
6
  height: 60px;
8
7
  position: relative;
9
8
  border-width: 1px;
10
- border-color: black;
9
+ border-color: #DCDCDC;
11
10
  border-style: groove;
12
11
  }
13
12
 
@@ -18,7 +17,22 @@
18
17
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 7%);
19
18
  overflow: hidden;
20
19
  }
21
- .ns_range_time_line{
20
+
21
+ .ns_range_time_line {
22
22
  position: absolute;
23
- height: 100%;
23
+ height: 100%;
24
+ }
25
+
26
+ .ns_time_line_title {
27
+ color: #141B5C;
28
+ margin-bottom: 16px;
29
+ }
30
+
31
+ .ns_range_time_item span {
32
+ color: #141B5C;
33
+ width: 100%;
34
+ display: inline-block;
35
+ background-color: #DCDCDC;
36
+ border-bottom: 1px solid #DCDCDC;
37
+ font-weight: 500;
24
38
  }
package/src/components/NSRange.tsx CHANGED
@@ -52,9 +52,8 @@ export function NSRange(props: INSRangeProps)
52
52
  };
53
53
 
54
54
  return (
55
- <div className="container-fluid d-flex justify-content-center direction-ltr">
55
+ <div className={`container d-flex justify-content-center direction-ltr flex-column ${props.classList?.join(" ")} `} style={props.style}>
56
56
  <h5 className={Styles.ns_time_line_title}>{props.title}</h5>
57
-
58
57
  <div className="col-12 col-sm-11 px-0">
59
58
  <div className={` ${Styles.ns_range_time_box_full} d-flex justify-content-start`}>
60
59
  <div>
package/src/components/NSTimelineMonthly.module.css CHANGED
@@ -48,6 +48,7 @@
48
48
  overflow-x: scroll;
49
49
  -ms-overflow-style: none;
50
50
  scrollbar-width: none;
51
+ flex-direction: column;
51
52
  }
52
53
 
53
54
  .ns_time_line_title {
package/src/components/NSTimelineMonthly.tsx CHANGED
@@ -22,7 +22,7 @@ export function NSTimelineMonthly(props: INSNSTimelineMonthlyProps)
22
22
  }
23
23
  return (
24
24
  <>
25
- <div className={`container-fluid d-flex justify-content-center ${Styles.ns_parent}`}>
25
+ <div className={`container d-flex justify-content-center ${Styles.ns_parent} ${props.classList?.join(" ")} `} style={props.style}>
26
26
  <h5 className={Styles.ns_time_line_title}>{props.title}</h5>
27
27
  <div className={Styles.ns_time_line_monthly}>
28
28
  {