nexus-shared 1.1.12 → 1.1.13

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "nexus-shared",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "Nexus shared React components for Next.js",
   "type": "module",
-  "sideEffects": [ "**/*.css" ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": "./src/index.ts",
     "./client": "./src/client.ts",
     "./interface": "./src/interface.ts"
   },
-  "files": [ "src" ],
+  "files": [
+    "src"
+  ],
   "scripts": {
     "typecheck": "tsc --noEmit"
   },

package/src/components/documents/icon-box.tsx

@@ -4,6 +4,7 @@ import { DEFAULT_ICON_ELEMENT_NAME, EIcons, EIconTypes } from "../../interfaces/
 import { EBadgeTypes, EOpacity, ESizes } from "../../interfaces/layout-interfaces";
 import { EBackgrounds } from "../../interfaces/theme-interfaces";
 import { ClickHandler, UN } from "../../interfaces/type-interfaces";
+import { NEXUS_CONFIG } from "../../nexus.environments";
 
 interface IIconBoxProps {
   icon: EIcons;
@@ -89,4 +90,4 @@ export const CreateIconBox = (icon: EIcons, parent?: HTMLElement | UN, children?
   return iconBox;
 };
 
-export const CreateToggleButton = (parentElement?: HTMLElement | null, children?: HTMLElement | UN, id?: string, boxSize?: ESizes | null, iconSize?: ESizes | null, opacity?: EOpacity | UN, iconType?: EIconTypes | null, boxBackground?: EBackgrounds) => CreateIconBox(EIcons.ELLIPSIS_HORIZONTAL, parentElement, children, id, iconType, boxBackground, boxSize, iconSize, `h ${boxBackground ?? "bg1"} ml5`, "r90");
+export const CreateToggleButton = (parentElement?: HTMLElement | null, children?: HTMLElement | UN, id?: string, boxSize?: ESizes | null, iconSize?: ESizes | null, opacity?: EOpacity | UN, iconType?: EIconTypes | null, boxBackground?: EBackgrounds) => CreateIconBox(EIcons.ELLIPSIS_HORIZONTAL, parentElement, children, id, iconType, boxBackground, boxSize, iconSize, `h ${boxBackground ?? NEXUS_CONFIG.DEFAULT_BACKGROUND} ml5`, "r90");

package/src/components/documents/tab-button.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import React, { useEffect, useState } from "react";
 import { CreateClone, DynamicSorting, GetVisibleAndHiddenItems } from "../../helpers/datasource-helpers";
@@ -8,6 +8,7 @@ import { IDialogboxResults } from "../../interfaces/dialogbox-interfaces";
 import { DEFAULT_ICON_ELEMENT_NAME, EIcons, EIconTypes } from "../../interfaces/icon-interfaces";
 import { EPositions } from "../../interfaces/layout-interfaces";
 import { ClickHandler, UN } from "../../interfaces/type-interfaces";
+import { NEXUS_CONFIG } from "../../nexus.environments";
 import { GlobalDialogbox, InitializeDialogbox } from "./../layouts/global-dialogbox";
 import { Button, Buttons, CreateButton, CreateButtons, SET_BUTTON_ACTIVE_CLASS } from "./button";
 import { CreateToggleButton, Iconbox } from "./icon-box";
@@ -80,7 +81,7 @@ export function CreateTabButtons<T>(buttons: IButton[], parent: HTMLElement | nu
         }
     }
   };
-  const onVisibility = (isVisible: boolean) => {
+  const onVisibility = () => {
     if (linkButtons) linkButtons.remove();
     linkButtons = CreateButtons(hiddenItems, themeContainer, null, 6, 0);
   };
@@ -124,10 +125,10 @@ export const TabButtons = ({ buttons, activeButton, onClicked }: { buttons: IBut
         if (active && active.id && btn.id === active.id) {
           btn.iconType = EIconTypes.FILLED;
           btn.defaultClass = "btn active jc r";
-        } else btn.defaultClass = "bg1 jc r";
+        } else btn.defaultClass = `jc r ${NEXUS_CONFIG.DEFAULT_BACKGROUND}`;
       }
 
-      for (const btn of hiddenItems) btn.defaultClass = "bg1";
+      for (const btn of hiddenItems) btn.defaultClass = NEXUS_CONFIG.DEFAULT_BACKGROUND;
 
       for (const btn of newButtons) {
         btn.onClick = (event, element, data, index) => {

package/src/components/inputs/input-box.tsx

@@ -1,9 +1,10 @@
 import { DEFAULT_INPUT_BORDER_SIZE, IInputRootParameters, REQUIRED_TEXT1 } from "../../interfaces/input-interfaces";
 import { EBackgrounds } from "../../interfaces/theme-interfaces";
+import { NEXUS_CONFIG } from "../../nexus.environments";
 import { CreateIconBox } from "../documents/icon-box";
 
 export const CreateInputBox = (param: IInputRootParameters<any>, child: HTMLElement | null, parent: HTMLElement | null, isTabular: boolean) => {
-  const bg = param.background ?? "bg1";
+  const bg = param.background ?? NEXUS_CONFIG.DEFAULT_BACKGROUND;
 
   const BORDER_SIZE = param.borderSize ?? DEFAULT_INPUT_BORDER_SIZE;
 

package/src/helpers/input-helpers.tsx

@@ -1,3 +1,4 @@
+import { DEFAULT_ICON_ELEMENT_NAME } from "../interface";
 import { EValueChangeTypes, IInputCreateResults, IInputRootParameters } from "../interfaces/input-interfaces";
 import { ESizes } from "../interfaces/layout-interfaces";
 import { UN } from "../interfaces/type-interfaces";
@@ -22,3 +23,22 @@ export const ForceSetValue = (input?: IInputCreateResults | null, value?: any |
     clearTimeout(timeoutValue);
   }, timeout ?? 0);
 };
+export const ApplyPasswordInput = (iconbox: HTMLElement | null, inputElement: HTMLElement | null) => {
+  const input = inputElement as HTMLInputElement | undefined;
+  if (!input || !iconbox) return;
+  const icon = iconbox.querySelector(DEFAULT_ICON_ELEMENT_NAME) as HTMLElement | null;
+  if (icon) icon.setAttribute("name", "eye");
+  const onMouseLeave = () => {
+    iconbox.removeEventListener("mouseleave", onMouseLeave);
+    iconbox.removeEventListener("click", onClicked);
+    input.type = "password";
+    if (icon) icon.setAttribute("name", "key");
+  };
+  const onClicked = () => {
+    const isPassword = input.type === "password";
+    input.type = isPassword ? "text" : "password";
+    if (icon) icon.setAttribute("name", isPassword ? "eye-off" : "eye");
+  };
+  iconbox.addEventListener("mouseleave", onMouseLeave);
+  iconbox.addEventListener("click", onClicked);
+};

package/src/nexus.environments.tsx

@@ -2,26 +2,30 @@ import { ENexusModules } from "./interfaces/system-interfaces";
 import { EBackgrounds } from "./interfaces/theme-interfaces";
 
 export const APIS = {
-  DRIVE: "",
+  DRIVE: process.env.API_DRIVE,
+  AUTHENTICATION: process.env.API_AUTHENTICATION,
+  CONFIGURATION: process.env.API_CONFIGURATION,
+  CURRENT: process.env.API_CURRENT,
 };
-const FILE = (filePath: string, fileExtension: string, fileName: string) => `${APIS.DRIVE}/static-files/${encodeURIComponent(filePath)}/${encodeURIComponent(fileExtension)}/${encodeURIComponent(fileName)}`;
+const FILE = (apiName: string, filePath: string, fileName: string) => `${APIS.DRIVE}/Resources/${apiName}/${encodeURIComponent(filePath)}/${encodeURIComponent(fileName)}`;
 export const FILES = {
   LOGO: {
-    ICON: "/static-files/logos/icon-logo.png",
-    FULL: "/static-files/logos/full-logo.png",
-    FULL_TEXT: "/static-files/logos/full-text-logo.png",
+    ICON: FILE("Image", "logos", "icon-logo.png"),
+    FULL: FILE("Image", "logos", "full-logo.png"),
+    FULL_TEXT: FILE("Image", "logos", "full-text-logo.png"),
   },
+  SCRIPT: (fileName: string, isStyles: boolean = false) => FILE("Script", isStyles ? "css" : "js", fileName),
 };
 export const NEXUS_INFO = {
   CURRENT_MODULE: process.env.CURRENT_MODULE !== undefined ? (parseInt(process.env.CURRENT_MODULE) as ENexusModules) : undefined,
   CURRENT_MODULE_NAME: process.env.CURRENT_MODULE_NAME,
   CURRENT_MODULE_SHORT_NAME: process.env.CURRENT_MODULE_SHORT_NAME,
   IS_PRODUCTION: process.env.NODE_ENV === "production",
-  SOFTWARE_COMPANY_SHORT_NAME: "Nexus Solutions",
-  SOFTWARE_COMPANY_FULL_NAME: "Nexus Solutions Pvt. Ltd.",
+  SOFTWARE_COMPANY_SHORT_NAME: process.env.SOFTWARE_COMPANY_SHORT_NAME,
+  SOFTWARE_COMPANY_FULL_NAME: process.env.SOFTWARE_COMPANY_FULL_NAME,
   SOFTWARE_VERSION: process.env.SOFTWARE_VERSION,
   SOFTWARE_LAST_UPDATE_DATE: process.env.SOFTWARE_LAST_UPDATE_DATE,
-  SOFTWARE_COMPANY_WEBSITE: "https://www.bjadhikari.com.np",
+  SOFTWARE_COMPANY_WEBSITE: process.env.SOFTWARE_COMPANY_WEBSITE,
 };
 export const NEXUS_CONFIG = {
   /** Default revalidate time for static generation (in minutes) */
@@ -30,5 +34,5 @@ export const NEXUS_CONFIG = {
   /** Default timeout for HTTP requests (in milliseconds) */
   DEFAULT_HTTP_REQUEST_TIMEOUT: NEXUS_INFO.IS_PRODUCTION ? 60000 : 1000000,
 
-  DEFAULT_BACKGROUND: EBackgrounds.Background1,
+  DEFAULT_BACKGROUND: process.env.DEFAULT_BACKGROUND ?? EBackgrounds.Background1,
 };