namirasoft-site-react 1.3.39 → 1.3.40

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 (18) hide show
  1. package/dist/components/NSInputEmail.js +1 -1
  2. package/dist/components/NSInputEmail.js.map +1 -1
  3. package/dist/components/NSSection.d.ts +1 -0
  4. package/dist/components/NSSection.js +4 -1
  5. package/dist/components/NSSection.js.map +1 -1
  6. package/dist/components/NSSection.module.css +6 -0
  7. package/dist/components/NSSpace.js.map +1 -1
  8. package/dist/components/NSTable.js +1 -1
  9. package/dist/components/NSTable.js.map +1 -1
  10. package/dist/components/NSTable.module.css +84 -92
  11. package/package.json +2 -2
  12. package/src/App.tsx +1 -1
  13. package/src/components/NSInputEmail.tsx +15 -15
  14. package/src/components/NSSection.module.css +6 -0
  15. package/src/components/NSSection.tsx +7 -2
  16. package/src/components/NSSpace.tsx +2 -1
  17. package/src/components/NSTable.module.css +84 -92
  18. package/src/components/NSTable.tsx +1 -1
package/dist/components/NSInputEmail.js CHANGED
@@ -31,7 +31,7 @@ export class NSInputEmail extends React.Component {
31
31
  return this.state.value;
32
32
  }
33
33
  render() {
34
- return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] }), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2 ", children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: "Enter a valid email. " })] }) })) : null] }));
34
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] }), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2 ", children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: "Enter a valid email." })] }) })) : null] }));
35
35
  }
36
36
  }
37
37
  //# sourceMappingURL=NSInputEmail.js.map
package/dist/components/NSInputEmail.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK;SACf,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1D,CAAC;aAED,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC;IACL,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,4BACI,eAAK,SAAS,EAAC,6DAA6D,aACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,sCAA8B,IAClE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEhB,CACN,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK;SACf,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1D,CAAC;aAED,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC;IACL,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,IACA,EAEF,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,4BACI,eAAK,SAAS,EAAC,6DAA6D,aACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,qCAA6B,IACjE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEpB,CACN,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSSection.d.ts CHANGED
@@ -3,6 +3,7 @@ import { BackgroundType } from "../types/Background";
3
3
  export interface NSSectionProps {
4
4
  children: ReactNode;
5
5
  background?: BackgroundType;
6
+ center_items?: boolean;
6
7
  }
7
8
  export interface NSSectionState {
8
9
  background?: BackgroundType;
package/dist/components/NSSection.js CHANGED
@@ -16,11 +16,14 @@ export class NSSection extends Component {
16
16
  }
17
17
  render() {
18
18
  var _a, _b, _c;
19
+ let styles = [Styles.ns_section];
20
+ if (this.props.center_items)
21
+ styles.push(Styles.ns_section_center);
19
22
  return (_jsx("section", { style: {
20
23
  backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
21
24
  backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
22
25
  backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
23
- }, className: Styles.ns_section, children: this.props.children }));
26
+ }, className: styles.join(" "), children: this.props.children }));
24
27
  }
25
28
  }
26
29
  //# sourceMappingURL=NSSection.js.map
package/dist/components/NSSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAc3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IACvE,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,GACX,CACV,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAe3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEvE,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IACQ,MAAM;;QAEd,IAAI,MAAM,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY;YAC1B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QACvC,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,YAC1B,IAAI,CAAC,KAAK,CAAC,QAAQ,GACX,CACV,CAAC;IACH,CAAC;CACD"}
package/dist/components/NSSection.module.css CHANGED
@@ -2,4 +2,10 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
+ }
6
+
7
+ .ns_section_center {
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
5
11
  }
package/dist/components/NSSpace.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,qCAAkB,CAAA;AACtB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IACpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAI,CACtH,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAYX;AAZD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,qCAAkB,CAAA;AACtB,CAAC,EAZW,eAAe,KAAf,eAAe,QAY1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAEpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,GAAI,CACtH,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSTable.js CHANGED
@@ -15,7 +15,7 @@ export class NSTable extends Component {
15
15
  }
16
16
  render() {
17
17
  let column_keys = Object.keys(this.state.columns);
18
- return (_jsxs("div", { className: Styles.ns_project_list_container, children: [_jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key)) }) }), _jsx("tbody", { className: Styles.ns_tbody, children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) })] }), _jsxs("div", { className: Styles.ns_button_group_desktop, children: [_jsxs("button", { onClick: () => window.print(), className: Styles.ns_export_button, children: [_jsx("img", { src: "/assets/images/export-vector.png", alt: "Export Table Data", width: 13, height: 16 }), "Export"] }), _jsxs("button", { onClick: () => window.location.reload(), className: Styles.ns_refresh_button, children: [_jsx("img", { src: "/assets/images/refresh-vector.png", alt: "Refresh Table Contnet", width: 15, height: 16 }), "Refresh"] })] })] }));
18
+ return (_jsxs("div", { className: Styles.ns_project_list_container, children: [_jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key)) }) }), _jsx("tbody", { className: Styles.ns_tbody, children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { "data-label": this.state.columns[column], children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) })] }), _jsxs("div", { className: Styles.ns_button_group_desktop, children: [_jsxs("button", { onClick: () => window.print(), className: Styles.ns_export_button, children: [_jsx("img", { src: "/assets/images/export-vector.png", alt: "Export Table Data", width: 13, height: 16 }), "Export"] }), _jsxs("button", { onClick: () => window.location.reload(), className: Styles.ns_refresh_button, children: [_jsx("img", { src: "/assets/images/refresh-vector.png", alt: "Refresh Table Contnet", width: 15, height: 16 }), "Refresh"] })] })] }));
19
19
  }
20
20
  }
21
21
  //# sourceMappingURL=NSTable.js.map
package/dist/components/NSTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,iBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC7B,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,uBACK,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,aAAqB,KAAK,EAAC,KAAK,YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAvD,UAAU,CAAmD,CAAC,GACrG,GACD,EACR,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAEzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAClC,uBAEQ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACrC,6BAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,cACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,IACtD,CACR,CAAC,IAND,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAQvC,CAAC,GAET,IACL,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC1C,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,aAAE,cAAK,GAAG,EAAC,kCAAkC,EAAC,GAAG,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,cAAe,EACvL,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,aAAE,cAAK,GAAG,EAAC,mCAAmC,EAAC,GAAG,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,eAAgB,IACtM,IACH,CACV,CAAA;IACL,CAAC;CACJ"}
1
+ {"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAAuD;IAEzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,iBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC7B,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,uBACK,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,aAAqB,KAAK,EAAC,KAAK,YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAvD,UAAU,CAAmD,CAAC,GACrG,GACD,EACR,gBAAO,SAAS,EAAE,MAAM,CAAC,QAAQ,YAEzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAClC,uBAEQ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACrC,6BAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,kBAAc,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,YAC9F,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,IACtD,CACR,CAAC,IAND,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAQvC,CAAC,GAET,IACL,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC1C,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,aAAE,cAAK,GAAG,EAAC,kCAAkC,EAAC,GAAG,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,cAAe,EACvL,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,aAAE,cAAK,GAAG,EAAC,mCAAmC,EAAC,GAAG,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,eAAgB,IACtM,IACH,CACV,CAAA;IACL,CAAC;CACJ"}
package/dist/components/NSTable.module.css CHANGED
@@ -1,113 +1,105 @@
1
- .ns_thead th {
2
- background-color: rgba(20, 27, 92, 1);
3
- font-size: 16px;
4
- font-weight: 300;
5
- padding: 16px;
6
- color: white;
7
- font-size: 16px;
8
- }
1
+ .ns_project_list_container {}
9
2
 
10
- .ns_tbody td {
11
- background-color: rgb(173, 178, 206);
3
+ .ns_table {
4
+ display: flex;
5
+ flex-direction: column;
6
+ padding: 0;
12
7
  color: rgba(20, 27, 92, 1);
13
- padding: 8px 16px;
14
- font-size: 10px;
15
- font-size: 16px;
16
- border-bottom: 1px solid rgba(0, 0, 0, 0.4);
17
8
 
18
9
  }
19
10
 
20
- .ns_table {
21
- width: 100%;
22
- }
23
-
24
- .ns_project_list_container {
25
- text-align: left;
26
- border-top-left-radius: 8px;
27
- border-top-right-radius: 8px;
28
- }
11
+ .ns_table thead {
12
+ clip: rect(0 0 0 0);
13
+ position: fixed;
29
14
 
30
- .ns_button_group_desktop {
31
- display: flex;
32
- flex-direction: row;
33
- justify-content: end;
34
- gap: 48px;
35
- padding: 24px 0;
36
15
  }
37
16
 
38
- .ns_button_group_desktop button {
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- font-size: 16px;
17
+ .ns_table tr {
43
18
  border-radius: 8px;
44
- width: 128px;
45
- height: 48px;
46
- gap: 10px;
47
- text-decoration: none;
48
- color: black;
49
- background-color: transparent;
19
+ padding: 16px;
20
+ margin: 10px;
21
+ display: block;
22
+ background-color: rgba(20, 27, 92, 0.3);
50
23
  }
51
24
 
52
- .ns_export_button {
53
- border: 1px solid rgba(255, 148, 50, 1);
25
+ .ns_table td {
26
+
27
+ display: block;
28
+ padding: 8px 0;
29
+ font-size: .8em;
30
+ text-align: right;
54
31
  }
55
32
 
56
- .ns_refresh_button {
57
- border: 1px solid rgba(3, 119, 255, 1);
33
+ .ns_table td::before {
34
+ content: attr(data-label);
35
+ float: left;
36
+ font-weight: bold;
37
+ text-transform: uppercase;
38
+
58
39
  }
59
40
 
60
- @media only screen and (max-width:600px) {
61
- .ns_project_list_container {
62
- overflow: auto;
41
+ @media screen and (min-width: 600px) {
42
+ .ns_table {
43
+ color: #000000;
44
+
63
45
  }
64
- }
65
46
 
66
- /* table-satus */
67
- .ns_inqueue_status {
68
- color: white;
69
- background-color: rgba(255, 148, 50, 1);
70
- font-size: 12px;
71
- width: 96px;
72
- height: 24px;
73
- border-radius: 24px;
74
- border: none;
75
- text-align: center;
76
- padding-top: 2px;
77
- }
47
+ .ns_table thead {
48
+ position: static;
49
+ background-color: rgba(20, 27, 92, 1);
50
+ border-top-left-radius: 8px;
51
+ border-top-right-radius: 8px;
52
+ }
78
53
 
79
- .ns_reserving_status {
80
- color: white;
81
- background-color: rgba(255, 79, 79, 1);
82
- font-size: 12px;
83
- width: 96px;
84
- height: 24px;
85
- border-radius: 24px;
86
- border: none;
87
- text-align: center;
88
- padding-top: 2px;
89
- }
54
+ .ns_table tbody {
55
+ background-color: rgba(20, 27, 92, 0.3);
90
56
 
91
- .ns_done-status {
92
- color: white;
93
- background-color: rgba(6, 209, 130, 1);
94
- font-size: 12px;
95
- width: 96px;
96
- height: 24px;
97
- border-radius: 24px;
98
- border: none;
99
- text-align: center;
100
- padding-top: 2px;
101
- }
57
+ }
58
+
59
+ .ns_table tr {
60
+ display: grid;
61
+ grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
62
+ padding: 12px 16px;
63
+ margin: 0;
64
+ border-radius: 0;
65
+ border-bottom: 1px solid rgba(20, 27, 92, 0.3);
66
+ background-color: transparent;
67
+ }
68
+
69
+ .ns_table td {
70
+ text-align: left;
71
+ display: flex;
72
+ align-items: start;
73
+ padding: 0;
74
+ margin: 0;
75
+ }
102
76
 
103
- .ns_inprogress_status {
104
- color: white;
105
- background-color: rgba(230, 208, 19, 1);
106
- font-size: 12px;
107
- width: 96px;
108
- height: 24px;
109
- border-radius: 24px;
110
- border: none;
111
- text-align: center;
112
- padding-top: 2px;
77
+ .ns_table th {
78
+ font-size: 16px;
79
+ font-weight: 300;
80
+ color: #ffffff;
81
+ margin: 0;
82
+ padding: 0;
83
+ }
84
+
85
+ .ns_table td::before {
86
+ content: attr(none);
87
+ float: left;
88
+ font-weight: bold;
89
+ text-transform: uppercase;
90
+ }
91
+
92
+ @media screen and (min-width: 990px) {
93
+ .ns_table {
94
+ padding: 0 48px;
95
+ }
96
+
97
+ .ns_table thead {
98
+ font-size: 24px;
99
+ }
100
+
101
+ .ns_table tr {
102
+ font-size: 24px;
103
+ }
104
+ }
113
105
  }
package/package.json CHANGED
@@ -8,8 +8,8 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.39",
12
- "author": "Amir Abolhasani",
11
+ "version": "1.3.40",
12
+ "author": "Amir Abolhasani, Alireza Esmaeeli, Hooman Shashaeh",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
15
15
  "types": "./dist/main.d.ts",
package/src/App.tsx CHANGED
@@ -12,4 +12,4 @@ export function App()
12
12
  </NSLayoutTitle>
13
13
  </div>
14
14
  );
15
- }
15
+ }
package/src/components/NSInputEmail.tsx CHANGED
@@ -69,21 +69,21 @@ export class NSInputEmail extends React.Component<NSInputEmailProps, NSInputEmai
69
69
  placeholder="Sample@gmail.com"
70
70
  />
71
71
  </div>
72
-
73
- {this.state.error === true ? (
74
- <>
75
- <div className="d-flex justify-content-start align-items-center gap-2 ms-2 ">
76
- <img
77
- className={""}
78
- src={Danger}
79
- alt="icon"
80
- width={13}
81
- height={13}
82
- />
83
- <span className={Styles.ns_input_error}>Enter a valid email. </span>
84
- </div>
85
- </>) : null}
86
-
72
+ {
73
+ this.state.error === true ? (
74
+ <>
75
+ <div className="d-flex justify-content-start align-items-center gap-2 ms-2 ">
76
+ <img
77
+ className={""}
78
+ src={Danger}
79
+ alt="icon"
80
+ width={13}
81
+ height={13}
82
+ />
83
+ <span className={Styles.ns_input_error}>Enter a valid email.</span>
84
+ </div>
85
+ </>) : null
86
+ }
87
87
  </>
88
88
  );
89
89
  }
package/src/components/NSSection.module.css CHANGED
@@ -2,4 +2,10 @@
2
2
  background-repeat: no-repeat;
3
3
  background-size: cover;
4
4
  background-position: center;
5
+ }
6
+
7
+ .ns_section_center {
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
5
11
  }
package/src/components/NSSection.tsx CHANGED
@@ -8,6 +8,7 @@ export interface NSSectionProps
8
8
  {
9
9
  children: ReactNode;
10
10
  background?: BackgroundType;
11
+ center_items?: boolean;
11
12
  }
12
13
 
13
14
  export interface NSSectionState
@@ -15,7 +16,8 @@ export interface NSSectionState
15
16
  background?: BackgroundType;
16
17
  }
17
18
 
18
- export class NSSection extends Component<NSSectionProps, NSSectionState> {
19
+ export class NSSection extends Component<NSSectionProps, NSSectionState>
20
+ {
19
21
  constructor(props: NSSectionProps)
20
22
  {
21
23
  super(props);
@@ -29,6 +31,9 @@ export class NSSection extends Component<NSSectionProps, NSSectionState> {
29
31
  }
30
32
  override render()
31
33
  {
34
+ let styles = [Styles.ns_section];
35
+ if (this.props.center_items)
36
+ styles.push(Styles.ns_section_center);
32
37
  return (
33
38
  <section style=
34
39
  {{
@@ -36,7 +41,7 @@ export class NSSection extends Component<NSSectionProps, NSSectionState> {
36
41
  backgroundColor: this.state.background?.color,
37
42
  backgroundPosition: this.state.background?.position
38
43
  }}
39
- className={Styles.ns_section} >
44
+ className={styles.join(" ")} >
40
45
  {this.props.children}
41
46
  </section>
42
47
  );
package/src/components/NSSpace.tsx CHANGED
@@ -26,7 +26,8 @@ export interface NSSpaceState
26
26
  size: NSSpaceSizeType;
27
27
  }
28
28
 
29
- export class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
29
+ export class NSSpace extends React.Component<NSSpaceProps, NSSpaceState>
30
+ {
30
31
  constructor(props: NSSpaceProps)
31
32
  {
32
33
  super(props);
package/src/components/NSTable.module.css CHANGED
@@ -1,113 +1,105 @@
1
- .ns_thead th {
2
- background-color: rgba(20, 27, 92, 1);
3
- font-size: 16px;
4
- font-weight: 300;
5
- padding: 16px;
6
- color: white;
7
- font-size: 16px;
8
- }
1
+ .ns_project_list_container {}
9
2
 
10
- .ns_tbody td {
11
- background-color: rgb(173, 178, 206);
3
+ .ns_table {
4
+ display: flex;
5
+ flex-direction: column;
6
+ padding: 0;
12
7
  color: rgba(20, 27, 92, 1);
13
- padding: 8px 16px;
14
- font-size: 10px;
15
- font-size: 16px;
16
- border-bottom: 1px solid rgba(0, 0, 0, 0.4);
17
8
 
18
9
  }
19
10
 
20
- .ns_table {
21
- width: 100%;
22
- }
23
-
24
- .ns_project_list_container {
25
- text-align: left;
26
- border-top-left-radius: 8px;
27
- border-top-right-radius: 8px;
28
- }
11
+ .ns_table thead {
12
+ clip: rect(0 0 0 0);
13
+ position: fixed;
29
14
 
30
- .ns_button_group_desktop {
31
- display: flex;
32
- flex-direction: row;
33
- justify-content: end;
34
- gap: 48px;
35
- padding: 24px 0;
36
15
  }
37
16
 
38
- .ns_button_group_desktop button {
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- font-size: 16px;
17
+ .ns_table tr {
43
18
  border-radius: 8px;
44
- width: 128px;
45
- height: 48px;
46
- gap: 10px;
47
- text-decoration: none;
48
- color: black;
49
- background-color: transparent;
19
+ padding: 16px;
20
+ margin: 10px;
21
+ display: block;
22
+ background-color: rgba(20, 27, 92, 0.3);
50
23
  }
51
24
 
52
- .ns_export_button {
53
- border: 1px solid rgba(255, 148, 50, 1);
25
+ .ns_table td {
26
+
27
+ display: block;
28
+ padding: 8px 0;
29
+ font-size: .8em;
30
+ text-align: right;
54
31
  }
55
32
 
56
- .ns_refresh_button {
57
- border: 1px solid rgba(3, 119, 255, 1);
33
+ .ns_table td::before {
34
+ content: attr(data-label);
35
+ float: left;
36
+ font-weight: bold;
37
+ text-transform: uppercase;
38
+
58
39
  }
59
40
 
60
- @media only screen and (max-width:600px) {
61
- .ns_project_list_container {
62
- overflow: auto;
41
+ @media screen and (min-width: 600px) {
42
+ .ns_table {
43
+ color: #000000;
44
+
63
45
  }
64
- }
65
46
 
66
- /* table-satus */
67
- .ns_inqueue_status {
68
- color: white;
69
- background-color: rgba(255, 148, 50, 1);
70
- font-size: 12px;
71
- width: 96px;
72
- height: 24px;
73
- border-radius: 24px;
74
- border: none;
75
- text-align: center;
76
- padding-top: 2px;
77
- }
47
+ .ns_table thead {
48
+ position: static;
49
+ background-color: rgba(20, 27, 92, 1);
50
+ border-top-left-radius: 8px;
51
+ border-top-right-radius: 8px;
52
+ }
78
53
 
79
- .ns_reserving_status {
80
- color: white;
81
- background-color: rgba(255, 79, 79, 1);
82
- font-size: 12px;
83
- width: 96px;
84
- height: 24px;
85
- border-radius: 24px;
86
- border: none;
87
- text-align: center;
88
- padding-top: 2px;
89
- }
54
+ .ns_table tbody {
55
+ background-color: rgba(20, 27, 92, 0.3);
90
56
 
91
- .ns_done-status {
92
- color: white;
93
- background-color: rgba(6, 209, 130, 1);
94
- font-size: 12px;
95
- width: 96px;
96
- height: 24px;
97
- border-radius: 24px;
98
- border: none;
99
- text-align: center;
100
- padding-top: 2px;
101
- }
57
+ }
58
+
59
+ .ns_table tr {
60
+ display: grid;
61
+ grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
62
+ padding: 12px 16px;
63
+ margin: 0;
64
+ border-radius: 0;
65
+ border-bottom: 1px solid rgba(20, 27, 92, 0.3);
66
+ background-color: transparent;
67
+ }
68
+
69
+ .ns_table td {
70
+ text-align: left;
71
+ display: flex;
72
+ align-items: start;
73
+ padding: 0;
74
+ margin: 0;
75
+ }
102
76
 
103
- .ns_inprogress_status {
104
- color: white;
105
- background-color: rgba(230, 208, 19, 1);
106
- font-size: 12px;
107
- width: 96px;
108
- height: 24px;
109
- border-radius: 24px;
110
- border: none;
111
- text-align: center;
112
- padding-top: 2px;
77
+ .ns_table th {
78
+ font-size: 16px;
79
+ font-weight: 300;
80
+ color: #ffffff;
81
+ margin: 0;
82
+ padding: 0;
83
+ }
84
+
85
+ .ns_table td::before {
86
+ content: attr(none);
87
+ float: left;
88
+ font-weight: bold;
89
+ text-transform: uppercase;
90
+ }
91
+
92
+ @media screen and (min-width: 990px) {
93
+ .ns_table {
94
+ padding: 0 48px;
95
+ }
96
+
97
+ .ns_table thead {
98
+ font-size: 24px;
99
+ }
100
+
101
+ .ns_table tr {
102
+ font-size: 24px;
103
+ }
104
+ }
113
105
  }
package/src/components/NSTable.tsx CHANGED
@@ -50,7 +50,7 @@ export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableSt
50
50
  <tr key={this.props.getRowKey(row, rowIndex)}>
51
51
  {
52
52
  column_keys.map((column, columnIndex) => (
53
- <td {...this.props.getColumnAttributes(column, columnIndex)}>
53
+ <td {...this.props.getColumnAttributes(column, columnIndex)} data-label={this.state.columns[column]}>
54
54
  {this.props.getCell(row, column, rowIndex, columnIndex)}
55
55
  </td>
56
56
  ))