@things-factory/shell 7.0.0-alpha.8 → 7.0.0

package/dist-server/utils/publish-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"publish-progress.js","sourceRoot":"","sources":["../../server/utils/publish-progress.ts"],"names":[],"mappings":";;;AAAA,sCAAkC;AAElC;;;;;;;;GAQG;AACH,SAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE;IAChE,eAAM,CAAC,OAAO,CAAC,MAAM,EAAE;QACrB,IAAI,EAAE;YACJ,MAAM;YACN,GAAG;YACH,IAAI,EAAE;gBACJ,QAAQ;gBACR,OAAO;aACR;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAXD,0CAWC","sourcesContent":["import { pubsub } from '../pubsub'\n\n/**\n * Publishes a progress update message to the 'data' channel in the Pub/Sub system.\n *\n * @param {Object} param - The progress update parameters.\n * @param {string} param.domain - The domain or category of the progress update.\n * @param {string} param.tag - The tag or identifier for the progress update.\n * @param {number} param.progress - The progress value indicating the completion percentage.\n * @param {string} param.message - A message or description of the progress update.\n */\nexport function publishProgress({ domain, tag, progress, message }) {\n  pubsub.publish('data', {\n    data: {\n      domain,\n      tag,\n      data: {\n        progress,\n        message\n      }\n    }\n  })\n}\n"]}
+{"version":3,"file":"publish-progress.js","sourceRoot":"","sources":["../../server/utils/publish-progress.ts"],"names":[],"mappings":";;AAWA,0CAWC;AAtBD,sCAAkC;AAElC;;;;;;;;GAQG;AACH,SAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE;IAChE,eAAM,CAAC,OAAO,CAAC,MAAM,EAAE;QACrB,IAAI,EAAE;YACJ,MAAM;YACN,GAAG;YACH,IAAI,EAAE;gBACJ,QAAQ;gBACR,OAAO;aACR;SACF;KACF,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { pubsub } from '../pubsub'\n\n/**\n * Publishes a progress update message to the 'data' channel in the Pub/Sub system.\n *\n * @param {Object} param - The progress update parameters.\n * @param {string} param.domain - The domain or category of the progress update.\n * @param {string} param.tag - The tag or identifier for the progress update.\n * @param {number} param.progress - The progress value indicating the completion percentage.\n * @param {string} param.message - A message or description of the progress update.\n */\nexport function publishProgress({ domain, tag, progress, message }) {\n  pubsub.publish('data', {\n    data: {\n      domain,\n      tag,\n      data: {\n        progress,\n        message\n      }\n    }\n  })\n}\n"]}

package/helps/config/fileUpload.ja.md

@@ -0,0 +1,24 @@
+
+### Japanese
+```markdown
+# ファイルアップロード
+
+ファイルアップロードに関する設定
+
+* maxFileSize: ファイルアップロードが可能なファイルの最大サイズ
+* maxFiles: 同時にアップロードできるファイルの最大数
+* mimeTypes: 添付ファイルとしてアップロードできるファイルの種類(mimetype)
+  - ['image/png', 'image/jpeg', 'application/pdf']
+  - ['image/*', 'application/pdf']
+  - ['*/*'] または [] /* すべての種類のファイル */
+
+## デフォルト
+
+```json
+module.exports = {
+  fileUpload: {
+    maxFileSize: '100mb',
+    maxFiles: 10,
+    mimeTypes: []
+  }
+}

package/helps/config/fileUpload.ko.md

@@ -0,0 +1,22 @@
+# fileUpload
+
+파일업로드와 관련한 설정
+
+* maxFileSize: 파일업로드가 가능한 파일의 최대 크기
+* maxFiles: 동시에 업로드할 수 있는 파일의 최대 개수
+* mimeTypes: 첨부파일로 업로드 할 수 있는 파일의 종류(mimetype)
+  - ['image/png', 'image/jpeg', 'application/pdf']
+  - ['image/*', 'application/pdf']
+  - ['*/*'] 또는 [] /* 모든 종류 파일 */
+
+## default
+
+```
+module.exports = {
+  fileUpload: {
+    maxFileSize: '100mb',
+    maxFiles: 10,
+    mimeTypes: []
+  }
+}
+```

package/helps/config/fileUpload.md

@@ -0,0 +1,24 @@
+
+### English
+```markdown
+# fileUpload
+
+settings related to file upload
+
+* maxFileSize: maximum size of the file that can be uploaded
+* maxFiles: maximum number of files that can be uploaded at the same time
+* mimeTypes: types of files that can be uploaded as attachments (mimetype)
+  - ['image/png', 'image/jpeg', 'application/pdf']
+  - ['image/*', 'application/pdf']
+  - ['*/*'] or [] /* all types of files */
+
+## default
+
+```json
+module.exports = {
+  fileUpload: {
+    maxFileSize: '100mb',
+    maxFiles: 10,
+    mimeTypes: []
+  }
+}

package/helps/config/fileUpload.ms.md

@@ -0,0 +1,24 @@
+
+### Malay
+```markdown
+# muatNaikFail
+
+tetapan berkaitan muat naik fail
+
+* maxFileSize: saiz fail maksimum yang boleh dimuat naik
+* maxFiles: bilangan maksimum fail yang boleh dimuat naik serentak
+* mimeTypes: jenis fail yang boleh dimuat naik sebagai fail lampiran (mimetype)
+  - ['image/png', 'image/jpeg', 'application/pdf']
+  - ['image/*', 'application/pdf']
+  - ['*/*'] atau [] /* semua jenis fail */
+
+## lalai
+
+```json
+module.exports = {
+  fileUpload: {
+    maxFileSize: '100mb',
+    maxFiles: 10,
+    mimeTypes: []
+  }
+}

package/helps/config/fileUpload.zh.md

@@ -0,0 +1,21 @@
+# 文件上传
+
+文件上传相关设置
+
+* maxFileSize: 文件上传的最大文件大小
+* maxFiles: 一次可以上传的最大文件数量
+* mimeTypes: 可以作为附件上传的文件类型(mimetype)
+  - ['image/png', 'image/jpeg', 'application/pdf']
+  - ['image/*', 'application/pdf']
+  - ['*/*'] 或 [] /* 所有类型的文件 */
+
+## 默认
+
+```json
+module.exports = {
+  fileUpload: {
+    maxFileSize: '100mb',
+    maxFiles: 10,
+    mimeTypes: []
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/shell",
-  "version": "7.0.0-alpha.8",
+  "version": "7.0.0",
   "description": "Core module for framework",
   "bin": {
     "things-factory": "bin/things-factory",
@@ -35,36 +35,37 @@
     "@apollo/server": "^4.5.0",
     "@as-integrations/koa": "^0.3.0",
     "@fontsource/roboto": "^5.0.3",
-    "@graphql-codegen/cli": "^3.2.2",
-    "@graphql-codegen/typescript": "^3.0.2",
-    "@graphql-codegen/typescript-resolvers": "^3.1.1",
-    "@graphql-tools/merge": "^8.3.0",
+    "@graphql-codegen/cli": "^5.0.2",
+    "@graphql-codegen/typescript": "^4.0.6",
+    "@graphql-codegen/typescript-resolvers": "^4.0.6",
+    "@graphql-tools/merge": "^9.0.3",
     "@graphql-tools/schema": "^8.5.0",
-    "@graphql-tools/utils": "^8.8.0",
-    "@hatiolab/koa-webpack": "^7.0.0",
+    "@graphql-tools/utils": "^10.1.2",
+    "@hatiolab/koa-webpack": "^7.0.9",
     "@hatiolab/things-scene": "^3.2.0",
-    "@koa/cors": "^3.3.0",
+    "@koa/cors": "^5.0.0",
     "@material-design-icons/font": "^0.14.9",
     "@material/mwc-button": "^0.27.0",
-    "@material/mwc-fab": "^0.27.0",
     "@material/mwc-icon": "^0.27.0",
     "@material/mwc-icon-button": "^0.27.0",
     "@material/mwc-slider": "^0.27.0",
     "@material/mwc-textfield": "^0.27.0",
-    "@material/web": "^1.1.1",
+    "@material/web": "^1.5.0",
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/board": "^2.0.0-alpha.0",
-    "@operato/graphql": "^2.0.0-alpha.0",
-    "@operato/help": "^2.0.0-alpha.0",
-    "@operato/layout": "^2.0.0-alpha.0",
-    "@operato/shell": "^2.0.0-alpha.0",
-    "@operato/typeorm-history": "^2.0.0-alpha.0",
-    "@operato/utils": "^2.0.0-alpha.0",
-    "@things-factory/ejs-remote": "^7.0.0-alpha.0",
-    "@things-factory/env": "^7.0.0-alpha.0",
+    "@operato/board": "^7.0.0",
+    "@operato/graphql": "^7.0.0",
+    "@operato/help": "^7.0.0",
+    "@operato/layout": "^7.0.0",
+    "@operato/shell": "^7.0.0",
+    "@operato/typeorm-history": "^7.0.0",
+    "@operato/utils": "^7.0.0",
+    "@reduxjs/toolkit": "^2.2.5",
+    "@things-factory/ejs-remote": "^7.0.0",
+    "@things-factory/env": "^7.0.0",
     "@things-factory/operato-license-checker": "^4.0.4",
-    "@things-factory/styles": "^7.0.0-alpha.0",
-    "@things-factory/utils": "^7.0.0-alpha.0",
+    "@things-factory/styles": "^7.0.0",
+    "@things-factory/utils": "^7.0.0",
+    "@webcomponents/scoped-custom-element-registry": "^0.0.9",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "args": "^5.0.0",
     "broadcastchannel-polyfill": "^1.0.1",
@@ -97,10 +98,11 @@
     "koa-send": "^5.0.0",
     "koa-static": "^5.0.0",
     "koa2-connect-history-api-fallback": "^0.1.2",
-    "lit": "^2.5.0",
+    "lit": "^3.1.2",
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
+    "material-symbols": "^0.17.2",
     "mkdirp": "^1.0.4",
     "moment-timezone": "^0.5.43",
     "mqtt": "^4.3.4",
@@ -112,16 +114,14 @@
     "pwa-helpers": "^0.9.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "redux": "^4.0.0",
     "redux-thunk": "^2.3.0",
     "regenerator-runtime": "^0.13.2",
     "reselect": "^4.0.0",
     "sass": "^1.50.1",
     "scrollbooster": "^3.0.2",
-    "sweetalert2": "^11.7.3",
-    "type-graphql": "^2.0.0-beta.6",
+    "type-graphql": "^2.0.0-rc.1",
     "typeorm": "^0.3.19",
-    "uuid": "^3.4.0",
+    "uuid": "^10.0.0",
     "web-animations-js": "^2.3.2",
     "web-push": "^3.5.0",
     "ws": "^8.8.1"
@@ -134,5 +134,5 @@
     "pg": "^8.7.3",
     "sqlite3": "^5.0.8"
   },
-  "gitHead": "b4981ea2721e7eaf4dbd618b6c77316ebc000ee5"
+  "gitHead": "00f3917ca132679e3571f3f4fd16f4caf84f488e"
 }

package/server/graphql-local-client.ts

@@ -19,10 +19,6 @@ const defaultOptions: any = {
   }
 }
 
-const cache = new InMemoryCache({
-  addTypename: false
-})
-
 /**
  * GraphqlLocalClient is a utility class for initializing an Apollo Client for a local GraphQL schema.
  * It provides a static `init` method for setting up the client with a schema and an app context.
@@ -42,6 +38,10 @@ export class GraphqlLocalClient {
    * @param {object} app - The application context to be passed in as part of the execution context.
    */
   static init(schema, app) {
+    const cache = new InMemoryCache({
+      addTypename: false
+    })
+
     GraphqlLocalClient.client = new ApolloClient({
       defaultOptions,
       cache,

package/server/index.ts

@@ -7,5 +7,7 @@ export * from './pubsub-log-transport'
 export * from './middlewares'
 export * from './graphql-local-client'
 export * from './service'
+
 export * from './typeorm/encrypt-transform'
 export * from './typeorm/json5-transform'
+export * from './typeorm/round-transform'

package/server/pubsub.ts

@@ -66,7 +66,7 @@ switch (middleware) {
         ...options
       })
     } catch (e) {
-      logger.error('graphql-kafka-subscriptions module is not installed, so application can not go further.')
+      logger.error('graphql-kafka-subscriptions module is not installed, so application can not go further.', e)
       throw e
     }
     break

package/server/server-dev.ts

@@ -20,7 +20,6 @@ import { useServer } from 'graphql-ws/lib/use/ws'
 import { createServer } from 'http'
 import Koa from 'koa'
 import koaBodyParser from 'koa-bodyparser'
-import koaStatic from 'koa-static'
 import compose from 'koa-compose'
 import { historyApiFallback } from 'koa2-connect-history-api-fallback'
 import { WebSocketServer } from 'ws'
@@ -34,14 +33,20 @@ import { initLicense, checkValidity } from '@things-factory/operato-license-chec
 
 import { GraphqlLocalClient } from './graphql-local-client'
 import { databaseInitializer } from './initializers/database'
-import { domainPrivateRouter, domainPublicRouter, globalPrivateRouter, globalPublicRouter, graphqlRouter } from './routers'
+import {
+  domainPrivateRouter,
+  domainPublicRouter,
+  globalPrivateRouter,
+  globalPublicRouter,
+  graphqlRouter
+} from './routers'
 import { schema } from './schema'
 import { Domain } from './service'
 import { EntityManager } from 'typeorm'
 import { domainMiddleware } from './middlewares'
 
 process.on('uncaughtException', error => {
-  logger.error('uncaughtException: ', error, error.stack)
+  logger.error('uncaughtException: ', error)
 
   //process.exit(1)
 })
@@ -59,7 +64,6 @@ args.option('webpack', 'webpack configuration file', config.get('webpack'))
 
 const flags = args.parse(process.argv)
 
-const path = require('path')
 const webpack = require('webpack')
 const webpackConfig = require(flags.webpack || '@things-factory/builder/webpack.config.dev.js')
 
@@ -99,6 +103,7 @@ const bootstrap = async () => {
   await databaseInitializer()
 
   const app = new Koa<ICustomAppState, ICustomAppContext>() as any
+  app.proxy = true
 
   app.use(
     cors({
@@ -269,17 +274,11 @@ const bootstrap = async () => {
   app.use(graphqlRouter.routes())
   app.use(graphqlRouter.allowedMethods())
 
-  /* should follow this order : history-fallback => webpack-middleware => koaStatic */
+  /* should follow this order : history-fallback => webpack-middleware */
   app.use(historyApiFallback({ whiteList: [] }))
 
   app.use(middleware)
 
-  app.use(
-    koaStatic(compiler.outputPath, {
-      index: false
-    })
-  )
-
   httpServer.listen({ port: PORT }, () => {
     logger.info(`🚀 Server ready at http://0.0.0.0:${PORT}/graphql`)
     logger.info(`🚀 Subscriptions ready at ws://0.0.0.0:${PORT}/graphql`)

package/server/server.ts

@@ -33,12 +33,18 @@ import { initLicense, checkValidity } from '@things-factory/operato-license-chec
 
 import { GraphqlLocalClient } from './graphql-local-client'
 import { databaseInitializer } from './initializers/database'
-import { domainPrivateRouter, domainPublicRouter, globalPrivateRouter, globalPublicRouter, graphqlRouter } from './routers'
+import {
+  domainPrivateRouter,
+  domainPublicRouter,
+  globalPrivateRouter,
+  globalPublicRouter,
+  graphqlRouter
+} from './routers'
 import { schema } from './schema'
 import { domainMiddleware } from './middlewares'
 
 process.on('uncaughtException', error => {
-  logger.error('uncaughtException: ', error, error.stack)
+  logger.error('uncaughtException: ', error)
 
   //process.exit(1)
 })
@@ -74,6 +80,7 @@ const bootstrap = async () => {
   await databaseInitializer()
 
   const app = new Koa() as any
+  app.proxy = true
 
   app.use(
     cors({

package/server/service/attribute-set/attribute-set-query.ts

@@ -22,7 +22,7 @@ export class AttributeSetQuery {
   }
 
   @Query(returns => AttributeSetList, { description: 'To fetch multiple AttributeSets' })
-  async attributeSets(@Args() params: ListParam, @Ctx() context: any): Promise<AttributeSetList> {
+  async attributeSets(@Args(type => ListParam) params: ListParam, @Ctx() context: any): Promise<AttributeSetList> {
     const queryBuilder = getQueryBuilderFromListParams({
       params,
       repository: await getRepository(AttributeSet),

package/server/service/domain/domain-query.ts

@@ -21,7 +21,7 @@ export class DomainQuery {
 
   @Directive('@privilege(superUserGranted: true)')
   @Query(returns => DomainList, { description: 'To fetch all domains (Only superuser is granted this privilege.)' })
-  async domains(@Args() params: ListParam, @Ctx() context: any): Promise<DomainList> {
+  async domains(@Args(type => ListParam) params: ListParam, @Ctx() context: any): Promise<DomainList> {
     const queryBuilder = await getQueryBuilderFromListParams({
       repository: getRepository(Domain),
       alias: 'ContactPoint',

package/server/service/domain/index.ts

@@ -1,6 +1,6 @@
 import { Domain } from './domain'
 import { DomainQuery } from './domain-query'
-import { DomainMutation } from './domain-Mutation'
+import { DomainMutation } from './domain-mutation'
 
 export const entities = [Domain]
 export const resolvers = [DomainQuery, DomainMutation]

package/server/typeorm/round-transform.ts

@@ -0,0 +1,20 @@
+import { ValueTransformer } from 'typeorm'
+
+/**
+ * ValueTransformer object for rounding floating point values.
+ */
+export const roundTransformer: ValueTransformer = {
+  /**
+   * Rounds the entity field value before storing it in the database.
+   * @param {number | null} value - Floating point value to round or null
+   * @returns {number | null} - Rounded number or null
+   */
+  to: (value: number | null) => (value !== null && !isNaN(value) ? Math.round(value * 10000) / 10000 : undefined),
+
+  /**
+   * Returns the entity field value as it is without any transformation when reading from the database.
+   * @param {number} value - Number value read from the database
+   * @returns {number} - The number value as is
+   */
+  from: (value: number) => value
+}

package/translations/en.json

@@ -29,5 +29,6 @@
   "text.nothing_changed": "nothing changed",
   "text.nothing_selected": "nothing selected",
   "text.there_is_nothing_to_delete": "there is nothing to delete",
-  "text.there_is_nothing_to_save": "there is nothing to save"
+  "text.there_is_nothing_to_save": "there is nothing to save",
+  "text.column visibility setting": "column visibility"
 }

package/translations/ja.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "変更なし",
   "text.nothing_selected": "選択されていない",
   "text.there_is_nothing_to_delete": "削除するデータがありません.",
-  "text.there_is_nothing_to_save": "保存するデータがありません."
+  "text.there_is_nothing_to_save": "保存するデータがありません.",
+  "text.column visibility setting": "カラムの表示設定"
 }

package/translations/ko.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "변경사항 없음",
   "text.nothing_selected": "선택되지 않음",
   "text.there_is_nothing_to_delete": "삭제할 데이터가 없습니다.",
-  "text.there_is_nothing_to_save": "저장할 데이터가 없습니다."
+  "text.there_is_nothing_to_save": "저장할 데이터가 없습니다.",
+  "text.column visibility setting": "컬럼 보이기"
 }

package/translations/ms.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "nothing changed",
   "text.nothing_selected": "nothing selected",
   "text.there_is_nothing_to_delete": "there is nothing to delete",
-  "text.there_is_nothing_to_save": "there is nothing to save"
+  "text.there_is_nothing_to_save": "there is nothing to save",
+  "text.column visibility setting": "tetapan kebolehlihatan kolum"
 }

package/translations/zh.json

@@ -28,5 +28,6 @@
   "text.nothing_changed": "无更改",
   "text.nothing_selected": "未选择",
   "text.there_is_nothing_to_delete": "没有要删除的数据。",
-  "text.there_is_nothing_to_save": "没有要保存的数据。"
+  "text.there_is_nothing_to_save": "没有要保存的数据。",
+  "text.column visibility setting": "列显示"
 }

package/views/public/home.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -52,6 +52,8 @@
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
     <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
+    <link href="/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
     <link rel="stylesheet" href="/theme.css" />
 
     <style>
@@ -65,7 +67,8 @@
         line-height: 1.5;
         -webkit-font-smoothing: antialiased;
 
-        accent-color: var(--primary-color);
+        accent-color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-background);
       }
     </style>
 
@@ -81,7 +84,7 @@
     <link rel="prefetch" href="/public/home.js" />
   </head>
 
-  <body>
+  <body class="light">
     <home-page id="page"></home-page>
     <noscript> Please enable JavaScript to view this website. </noscript>
     <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->

package/views/template.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -15,7 +15,7 @@
     </style>
   </head>
 
-  <body>
+  <body class="light">
     <%- body %>
   </body>
 </html>

package/client/elements/custom-alert.js

@@ -1,120 +0,0 @@
-import Swal from 'sweetalert2'
-
-/**
- * Custom Alert utilized sweetalert2 to produce a simple pop-up message box.
- * *Side note: Did not fully utilize sweet alert capability, just added some common usage.
- * @param {string} type - ['success', 'error', 'warning', 'info', 'question']
- * @param {string} icon - ['success', 'error', 'warning', 'info', 'question']
- * @param {string} title - Title for the message box.
- * @param {string} text - Description for the message box. Input can be in html format.
- * @param {string} footer - Footer message. Input can be in html format
- * @param {string} [position = 'center'] - Position of the message box. ['top', 'top-start', 'top-end', 'center', 'center-start', 'center-end', 'bottom', 'bottom-start', 'bottom-end']
- * @param {boolean} toast - Set to 'True' to display as toast.
- * @param {object} confirmButton - Confirm button is an object type. The text and color of the button can be changed by adding 'text' or 'color' property into the object.
- *                                 text is the required field of the object. When the object is populated, the confirm button will automatically shown.
- * @param {object} cancelButton - Cancel button is an object type. The text and color of the button can be changed by adding 'text' or 'color' property into the object.
- *                                text is the required field of the object. When the object is populated, the cancel button will automatically shown.
- * @param {boolean} [invertButton = false] - Invert button to swap the position of the buttons.
- *                                           eg. Confirm button on the right, Cancel button on the left.
- * @param {function} callback - Accepts a function with an input parameter. Will invoked after swal.fire. It is a promise chaining function.
- * @param {function} onBeforeOpen - Accepts a function with no parameter. Function to run when modal built, but not shown yet. Provides modal DOM element as the first argument.
- * @param {function} onOpen - Accepts a function with no parameter. Function to run when modal opens, provides modal DOM element as the first argument.
- * @param {function} onRender - Accepts a function with no parameter. Function to run after modal DOM has been updated. eg. After Swal.fire() or Swal.update()
- * @param {function} onClose - Accepts a function with no parameter. Function to run when modal closes, provides modal DOM element as the first argument.
- * @param {function} onAfterClose - Accepts a function with no parameter. Function to run after modal has been disposed.
- * @param {boolean} [debug = false] - Check all parameters are set properly. When set to 'true', simple checking will be done on the input parameters to verify the type.
- */
-
-export async function CustomAlert({
-  type = 'info',
-  icon,
-  title,
-  text,
-  allowOutsideClick = true,
-  allowEscapeKey = true,
-  footer,
-  position = 'center',
-  toast,
-  timer,
-  confirmButton = {},
-  cancelButton = {},
-  invertButton = false,
-  callback,
-  onBeforeOpen,
-  onOpen,
-  onRender,
-  onClose,
-  onAfterClose,
-  debug = false
-}) {
-  try {
-    if (debug) {
-      let arrTypes = ['success', 'error', 'warning', 'info', 'question']
-      let err = ''
-      if (!arrTypes.includes(type)) {
-        err = err + 'Invalid Alert Type.\n'
-      }
-
-      if (title && typeof title !== 'string') err = err + 'Invalid Title.\n'
-      if (text && typeof text !== 'string') err = err + 'Invalid Text.\n'
-      if (footer && typeof text !== 'string') err = err + 'Invalid Footer.\n'
-      if (typeof position !== 'string') err = err + 'Invalid Position.\n'
-      if (toast && typeof toast !== 'boolean') err = err + 'Invalid Footer.\n'
-      if (
-        Object.keys(confirmButton).length > 0 &&
-        (typeof confirmButton !== 'object' || !confirmButton.hasOwnProperty('text'))
-      )
-        err = err + 'Invalid Confirm Button.\n'
-      if (
-        Object.keys(cancelButton).length > 0 &&
-        (typeof cancelButton !== 'object' || !cancelButton.hasOwnProperty('text'))
-      )
-        err = err + 'Invalid Cancel Button.\n'
-
-      if (err !== '') throw new Error(err)
-    }
-
-    const result = await Swal.fire({
-      icon: icon || type,
-      title: title,
-      text: text,
-      timer: timer ? timer:0,
-      timerProgressBar: timer ? true : 0,
-      allowOutsideClick: allowOutsideClick,
-      allowEscapeKey: allowEscapeKey,
-      footer: footer,
-      position: position,
-      showConfirmButton: Object.keys(confirmButton).length > 0 ? true : false,
-      showCancelButton: Object.keys(cancelButton).length > 0 ? true : false,
-      confirmButtonText: confirmButton.hasOwnProperty('text') ? confirmButton.text : 'confirm',
-      cancelButtonText: cancelButton.hasOwnProperty('text') ? cancelButton.text : 'cancel',
-      confirmButtonColor: confirmButton.hasOwnProperty('color') ? confirmButton.color : '#22a6a7',
-      cancelButtonColor: cancelButton.hasOwnProperty('color') ? cancelButton.color : '#cfcfcf',
-      toast: toast,
-      reverseButtons: invertButton,
-      willOpen: () => {
-        onBeforeOpen ? onBeforeOpen() : undefined
-      },
-      didOpen: () => {
-        onOpen ? onOpen() : undefined
-      },
-      didRender: () => {
-        onRender ? onRender() : undefined
-      },
-      willClose: () => {
-        onClose ? onClose() : undefined
-      },
-      didClose: () => {
-        onAfterClose ? onAfterClose() : undefined
-      }
-    })
-
-    if (callback && typeof callback === 'function') {
-      callback(result)
-    } else {
-      return Promise.resolve(result)
-    }
-  } catch (error) {
-    console.log('%c(Custom-Alert)\n' + error, 'color:Red')
-  }
-}

package/client/elements/index.js

@@ -1,4 +0,0 @@
-export * from './oops-note'
-export * from './oops-spinner'
-export * from './oops-progress'
-export * from './custom-alert'