namirasoft-site-react 1.4.560 → 1.4.562

package/dist/components/NSBoxEntity.d.ts

@@ -47,5 +47,5 @@ export declare class NSBoxEntity<Data> extends React.Component<NSBoxEntityProps<
     setDataAll(values: Data[], callback?: () => void): void;
     setDisabled(disabled: boolean): void;
     reload(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxEnum.d.ts

@@ -29,6 +29,6 @@ export declare class NSBoxEnum<Data> extends React.Component<NSBoxEnumProps<Data
     }, _default: Data): Data[];
     setDisabled(disabled: boolean): void;
     reload(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/components/NSBoxFile.d.ts

@@ -18,5 +18,5 @@ export interface NSBoxFileState {
 export declare class NSBoxFile extends React.Component<NSBoxFileProps, NSBoxFileState> {
     NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
     constructor(props: NSBoxFileProps);
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxFile.module.css

@@ -1,11 +1,11 @@
-.ns_box_file_dagger_parent {
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    border-radius: 8px;
-    padding: 8px 12px 8px 12px;
-}
-
-@media screen and (min-width: 540px) {
-    .ns_box_file_dagger_parent {
-        max-width: 100%;
-    }
+.ns_box_file_dagger_parent {
+    border: 1px solid rgba(0, 0, 0, 1) !important;
+    border-radius: 8px;
+    padding: 8px 12px 8px 12px;
+}
+
+@media screen and (min-width: 540px) {
+    .ns_box_file_dagger_parent {
+        max-width: 100%;
+    }
 }

package/dist/components/NSBoxFilePath.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxFilePath extends React.Component<NSBoxFilePathProps, N
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxFont.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxFont extends React.Component<NSBoxFontProps, NSBoxFont
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxIPV4.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxIPV4 extends React.Component<NSBoxIPV4Props, NSBoxIPV4
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxIPV4Range.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxIPV4Range extends React.Component<NSBoxIPV4RangeProps,
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxIPV6.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxIPV6 extends React.Component<NSBoxIPV6Props, NSBoxIPV6
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxIPV6Range.d.ts

@@ -18,5 +18,5 @@ export declare class NSBoxIPV6Range extends React.Component<NSBoxIPV6RangeProps,
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxInteger.d.ts

@@ -21,5 +21,5 @@ export declare class NSBoxInteger extends React.Component<NSBoxIntegerProps, NSB
     getValue(checkError?: boolean): number | null;
     setValue(value: number | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxInteger.module.css

@@ -1,17 +1,17 @@
-.ns_box_container {
-    display: flex;
-}
-
-.ns_box_container input {
-    border-radius: 0.5rem 0 0 0.5rem;
-}
-
-.ns_box_combo {
-    border-radius: 0 0.5rem 0.5rem 0;
-    border-left: none !important;
-}
-
-.ns_box_combo :global(.ant-select-selector) {
-    border: none !important;
-    border-radius: 0 !important;
+.ns_box_container {
+    display: flex;
+}
+
+.ns_box_container input {
+    border-radius: 0.5rem 0 0 0.5rem;
+}
+
+.ns_box_combo {
+    border-radius: 0 0.5rem 0.5rem 0;
+    border-left: none !important;
+}
+
+.ns_box_combo :global(.ant-select-selector) {
+    border: none !important;
+    border-radius: 0 !important;
 }

package/dist/components/NSBoxMoney.d.ts

@@ -19,5 +19,5 @@ export declare class NSBoxMoney extends Component<NSBoxMoneyProps, NSBoxMoneySta
     getValue(checkError?: boolean): number | null;
     setValue(value: number | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxOptions.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
+import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { INSBox } from "./INSBox";
+export interface NSBoxOptionsItem {
+    title: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface NSBoxOptionsProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<NSBoxOptions, string | string[]> {
+    options: NSBoxOptionsItem[];
+    multiple: boolean;
+    input?: IBaseComponentProps;
+}
+export interface NSBoxOptionsState {
+    values: string[];
+}
+export declare class NSBoxOptions extends React.Component<NSBoxOptionsProps, NSBoxOptionsState> implements INSBox {
+    NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
+    constructor(props: NSBoxOptionsProps);
+    private static normalize;
+    isEmpty(): boolean;
+    getError(): string | null;
+    getValue(checkError?: boolean): string[] | string | null;
+    setValue(value: string[] | string | null, callback?: () => void): void;
+    setDisabled(disabled: boolean): void;
+    private toggle;
+    private getTitleOf;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSBoxOptions.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createRef } from "react";
+import Styles from "./NSBoxOptions.module.css";
+import { safeMenuMenuItem } from "./NSMenuButton";
+import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
+import { Validator } from "../Validator";
+export class NSBoxOptions extends React.Component {
+    constructor(props) {
+        super(props);
+        this.NSBoxBaseLayout_Main = createRef();
+        this.state = { values: NSBoxOptions.normalize(props.defaultValue) };
+        this.isEmpty = this.isEmpty.bind(this);
+        this.getError = this.getError.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.toggle = this.toggle.bind(this);
+    }
+    static normalize(value) {
+        if (value == null)
+            return [];
+        if (Array.isArray(value))
+            return [...value];
+        return [value];
+    }
+    isEmpty() {
+        return this.state.values.length === 0;
+    }
+    getError() {
+        let value = this.getValue(false);
+        let asString = Array.isArray(value) ? value.join(",") : value;
+        return Validator.getError(this.props.title, asString, this.props);
+    }
+    getValue(checkError = true) {
+        var _a, _b, _c;
+        if (this.props.nullable)
+            if ((_a = this.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a.isNull())
+                return null;
+        let values = (_b = NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.values)) !== null && _b !== void 0 ? _b : [];
+        if (this.props.multiple)
+            return values;
+        return (_c = values[0]) !== null && _c !== void 0 ? _c : null;
+    }
+    setValue(value, callback) {
+        var _a;
+        if (this.props.multiple) {
+            if (value != null && !Array.isArray(value))
+                throw new Error("When props.multiple = true, value must be string[] or null. But it is " + typeof value);
+        }
+        else {
+            if (value != null && typeof value !== "string")
+                throw new Error("When props.multiple = false, value must be string or null. But it is " + typeof value);
+        }
+        let values = NSBoxOptions.normalize(value);
+        if (this.props.nullable)
+            (_a = this.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a.setNull(values.length === 0);
+        this.setState({ values }, () => {
+            var _a, _b;
+            (_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+            callback === null || callback === void 0 ? void 0 : callback();
+        });
+    }
+    setDisabled(disabled) {
+        var _a;
+        (_a = this.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a.setDisabled(disabled);
+    }
+    toggle(optionValue) {
+        let values = this.state.values;
+        if (this.props.multiple) {
+            let next = values.includes(optionValue) ? values.filter(value => value !== optionValue) : [...values, optionValue];
+            this.setValue(next);
+        }
+        else {
+            if (values.includes(optionValue)) {
+                if (this.props.nullable)
+                    this.setValue(null);
+            }
+            else
+                this.setValue(optionValue);
+        }
+    }
+    getTitleOf(values) {
+        return values
+            .map(value => { var _a, _b; return (_b = (_a = this.props.options.find(option => option.value === value)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : value; })
+            .join(", ");
+    }
+    render() {
+        var _a;
+        let menu = safeMenuMenuItem(this.props, () => { });
+        let showInlineTitle = !!(this.props.hideHeader && this.props.title);
+        return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, getValue: () => this.getTitleOf(this.state.values), children: _jsxs("div", { className: `${Styles.ns_box_options}`, style: Object.assign({}, (_a = this.props.input) === null || _a === void 0 ? void 0 : _a.style), children: [showInlineTitle &&
+                        _jsxs("span", { className: Styles.ns_box_options_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }), this.props.options.map((option) => {
+                        let checked = this.state.values.includes(option.value);
+                        return (_jsx("button", { type: "button", disabled: option.disabled, className: [
+                                Styles.ns_box_options_item,
+                                checked ? Styles.ns_box_options_item_checked : "",
+                                option.disabled ? Styles.ns_box_options_item_disabled : "",
+                            ].filter(Boolean).join(" "), onClick: () => {
+                                var _a, _b;
+                                (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+                                this.toggle(option.value);
+                            }, children: option.title }, option.value));
+                    })] }) })));
+    }
+}
+//# sourceMappingURL=NSBoxOptions.js.map

package/dist/components/NSBoxOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBoxOptions.js","sourceRoot":"","sources":["../../src/components/NSBoxOptions.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSBoxOptions.module.css

@@ -0,0 +1,54 @@
+.ns_box_options {
+    width: 100%;
+    min-height: 48px;
+    border: 1px solid #e1e1e1;
+    border-radius: 8px;
+    padding: 8px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px;
+    background-color: #fff;
+}
+
+.ns_box_options_title {
+    color: #141B5C;
+    font-size: 16px;
+    font-weight: 500;
+    white-space: nowrap;
+    margin-right: 4px;
+}
+
+.ns_box_options_item {
+    padding: 4px 12px;
+    border: 1px solid #d7dbec;
+    border-radius: 9999px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 14px;
+    white-space: nowrap;
+    user-select: none;
+    background-color: #fff;
+    color: #141B5C;
+    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
+    cursor: pointer;
+}
+
+.ns_box_options_item:hover {
+    border-color: #0377FF;
+}
+
+.ns_box_options_item_checked {
+    background-color: #0377ff;
+    border-color: #0377FF;
+    color: #fff;
+}
+
+.ns_box_options_item_disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.ns_box_options_item_disabled:hover {
+    border-color: #d7dbec;
+}

package/dist/components/NSBoxPhone.d.ts

@@ -19,5 +19,5 @@ export declare class NSBoxPhone extends React.Component<NSBoxPhoneProps, NSBoxPh
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxPhone.module.css

@@ -1,36 +1,36 @@
-.ns_box_phone_container {
-	padding: 8px 32px 8px 12px;
-	height: 48px !important;
-	width: auto !important;
-	font-size: 16px;
-	font-weight: 400;
-	max-width: inherit;
-	background-size: 24px 24px;
-	padding: 0px;
-	margin: 0px;
-	display: flex;
-}
-
-.ns_box_phone_input {
-	width: 100% !important;
-	height: 48px !important;
-	left: 0px;
-	border-radius: 8px 8px 8px 8px !important;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-}
-
-.ns_box_phone_button {
-	border-radius: 8px 0px 0px 8px !important;
-	left: 0px;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	/*  */
-	background-color: unset;
-}
-
-.ns_box_phone_button>div {
-	background-color: unset !important;
-}
-
-.ns_box_phone_dropdown {
-	width: 272px !important;
+.ns_box_phone_container {
+	padding: 8px 32px 8px 12px;
+	height: 48px !important;
+	width: auto !important;
+	font-size: 16px;
+	font-weight: 400;
+	max-width: inherit;
+	background-size: 24px 24px;
+	padding: 0px;
+	margin: 0px;
+	display: flex;
+}
+
+.ns_box_phone_input {
+	width: 100% !important;
+	height: 48px !important;
+	left: 0px;
+	border-radius: 8px 8px 8px 8px !important;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+}
+
+.ns_box_phone_button {
+	border-radius: 8px 0px 0px 8px !important;
+	left: 0px;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	/*  */
+	background-color: unset;
+}
+
+.ns_box_phone_button>div {
+	background-color: unset !important;
+}
+
+.ns_box_phone_dropdown {
+	width: 272px !important;
 }

package/dist/components/NSBoxRadio.d.ts

@@ -20,5 +20,5 @@ export declare class NSBoxRadio extends React.Component<NSBoxRadioProps, NSBoxRa
     setValue(value: boolean, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
     componentDidUpdate(prevProps: NSBoxRadioProps): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxRadio.module.css

@@ -1,34 +1,34 @@
-.ns_box_radio_label {
-    width: 100%;
-    height: 48px;
-    padding: 10px 12px 10px 12px;
-    background-color: #fff;
-    color: #141B5C;
-    border-radius: 8px;
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    font-size: 16px;
-    font-weight: 400;
-    font-family: inherit;
-    cursor: pointer;
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    justify-content: left;
-    align-items: center;
-    gap: 4px;
-}
-
-.ns_box_radio_input {
-    width: 24px;
-    height: 24px;
-    cursor: pointer;
-}
-
-.ns_box_radio_input:focus-visible {
-    border-color: rgba(0, 0, 0, 1) !important;
-    outline: solid 1px #4096ff !important;
-}
-
-.ns_box_radio_input:checked {
-    accent-color: #141B5C;
+.ns_box_radio_label {
+    width: 100%;
+    height: 48px;
+    padding: 10px 12px 10px 12px;
+    background-color: #fff;
+    color: #141B5C;
+    border-radius: 8px;
+    border: 1px solid rgba(0, 0, 0, 1) !important;
+    font-size: 16px;
+    font-weight: 400;
+    font-family: inherit;
+    cursor: pointer;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    align-items: center;
+    gap: 4px;
+}
+
+.ns_box_radio_input {
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
+}
+
+.ns_box_radio_input:focus-visible {
+    border-color: rgba(0, 0, 0, 1) !important;
+    outline: solid 1px #4096ff !important;
+}
+
+.ns_box_radio_input:checked {
+    accent-color: #141B5C;
 }

package/dist/components/NSBoxSchemaBase.d.ts

@@ -37,5 +37,5 @@ export declare class NSBoxSchemaBase extends React.Component<NSBoxSchemaBaseProp
     setValue(value: BaseTypeSchema | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
     private onChanged;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxSchemaBase.module.css

@@ -1,18 +1,18 @@
-.ns_box_schema_base_required_withoutname {
-	flex-grow: 1;
-}
-
-
-@media only screen and (min-width: 768px) {
-	.ns_box_schema_base_type {
-		width: 176px;
-	}
-
-	.ns_box_schema_base_name {
-		flex-grow: 1;
-	}
-
-	.ns_box_schema_base_required_withname {
-		width: 100px;
-	}
+.ns_box_schema_base_required_withoutname {
+	flex-grow: 1;
+}
+
+
+@media only screen and (min-width: 768px) {
+	.ns_box_schema_base_type {
+		width: 176px;
+	}
+
+	.ns_box_schema_base_name {
+		flex-grow: 1;
+	}
+
+	.ns_box_schema_base_required_withname {
+		width: 100px;
+	}
 }

package/dist/components/NSBoxSchemaVariable.d.ts

@@ -30,5 +30,5 @@ export declare class NSBoxSchemaVariable extends React.Component<NSBoxSchemaVari
     setValue(value: BaseVariableSchema | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
     private onChanged;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxSchemaVariable.module.css

@@ -1,17 +1,17 @@
-.ns_box_schema_variable_default {
-	flex-grow: 1;
-}
-
-@media only screen and (min-width: 768px) {
-	.ns_box_schema_variable_name {
-		width: 192px;
-	}
-
-	.ns_box_schema_variable_default {
-		width: 100px;
-	}
-
-	.ns_box_schema_variable_multiple {
-		width: 100px;
-	}
+.ns_box_schema_variable_default {
+	flex-grow: 1;
+}
+
+@media only screen and (min-width: 768px) {
+	.ns_box_schema_variable_name {
+		width: 192px;
+	}
+
+	.ns_box_schema_variable_default {
+		width: 100px;
+	}
+
+	.ns_box_schema_variable_multiple {
+		width: 100px;
+	}
 }

package/dist/components/NSBoxSearch.d.ts

@@ -26,5 +26,5 @@ export declare class NSBoxSearch extends Component<NSBoxSearchProps, NSBoxSearch
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): import("react").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxSensitive.d.ts

@@ -29,5 +29,5 @@ export declare class NSBoxSensitive extends React.Component<NSBoxSensitiveProps,
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxString.d.ts

@@ -19,5 +19,5 @@ export declare class NSBoxString extends React.Component<NSBoxStringProps, NSBox
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxTextArea.d.ts

@@ -21,5 +21,5 @@ export declare class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, N
     getValue(checkError?: boolean): string | null;
     setValue(value: string | null, callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSBoxTextArea.module.css

@@ -1,13 +1,13 @@
-.ns_box_text_area {
-	border-radius: 8px;
-	padding: 10px 42px 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	width: 100%;
-}
-
-.ns_box_text_area:focus-visible {
-	border-color: rgba(0, 0, 0, 1) !important;
-	outline: solid 1px #4096ff !important;
+.ns_box_text_area {
+	border-radius: 8px;
+	padding: 10px 42px 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	width: 100%;
+}
+
+.ns_box_text_area:focus-visible {
+	border-color: rgba(0, 0, 0, 1) !important;
+	outline: solid 1px #4096ff !important;
 }