@abpjs/setting-management 0.9.0 → 1.1.0

package/dist/index.d.mts

@@ -3,9 +3,32 @@ export { SettingTab } from '@abpjs/theme-shared';
 import { ABP } from '@abpjs/core';
 import React from 'react';
 
+/**
+ * Setting Management Models
+ * Translated from @abp/ng.setting-management v1.1.0
+ */
+
+/**
+ * Setting Management namespace containing types and interfaces
+ * @since 1.1.0
+ */
+declare namespace SettingManagement {
+    /**
+     * State interface for setting management
+     * Tracks the currently selected setting tab
+     */
+    interface State {
+        selectedTab: SettingTab | null;
+    }
+}
+
 /**
  * Setting Management Routes
- * Translated from @abp/ng.setting-management v0.9.0
+ * Translated from @abp/ng.setting-management v1.0.0
+ *
+ * Note: In Angular v1.0.0, route constants were removed from the package.
+ * In React, we keep these route constants as they are useful for
+ * programmatic navigation and route configuration.
  */
 
 /**
@@ -17,7 +40,11 @@ declare const SETTING_MANAGEMENT_ROUTES: {
 
 /**
  * Setting Management Service
- * Translated from @abp/ng.setting-management v0.9.0
+ * Translated from @abp/ng.setting-management v1.1.0
+ *
+ * Note: In Angular, the SettingManagementService was removed in favor
+ * of using Store directly. In React, we keep this service as it provides
+ * a clean API for managing settings tabs without requiring a global store.
  */
 
 /**
@@ -84,6 +111,56 @@ declare class SettingManagementService {
  */
 declare function getSettingManagementService(): SettingManagementService;
 
+/**
+ * Setting Management State Service
+ * Translated from @abp/ng.setting-management v1.1.0
+ *
+ * This service provides state management for setting tabs,
+ * equivalent to the Angular NGXS SettingManagementState.
+ */
+
+/**
+ * State service for managing setting management state.
+ * Provides methods equivalent to Angular's NGXS state selectors and actions.
+ *
+ * @since 1.1.0
+ */
+declare class SettingManagementStateService {
+    private _state;
+    private _subscribers;
+    /**
+     * Get the currently selected setting tab
+     * Equivalent to Angular's @Selector() getSelectedTab
+     */
+    getSelectedTab(): SettingTab | null;
+    /**
+     * Set the selected setting tab
+     * Equivalent to Angular's SetSelectedSettingTab action
+     * @param tab The setting tab to select
+     */
+    setSelectedTab(tab: SettingTab | null): void;
+    /**
+     * Get the current state
+     */
+    getState(): SettingManagement.State;
+    /**
+     * Reset the state to initial values
+     */
+    reset(): void;
+    /**
+     * Subscribe to state changes
+     * @param callback Function to call when state changes
+     * @returns Unsubscribe function
+     */
+    subscribe(callback: () => void): () => void;
+    private notifySubscribers;
+}
+/**
+ * Get the singleton instance of SettingManagementStateService
+ * @since 1.1.0
+ */
+declare function getSettingManagementStateService(): SettingManagementStateService;
+
 /**
  * Return type for useSettingManagement hook
  */
@@ -188,4 +265,4 @@ interface SettingLayoutProps {
  */
 declare function SettingLayout({ children, onTabSelect, className, }: SettingLayoutProps): React.ReactElement;
 
-export { SETTING_MANAGEMENT_ROUTES, SettingLayout, type SettingLayoutProps, SettingManagementService, type UseSettingManagementReturn, getSettingManagementService, useSettingManagement };
+export { SETTING_MANAGEMENT_ROUTES, SettingLayout, type SettingLayoutProps, SettingManagement, SettingManagementService, SettingManagementStateService, type UseSettingManagementReturn, getSettingManagementService, getSettingManagementStateService, useSettingManagement };

package/dist/index.d.ts

@@ -3,9 +3,32 @@ export { SettingTab } from '@abpjs/theme-shared';
 import { ABP } from '@abpjs/core';
 import React from 'react';
 
+/**
+ * Setting Management Models
+ * Translated from @abp/ng.setting-management v1.1.0
+ */
+
+/**
+ * Setting Management namespace containing types and interfaces
+ * @since 1.1.0
+ */
+declare namespace SettingManagement {
+    /**
+     * State interface for setting management
+     * Tracks the currently selected setting tab
+     */
+    interface State {
+        selectedTab: SettingTab | null;
+    }
+}
+
 /**
  * Setting Management Routes
- * Translated from @abp/ng.setting-management v0.9.0
+ * Translated from @abp/ng.setting-management v1.0.0
+ *
+ * Note: In Angular v1.0.0, route constants were removed from the package.
+ * In React, we keep these route constants as they are useful for
+ * programmatic navigation and route configuration.
  */
 
 /**
@@ -17,7 +40,11 @@ declare const SETTING_MANAGEMENT_ROUTES: {
 
 /**
  * Setting Management Service
- * Translated from @abp/ng.setting-management v0.9.0
+ * Translated from @abp/ng.setting-management v1.1.0
+ *
+ * Note: In Angular, the SettingManagementService was removed in favor
+ * of using Store directly. In React, we keep this service as it provides
+ * a clean API for managing settings tabs without requiring a global store.
  */
 
 /**
@@ -84,6 +111,56 @@ declare class SettingManagementService {
  */
 declare function getSettingManagementService(): SettingManagementService;
 
+/**
+ * Setting Management State Service
+ * Translated from @abp/ng.setting-management v1.1.0
+ *
+ * This service provides state management for setting tabs,
+ * equivalent to the Angular NGXS SettingManagementState.
+ */
+
+/**
+ * State service for managing setting management state.
+ * Provides methods equivalent to Angular's NGXS state selectors and actions.
+ *
+ * @since 1.1.0
+ */
+declare class SettingManagementStateService {
+    private _state;
+    private _subscribers;
+    /**
+     * Get the currently selected setting tab
+     * Equivalent to Angular's @Selector() getSelectedTab
+     */
+    getSelectedTab(): SettingTab | null;
+    /**
+     * Set the selected setting tab
+     * Equivalent to Angular's SetSelectedSettingTab action
+     * @param tab The setting tab to select
+     */
+    setSelectedTab(tab: SettingTab | null): void;
+    /**
+     * Get the current state
+     */
+    getState(): SettingManagement.State;
+    /**
+     * Reset the state to initial values
+     */
+    reset(): void;
+    /**
+     * Subscribe to state changes
+     * @param callback Function to call when state changes
+     * @returns Unsubscribe function
+     */
+    subscribe(callback: () => void): () => void;
+    private notifySubscribers;
+}
+/**
+ * Get the singleton instance of SettingManagementStateService
+ * @since 1.1.0
+ */
+declare function getSettingManagementStateService(): SettingManagementStateService;
+
 /**
  * Return type for useSettingManagement hook
  */
@@ -188,4 +265,4 @@ interface SettingLayoutProps {
  */
 declare function SettingLayout({ children, onTabSelect, className, }: SettingLayoutProps): React.ReactElement;
 
-export { SETTING_MANAGEMENT_ROUTES, SettingLayout, type SettingLayoutProps, SettingManagementService, type UseSettingManagementReturn, getSettingManagementService, useSettingManagement };
+export { SETTING_MANAGEMENT_ROUTES, SettingLayout, type SettingLayoutProps, SettingManagement, SettingManagementService, SettingManagementStateService, type UseSettingManagementReturn, getSettingManagementService, getSettingManagementStateService, useSettingManagement };

package/dist/index.js

@@ -23,7 +23,9 @@ __export(index_exports, {
   SETTING_MANAGEMENT_ROUTES: () => SETTING_MANAGEMENT_ROUTES,
   SettingLayout: () => SettingLayout,
   SettingManagementService: () => SettingManagementService,
+  SettingManagementStateService: () => SettingManagementStateService,
   getSettingManagementService: () => getSettingManagementService,
+  getSettingManagementStateService: () => getSettingManagementStateService,
   useSettingManagement: () => useSettingManagement
 });
 module.exports = __toCommonJS(index_exports);
@@ -160,6 +162,71 @@ function getSettingManagementService() {
   return _instance;
 }
 
+// src/services/setting-management-state.service.ts
+var SettingManagementStateService = class {
+  constructor() {
+    this._state = {
+      selectedTab: null
+    };
+    this._subscribers = /* @__PURE__ */ new Set();
+  }
+  /**
+   * Get the currently selected setting tab
+   * Equivalent to Angular's @Selector() getSelectedTab
+   */
+  getSelectedTab() {
+    return this._state.selectedTab;
+  }
+  /**
+   * Set the selected setting tab
+   * Equivalent to Angular's SetSelectedSettingTab action
+   * @param tab The setting tab to select
+   */
+  setSelectedTab(tab) {
+    this._state = {
+      ...this._state,
+      selectedTab: tab
+    };
+    this.notifySubscribers();
+  }
+  /**
+   * Get the current state
+   */
+  getState() {
+    return { ...this._state };
+  }
+  /**
+   * Reset the state to initial values
+   */
+  reset() {
+    this._state = {
+      selectedTab: null
+    };
+    this.notifySubscribers();
+  }
+  /**
+   * Subscribe to state changes
+   * @param callback Function to call when state changes
+   * @returns Unsubscribe function
+   */
+  subscribe(callback) {
+    this._subscribers.add(callback);
+    return () => {
+      this._subscribers.delete(callback);
+    };
+  }
+  notifySubscribers() {
+    this._subscribers.forEach((callback) => callback());
+  }
+};
+var _stateInstance = null;
+function getSettingManagementStateService() {
+  if (!_stateInstance) {
+    _stateInstance = new SettingManagementStateService();
+  }
+  return _stateInstance;
+}
+
 // src/hooks/useSettingManagement.ts
 var import_react = require("react");
 function useSettingManagement() {
@@ -313,6 +380,8 @@ var styles = {
   SETTING_MANAGEMENT_ROUTES,
   SettingLayout,
   SettingManagementService,
+  SettingManagementStateService,
   getSettingManagementService,
+  getSettingManagementStateService,
   useSettingManagement
 });

package/dist/index.mjs

@@ -130,6 +130,71 @@ function getSettingManagementService() {
   return _instance;
 }
 
+// src/services/setting-management-state.service.ts
+var SettingManagementStateService = class {
+  constructor() {
+    this._state = {
+      selectedTab: null
+    };
+    this._subscribers = /* @__PURE__ */ new Set();
+  }
+  /**
+   * Get the currently selected setting tab
+   * Equivalent to Angular's @Selector() getSelectedTab
+   */
+  getSelectedTab() {
+    return this._state.selectedTab;
+  }
+  /**
+   * Set the selected setting tab
+   * Equivalent to Angular's SetSelectedSettingTab action
+   * @param tab The setting tab to select
+   */
+  setSelectedTab(tab) {
+    this._state = {
+      ...this._state,
+      selectedTab: tab
+    };
+    this.notifySubscribers();
+  }
+  /**
+   * Get the current state
+   */
+  getState() {
+    return { ...this._state };
+  }
+  /**
+   * Reset the state to initial values
+   */
+  reset() {
+    this._state = {
+      selectedTab: null
+    };
+    this.notifySubscribers();
+  }
+  /**
+   * Subscribe to state changes
+   * @param callback Function to call when state changes
+   * @returns Unsubscribe function
+   */
+  subscribe(callback) {
+    this._subscribers.add(callback);
+    return () => {
+      this._subscribers.delete(callback);
+    };
+  }
+  notifySubscribers() {
+    this._subscribers.forEach((callback) => callback());
+  }
+};
+var _stateInstance = null;
+function getSettingManagementStateService() {
+  if (!_stateInstance) {
+    _stateInstance = new SettingManagementStateService();
+  }
+  return _stateInstance;
+}
+
 // src/hooks/useSettingManagement.ts
 import { useState, useEffect, useCallback, useMemo } from "react";
 function useSettingManagement() {
@@ -282,6 +347,8 @@ export {
   SETTING_MANAGEMENT_ROUTES,
   SettingLayout,
   SettingManagementService,
+  SettingManagementStateService,
   getSettingManagementService,
+  getSettingManagementStateService,
   useSettingManagement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/setting-management",
-  "version": "0.9.0",
+  "version": "1.1.0",
   "description": "ABP Framework setting-management components for React - translated from @abp/ng.setting-management",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -25,12 +25,12 @@
   "dependencies": {
     "@chakra-ui/react": "^3.2.0",
     "@emotion/react": "^11.11.0",
-    "@abpjs/core": "0.9.0",
-    "@abpjs/theme-shared": "0.9.0",
-    "@abpjs/permission-management": "0.9.0"
+    "@abpjs/theme-shared": "1.1.0",
+    "@abpjs/core": "1.1.0",
+    "@abpjs/permission-management": "1.1.0"
   },
   "devDependencies": {
-    "@abp/ng.setting-management": "0.9.0",
+    "@abp/ng.setting-management": "1.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",
@@ -62,7 +62,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/abpjs/abp-react"
+    "url": "https://github.com/abpjs/abp-react",
+    "directory": "packages/setting-management"
   },
   "homepage": "https://docs.abpjs.io/docs/packages/setting-management/overview",
   "bugs": {
@@ -81,6 +82,7 @@
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,json,md}\"",
     "type-check": "tsc --noEmit",
-    "test": "vitest"
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
 }