ui-soxo-bootstrap-core 2.4.24

package/core/translation.json

@@ -0,0 +1,54 @@
+{
+    "hi": {
+        "title": "नियुक्ति",
+        "subTitle": "अभिलेख",
+        "downloadButton": "डाउनलोड करना",
+        "newAppointmentButton": "नव नियुक्ति",
+        "searchPlaceholder": "खोज मान दर्ज करें",
+        "table": {
+            "name": "नियुक्ति",
+            "part2": "अभिलेख",
+            "part3": "डाउनलोड करना",
+            "part4": "नव नियुक्ति"
+        }
+    },
+    "en": {
+        "title": "Appointments",
+        "subTitle": "records",
+        "downloadButton": "Download",
+        "newAppointmentButton": "New Appointment",
+        "searchPlaceholder": "Enter Search Value",
+        "table": {
+            "name": "Name",
+            "part2": "records",
+            "part3": "Download",
+            "part4": "New Appointment"
+        }
+    },
+    "ja": {
+        "title": "予定",
+        "subTitle": "記録",
+        "downloadButton": "ダウンロード",
+        "newAppointmentButton": "新しい予定",
+        "searchPlaceholder": "検索値を入力してください",
+        "table": {
+            "name": "予定",
+            "part2": "記録",
+            "part3": "ダウンロード",
+            "part4": "新しい予定"
+        }
+    },
+    "ma": {
+        "title": "Уулзалт",
+        "subTitle": "бичлэгүүд",
+        "downloadButton": "татаж авах",
+        "newAppointmentButton": "Шинэ уулзалт",
+        "searchPlaceholder": "хайлтын утгыг оруулна уу",
+        "table": {
+            "name": "Уулзалт",
+            "part2": "бичлэгүүд",
+            "part3": "татаж авах",
+            "part4": "Шинэ уулзалт"
+        }
+    }
+}

package/core/translations.json

@@ -0,0 +1,20 @@
+{
+    "ar": {
+        "description": {
+            "part1": "ثثثثثثثثثثث",
+            "part2": "ثثثثثثثثثثث"
+        }
+    },
+    "en": {
+        "description": {
+            "part1": "Enter your name",
+            "part2": "Learn React"
+        }
+    },
+    "de": {
+        "description": {
+            "part1": "Ändere <1>src/App.js</1> und speichere um neu zu laden.",
+            "part2": "Lerne React"
+        }
+    }
+}

package/core/utils/script.utils.js

@@ -0,0 +1,130 @@
+import React, { Suspense } from "react";
+
+/**
+ * Load the webpack component
+ * 
+ * @param {*} scope 
+ * @param {*} module 
+ * @returns 
+ */
+export function loadComponent(scope, module) {
+    return async () => {
+        // Initializes the share scope. This fills it with known provided modules from this build and all remotes
+        await __webpack_init_sharing__("default");
+        const container = window[scope]; // or get the container somewhere else
+        // Initialize the container, it may provide shared modules
+        if (container) {
+            await container.init(__webpack_share_scopes__.default);
+            const factory = await window[scope].get(module);
+            const Module = factory();
+            return Module;
+        } else {
+            throw new DOMException("Invalid component");
+        }
+    };
+}
+
+/**
+ * Inject the style sheets dynamically
+ * 
+ * @param {*} url 
+ * @returns 
+ */
+export const injectLinks = function (url) {
+    return new Promise((resolve, reject) => {
+        const element = document.createElement("link");
+
+        element.href = url;
+        element.type = "text/css";
+        element.rel = "stylesheet";
+
+        element.onload = () => {
+            console.log(`Dynamic Link Loaded: ${url}`);
+            resolve(true);
+        };
+
+        element.onerror = () => {
+            console.error(`Dynamic Link Error: ${url}`);
+            document.head.removeChild(element);
+            reject({ uri: url });
+        };
+
+        document.head.appendChild(element);
+    });
+};
+
+/**
+ * Inject scripts to Html 
+ * 
+ * @param {*} url 
+ * @param {*} id 
+ * @returns 
+ */
+export const useDynamicScript = (args) => {
+    const [ready, setReady] = React.useState(false);
+    const [failed, setFailed] = React.useState(false);
+
+    React.useEffect(() => {
+        if (!args.url) {
+            return;
+        }
+
+        const element = document.createElement("script");
+
+        element.src = args.url;
+        element.type = "text/javascript";
+        element.async = false;
+
+        setReady(false);
+        setFailed(false);
+
+        element.onload = () => {
+            console.log(`Dynamic Script Loaded: ${args.url}`);
+            setReady(true);
+        };
+
+        element.onerror = () => {
+            console.error(`Dynamic Script Error: ${args.url}`);
+            setReady(true);
+            setFailed(true);
+        };
+
+        document.head.appendChild(element);
+
+        return () => {
+            console.log(`Dynamic Script Removed: ${args.url}`);
+            document.head.removeChild(element);
+            window[args.component.scope] = undefined;
+        };
+    }, [args.url]);
+
+    return {
+        ready,
+        failed,
+    };
+};
+
+/**
+ * Remove the scripts
+ * 
+ * @param {*} id 
+ * @returns 
+ */
+export const removeScripts = (id) => {
+    return new Promise((resolve, reject) => {
+        if (!id) {
+            reject("Invalid id");
+        }
+        const scripts = document.querySelectorAll(
+            'script[data-configuration-id]:not([data-configuration-id="' + id + '"]'
+        );
+        if (scripts.length > 0) {
+            const list = Array.from(scripts);
+            list.forEach((element) => {
+                document.head.removeChild(element);
+            });
+        }
+
+        resolve(true);
+    });
+};

package/core/utils/settings.utils.js

@@ -0,0 +1,26 @@
+
+import React, { Component } from 'react';
+
+// import {ModalManager} from 'drivezy-web-utils/build/Utils';
+// import ConfigureSettings from './../Components/Configure-Settings/configureSettings.component';
+
+export default class SettingsUtil {
+    _currentGlobalLoader = null;
+
+    static registerModal(ref) {
+        this._currentGlobalLoader = ref;
+    }
+
+    static openSpotlightModal() {
+        if (this._currentGlobalLoader && this._currentGlobalLoader.openSpotlightModal) {
+            this._currentGlobalLoader.openSpotlightModal();
+        }
+    }
+
+    static configureModal() {
+        // ModalManager.openModal({
+        //     headerText: "Settings",
+        //     modalBody: () => (<ConfigureSettings />),
+        // })
+    }
+}

package/eslint.config.mjs

@@ -0,0 +1,79 @@
+import globals from 'globals';
+
+import pluginJs from '@eslint/js';
+
+import pluginReactConfig from 'eslint-plugin-react/configs/recommended.js';
+
+import { fixupConfigRules } from '@eslint/compat';
+
+import jsdoc from 'eslint-plugin-jsdoc';
+
+import unicorn from 'eslint-plugin-unicorn';
+
+export default [
+  { files: ['core/**/*.{js,jsx,ts,tsx}'] },
+  { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
+  { languageOptions: { globals: globals.browser } },
+  pluginJs.configs.recommended,
+  ...fixupConfigRules(pluginReactConfig),
+  {
+    plugins: {
+      jsdoc,
+      unicorn
+    },
+    rules: {
+      'no-unused-vars': 'error',
+      'no-console': 'warn',
+      'no-cond-assign': 'error',
+      'no-const-assign': 'error',
+      'no-duplicate-imports': 'error',
+      'func-names': 'off',
+      'no-process-exit': 'off',
+      'object-shorthand': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'class-methods-use-this': 'off',
+      // Disable PropTypes rule
+      'react/prop-types': 'off',
+      'padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: '*', next: '*' }, // Require an empty line between any two statements
+      ],
+      'camelcase': ['error', {
+        properties: 'always',
+        ignoreDestructuring: true,
+        allow: ["sub_menus"] // Allows 
+      }],
+      'unicorn/filename-case': ['error', {
+        cases: {
+          kebabCase: true,
+        },
+      }],
+      // JSDoc rules
+      'jsdoc/require-jsdoc': [
+        'error',
+        {
+          require: {
+            FunctionDeclaration: true,
+            MethodDefinition: true,
+            ClassDeclaration: true,
+            ArrowFunctionExpression: true,
+            FunctionExpression: true,
+          },
+        },
+      ],
+      'jsdoc/check-param-names': 'error', // Ensure parameter names are consistent
+      'jsdoc/require-param': 'error', // Require @param for each parameter
+      'jsdoc/require-returns': 'error', // Require @returns if the function returns a value
+    },
+    languageOptions: {
+      globals: {
+        process: "readonly", // ✅ Correct placement to allow `process`
+      },
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+  },
+];

package/index.js

@@ -0,0 +1,36 @@
+/**
+ * The entry file of the application . 
+ */
+
+
+import 'antd/dist/antd.css'; 
+// import 'bootstrap/dist/css/bootstrap.min.css';
+
+// import 'bootstrap/dist/js/bootstrap.bundle.min.js';
+// console.log('here 3',process.env);
+
+// export * from './core/lib/'
+
+// import 'antd/dist/antd.css'
+
+// import CoreElements from './core/'
+// 
+export * from './core/';
+
+
+// var elements = require('./core/')
+
+// import Globalheader from './core/components/global-header/global-header';
+
+
+// function log(msg) {
+//     console.log(msg);
+
+//     console.log("New changes")
+
+// };
+
+
+// exports * from './core/';
+
+// module.exports = { log, Globalheader };

package/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "ui-soxo-bootstrap-core",
+  "version": "2.4.24",
+  "description": "All the Core Components for you to start",
+  "keywords": [
+    "all in one"
+  ],
+  "homepage": "https://github.com/soxo-tech/soxo-bootstrap-core",
+  "bugs": {
+    "url": "https://github.com/soxo-tech/soxo-bootstrap-core/issues",
+    "email": "hello@soxo.in"
+  },
+  "main": "index.js",
+  "scripts": {
+    "size": "size-limit",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "webpack-dev-server --mode development",
+    "transpile": "babel / -d build --copy-files",
+    "build": "webpack --mode production",
+    "deploy": "gh-pages -d examples/build",
+    "quick-deploy": "git status && git add . && git commit -m \"Theme Updates\" && git push",
+    "release": "git tag -a v2023-v2.0.91 -m \"Theme Updates\" && npm run quick-deploy && npm publish",
+    "quick-commit": "git status && git add . && git commit -m 'Saving changes after deploying' && git push ",
+    "publish-demo": "npm run build && npm run deploy",
+    "lint": "eslint core",
+    "prepare": "husky install"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/soxo-tech/firebase-core.git"
+  },
+  "author": "Soxo <hello@soxo.in> (https://soxo.in)",
+  "license": "MIT",
+  "engines": {
+    "node": ">=6.0.0"
+  },
+  "dependencies": {
+    "@react-pdf-viewer/core": "^3.12.0",
+    "@react-pdf-viewer/default-layout": "^3.12.0",
+    "antd": "4.24.0",
+    "bootstrap": "^5.3.3",
+    "bootstrap-daterangepicker": "^3.1.0",
+    "file-saver": "^2.0.5",
+    "firebase": "^9.6.1",
+    "framer-motion": "^6.5.1",
+    "google-map-react": "^2.1.10",
+    "html5-qrcode": "^2.3.8",
+    "i18next": "^22.4.15",
+    "i18next-browser-languagedetector": "^7.0.1",
+    "jquery": "^3.6.0",
+    "lint-staged": "^12.3.2",
+    "moment-timezone": "^0.5.34",
+    "otp-input-react": "^0.3.0",
+    "pdf-lib": "^1.17.1",
+    "pdfjs-dist": "^3.4.120",
+    "qrcode.react": "^2.0.0",
+    "react": "^17.0.2",
+    "react-ace": "^9.5.0",
+    "react-awesome-button": "^7.0.5",
+    "react-barcode": "^1.4.1",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-bootstrap-daterangepicker": "^7.0.0",
+    "react-csv": "^2.2.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dom": "^17.0.2",
+    "react-hook-geolocation": "^1.0.11",
+    "react-hotkeys": "^2.0.0",
+    "react-html5-camera-photo": "^1.5.5",
+    "react-i18next": "^12.2.2",
+    "react-json-editor-ajrm": "^2.5.13",
+    "react-phone-input-2": "^2.15.1",
+    "react-places-autocomplete": "^7.3.0",
+    "react-router-dom": "^5.2.0",
+    "react-signature-canvas": "^1.0.6",
+    "sass": "^1.45.1",
+    "webpack-dev-server": "^5.0.4",
+    "world_countries_lists": "^2.6.0",
+    "xlsx": "^0.17.4"
+  },
+  "engineStrict": true,
+  "devDependencies": {
+    "@babel/core": "^7.16.5",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/preset-env": "^7.10.4",
+    "@babel/preset-react": "^7.10.4",
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.9.1",
+    "babel-loader": "^8.3.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^4.3.0",
+    "css-minimizer-webpack-plugin": "^1.3.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-jsdoc": "^50.2.2",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "globals": "^15.9.0",
+    "husky": "^9.1.5",
+    "prettier": "^3.3.3",
+    "sass-loader": "^10.5.2",
+    "style-loader": "^1.3.0",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.92.0",
+    "webpack-bundle-analyzer": "^4.10.1",
+    "webpack-cli": "^5.1.4"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint",
+      "git add"
+    ]
+  }
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+      "target": "es5",
+      "lib": [
+        "dom",
+        "dom.iterable",
+        "esnext"
+      ],
+      "allowJs": true,
+      "skipLibCheck": true,
+      "esModuleInterop": true,
+      "allowSyntheticDefaultImports": true,
+      "strict": true,
+      "forceConsistentCasingInFileNames": true,
+      "noFallthroughCasesInSwitch": true,
+      "module": "esnext",
+      "moduleResolution": "node",
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "noEmit": false,
+      "jsx": "react-jsx"
+    },
+    "include": [
+      "core"
+    ]
+  }
+  

package/webpack.config.js

@@ -0,0 +1,174 @@
+const isEnvProduction = true;
+
+const isEnvProductionProfile = true;
+
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+
+const TerserPlugin = require('terser-webpack-plugin');
+
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+
+
+/*** webpack.config.js ***/
+
+
+const path = require('path');
+
+module.exports = {
+
+    plugins: [
+        new BundleAnalyzerPlugin()
+    ],
+ 
+    // mode: "production",
+    // target: "node",
+
+
+    entry: path.join(__dirname, "index.js"),
+    output: {
+        path: path.join(__dirname, "/build"),
+        filename: "bootstrap-core-[name].bundle.js",
+        // library: {
+        //     type: 'umd',
+        //     name: 'soxo-bootstrap-core'
+        // },
+        // path: path.join(__dirname, "/build"),
+        // filename: "bootstrap-core.bundle.js"
+    },
+    module: {
+        rules: [
+
+            {
+                test: /\.js$|jsx/,
+                // test: /\.js$/,
+                use: "babel-loader",
+                exclude: /node_modules/
+            },
+            {
+                test: /\.(s(a|c)ss)$/,
+                // use: ['css-loader', 'sass-loader'],
+                use: [
+                    {
+                        loader: 'style-loader',
+                        options: {}
+                        // options: { injectType: 'singletonStyleTag' }
+                    },
+                    "css-loader",
+                    "sass-loader"
+                ],
+
+                exclude: /node_modules/
+
+            },
+            {
+                test: /\.(css)$/,
+                use: ['css-loader'],
+                // exclude: /node_modules/
+            },
+
+            {
+                test: /\.tsx?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+
+            {
+                test: /\.(png|jpe?g|gif)$/i,
+                loader: 'url-loader',
+                exclude: /node_modules/
+
+            },
+
+
+            // {
+            //     test: /\.(png|jpe?g|gif)$/i,
+            //     use: [
+            //         {
+            //             loader: 'file-loader',
+            //         },
+            //     ],
+            //     // exclude: /node_modules/
+            // },
+
+        ]
+    },
+
+    // externals: {
+    //     react: {
+    //         commonjs: 'react',
+    //         commonjs2: 'react',
+    //         amd: 'react',
+    //         root: '_',
+    //     },
+    //     antd: {
+    //         root: 'antd',
+    //         commonjs: 'antd',
+    //         commonjs2: 'antd',
+    //         amd: 'antd',
+    //     }
+    // },
+
+
+    // optimization: {
+    //     minimize: isEnvProduction,
+    //     splitChunks: {
+    //         chunks: 'all',
+    //     },
+
+    //     minimizer: [
+    //         // This is only used in production mode
+    //         new TerserPlugin({
+    //             terserOptions: {
+    //                 parse: {
+    //                     // We want terser to parse ecma 8 code. However, we don't want it
+    //                     // to apply any minification steps that turns valid ecma 5 code
+    //                     // into invalid ecma 5 code. This is why the 'compress' and 'output'
+    //                     // sections only apply transformations that are ecma 5 safe
+    //                     // https://github.com/facebook/create-react-app/pull/4234
+    //                     ecma: 8,
+    //                 },
+    //                 compress: {
+    //                     ecma: 5,
+    //                     warnings: false,
+    //                     // Disabled because of an issue with Uglify breaking seemingly valid code:
+    //                     // https://github.com/facebook/create-react-app/issues/2376
+    //                     // Pending further investigation:
+    //                     // https://github.com/mishoo/UglifyJS2/issues/2011
+    //                     comparisons: false,
+    //                     // Disabled because of an issue with Terser breaking valid code:
+    //                     // https://github.com/facebook/create-react-app/issues/5250
+    //                     // Pending further investigation:
+    //                     // https://github.com/terser-js/terser/issues/120
+    //                     inline: 2,
+    //                 },
+    //                 mangle: {
+    //                     safari10: true,
+    //                 },
+    //                 // Added for profiling in devtools
+    //                 keep_classnames: isEnvProductionProfile,
+    //                 keep_fnames: isEnvProductionProfile,
+    //                 output: {
+    //                     ecma: 5,
+    //                     comments: false,
+    //                     // Turned on because emoji and regex is not minified properly using default
+    //                     // https://github.com/facebook/create-react-app/issues/2488
+    //                     ascii_only: true,
+    //                 },
+    //             },
+    //         }),
+    //         // This is only used in production mode
+    //         new CssMinimizerPlugin(),
+    //     ],
+    // },
+
+
+
+    resolve: {
+        extensions: [".js", ".tsx"],
+
+    },
+    devServer: {
+        port: 5003
+    }
+};