namirasoft-account-react 1.5.11 → 1.5.12

package/dist/pages/NSFEntities.js.map

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

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.5.11",
+    "version": "1.5.12",
     "author": "Amir Abolhasani",
     "license": "MIT",
     "main": "./dist/main.js",

package/src/NSFRoutes.ts

@@ -0,0 +1,31 @@
+import { NamingConvention } from 'namirasoft-core';
+
+export class NSFRoutes
+{
+	// Category
+	static CategoryList(slot_id: string, slot_name: string)
+	{
+		const name = NamingConvention.auto.convert(slot_name, NamingConvention.lower_case_underscore);
+		return `/slot/${slot_id}/${name}/category/list`;
+	};
+	static CategoryNew(slot_id: string, slot_name: string)
+	{
+		const name = NamingConvention.auto.convert(slot_name, NamingConvention.lower_case_underscore);
+		return `/slot/${slot_id}/${name}/category/new`;
+	};
+	static CategoryCopy(slot_id: string, slot_name: string, id: string)
+	{
+		const name = NamingConvention.auto.convert(slot_name, NamingConvention.lower_case_underscore);
+		return `/slot/${slot_id}/${name}/category/${id}/copy`;
+	};
+	static CategoryEdit(slot_id: string, slot_name: string, id: string)
+	{
+		const name = NamingConvention.auto.convert(slot_name, NamingConvention.lower_case_underscore);
+		return `/slot/${slot_id}/${name}/category/${id}/edit`;
+	};
+	static CategoryView(slot_id: string, slot_name: string, id: string)
+	{
+		const name = NamingConvention.auto.convert(slot_name, NamingConvention.lower_case_underscore);
+		return `/slot/${slot_id}/${name}/category/${id}/view`;
+	};
+}

package/src/layouts/NSALayout.tsx

@@ -21,7 +21,7 @@ import { NSACacheService } from '../NSACacheService';
 import { NSARouterMakerProps } from '../NSARouterMakerProps';
 import { UseParams } from '../UseParams';
 import { Actions } from './Actions';
-import { NSARoutes_Field } from './NSARoutes_Field';
+import { NSARouter_Field } from './NSARouter_Field';
 import { NSASectionEdit, NSASectionEditCustomProps } from './NSASectionEdit';
 import { NSASectionList, NSASectionListCustomProps } from './NSASectionList';
 import { NSASectionView, NSASectionViewCutomProps } from './NSASectionView';
@@ -670,7 +670,7 @@ export class NSALayout<RowType extends { id: string }, RowTypeInput = RowType> e
                         {
                             this.setState((prev) => ({ showMasterMenu: !prev.showMasterMenu }))
                         },
-                        filters_postprocessor: (filters) => NSARoutes_Field.postprocess(filters, this.state.ctf_rows),
+                        filters_postprocessor: (filters) => NSARouter_Field.postprocess(filters, this.state.ctf_rows),
                     }}
                     action={{
                         title: action_title,

package/src/layouts/NSARouter.tsx

@@ -0,0 +1,53 @@
+import { CategoryScopeRow, EntityResolveResponseRow, SlotEntityType, SlotRow } from 'namirasoft-field';
+import { NSRoutes } from 'namirasoft-site-react';
+import { Component, ReactNode } from 'react';
+import { Route } from 'react-router-dom';
+import { NSARouterMakerProps } from '../NSARouterMakerProps';
+import { NSFRoutes } from '../NSFRoutes';
+import { NSFCategoryEditPage } from '../pages/NSFCategoryEditPage';
+import { NSFFieldServersProps } from '../pages/NSFEntities';
+import { NSFCategoryListPage } from '../pages/NSFCategoryListPage';
+import { NSFCategoryViewPage } from '../pages/NSFCategoryViewPage';
+
+export interface NSARoutesProps
+{
+    props: NSARouterMakerProps;
+    servers: NSFFieldServersProps['servers'];
+    rows: EntityResolveResponseRow | null;
+    children: ReactNode;
+}
+
+interface NSARoutesState
+{
+}
+
+export class NSARouter extends Component<NSARoutesProps, NSARoutesState>
+{
+    constructor(props: NSARoutesProps)
+    {
+        super(props);
+
+        this.state = {};
+    }
+    override render()
+    {
+        const { props, servers, rows, children } = this.props;
+        const scope_slots = rows?.slots.filter(s => s.entity_type === SlotEntityType.CategoryScope) ?? [];
+        let pairs = scope_slots.map(slot => ({ slot, category_scope: rows?.category_scopes.find(c => c.id === slot.entity_id) })).filter(i => i.category_scope) as { slot: SlotRow, category_scope: CategoryScopeRow }[];
+
+        return (
+            <NSRoutes>
+                {children}
+                {
+                    pairs.flatMap(({ slot, category_scope }) => [
+                        <Route key={`${slot.id}-category-list`} path={NSFRoutes.CategoryList(slot.id, slot.name)} element={<NSFCategoryListPage {...props} servers={servers} slot={slot} category_scope={category_scope} />} />,
+                        <Route key={`${slot.id}-category-new`} path={NSFRoutes.CategoryNew(slot.id, slot.name)} element={<NSFCategoryEditPage isEdit={false} {...props} servers={servers} slot={slot} category_scope={category_scope} />} />,
+                        <Route key={`${slot.id}-category-copy`} path={NSFRoutes.CategoryCopy(slot.id, slot.name, ":id")} element={<NSFCategoryEditPage isEdit={false} {...props} servers={servers} slot={slot} category_scope={category_scope} />} />,
+                        <Route key={`${slot.id}-category-edit`} path={NSFRoutes.CategoryEdit(slot.id, slot.name, ":id")} element={<NSFCategoryEditPage isEdit={true} {...props} servers={servers} slot={slot} category_scope={category_scope} />} />,
+                        <Route key={`${slot.id}-category-view`} path={NSFRoutes.CategoryView(slot.id, slot.name, ":id")} element={<NSFCategoryViewPage {...props} servers={servers} slot={slot} category_scope={category_scope} />} />,
+                    ])
+                }
+            </NSRoutes>
+        );
+    }
+}

package/src/layouts/{NSARoutes_Field.ts → NSARouter_Field.ts}

@@ -1,41 +1,42 @@
 import { FilterLinkFullRow } from 'namirasoft-api-link';
 import { NamingConvention } from 'namirasoft-core';
-import { CategoryScopeRow, EntityResolveResponseRow, SlotEntityType } from 'namirasoft-field';
+import { EntityResolveResponseRow, SlotEntityType, SlotRow } from 'namirasoft-field';
+import { NSFRoutes } from '../NSFRoutes';
 
-export class NSARoutes_Field
+export class NSARouter_Field
 {
     static postprocess(
         filters: FilterLinkFullRow[],
         rows: EntityResolveResponseRow | null,
     ): FilterLinkFullRow[]
     {
-        if (!rows || rows.category_scopes.length === 0)
+        if (!rows || rows.slots.length === 0)
             return filters;
 
         const result: FilterLinkFullRow[] = [...filters];
         const id_counter = { value: -1_000_000 };
         const matched = new Set<string>();
 
-        NSARoutes_Field.walk(filters, null, rows, result, id_counter, matched);
+        NSARouter_Field.walk(filters, null, rows, result, id_counter, matched);
 
         const fallback_filter_id = filters[0]?.filter_id ?? 0;
         const fallback_filter_ref = filters[0]?.filter ?? null;
-        for (const scope of rows.category_scopes)
+        for (const slot of rows.slots)
         {
-            if (matched.has(scope.id))
+            if (matched.has(slot.id))
                 continue;
 
-            const parent = NSARoutes_Field.make(id_counter, null, fallback_filter_id, fallback_filter_ref, scope.name, scope.description ?? "", "");
+            const parent = NSARouter_Field.make(id_counter, null, fallback_filter_id, fallback_filter_ref, slot.name, slot.description ?? "", "");
             result.push(parent);
 
-            result.push(NSARoutes_Field.make(id_counter, parent.id, fallback_filter_id, fallback_filter_ref, "Create", "", `./cateogry/${scope.name}/new`));
-            result.push(NSARoutes_Field.make(id_counter, parent.id, fallback_filter_id, fallback_filter_ref, "List", "", `./cateogry/${scope.name}/list`));
+            result.push(NSARouter_Field.make(id_counter, parent.id, fallback_filter_id, fallback_filter_ref, "Create", "", NSFRoutes.CategoryNew(slot.id, slot.name)));
+            result.push(NSARouter_Field.make(id_counter, parent.id, fallback_filter_id, fallback_filter_ref, "List", "", NSFRoutes.CategoryList(slot.id, slot.name)));
         }
 
         return result;
     }
 
-    private static findScope(filter_name: string | null | undefined, rows: EntityResolveResponseRow): CategoryScopeRow | null
+    private static findEntityRow(filter_name: string | null | undefined, rows: EntityResolveResponseRow): SlotRow | null
     {
         const n = NamingConvention.auto.convert((filter_name ?? "").trim(), NamingConvention.lower_case);
         if (n.length === 0)
@@ -45,11 +46,7 @@ export class NSARoutes_Field
             if (slot.entity_type != SlotEntityType.CategoryScope)
                 continue;
             if (NamingConvention.auto.convert((slot.entity ?? "").trim(), NamingConvention.lower_case) === n)
-            {
-                const scope = rows.category_scopes.find(c => c.id == slot.entity_id);
-                if (scope)
-                    return scope;
-            }
+                return slot;
         }
         return null;
     }
@@ -109,16 +106,21 @@ export class NSARoutes_Field
         for (const filter of children)
         {
             const filter_name = filter.name ?? filter.link?.name ?? "";
-            const scope = NSARoutes_Field.findScope(filter_name, rows);
-            if (scope)
+            const slot = NSARouter_Field.findEntityRow(filter_name, rows);
+            if (slot)
             {
-                matched.add(scope.id);
-                const parent = NSARoutes_Field.make(id_counter, filter.id, filter.filter_id, filter.filter, scope.name, scope.description ?? "", "");
-                result.push(parent);
-                result.push(NSARoutes_Field.make(id_counter, parent.id, filter.filter_id, filter.filter, "Create", "", `./cateogry/${scope.name}/new`));
-                result.push(NSARoutes_Field.make(id_counter, parent.id, filter.filter_id, filter.filter, "List", "", `./cateogry/${scope.name}/list`));
+                matched.add(slot.id);
+                const parent = NSARouter_Field.make(id_counter, filter.parent_id, filter.filter_id, filter.filter, slot.name, slot.description ?? "", "");
+                parent.order = (filter.order ?? 0) - 1;
+                const idx = result.indexOf(filter);
+                if (idx >= 0)
+                    result.splice(idx, 0, parent);
+                else
+                    result.push(parent);
+                result.push(NSARouter_Field.make(id_counter, parent.id, filter.filter_id, filter.filter, "Create", "", NSFRoutes.CategoryNew(slot.id, slot.name)));
+                result.push(NSARouter_Field.make(id_counter, parent.id, filter.filter_id, filter.filter, "List", "", NSFRoutes.CategoryList(slot.id, slot.name)));
             }
-            NSARoutes_Field.walk(filters, filter.id, rows, result, id_counter, matched);
+            NSARouter_Field.walk(filters, filter.id, rows, result, id_counter, matched);
         }
     }
 }

package/src/layouts/NSASectionList.tsx

@@ -123,7 +123,7 @@ export class NSASectionList<RowType extends { id: string }, RowTypeInput = RowTy
 					{
 						show_view ?
 							<NSSplitter
-								storage_key={`nsa_splitter_${this.props.entity.product_id}_${this.props.entity.name}`}
+								storage_key={`ns-splitter-product:${this.props.entity.product_id}-entity:${this.props.entity.name}-height`}
 								master_content={mode_current.getChild(this.props.entity)}
 								detail_content={(
 									this.state.selected_row_ids.length === 1 &&

package/src/main.ts

@@ -1,8 +1,15 @@
 export * from "./components/NSAAccessListDialog";
+export * from "./components/NSABoxSecret";
 export * from "./components/NSAMasterMenu";
 export * from "./components/NSAMasterMenuItem";
 export * from "./components/NSAMessageListDialog";
 export * from "./components/NSAProductListDialog";
+export * from "./components/NSAReorderDialog";
+export * from "./components/NSASortDialog";
+export * from "./components/NSATable";
+export * from "./components/NSAUserDialog";
+export * from "./components/NSAWorkspaceListDialog";
+export * from "./components/NSLabelSecret";
 export * from "./components/quickfilter/NSAFilterBoxBase";
 export * from "./components/quickfilter/NSAFilterBoxBoolean";
 export * from "./components/quickfilter/NSAFilterBoxDate";
@@ -13,35 +20,35 @@ export * from "./components/quickfilter/NSAFilterBoxString";
 export * from "./components/quickfilter/NSAFilterBoxTime";
 export * from "./components/quickfilter/NSAQuickFilterBar";
 export * from "./components/quickfilter/NSAQuickFilterDialog";
-export * from "./components/NSAReorderDialog";
-export * from "./components/NSASortDialog";
-export * from "./components/NSATable";
-export * from "./components/NSAUserDialog";
-export * from "./components/NSAWorkspaceListDialog";
-export * from "./components/NSABoxSecret";
-export * from "./components/NSLabelSecret";
+export * from "./CTFRow";
 export * from "./formatters/SecretFormatter";
+export * from "./IEntityInfo";
 export * from "./layouts/Actions";
 export * from "./layouts/CFTUtil";
 export * from "./layouts/NSALayout";
+export * from "./layouts/NSARouter";
+export * from "./layouts/NSARouter_Field";
 export * from "./layouts/NSASectionEdit";
 export * from "./layouts/NSASectionEditTabPage";
 export * from "./layouts/NSASectionList";
 export * from "./layouts/NSASectionView";
 export * from "./layouts/NSASectionViewTabMore";
 export * from "./layouts/NSASectionViewTabPage";
+export * from "./NSACacheService";
+export * from "./NSAFilterOperators";
+export * from "./NSARouterMaker";
+export * from "./NSARouterMakerConfig";
+export * from "./NSARouterMakerProps";
+export * from "./NSFRoutes";
 export * from "./pages/NSAConsentPage";
 export * from "./pages/NSAEmailVerificationPage";
 export * from "./pages/NSAHomePage";
 export * from "./pages/NSALoginPage";
 export * from "./pages/NSAPhoneVerificationPage";
 export * from "./pages/NSAVerificationPage";
+export * from "./pages/NSFCategoryEditPage";
+export * from "./pages/NSFCategoryListPage";
+export * from "./pages/NSFCategoryViewPage";
+export * from "./pages/NSFEntities";
 export * from "./pages/PaymentRequired";
-export * from "./CTFRow";
-export * from "./IEntityInfo";
-export * from "./NSACacheService";
-export * from "./NSAFilterOperators";
-export * from "./NSARouterMaker";
-export * from "./NSARouterMakerConfig";
-export * from "./NSARouterMakerProps";
 export * from "./UseParams";

package/src/pages/NSFCategoryEditPage.tsx

@@ -0,0 +1,91 @@
+import { CategoryInputRow, CategoryRow, CategoryScopeRow, SlotRow } from "namirasoft-field";
+import { NSBox, NSBoxString, NSBoxTextArea, NSColumn, NSRow } from "namirasoft-site-react";
+import { Component, createRef } from "react";
+import { NSALayout } from "../layouts/NSALayout";
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+import { NSFEntities, NSFFieldServersProps } from "./NSFEntities";
+
+export interface NSFCategoryEditPageProps extends NSARouterMakerProps, NSFFieldServersProps
+{
+	slot: SlotRow;
+	category_scope: CategoryScopeRow;
+	isEdit: boolean;
+}
+
+interface NSFCategoryEditPageState { }
+
+export class NSFCategoryEditPage extends Component<NSFCategoryEditPageProps, NSFCategoryEditPageState>
+{
+	NSBoxString_Name = createRef<NSBoxString>();
+	NSBoxTexArea_Description = createRef<NSBoxTextArea>();
+
+	constructor(props: NSFCategoryEditPageProps)
+	{
+		super(props);
+		this.state = {};
+	}
+
+	override render()
+	{
+		return (
+			<NSALayout<CategoryRow, CategoryInputRow>
+				{...this.props}
+				action={{
+					description: this.props.isEdit ? "This section allows you to update the details of an existing category." : "This section allows you to add a new category by entering its details."
+				}}
+				pages={{
+					entity: NSFEntities.category(this.props, this.props.slot, this.props.category_scope),
+					edit: {
+						...this.props,
+						ui: {
+							tab_page_edit: {
+								editor: {
+									getInputRow: () =>
+									{
+										let category_scope_id = this.props.category_scope.id;
+										let name = this.NSBoxString_Name.current?.getValue() ?? "";
+										let description = this.NSBoxTexArea_Description.current?.getValue() ?? "";
+
+										return {
+											workspace_id: "",
+											category_scope_id,
+											name,
+											description,
+											category_category: [],
+											category_field: [],
+											category_tag: [],
+										};
+									},
+									setRow: (row) =>
+									{
+										this.NSBoxString_Name.current?.setValue(row.name);
+										this.NSBoxTexArea_Description.current?.setValue(row.description ?? "");
+									}
+								}
+							}
+						}
+					}
+				}}
+			>
+				<NSColumn>
+					<NSRow>
+						<NSBoxString
+							ref={this.NSBoxString_Name}
+							title="Name"
+							required
+							style={{ width: NSBox.width.double }}
+							info={{ link: "https://namirasoft.com/field/console-guide/category/#field-name" }}
+						/>
+					</NSRow>
+					<NSBoxTextArea
+						ref={this.NSBoxTexArea_Description}
+						title="Description"
+						required={false}
+						style={{ width: NSBox.width.double }}
+						info={{ link: "https://namirasoft.com/field/console-guide/category/#field-description" }}
+					/>
+				</NSColumn>
+			</NSALayout>
+		);
+	}
+}

package/src/pages/NSFCategoryListPage.tsx

@@ -0,0 +1,29 @@
+import { CategoryScopeRow, SlotRow } from "namirasoft-field";
+import { NSALayout } from "../layouts/NSALayout";
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+import { NSFEntities, NSFFieldServersProps } from "./NSFEntities";
+
+export interface NSFCategoryListPageProps extends NSARouterMakerProps, NSFFieldServersProps
+{
+	slot: SlotRow;
+	category_scope: CategoryScopeRow;
+}
+
+export function NSFCategoryListPage(props: NSFCategoryListPageProps)
+{
+	return (
+		<NSALayout
+			{...props}
+			action={{
+				description: "This section displays all categories you have created with their basic information."
+			}}
+			pages={{
+				entity: NSFEntities.category(props, props.slot, props.category_scope),
+				list: {}
+			}}
+		>
+			<>
+			</>
+		</NSALayout>
+	);
+}

package/src/pages/NSFCategoryViewPage.tsx

@@ -0,0 +1,28 @@
+import { CategoryScopeRow, SlotRow } from "namirasoft-field";
+import { NSALayout } from "../layouts/NSALayout";
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+import { NSFEntities, NSFFieldServersProps } from "./NSFEntities";
+
+export interface NSFCategoryViewPageProps extends NSARouterMakerProps, NSFFieldServersProps
+{
+	slot: SlotRow;
+	category_scope: CategoryScopeRow;
+}
+
+export function NSFCategoryViewPage(props: NSFCategoryViewPageProps)
+{
+	return (
+		<NSALayout
+			{...props}
+			action={{
+				description: "This section displays detailed information about a selected category."
+			}}
+			pages={{
+				entity: NSFEntities.category(props, props.slot, props.category_scope),
+				view: {}
+			}}
+		>
+			<> </>
+		</NSALayout>
+	);
+}

package/src/pages/NSFEntities.ts

@@ -0,0 +1,65 @@
+import { NamirasoftAPIProductServer, ProductUUID } from "namirasoft-api-product";
+import { EnvService, FilterItem, FilterItemOperator, IStorageLocal } from "namirasoft-core";
+import { CategoryInputRow, CategoryRow, CategoryScopeRow, NamirasoftFieldMetaDatabase, NamirasoftFieldServer, SlotRow } from "namirasoft-field";
+import { NamirasoftMap } from "namirasoft-site-map";
+import { BaseColumnFormatter, DateTimeFormatter, IDFormatter, StringFormatter, StringFormatterSizeType } from "namirasoft-site-react";
+import { IEntityInfo } from "../IEntityInfo";
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+import { NSFRoutes } from "../NSFRoutes";
+
+export interface NSFFieldServersProps
+{
+	servers: {
+		field: NamirasoftFieldServer;
+		product: NamirasoftAPIProductServer;
+	}
+}
+export class NSFEntities
+{
+	static category(props: NSARouterMakerProps & NSFFieldServersProps, slot: SlotRow, category_scope: CategoryScopeRow): IEntityInfo<CategoryRow, CategoryInputRow>
+	{
+		let namirasoft = new NamirasoftMap(props.account.token_manager, console.error);
+
+		return {
+			product_id: ProductUUID.NAMIRASOFT_FIELD,
+			name: "category",
+			tables: [{ table: namirasoft.field.tables.category, required: true }],
+			client: {
+				getColumns()
+				{
+					return [
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.id, new IDFormatter(namirasoft, null)),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.user_id, new IDFormatter(namirasoft, new IStorageLocal())),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.workspace_id, new IDFormatter(namirasoft, new IStorageLocal())),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.category_scope_id, new IDFormatter(namirasoft, new IStorageLocal())),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.name, new StringFormatter(StringFormatterSizeType.Sentence)),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.description, new StringFormatter(StringFormatterSizeType.Description)),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.created_at, new DateTimeFormatter()),
+						BaseColumnFormatter.getColumn(namirasoft.field.tables.category.columns.updated_at, new DateTimeFormatter()),
+					];
+				},
+				getListURL: () => NSFRoutes.CategoryList(slot.id, slot.name),
+				getNewURL: () => NSFRoutes.CategoryNew(slot.id, slot.name),
+				getCopyURL: (id: string) => NSFRoutes.CategoryCopy(slot.id, slot.name, id),
+				getEditURL: (id: string) => NSFRoutes.CategoryEdit(slot.id, slot.name, id),
+				getViewURL: (id: string) => NSFRoutes.CategoryView(slot.id, slot.name, id),
+			},
+			server: {
+				value_list: props.servers.field.value.List,
+				get: props.servers.field.category.Get,
+				list: async (filters, page, size, sorts, all_workspaces) =>
+				{
+					let REACT_APP_BASE_URL_FIELD = new EnvService("REACT_APP_BASE_URL_FIELD", true).getString();
+					let field = new NamirasoftFieldServer(REACT_APP_BASE_URL_FIELD, props.account.token_manager, props.notifier.onError);
+					let meta = new NamirasoftFieldMetaDatabase(props.account.token_manager);
+					let filter_category_scope = new FilterItem(meta.tables.category, meta.tables.category.columns.category_scope_id, false, FilterItemOperator.all.equals, category_scope.id);
+					filters = [filter_category_scope, ...(filters ?? [])];
+					return await field.category.List(filters, page, size, sorts, all_workspaces);
+				},
+				create: props.servers.field.category.Create,
+				update: props.servers.field.category.Update,
+				delete: props.servers.field.category.Delete
+			}
+		};
+	}
+}

package/dist/layouts/NSARoutes.d.ts

@@ -1,11 +0,0 @@
-import { Component, ReactNode } from 'react';
-export interface NSARoutesProps {
-    children: ReactNode;
-}
-interface NSARoutesState {
-}
-export declare class NSARoutes extends Component<NSARoutesProps, NSARoutesState> {
-    constructor(props: NSARoutesProps);
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};

package/dist/layouts/NSARoutes.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NSRoutes } from 'namirasoft-site-react';
-import { Component } from 'react';
-export class NSARoutes extends Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    render() {
-        return (_jsx(NSRoutes, { children: this.props.children }));
-    }
-}
-//# sourceMappingURL=NSARoutes.js.map

package/dist/layouts/NSARoutes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSARoutes.js","sourceRoot":"","sources":["../../src/layouts/NSARoutes.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAW7C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEpE,YAAY,KAAqB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,QAAQ,cACJ,IAAI,CAAC,KAAK,CAAC,QAAQ,GACb,CACd,CAAC;IACN,CAAC;CACJ"}

package/dist/layouts/NSARoutes_Field.js.map

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

package/src/layouts/NSARoutes.tsx

@@ -1,29 +0,0 @@
-import { NSRoutes } from 'namirasoft-site-react';
-import { Component, ReactNode } from 'react';
-
-export interface NSARoutesProps
-{
-    children: ReactNode;
-}
-
-interface NSARoutesState
-{
-}
-
-export class NSARoutes extends Component<NSARoutesProps, NSARoutesState>
-{
-    constructor(props: NSARoutesProps)
-    {
-        super(props);
-
-        this.state = {};
-    }
-    override render()
-    {
-        return (
-            <NSRoutes>
-                {this.props.children}
-            </NSRoutes>
-        );
-    }
-}