namirasoft-site-react 1.2.22 → 1.2.24

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/App.js CHANGED
@@ -41,6 +41,6 @@ export function App() {
41
41
  desc: 'Test4',
42
42
  },
43
43
  ];
44
- return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
44
+ return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'Test', name: 'Header', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] })), _jsx(NSFooter, { scope: 'Test', name: 'Footer', logo: '' })] })));
45
45
  }
46
46
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
@@ -20,21 +20,21 @@ export class NSFooter extends React.Component {
20
20
  });
21
21
  }
22
22
  hasChild(id) {
23
- return this.state.filters.filter(f => f.parent_id == id).length > 0;
23
+ return this.state.filters.filter(f => f.parent_id === id).length > 0;
24
24
  }
25
25
  render() {
26
26
  return (_jsx("div", Object.assign({ className: Styles.ns_footer }, { children: _jsxs("div", Object.assign({ className: "container" }, { children: [_jsxs("div", Object.assign({ className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}` }, { children: [_jsx("div", Object.assign({ className: "d-none d-md-block" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }) })), _jsx("div", Object.assign({ className: "d-flex flex-wrap w-100 gap-5" }, { children: this.render_menu(0, null) })), _jsx("div", Object.assign({ className: "justify-content-end d-none d-md-flex" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) }) }))] })), _jsxs("div", Object.assign({ className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none" }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) })] })), _jsx("div", Object.assign({ className: `row ${Styles.ns_footer_copyright}` }, { children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." }))] })) })));
27
27
  }
28
28
  render_menu(level, parent_id) {
29
29
  var _a;
30
- let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id == parent_id);
30
+ let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
31
31
  return (_jsx(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
32
32
  }
33
33
  render_menuItem(level, filter) {
34
34
  if (this.hasChild(filter.id)) {
35
35
  return (_jsx(_Fragment, { children: _jsxs("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: [filter.name, this.render_menu(1, filter.id)] })) }));
36
36
  }
37
- else if (level == 0) {
37
+ else if (level === 0) {
38
38
  return (_jsx(_Fragment, { children: _jsx("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: filter.name })) }));
39
39
  }
40
40
  else {
@@ -1 +1 @@
1
- {"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
@@ -1,19 +1,15 @@
1
+ import './SOPPagination.modules.css';
1
2
  import { Component } from 'react';
2
3
  interface IProps {
3
- title: string;
4
- pages: number;
5
- href: string;
4
+ size: number;
5
+ page: number;
6
6
  }
7
7
  interface IState {
8
- title: string;
9
- pages: number;
10
- href: string;
8
+ size: number;
9
+ page: number;
11
10
  }
12
- export declare class NSPagination extends Component<IProps, IState> {
11
+ export default class NSPagination extends Component<IState, IProps> {
13
12
  constructor(props: IProps);
14
- setTitle(title: string): void;
15
- setPages(pages: number): void;
16
- setHref(href: string): void;
17
13
  render(): import("react/jsx-runtime").JSX.Element;
18
14
  }
19
15
  export {};
@@ -1,22 +1,35 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import Style from './NSPagination.module.css';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import './SOPPagination.modules.css';
3
3
  import { Component } from 'react';
4
- export class NSPagination extends Component {
4
+ export default class NSPagination extends Component {
5
5
  constructor(props) {
6
6
  super(props);
7
- this.state = { title: props.title, pages: props.pages, href: props.href };
8
- }
9
- setTitle(title) {
10
- this.setState({ title });
11
- }
12
- setPages(pages) {
13
- this.setState({ pages });
14
- }
15
- setHref(href) {
16
- this.setState({ href });
7
+ this.state = { size: props.size, page: props.page };
17
8
  }
18
9
  render() {
19
- return (_jsxs("div", Object.assign({ className: Style.ns_pagination_container }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: this.props.href }, { children: _jsx("img", { src: '/assets/images/left_vector.png', alt: 'left_vector' }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "1" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "4" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "5" })) }), _jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "6" })) })), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "7" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "8" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "50" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: this.props.href }, { children: _jsx("img", { src: '/assets/images/right_vector.png', alt: 'right_vector' }) })) })] })));
10
+ let page = this.props.page;
11
+ let size = this.props.size;
12
+ let window = 2;
13
+ let min = Math.max(2, page - window);
14
+ let max = Math.min(page + window, size - 1);
15
+ let arr = [];
16
+ let pushPage = (index) => {
17
+ if (index == page)
18
+ arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) })));
19
+ else
20
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
21
+ };
22
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }) })) }));
23
+ pushPage(1);
24
+ if (page > window * 2)
25
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
26
+ for (let i = min; i <= max; i++)
27
+ pushPage(i);
28
+ if (page <= size - window * 2)
29
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
30
+ pushPage(size);
31
+ arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }) })) }));
32
+ return (_jsx("div", Object.assign({ className: "container" }, { children: arr.map(x => (x)) })));
20
33
  }
21
34
  }
22
35
  //# sourceMappingURL=NSPagination.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,MAAM,OAAO,YAAa,SAAQ,SAAyB;IAEvD,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IAC7E,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,uBAAuB,iBACzC,wBAAK,0BAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAE,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,EAC3G,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,EAC1E,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,IAAM,EAClG,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,EAC1E,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,wBAAO,GAAM,EACzE,wBAAK,0BAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAE,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,KAC3G,CACT,CAAA;IACL,CAAC;CACJ"}
1
+ {"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAyB;IAE/D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IACQ,MAAM;QAEX,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;QACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE7B,IAAI,KAAK,IAAI,IAAI;gBACb,GAAG,CAAC,IAAI,CAAC,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,IAAM,CAAC,CAAC;;gBAEnH,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,GAAM,CAAC,CAAC;QACjG,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,CAAC,CAAC;QACxG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,CAAC,CAAC;QAE1G,OAAO,CACH,4BAAK,SAAS,EAAC,WAAW,gBACrB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAChB,CACT,CAAC;IACN,CAAC;CACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "namirasoft-site-react",
3
- "version": "1.2.22",
3
+ "version": "1.2.24",
4
4
  "main": "./dist/main.js",
5
5
  "types": "./dist/main.d.ts",
6
6
  "dependencies": {
package/src/App.tsx CHANGED
@@ -46,7 +46,7 @@ export function App()
46
46
 
47
47
  return (
48
48
  <div className="App">
49
- <NSHeader scope='test' name='test' logo='' />
49
+ <NSHeader scope='Test' name='Header' logo='' />
50
50
  <div className='my-4 container'>
51
51
  <NSInputText title='Text' />
52
52
  <NSInputInteger title='Integer' />
@@ -64,7 +64,7 @@ export function App()
64
64
  <NSButtonGreen title='Save' onClick={() => { }} />
65
65
  <NSButtonRed title='Delete' onClick={() => { }} />
66
66
  </div>
67
- <NSFooter scope='test' name='test' logo='' />
67
+ <NSFooter scope='Test' name='Footer' logo='' />
68
68
  </div>
69
69
  );
70
70
  }
@@ -38,7 +38,7 @@ export class NSFooter extends React.Component<IProps, IState>
38
38
  }
39
39
  private hasChild(id: number): boolean
40
40
  {
41
- return this.state.filters.filter(f => f.parent_id == id).length > 0;
41
+ return this.state.filters.filter(f => f.parent_id === id).length > 0;
42
42
  }
43
43
  override render()
44
44
  {
@@ -83,7 +83,7 @@ export class NSFooter extends React.Component<IProps, IState>
83
83
  }
84
84
  private render_menu(level: number, parent_id: number | null)
85
85
  {
86
- let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id == parent_id);
86
+ let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
87
87
  return (
88
88
  <>
89
89
  {(fs?.map(f => this.render_menuItem(level, f)))}
@@ -103,7 +103,7 @@ export class NSFooter extends React.Component<IProps, IState>
103
103
  </>
104
104
  );
105
105
  }
106
- else if (level == 0)
106
+ else if (level === 0)
107
107
  {
108
108
  return (<>
109
109
  <ul
@@ -1,55 +1,53 @@
1
- import Style from './NSPagination.module.css';
1
+ import './SOPPagination.modules.css';
2
2
  import { Component } from 'react';
3
3
 
4
4
  interface IProps
5
5
  {
6
- title: string;
7
- pages: number;
8
- href: string;
6
+ size: number;
7
+ page: number;
9
8
  }
10
9
  interface IState
11
10
  {
12
- title: string;
13
- pages: number;
14
- href: string;
11
+ size: number;
12
+ page: number;
15
13
  }
16
-
17
- export class NSPagination extends Component<IProps, IState>
14
+ export default class NSPagination extends Component<IState, IProps>
18
15
  {
19
16
  constructor(props: IProps)
20
17
  {
21
18
  super(props);
22
- this.state = { title: props.title, pages: props.pages, href: props.href }
23
- }
24
- setTitle(title: string)
25
- {
26
- this.setState({ title });
27
- }
28
- setPages(pages: number)
29
- {
30
- this.setState({ pages });
19
+ this.state = { size: props.size, page: props.page }
31
20
  }
32
- setHref(href: string)
33
- {
34
- this.setState({ href });
35
- }
36
-
37
21
  override render()
38
22
  {
23
+ let page = this.props.page;
24
+ let size = this.props.size;
25
+ let window = 2;
26
+ let min = Math.max(2, page - window);
27
+ let max = Math.min(page + window, size - 1);
28
+ let arr = [];
29
+ let pushPage = (index: number) =>
30
+ {
31
+ if (index == page)
32
+ arr.push(<div className='center_number'><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
33
+ else
34
+ arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
35
+ };
36
+ arr.push(<div><a href='#'><img src='/assets/images/left-vector.png' alt='left_vector'></img></a></div>);
37
+ pushPage(1);
38
+ if (page > window * 2)
39
+ arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
40
+ for (let i = min; i <= max; i++)
41
+ pushPage(i);
42
+ if (page <= size - window * 2)
43
+ arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
44
+ pushPage(size);
45
+ arr.push(<div><a href='#'><img src='/assets/images/right-vector.png' alt='right_vector'></img></a></div>);
46
+
39
47
  return (
40
- <div className={Style.ns_pagination_container}>
41
- <div><a href={this.props.href}><img src='/assets/images/left_vector.png' alt='left_vector'></img></a></div>
42
- <div><a href='#' className='text-decoration-none text-light'>1</a></div>
43
- <div><a href='#' className='text-decoration-none text-light'>...</a></div>
44
- <div><a href='#' className='text-decoration-none text-light'>4</a></div>
45
- <div><a href='#' className='text-decoration-none text-light'>5</a></div>
46
- <div className='center_number'><a href='#' className='text-decoration-none text-light'>6</a></div>
47
- <div><a href='#' className='text-decoration-none text-light'>7</a></div>
48
- <div><a href='#' className='text-decoration-none text-light'>8</a></div>
49
- <div><a href='#' className='text-decoration-none text-light'>...</a></div>
50
- <div><a href='#' className='text-decoration-none text-light'>50</a></div>
51
- <div><a href={this.props.href}><img src='/assets/images/right_vector.png' alt='right_vector'></img></a></div>
48
+ <div className="container">
49
+ {arr.map(x => (x))}
52
50
  </div>
53
- )
51
+ );
54
52
  }
55
- }
53
+ }
package/src/index.css CHANGED
@@ -3,5 +3,4 @@ body {
3
3
  -webkit-font-smoothing: antialiased;
4
4
  -moz-osx-font-smoothing: grayscale;
5
5
  background-color: #ccc !important;
6
- background-image: url(./assets/images/background.svg);
7
6
  }