namirasoft-site-react 1.4.451 → 1.4.454

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 (23) hide show
  1. package/dist/App.d.ts +5 -4
  2. package/dist/App.js +22 -9
  3. package/dist/App.js.map +1 -1
  4. package/dist/components/NSButton.d.ts +4 -4
  5. package/dist/components/NSDialogBox.d.ts +12 -0
  6. package/dist/components/NSDialogBox.js +18 -0
  7. package/dist/components/NSDialogBox.js.map +1 -0
  8. package/dist/components/NSDialogBoxDate.d.ts +10 -0
  9. package/dist/components/NSDialogBoxDate.js +14 -0
  10. package/dist/components/NSDialogBoxDate.js.map +1 -0
  11. package/dist/components/NSDialogBoxDateTime.d.ts +10 -0
  12. package/dist/components/NSDialogBoxDateTime.js +14 -0
  13. package/dist/components/NSDialogBoxDateTime.js.map +1 -0
  14. package/dist/main.d.ts +3 -0
  15. package/dist/main.js +3 -0
  16. package/dist/main.js.map +1 -1
  17. package/package.json +2 -2
  18. package/src/App.tsx +72 -57
  19. package/src/components/NSButton.tsx +4 -4
  20. package/src/components/NSDialogBox.tsx +39 -0
  21. package/src/components/NSDialogBoxDate.tsx +28 -0
  22. package/src/components/NSDialogBoxDateTime.tsx +28 -0
  23. package/src/main.ts +5 -0
package/dist/App.d.ts CHANGED
@@ -1,14 +1,15 @@
1
+ import { Component } from 'react';
1
2
  import 'bootstrap/dist/css/bootstrap.min.css';
2
- import { Component, ReactNode } from 'react';
3
3
  import './App.css';
4
4
  interface AppProps {
5
5
  }
6
6
  interface AppState {
7
- amount: number;
7
+ showDialog: boolean;
8
8
  }
9
9
  export declare class App extends Component<AppProps, AppState> {
10
10
  constructor(props: AppProps);
11
- componentDidUpdate(): void;
12
- render(): ReactNode;
11
+ componentDidMount(): void;
12
+ setDialog(visibility: boolean): void;
13
+ render(): import("react/jsx-runtime").JSX.Element;
13
14
  }
14
15
  export {};
package/dist/App.js CHANGED
@@ -1,17 +1,18 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import 'bootstrap/dist/css/bootstrap.min.css';
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
2
  import { Component } from 'react';
4
- import './App.css';
5
3
  import { NSLayout } from './components/NSLayout';
6
- import { NSGaugeDate, NSGaugeNumber, NSRow, NSSection } from './main';
4
+ import { NSButtonBlue, NSRow, NSSection } from './main';
5
+ import 'bootstrap/dist/css/bootstrap.min.css';
6
+ import './App.css';
7
+ import { NSDialogBoxDateTime } from "./components/NSDialogBoxDateTime";
7
8
  export class App extends Component {
8
9
  constructor(props) {
9
10
  super(props);
10
- this.state = { amount: 0 };
11
+ this.state = { showDialog: false };
11
12
  }
12
- componentDidUpdate() {
13
- const num = this.state.amount;
14
- console.log(num);
13
+ componentDidMount() { }
14
+ setDialog(visibility) {
15
+ this.setState(prev => (Object.assign(Object.assign({}, prev), { showDialog: visibility })));
15
16
  }
16
17
  render() {
17
18
  return (_jsx(NSLayout, { header: {
@@ -24,7 +25,19 @@ export class App extends Component {
24
25
  }
25
26
  ],
26
27
  }
27
- }, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', children: _jsx(NSSection, { style: { paddingTop: "3rem" }, children: _jsxs(NSRow, { style: { alignItems: "stretch" }, children: [_jsx(NSGaugeDate, { title: 'Date Gauge', from: new Date(Date.now() - 5 * 60000), to: new Date(Date.now() + 5 * 60000), colors: { low: "green", medium: "yellow", high: "red" }, noData: true }), _jsx(NSGaugeNumber, { title: 'Number Gauge', current: 13, total: 100, colors: { low: "green", medium: "yellow", high: "red" }, loading: true })] }) }) }));
28
+ }, isLoggedIn: () => true, logo: 'https://static.namirasoft.com/image/namirasoft/access/logo/base.png', background: { image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }, notifications: [], notifier: {}, scope: '', children: _jsx(NSSection, { style: { paddingTop: "3rem" }, children: _jsxs(NSRow, { children: [_jsx(NSButtonBlue, { title: "Click", onClick: {
29
+ showLoading: false,
30
+ action: () => this.setDialog(true),
31
+ } }), this.state.showDialog &&
32
+ _jsx(NSDialogBoxDateTime, { onClose: () => this.setDialog(false), closeButton: { show: true }, box: { title: "Date", required: true }, button: {
33
+ onClick: {
34
+ action: (_, box) => {
35
+ box === null || box === void 0 ? void 0 : box.setValue("2025-09-10");
36
+ },
37
+ showLoading: false
38
+ },
39
+ title: "Submit"
40
+ }, children: _jsx(_Fragment, {}) })] }) }) }));
28
41
  }
29
42
  }
30
43
  //# 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":";AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAQtE,MAAM,OAAO,GAAI,SAAQ,SAA6B;IAErD,YAAY,KAAe;QAE1B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAC5B,CAAC;IAEQ,kBAAkB;QAE1B,MAAM,GAAG,GAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACtC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IAEQ,MAAM;QAEd,OAAO,CACN,KAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,KAAK,EAAE;wBACN;4BACC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;4BACpB,GAAG,EAAE,qEAAqE;4BAC1E,KAAK,EAAE,CAAC;yBACR;qBACD;iBACD;aACD,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,qEAAqE,EAC1E,UAAU,EAAE,EAAE,KAAK,EAAE,2EAA2E,EAAE,EAClG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,YAER,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YACvC,MAAC,KAAK,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aACtC,KAAC,WAAW,IACX,KAAK,EAAC,YAAY,EAClB,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAM,CAAC,EACvC,EAAE,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,KAAM,CAAC,EACrC,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EACvD,MAAM,SACL,EACF,KAAC,aAAa,IACb,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EACvD,OAAO,SACN,IACK,GACG,GACF,CACX,CAAC;IACH,CAAC;CACD"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAQvE,MAAM,OAAO,GAAI,SAAQ,SAA6B;IAElD,YAAY,KAAe;QAEvB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;IACvC,CAAC;IAEQ,iBAAiB,KAAW,CAAC;IAEtC,SAAS,CAAC,UAAmB;QAEzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,iCAAM,IAAI,KAAE,UAAU,EAAE,UAAU,IAAG,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QAEX,OAAO,CACH,KAAC,QAAQ,IACL,MAAM,EAAE;gBACJ,KAAK,EAAE;oBACH,KAAK,EAAE;wBACH;4BACI,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC;4BACpB,GAAG,EAAE,qEAAqE;4BAC1E,KAAK,EAAE,CAAC;yBACX;qBACJ;iBACJ;aACJ,EACD,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EACtB,IAAI,EAAC,qEAAqE,EAC1E,UAAU,EAAE,EAAE,KAAK,EAAE,2EAA2E,EAAE,EAClG,aAAa,EAAE,EAAE,EACjB,QAAQ,EAAE,EAAS,EACnB,KAAK,EAAC,EAAE,YAER,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YACpC,MAAC,KAAK,eACF,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,OAAO,EAAE;gCACL,WAAW,EAAE,KAAK;gCAClB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;6BACrC,GACH,EAEE,IAAI,CAAC,KAAK,CAAC,UAAU;4BACrB,KAAC,mBAAmB,IAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EACpC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAC3B,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EACtC,MAAM,EAAE;oCACJ,OAAO,EAAE;wCACL,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;4CAEf,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;wCAChC,CAAC;wCACD,WAAW,EAAE,KAAK;qCACrB;oCACD,KAAK,EAAE,QAAQ;iCAClB,YAED,mBAAK,GACa,IAEtB,GACA,GACL,CACd,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSButton.d.ts CHANGED
@@ -2,14 +2,14 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
2
  import { IImageProps } from "../props/IImageProps";
3
3
  import React from "react";
4
4
  import { NSLoadingProps } from "./NSLoading";
5
- export interface NSButtonOnClickProps {
6
- action: (onFinshied: () => void) => void;
5
+ export interface NSButtonOnClickProps<ParameterType = any> {
6
+ action: (onFinshied: () => void, parameters?: ParameterType) => void;
7
7
  showLoading?: boolean;
8
8
  }
9
- export interface NSButtonProps extends IBaseComponentProps {
9
+ export interface NSButtonProps<ParameterType = any> extends IBaseComponentProps {
10
10
  title?: string;
11
11
  icon?: IImageProps;
12
- onClick: NSButtonOnClickProps;
12
+ onClick: NSButtonOnClickProps<ParameterType>;
13
13
  disabled?: boolean;
14
14
  loading?: NSLoadingProps;
15
15
  }
package/dist/components/NSDialogBox.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { Component, RefObject } from 'react';
2
+ import { NSButtonProps } from "./NSButton";
3
+ import { NSDialogProps } from "./NSDialog";
4
+ export interface INSDialogBoxBaseProps<ChildrenType> extends NSDialogProps {
5
+ button?: NSButtonProps<ChildrenType>;
6
+ }
7
+ export interface NSDialogBoxProps<ChildrenType> extends INSDialogBoxBaseProps<ChildrenType> {
8
+ children_ref: RefObject<ChildrenType>;
9
+ }
10
+ export declare class NSDialogBox<ChildrenType> extends Component<NSDialogBoxProps<ChildrenType>> {
11
+ render(): import("react/jsx-runtime").JSX.Element;
12
+ }
package/dist/components/NSDialogBox.js ADDED
@@ -0,0 +1,18 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Component } from 'react';
3
+ import { NSButtonBlue } from "./NSButtonBlue";
4
+ import { NSColumn } from "./NSColumn";
5
+ import { NSDialog } from "./NSDialog";
6
+ export class NSDialogBox extends Component {
7
+ render() {
8
+ var _a;
9
+ return (_jsx(NSDialog, Object.assign({}, this.props, { center_dialog: true, children: _jsxs(NSColumn, { style: { alignItems: "center" }, children: [this.props.children, _jsx(NSButtonBlue, Object.assign({}, this.props.button, { onClick: {
10
+ action: (onFinished) => {
11
+ var _a, _b;
12
+ (_a = this.props.button) === null || _a === void 0 ? void 0 : _a.onClick.action(onFinished, (_b = this.props.children_ref) === null || _b === void 0 ? void 0 : _b.current);
13
+ },
14
+ showLoading: (_a = this.props.button) === null || _a === void 0 ? void 0 : _a.onClick.showLoading
15
+ } }))] }) })));
16
+ }
17
+ }
18
+ //# sourceMappingURL=NSDialogBox.js.map
package/dist/components/NSDialogBox.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSDialogBox.js","sourceRoot":"","sources":["../../src/components/NSDialogBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAYrD,MAAM,OAAO,WAA0B,SAAQ,SAAyC;IAE3E,MAAM;;QAEX,OAAO,CACH,KAAC,QAAQ,oBAAK,IAAI,CAAC,KAAK,IAAE,aAAa,kBACnC,MAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,YAAY,oBACL,IAAI,CAAC,KAAK,CAAC,MAAM,IACrB,OAAO,EAAE;4BACL,MAAM,EAAE,CAAC,UAAU,EAAE,EAAE;;gCAEnB,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,YAAY,0CAAE,OAAuB,CAAC,CAAC;4BACpG,CAAC;4BACD,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,OAAO,CAAC,WAAW;yBACtD,IACH,IACK,IACJ,CACd,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSDialogBoxDate.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Component } from 'react';
2
+ import { INSDialogBoxBaseProps } from "./NSDialogBox";
3
+ import { NSBoxDate, NSBoxDateProps } from "./NSBoxDate";
4
+ export interface NSDialogBoxDateProps extends INSDialogBoxBaseProps<NSBoxDate> {
5
+ box: NSBoxDateProps;
6
+ }
7
+ export declare class NSDialogBoxDate extends Component<NSDialogBoxDateProps> {
8
+ private NSBoxDate_Ref;
9
+ render(): import("react/jsx-runtime").JSX.Element;
10
+ }
package/dist/components/NSDialogBoxDate.js ADDED
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Component, createRef } from 'react';
3
+ import { NSDialogBox } from "./NSDialogBox";
4
+ import { NSBoxDate } from "./NSBoxDate";
5
+ export class NSDialogBoxDate extends Component {
6
+ constructor() {
7
+ super(...arguments);
8
+ this.NSBoxDate_Ref = createRef();
9
+ }
10
+ render() {
11
+ return (_jsx(NSDialogBox, Object.assign({}, this.props, { children_ref: this.NSBoxDate_Ref, children: _jsx(NSBoxDate, Object.assign({ ref: this.NSBoxDate_Ref }, this.props.box)) })));
12
+ }
13
+ }
14
+ //# sourceMappingURL=NSDialogBoxDate.js.map
package/dist/components/NSDialogBoxDate.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSDialogBoxDate.js","sourceRoot":"","sources":["../../src/components/NSDialogBoxDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAOxD,MAAM,OAAO,eAAgB,SAAQ,SAA+B;IAApE;;QAEY,kBAAa,GAAG,SAAS,EAAa,CAAC;IAgBnD,CAAC;IAdY,MAAM;QAEX,OAAO,CACH,KAAC,WAAW,oBACJ,IAAI,CAAC,KAAK,IACd,YAAY,EAAE,IAAI,CAAC,aAAa,YAEhC,KAAC,SAAS,kBACN,GAAG,EAAE,IAAI,CAAC,aAAa,IACnB,IAAI,CAAC,KAAK,CAAC,GAAG,EACpB,IACQ,CACjB,CAAC;IACN,CAAC;CACJ"}
package/dist/components/NSDialogBoxDateTime.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Component } from 'react';
2
+ import { NSBoxDateTime, NSBoxDateTimeProps } from "./NSBoxDateTime";
3
+ import { INSDialogBoxBaseProps } from "./NSDialogBox";
4
+ export interface NSDialogBoxDateTimeProps extends INSDialogBoxBaseProps<NSBoxDateTime> {
5
+ box: NSBoxDateTimeProps;
6
+ }
7
+ export declare class NSDialogBoxDateTime extends Component<NSDialogBoxDateTimeProps> {
8
+ private NSBoxDateTime_Ref;
9
+ render(): import("react/jsx-runtime").JSX.Element;
10
+ }
package/dist/components/NSDialogBoxDateTime.js ADDED
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Component, createRef } from 'react';
3
+ import { NSBoxDateTime } from "./NSBoxDateTime";
4
+ import { NSDialogBox } from "./NSDialogBox";
5
+ export class NSDialogBoxDateTime extends Component {
6
+ constructor() {
7
+ super(...arguments);
8
+ this.NSBoxDateTime_Ref = createRef();
9
+ }
10
+ render() {
11
+ return (_jsx(NSDialogBox, Object.assign({}, this.props, { children_ref: this.NSBoxDateTime_Ref, children: _jsx(NSBoxDateTime, Object.assign({ ref: this.NSBoxDateTime_Ref }, this.props.box)) })));
12
+ }
13
+ }
14
+ //# sourceMappingURL=NSDialogBoxDateTime.js.map
package/dist/components/NSDialogBoxDateTime.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSDialogBoxDateTime.js","sourceRoot":"","sources":["../../src/components/NSDialogBoxDateTime.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAyB,WAAW,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,mBAAoB,SAAQ,SAAmC;IAA5E;;QAEY,sBAAiB,GAAG,SAAS,EAAiB,CAAC;IAgB3D,CAAC;IAdY,MAAM;QAEX,OAAO,CACH,KAAC,WAAW,oBACJ,IAAI,CAAC,KAAK,IACd,YAAY,EAAE,IAAI,CAAC,iBAAiB,YAEpC,KAAC,aAAa,kBACV,GAAG,EAAE,IAAI,CAAC,iBAAiB,IACvB,IAAI,CAAC,KAAK,CAAC,GAAG,EACpB,IACQ,CACjB,CAAC;IACN,CAAC;CACJ"}
package/dist/main.d.ts CHANGED
@@ -55,6 +55,9 @@ export * from "./components/NSDialogDelete";
55
55
  export * from "./components/NSDialogInfo";
56
56
  export * from "./components/NSDialogPageSelection";
57
57
  export * from "./components/NSInfo";
58
+ export * from "./components/NSDialogBox";
59
+ export * from "./components/NSDialogBoxDate";
60
+ export * from "./components/NSDialogBoxDateTime";
58
61
  export * from "./components/NSDownTimer";
59
62
  export * from "./components/NSTile";
60
63
  export * from "./components/NSFilterBox";
package/dist/main.js CHANGED
@@ -57,6 +57,9 @@ export * from "./components/NSDialogDelete";
57
57
  export * from "./components/NSDialogInfo";
58
58
  export * from "./components/NSDialogPageSelection";
59
59
  export * from "./components/NSInfo";
60
+ export * from "./components/NSDialogBox";
61
+ export * from "./components/NSDialogBoxDate";
62
+ export * from "./components/NSDialogBoxDateTime";
60
63
  export * from "./components/NSDownTimer";
61
64
  export * from "./components/NSTile";
62
65
  export * from "./components/NSFilterBox";
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"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.451",
11
+ "version": "1.4.454",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -23,7 +23,7 @@
23
23
  "dependencies": {
24
24
  "@ant-design/charts": "^2.6.4",
25
25
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
26
- "@types/node": "^24.3.1",
26
+ "@types/node": "^24.3.3",
27
27
  "@types/react": "^18.3.12",
28
28
  "@types/react-bootstrap": "^1.1.0",
29
29
  "@types/react-dom": "^18.3.1",
package/src/App.tsx CHANGED
@@ -1,70 +1,85 @@
1
+ import { Component } from 'react';
2
+ import { NSLayout } from './components/NSLayout';
3
+ import { NSButtonBlue, NSRow, NSSection } from './main';
1
4
  import 'bootstrap/dist/css/bootstrap.min.css';
2
- import { Component, ReactNode } from 'react';
3
5
  import './App.css';
4
- import { NSLayout } from './components/NSLayout';
5
- import { NSGaugeDate, NSGaugeNumber, NSRow, NSSection } from './main';
6
+ import { NSDialogBoxDateTime } from "./components/NSDialogBoxDateTime";
6
7
 
7
8
  interface AppProps { }
8
9
  interface AppState
9
10
  {
10
- amount: number;
11
+ showDialog: boolean;
11
12
  }
12
13
 
13
14
  export class App extends Component<AppProps, AppState>
14
15
  {
15
- constructor(props: AppProps)
16
- {
17
- super(props);
18
- this.state = { amount: 0 };
19
- }
16
+ constructor(props: AppProps)
17
+ {
18
+ super(props);
19
+ this.state = { showDialog: false };
20
+ }
21
+
22
+ override componentDidMount(): void { }
20
23
 
21
- override componentDidUpdate(): void
22
- {
23
- const num: number = this.state.amount;
24
- console.log(num);
25
- }
24
+ setDialog(visibility: boolean)
25
+ {
26
+ this.setState(prev => ({ ...prev, showDialog: visibility }));
27
+ }
26
28
 
27
- override render(): ReactNode
28
- {
29
- return (
30
- <NSLayout
31
- header={{
32
- right: {
33
- icons: [
34
- {
35
- onClicked: () => { },
36
- src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
37
- count: 2
38
- }
39
- ],
40
- }
41
- }}
42
- isLoggedIn={() => true}
43
- logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
44
- background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
45
- notifications={[]}
46
- notifier={{} as any}
47
- scope=''
48
- >
49
- <NSSection style={{ paddingTop: "3rem" }}>
50
- <NSRow style={{ alignItems: "stretch" }}>
51
- <NSGaugeDate
52
- title='Date Gauge'
53
- from={new Date(Date.now() - 5 * 60_000)}
54
- to={new Date(Date.now() + 5 * 60_000)}
55
- colors={{ low: "green", medium: "yellow", high: "red" }}
56
- noData
57
- />
58
- <NSGaugeNumber
59
- title='Number Gauge'
60
- current={13}
61
- total={100}
62
- colors={{ low: "green", medium: "yellow", high: "red" }}
63
- loading
64
- />
65
- </NSRow>
66
- </NSSection>
67
- </NSLayout>
68
- );
69
- }
29
+ override render()
30
+ {
31
+ return (
32
+ <NSLayout
33
+ header={{
34
+ right: {
35
+ icons: [
36
+ {
37
+ onClicked: () => { },
38
+ src: "https://static.namirasoft.com/image/namirasoft/access/logo/base.png",
39
+ count: 2
40
+ }
41
+ ],
42
+ }
43
+ }}
44
+ isLoggedIn={() => true}
45
+ logo='https://static.namirasoft.com/image/namirasoft/access/logo/base.png'
46
+ background={{ image: "https://static.namirasoft.com/image/namirasoft/access/background/base.svg" }}
47
+ notifications={[]}
48
+ notifier={{} as any}
49
+ scope=''
50
+ >
51
+ <NSSection style={{ paddingTop: "3rem" }}>
52
+ <NSRow>
53
+ <NSButtonBlue
54
+ title="Click"
55
+ onClick={{
56
+ showLoading: false,
57
+ action: () => this.setDialog(true),
58
+ }}
59
+ />
60
+ {
61
+ this.state.showDialog &&
62
+ <NSDialogBoxDateTime
63
+ onClose={() => this.setDialog(false)}
64
+ closeButton={{ show: true }}
65
+ box={{ title: "Date", required: true }}
66
+ button={{
67
+ onClick: {
68
+ action: (_, box) =>
69
+ {
70
+ box?.setValue("2025-09-10");
71
+ },
72
+ showLoading: false
73
+ },
74
+ title: "Submit"
75
+ }}
76
+ >
77
+ <></>
78
+ </NSDialogBoxDateTime>
79
+ }
80
+ </NSRow>
81
+ </NSSection>
82
+ </NSLayout>
83
+ );
84
+ }
70
85
  }
package/src/components/NSButton.tsx CHANGED
@@ -4,17 +4,17 @@ import { IImageProps } from "../props/IImageProps";
4
4
  import React from "react";
5
5
  import { NSLoading, NSLoadingProps } from "./NSLoading";
6
6
 
7
- export interface NSButtonOnClickProps
7
+ export interface NSButtonOnClickProps<ParameterType = any>
8
8
  {
9
- action: (onFinshied: () => void) => void;
9
+ action: (onFinshied: () => void, parameters?: ParameterType) => void;
10
10
  showLoading?: boolean;
11
11
  }
12
12
 
13
- export interface NSButtonProps extends IBaseComponentProps
13
+ export interface NSButtonProps<ParameterType = any> extends IBaseComponentProps
14
14
  {
15
15
  title?: string;
16
16
  icon?: IImageProps;
17
- onClick: NSButtonOnClickProps;
17
+ onClick: NSButtonOnClickProps<ParameterType>;
18
18
  disabled?: boolean;
19
19
  loading?: NSLoadingProps
20
20
  }
package/src/components/NSDialogBox.tsx ADDED
@@ -0,0 +1,39 @@
1
+ import { Component, RefObject } from 'react';
2
+ import { NSButtonProps } from "./NSButton";
3
+ import { NSButtonBlue } from "./NSButtonBlue";
4
+ import { NSColumn } from "./NSColumn";
5
+ import { NSDialog, NSDialogProps } from "./NSDialog";
6
+
7
+ export interface INSDialogBoxBaseProps<ChildrenType> extends NSDialogProps
8
+ {
9
+ button?: NSButtonProps<ChildrenType>;
10
+ }
11
+
12
+ export interface NSDialogBoxProps<ChildrenType> extends INSDialogBoxBaseProps<ChildrenType>
13
+ {
14
+ children_ref: RefObject<ChildrenType>;
15
+ }
16
+
17
+ export class NSDialogBox<ChildrenType> extends Component<NSDialogBoxProps<ChildrenType>>
18
+ {
19
+ override render()
20
+ {
21
+ return (
22
+ <NSDialog {...this.props} center_dialog>
23
+ <NSColumn style={{ alignItems: "center" }}>
24
+ {this.props.children}
25
+ <NSButtonBlue
26
+ {...this.props.button}
27
+ onClick={{
28
+ action: (onFinished) =>
29
+ {
30
+ this.props.button?.onClick.action(onFinished, this.props.children_ref?.current as ChildrenType);
31
+ },
32
+ showLoading: this.props.button?.onClick.showLoading
33
+ }}
34
+ />
35
+ </NSColumn>
36
+ </NSDialog>
37
+ );
38
+ }
39
+ }
package/src/components/NSDialogBoxDate.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import { Component, createRef } from 'react';
2
+ import { NSDialogBox, INSDialogBoxBaseProps } from "./NSDialogBox";
3
+ import { NSBoxDate, NSBoxDateProps } from "./NSBoxDate";
4
+
5
+ export interface NSDialogBoxDateProps extends INSDialogBoxBaseProps<NSBoxDate>
6
+ {
7
+ box: NSBoxDateProps;
8
+ }
9
+
10
+ export class NSDialogBoxDate extends Component<NSDialogBoxDateProps>
11
+ {
12
+ private NSBoxDate_Ref = createRef<NSBoxDate>();
13
+
14
+ override render()
15
+ {
16
+ return (
17
+ <NSDialogBox
18
+ {...this.props}
19
+ children_ref={this.NSBoxDate_Ref}
20
+ >
21
+ <NSBoxDate
22
+ ref={this.NSBoxDate_Ref}
23
+ {...this.props.box}
24
+ />
25
+ </NSDialogBox>
26
+ );
27
+ }
28
+ }
package/src/components/NSDialogBoxDateTime.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import { Component, createRef } from 'react';
2
+ import { NSBoxDateTime, NSBoxDateTimeProps } from "./NSBoxDateTime";
3
+ import { INSDialogBoxBaseProps, NSDialogBox } from "./NSDialogBox";
4
+
5
+ export interface NSDialogBoxDateTimeProps extends INSDialogBoxBaseProps<NSBoxDateTime>
6
+ {
7
+ box: NSBoxDateTimeProps;
8
+ }
9
+
10
+ export class NSDialogBoxDateTime extends Component<NSDialogBoxDateTimeProps>
11
+ {
12
+ private NSBoxDateTime_Ref = createRef<NSBoxDateTime>();
13
+
14
+ override render()
15
+ {
16
+ return (
17
+ <NSDialogBox
18
+ {...this.props}
19
+ children_ref={this.NSBoxDateTime_Ref}
20
+ >
21
+ <NSBoxDateTime
22
+ ref={this.NSBoxDateTime_Ref}
23
+ {...this.props.box}
24
+ />
25
+ </NSDialogBox>
26
+ );
27
+ }
28
+ }
package/src/main.ts CHANGED
@@ -76,6 +76,11 @@ export * from "./components/NSDialogInfo";
76
76
  export * from "./components/NSDialogPageSelection";
77
77
  export * from "./components/NSInfo";
78
78
 
79
+ // DialogBox
80
+ export * from "./components/NSDialogBox";
81
+ export * from "./components/NSDialogBoxDate";
82
+ export * from "./components/NSDialogBoxDateTime";
83
+
79
84
  // DownTimer
80
85
  export * from "./components/NSDownTimer";
81
86