namirasoft-site-react 1.4.530 → 1.4.531

package/dist/components/NSSectionTitle.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NSSection } from './NSSection';
 import { NSTitle } from './NSTitle';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
 export function NSSectionTitle(props) {
-    return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.NORMAL }), _jsx(NSTitle, { title: props.title }), props.children] })));
+    return (_jsxs(NSSection, Object.assign({}, props, { children: [_jsx(NSTitle, { title: props.title }), props.children] })));
 }
 //# sourceMappingURL=NSSectionTitle.js.map

package/dist/components/NSSectionTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,UAAU,cAAc,CAAC,KAA0B;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC9B,KAAK,CAAC,QAAQ,KACJ,CACZ,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,MAAM,UAAU,cAAc,CAAC,KAA0B;IAExD,OAAO,CACN,MAAC,SAAS,oBAAK,KAAK,eACnB,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC9B,KAAK,CAAC,QAAQ,KACJ,CACZ,CAAC;AACH,CAAC"}

package/package.json

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.4.530",
+    "version": "1.4.531",
     "author": "Amir Abolhasani",
     "license": "MIT",
     "main": "./dist/main.js",
@@ -21,7 +21,7 @@
         "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
     },
     "dependencies": {
-        "@ant-design/icons": "^6.2.3",
+        "@ant-design/icons": "^6.2.5",
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@babel/plugin-transform-private-property-in-object": "^7.29.7",
         "@types/node": "^25.9.1",
@@ -37,11 +37,11 @@
         "chart.js": "^4.5.1",
         "copyfiles": "^2.4.1",
         "namirasoft-api-link": "^1.4.22",
-        "namirasoft-api-product": "^1.4.52",
-        "namirasoft-core": "^1.4.114",
+        "namirasoft-api-product": "^1.4.53",
+        "namirasoft-core": "^1.4.115",
         "namirasoft-schema": "^1.4.29",
         "namirasoft-site": "^1.4.45",
-        "namirasoft-site-map": "^1.4.46",
+        "namirasoft-site-map": "^1.4.47",
         "os-browserify": "^0.3.0",
         "path-browserify": "^1.0.1",
         "process": "^0.11.10",

package/src/components/NSSectionTitle.tsx

@@ -1,8 +1,7 @@
 import { ReactNode } from 'react';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { NSSection } from './NSSection';
 import { NSTitle } from './NSTitle';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
 export interface NSSectionTitleProps extends IBaseComponentProps
 {
@@ -14,7 +13,6 @@ export function NSSectionTitle(props: NSSectionTitleProps)
 {
 	return (
 		<NSSection {...props} >
-			<NSSpace size={NSSpaceSizeType.NORMAL} />
 			<NSTitle title={props.title} />
 			{props.children}
 		</NSSection>

package/SKILLS.md

@@ -1,188 +0,0 @@
----
-name: namirasoft-site-react
-description: Use when working inside the Namirasoft Site React NPM Package or when any Namirasoft portal frontend imports from namirasoft-site-react. Covers all 40+ NSBox* form/display components, NSBoxBuilder, routing, formatters, and Ant Design integration.
----
-
-# Namirasoft Site React Package Skill
-
-## Trigger
-Use this skill when working inside `d:\01 - Code Base\Namira\Package\TypeScript\Namirasoft Site React NPM Package` or when any Namirasoft portal frontend imports from `namirasoft-site-react`.
-
-## Package Identity
-- **npm name:** `namirasoft-site-react`
-- **Entry point:** `dist/main.js` / React app entry: `src/index.tsx`
-- **Purpose:** React UI component library and application framework for Namirasoft portal interfaces. 40+ `NSBox*` form/display components, routing, data formatting, and portal infrastructure built on Ant Design + Bootstrap.
-
-## Key Dependencies
-`react ^18`, `react-dom`, `react-router-dom ^7`, `antd ^6`, `@ant-design/icons ^6`, `react-bootstrap ^2`, `bootstrap`, `chart.js`, `react-chartjs-2`, `axios`, `@uiw/react-json-view`, `namirasoft-core`, `namirasoft-schema`, `namirasoft-site`, `namirasoft-site-map`, `namirasoft-api-product`, `namirasoft-api-link`
-
-## Source Structure
-
-```
-src/
-├── components/          # 40+ NSBox* components
-├── pages/               # Page-level components
-├── props/               # Prop type interfaces
-├── routing/             # Route definitions
-├── formatter/           # Data formatters
-├── App.tsx              # Main application component
-├── main.ts              # Module entry (for npm consumers)
-└── index.tsx            # React app entry
-```
-
-## NSBox Component Library
-
-All input/display components follow the `NSBox*` naming convention. They are built on top of Ant Design and handle type-specific rendering, validation, and editing.
-
-### Boolean
-| Component | Description |
-|-----------|-------------|
-| `NSBoxBoolean` | Toggle/checkbox for boolean values |
-
-### Text & String
-| Component | Description |
-|-----------|-------------|
-| `NSBoxString` | Text input |
-| `NSBoxEmail` | Email input with format validation |
-| `NSBoxURL` | URL input |
-| `NSBoxPhone` | Phone number input (E.164) |
-| `NSBoxColor` | Color picker (hex) |
-| `NSBoxFont` | Font name selector |
-| `NSBoxVersion` | SemVer string input |
-| `NSBoxFilePath` | File path input |
-| `NSBoxIPV4` | IPv4 address input |
-| `NSBoxIPV6` | IPv6 address input |
-| `NSBoxIPV4Range` | IPv4 CIDR range input |
-| `NSBoxIPV6Range` | IPv6 CIDR range input |
-
-### Numeric
-| Component | Description |
-|-----------|-------------|
-| `NSBoxInteger` | Integer number input |
-| `NSBoxFloat` | Float input |
-| `NSBoxDouble` | Double input |
-| `NSBoxDecimal` | Decimal/arbitrary precision input |
-| `NSBoxBigInt` | BigInt input |
-| `NSBoxMoney` | Currency amount input |
-
-### Date & Time
-| Component | Description |
-|-----------|-------------|
-| `NSBoxDate` | Date picker (YYYY-MM-DD) |
-| `NSBoxDateTime` | Date + time picker |
-| `NSBoxTime` | Time picker (HH:mm:ss) |
-| `NSBoxDuration` | Duration input (ISO 8601) |
-| `NSBoxTimeZone` | IANA timezone selector |
-
-### Selection
-| Component | Description |
-|-----------|-------------|
-| `NSBoxCombo` | Dropdown/combo box (enum values) |
-| `NSBoxEntity` | Entity reference selector (FK-like dropdown) |
-| `NSBoxEnum` | Enum display/input |
-
-### Complex
-| Component | Description |
-|-----------|-------------|
-| `NSBoxArray` | Array of items editor |
-| `NSBoxAny` | Unconstrained value input |
-| `NSBoxBuilder` | Large composite form builder (35KB). Generates entire forms from schema definitions. |
-
-## Utilities
-| Export | Description |
-|--------|-------------|
-| `Validator` | Client-side validation (delegates to `namirasoft-schema` JoiValidator) |
-| `EncryptionOperation` | Client-side AES encrypt/decrypt |
-| `Color` | Color manipulation helpers |
-| `CopyToClipboard` | Copy text to clipboard |
-| `ProductCacheService` | Caches product/API metadata on the client side |
-
-## Common Usage Patterns
-
-### Using an NSBox component
-```tsx
-import { NSBoxString } from 'namirasoft-site-react';
-
-function UserForm() {
-  const [email, setEmail] = React.useState('');
-
-  return (
-    <NSBoxEmail
-      value={email}
-      onChange={setEmail}
-      label="Email Address"
-      required
-    />
-  );
-}
-```
-
-### Using NSBoxBuilder (schema-driven forms)
-```tsx
-import { NSBoxBuilder } from 'namirasoft-site-react';
-import { ApplicationSchema } from 'namirasoft-schema';
-
-function AutoForm({ schema, data, onChange }) {
-  return (
-    <NSBoxBuilder
-      schema={schema}
-      data={data}
-      onChange={onChange}
-    />
-  );
-}
-```
-
-### Using NSBoxCombo (enum dropdown)
-```tsx
-import { NSBoxCombo } from 'namirasoft-site-react';
-
-<NSBoxCombo
-  value={status}
-  onChange={setStatus}
-  options={[
-    { label: 'Active',   value: 'active' },
-    { label: 'Inactive', value: 'inactive' },
-  ]}
-  label="Status"
-/>
-```
-
-### Routing setup
-```tsx
-// src/routing/ defines routes using react-router-dom v7
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { routes } from './routing/routes';
-
-const router = createBrowserRouter(routes);
-
-function App() {
-  return <RouterProvider router={router} />;
-}
-```
-
-### Formatters
-```tsx
-import { formatDate, formatMoney, formatDuration } from 'namirasoft-site-react/formatter';
-
-formatDate('2024-01-15');          // → 'Jan 15, 2024'
-formatMoney(12345.67, 'USD');      // → '$12,345.67'
-formatDuration('PT1H30M');        // → '1h 30m'
-```
-
-## Build Configuration
-Uses `react-app-rewired` to customize CRA build without ejecting. Static assets (CSS, HTML, images) are copied to `dist/` using `copyfiles`.
-
-```bash
-npm run start    # dev server (CRA)
-npm run build    # production build → dist/
-npm run build:lib  # build library module → dist/main.js
-```
-
-## Conventions
-- Always use `NSBox*` components for form inputs — never raw Ant Design/Bootstrap inputs directly.
-- Each `NSBox*` component corresponds to a type schema in `namirasoft-schema` — match them.
-- `NSBoxBuilder` is the canonical way to render schema-driven forms — use it instead of writing manual form layouts when a full schema is available.
-- Component props always include `value`, `onChange`, `label`, and `required` as standard fields.
-- All data display formatting goes through `formatter/` — no ad-hoc `Date.toLocaleDateString()` calls.
-- `ProductCacheService` should be initialized once at app startup, not per-component.