namirasoft-site-react 1.4.172 → 1.4.173

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 (5) hide show
  1. package/dist/components/NSTabPage.d.ts +1 -1
  2. package/dist/components/NSTabPage.js +5 -5
  3. package/dist/components/NSTabPage.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/NSTabPage.tsx +21 -15
package/dist/components/NSTabPage.d.ts CHANGED
@@ -7,7 +7,7 @@ export interface NSTabPageTab extends IBaseComponentProps {
7
7
  }
8
8
  export interface NSTabPageProps extends IBaseComponentProps {
9
9
  tabs: NSTabPageTab[];
10
- tabsStyle?: React.CSSProperties;
10
+ container?: IBaseComponentProps;
11
11
  activeTabIndex?: number;
12
12
  }
13
13
  export interface NSTabPageState {
package/dist/components/NSTabPage.js CHANGED
@@ -18,15 +18,15 @@ export class NSTabPage extends Component {
18
18
  this.setState({ isClicked }, callback);
19
19
  }
20
20
  render() {
21
- var _a, _b;
21
+ var _a, _b, _c, _d, _e, _f, _g;
22
22
  return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_tab_page_panel} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, children: [_jsx("ul", { className: Styles.ns_tab_page_titles_container, children: this.props.tabs.map((tab, index) => (_jsx("li", { className: `${Styles.ns_tab_page_title} ${this.state.activeTabIndex === index ? Styles.ns_tab_page_title_active : ''}`, onClick: () => {
23
23
  let isClicked = this.state.isClicked;
24
24
  isClicked[index] = true;
25
25
  this.setState({ activeTabIndex: index, isClicked });
26
- }, children: tab.title }, `NSTabPage_li_key_${index}`))) }), this.props.tabs.map((tab, index) => {
27
- var _a, _b;
28
- return (_jsx("div", { id: tab.id, className: `${Styles.ns_tab_content_column} ${(_b = (_a = tab.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign(Object.assign(Object.assign({}, this.props.tabsStyle), tab.style), { display: index === this.state.activeTabIndex ? "flex" : "none" }), children: this.state.isClicked[index] ? tab.getContent() : _jsx(_Fragment, {}) }, `NSTabPage_div_key_${this.props.name}_${index}`));
29
- })] }));
26
+ }, children: tab.title }, `NSTabPage_li_key_${index}`))) }), _jsx("div", { id: (_c = this.props.container) === null || _c === void 0 ? void 0 : _c.id, className: (_f = (_e = (_d = this.props.container) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : "", style: Object.assign({}, (_g = this.props.container) === null || _g === void 0 ? void 0 : _g.style), children: this.props.tabs.map((tab, index) => {
27
+ var _a, _b;
28
+ return (_jsx("div", { id: tab.id, className: `${Styles.ns_tab_content_column} ${(_b = (_a = tab.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign(Object.assign({}, tab.style), { display: index === this.state.activeTabIndex ? "flex" : "none" }), children: this.state.isClicked[index] ? tab.getContent() : _jsx(_Fragment, {}) }, `NSTabPage_div_key_${this.props.name}_${index}`));
29
+ }) })] }));
30
30
  }
31
31
  }
32
32
  //# sourceMappingURL=NSTabPage.js.map
package/dist/components/NSTabPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.4.172",
11
+ "version": "1.4.173",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSTabPage.tsx CHANGED
@@ -13,7 +13,7 @@ export interface NSTabPageTab extends IBaseComponentProps
13
13
  export interface NSTabPageProps extends IBaseComponentProps
14
14
  {
15
15
  tabs: NSTabPageTab[]
16
- tabsStyle?: React.CSSProperties
16
+ container?: IBaseComponentProps
17
17
  activeTabIndex?: number;
18
18
  }
19
19
 
@@ -65,20 +65,26 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
65
65
  ))
66
66
  }
67
67
  </ul>
68
- {
69
- this.props.tabs.map((tab, index) => (
70
- <div
71
- id={tab.id}
72
- key={`NSTabPage_div_key_${this.props.name}_${index}`}
73
- className={`${Styles.ns_tab_content_column} ${tab.classList?.join(" ") ?? ""}`}
74
- style={{ ...this.props.tabsStyle, ...tab.style, display: index === this.state.activeTabIndex ? "flex" : "none" }}
75
- >
76
- {
77
- this.state.isClicked[index] ? tab.getContent() : <></>
78
- }
79
- </div>
80
- ))
81
- }
68
+ <div
69
+ id={this.props.container?.id}
70
+ className={this.props.container?.classList?.join(" ") ?? ""}
71
+ style={{ ...this.props.container?.style }}
72
+ >
73
+ {
74
+ this.props.tabs.map((tab, index) => (
75
+ <div
76
+ id={tab.id}
77
+ key={`NSTabPage_div_key_${this.props.name}_${index}`}
78
+ className={`${Styles.ns_tab_content_column} ${tab.classList?.join(" ") ?? ""}`}
79
+ style={{ ...tab.style, display: index === this.state.activeTabIndex ? "flex" : "none" }}
80
+ >
81
+ {
82
+ this.state.isClicked[index] ? tab.getContent() : <></>
83
+ }
84
+ </div>
85
+ ))
86
+ }
87
+ </div>
82
88
  </div>
83
89
  );
84
90
  }