@idevs/corelib 0.0.97 → 1.0.1

package/src/helpers/dialogHelper.ts

@@ -1,143 +0,0 @@
-import { StringEditor, ToolButton } from '@serenity-is/corelib'
-
-/**
- * Use this function within updateInterface()
- * @param targets
- * @constructor
- */
-export function RemoveSelect2ClearButton(...targets: string[]): void {
-  for (let i = 0; i < targets.length; i++) {
-    $(`.${targets[i]} .select2-search-choice-close`)?.remove()
-  }
-}
-
-export function EmailValidator(value: string): string | null {
-  // eslint-disable-next-line no-useless-escape
-  const filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/
-  return filter.test(value) ? null : 'Invalid email address'
-}
-
-export function NumberOnly(e: Event): boolean {
-  const ev = e as KeyboardEvent
-  if ('0123456789'.includes(ev.key)) {
-    return true
-  }
-
-  e.preventDefault()
-  return false
-}
-
-/**
- * Use GetDialogHelper function within function initToolbar()
- * @param helper
- * @constructor
- */
-export function GetDialogHelper(helper: DialogHelper): DialogHelper {
-  if (helper) {
-    return helper
-  }
-
-  return new DialogHelper()
-}
-
-export class DialogHelper {
-  /**
-   * Use this function within function getToolbarButtons()
-   * @param buttons
-   */
-  public getToolbarButtons(buttons: ToolButton[]): ToolButton[] {
-    const applyButton = buttons.find(b => b.cssClass === 'apply-changes-button')
-    if (applyButton) {
-      applyButton.visible = false
-    }
-
-    return buttons
-  }
-
-  /**
-   * Use this function within constructor
-   * @param targets
-   */
-  public inputNumberOnly(...targets: StringEditor[]): void {
-    for (let i = 0; i < targets.length; i++) {
-      targets[i].element.on('keypress', NumberOnly)
-    }
-  }
-
-  private NumberOnly(e: Event): boolean {
-    const ev = e as KeyboardEvent
-    if ('0123456789'.includes(ev.key)) {
-      return true
-    }
-
-    e.preventDefault()
-    return false
-  }
-
-  public enabledEditItem<T>(form: T, ...targets: string[]): void {
-    const frm = form as { [key: string]: object }
-    for (let i = 0; i < targets.length; i++) {
-      if (frm[targets[i]].constructor.name == 'LookupEditor') {
-        ;(frm[targets[i]] as HTMLInputElement).readOnly = false
-      } else {
-        $(`input[name="${targets[i]}"]`).prop('disabled', false).removeClass('readonly')
-      }
-    }
-  }
-
-  public disabledEditItem<T>(form: T, ...targets: string[]): void {
-    const frm = form as { [key: string]: object }
-    for (let i = 0; i < targets.length; i++) {
-      if (!frm[targets[i]]) {
-        continue
-      }
-
-      if (frm[targets[i]].constructor.name == 'LookupEditor') {
-        ;(frm[targets[i]] as HTMLInputElement).readOnly = true
-      } else {
-        $(`input[name="${targets[i]}"]`).prop('disabled', true).addClass('readonly')
-      }
-    }
-  }
-
-  public disabledAndClearEditItem<T>(form: T, ...targets: string[]): void {
-    const frm = form as { [key: string]: object }
-    for (let i = 0; i < targets.length; i++) {
-      const className = frm[targets[i]].constructor.name
-      if (className == 'LookupEditor') {
-        ;(frm[targets[i]] as HTMLInputElement).readOnly = true
-      } else {
-        $(`input[name="${targets[i]}"]`).val('')
-        $(`input[name="${targets[i]}"]`).addClass('readonly').prop('disabled', true)
-      }
-    }
-  }
-
-  /**
-   * Use this function within function onDialogOpen()
-   * Put after super.onDialogOpen() line
-   * @param dialog
-   * @param options
-   */
-  public setDialogSize(dialog: object, options?: IDialogSize) {
-    let name = dialog.constructor.name
-    name = `.s-${name}`
-    const optionH = options?.height || 0
-    const titleH = $(`${name} .ui-dialog-titlebar`).innerHeight() || 0
-    const dialogH = $(`${name} .s-TemplatedDialog`).css('height', '').innerHeight() || 0
-    const h = optionH > 0 ? optionH : titleH + dialogH + 2
-    const w = options?.width ?? 420
-    $(name)
-      .css({ width: `${w}px`, height: `${h}px` })
-      .position({
-        of: window,
-        my: 'center center',
-        at: 'center center',
-      })
-  }
-}
-
-export type IDialogSize = {
-  width?: number
-  height?: number
-}

package/src/helpers/excelExportHelper.ts

@@ -1,29 +0,0 @@
-import { deepClone, postToService } from '@serenity-is/corelib'
-import { IdevsExportOptions, IdevsExportRequest } from '../globals'
-
-export function doExportExcel(options: IdevsExportOptions): void {
-  const grid = options.grid
-  const request = deepClone(grid.getView().params) as IdevsExportRequest
-  request.Take = 0
-  request.Skip = 0
-  const sortBy = grid.getView().sortBy
-  if (sortBy) {
-    request.Sort = sortBy
-  }
-
-  request.ExportColumns = []
-  const columns = grid.getGrid().getColumns()
-  for (const column of columns) {
-    request.ExportColumns.push(column.id || column.field || '')
-  }
-  request.ExportColumns = request.ExportColumns.filter(column => !!column)
-  request.viewName = options.viewName
-  request.companyName = options.companyName
-  request.reportName = options.reportName
-  request.selectionRange = options.selectionRange
-  request.conditionRange = options.conditionRange
-  request.logo = options.logo
-  request.entity = options.entity
-
-  postToService({ service: options.service, request: request, target: '_blank' })
-}

package/src/helpers/gridHelper.ts

@@ -1,107 +0,0 @@
-import { Column } from '@serenity-is/sleekgrid'
-import { indexOf, tryFirst } from '@serenity-is/corelib'
-import { EntityGrid, ToolButton } from '@serenity-is/corelib'
-
-/**
- * Use GetGridHelper within function layout()
- * Put the line before super.layout()
- * In case of master/detail form use this function within function getButtons() or getColumns()
- * @param helper
- * @constructor
- */
-export function GetGridHelper(helper: GridHelper): GridHelper {
-  if (helper) {
-    return helper
-  }
-
-  return new GridHelper()
-}
-
-export class GridHelper {
-  /**
-   * Use this function within function getColumns()
-   * @param columns
-   * @param removeColumns
-   */
-  public getColumns(columns: Column[], ...removeColumns: string[]): Column[] {
-    for (const column of removeColumns) {
-      columns.splice(
-        indexOf(columns, c => c.field === column),
-        1,
-      )
-    }
-
-    const id = tryFirst(columns, c => c.field === 'Id')
-    if (id) {
-      columns.splice(
-        indexOf(columns, c => c.field === 'Id'),
-        1,
-      )
-    }
-
-    return columns
-  }
-
-  /**
-   * Use this function within function getButtons()
-   * @param buttons
-   * @param removeButtons
-   */
-  public getButtons(buttons: ToolButton[], ...removeButtons: string[]): ToolButton[] {
-    for (const btn of removeButtons) {
-      const id = indexOf(buttons, x => x.cssClass == btn)
-      if (id >= 0) {
-        buttons.splice(id, 1)
-      }
-    }
-
-    return buttons
-  }
-
-  /**
-   * Use this function within updateInterface method
-   * Put below super.updateInterface() line
-   * @param columns
-   */
-  public setHeaderAlignment(...columns: IHeaderAlignment[]): void {
-    for (let c = 0; c < columns.length; c++) {
-      const column: IHeaderAlignment = columns[c]
-      const header = document.querySelector(`.slick-header-columns div[id$="${column.column}"] .slick-column-name`)
-      if (header) {
-        header.classList.add('text-center')
-      }
-    }
-  }
-
-  /**
-   * Use this function within constructor
-   * @param grid
-   * @param options
-   */
-  public initGrid<TItem, TOptions>(grid: EntityGrid<TItem, TOptions>, options?: IInitGridOptions): void {
-    // Set auto column width
-    if (options?.autoColumnWidth ?? true) {
-      const g = grid.getGrid()
-      g.autosizeColumns()
-    }
-
-    // get dialog mode
-    grid.openDialogsAsPanel = (options?.dialogMode ?? true) == false
-  }
-}
-
-export type IInitGridOptions = {
-  autoColumnWidth?: boolean
-  dialogMode?: boolean
-}
-
-export type IHeaderAlignment = {
-  column: string
-  textAlign: HeaderTextAlignments
-}
-
-export enum HeaderTextAlignments {
-  Left = 0,
-  Center = 1,
-  Right = 2,
-}

package/src/helpers/html2pdf.d.ts

@@ -1,19 +0,0 @@
-declare module 'html2pdf.js' {
-  type Html2PdfOptions = {
-    margin?: number | [number, number, number, number]
-    filename?: string
-    image?: { type: string; quality: number }
-    html2canvas?: { scale: number; logging: boolean; dpi: number; letterRendering: boolean }
-    jsPDF?: { unit: string; format: string | number[]; orientation: string }
-  }
-
-  type Html2Pdf = {
-    from(element: HTMLElement | string): Html2Pdf
-    set(options: Html2PdfOptions): Html2Pdf
-    toPdf(): Html2Pdf
-    get(type: 'pdf'): Promise<jsPDF>
-  }
-
-  const html2pdf: () => Html2Pdf
-  export = html2pdf
-}

package/src/helpers/index.ts

@@ -1,4 +0,0 @@
-export * from './dialogHelper'
-export * from './gridHelper'
-export * from './excelExportHelper'
-export * from './pdfExportHelper'

package/src/helpers/pdfExportHelper.ts

@@ -1,179 +0,0 @@
-import { deepClone, postToService } from '@serenity-is/corelib'
-import { IdevsExportOptions, IdevsExportRequest } from '../globals'
-import html2pdf from 'html2pdf.js'
-import { jsPDF } from 'jspdf'
-import pdfMake from 'pdfmake/build/pdfmake'
-import { vfsFonts } from './custom-fonts'
-import htmlToPdfmake from 'html-to-pdfmake'
-import { Margins, PageOrientation, PageSize, Style, TDocumentDefinitions } from 'pdfmake/interfaces'
-
-export function doExportPdf(options: IdevsExportOptions): void {
-  const grid = options.grid
-  const request = deepClone(grid.getView().params) as IdevsExportRequest
-  request.Take = 0
-  request.Skip = 0
-  const sortBy = grid.getView().sortBy
-  if (sortBy) {
-    request.Sort = sortBy
-  }
-
-  request.ExportColumns = []
-  const columns = grid.getGrid().getColumns()
-  for (const column of columns) {
-    request.ExportColumns.push(column.id || column.field || '')
-  }
-  request.ExportColumns = request.ExportColumns.filter(column => !!column)
-  request.viewName = options.viewName
-  request.companyName = options.companyName
-  request.reportName = options.reportName
-  request.selectionRange = options.selectionRange
-  request.conditionRange = options.conditionRange
-  request.logo = options.logo
-  request.entity = options.entity
-
-  postToService({ service: options.service, request: request, target: '_blank' })
-}
-
-export type generatePdfOption = {
-  unit?: string
-  format?: string
-  orientation?: string
-  margin?: number
-}
-
-export function generatePdf(content: string, option?: generatePdfOption): void {
-  const margin = option?.margin ?? 10
-  const unit = option?.unit ?? 'mm'
-  const format = option?.format ?? 'a4'
-  const orientation = option?.orientation ?? 'portrait'
-  if (content) {
-    html2pdf()
-      .from(content)
-      .set({
-        margin: margin,
-        filename: 'filename.pdf',
-        image: { type: 'jpeg', quality: 0.98 },
-        html2canvas: { scale: 2, logging: true, dpi: 192, letterRendering: true },
-        jsPDF: { unit: unit, format: format, orientation: orientation },
-      })
-      .toPdf()
-      .get('pdf')
-      .then((pdf: jsPDF) => {
-        const blob = pdf.output('blob')
-        const url = URL.createObjectURL(blob)
-        window.open(url, '_blank')
-      })
-  }
-}
-
-export function makePdf(html: string, options?: PageOptions): Promise<string> {
-  return new Promise((resolve, reject) => {
-    if (!html) {
-      reject('No html to make a pdf')
-    } else {
-      pdfMake.vfs = vfsFonts
-      pdfMake.fonts = {
-        Roboto: {
-          normal: 'Roboto-Regular.ttf',
-          bold: 'Roboto-Medium.ttf',
-          italics: 'Roboto-Italic.ttf',
-          bolditalics: 'Roboto-MediumItalic.ttf',
-        },
-        THSarabun: {
-          normal: 'THSarabun.ttf',
-          bold: 'THSarabun Bold.ttf',
-          italics: 'THSarabun Italic.ttf',
-          bolditalics: 'THSarabun Bold Italic.ttf',
-        },
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const def: any = htmlToPdfmake(html, { tableAutoSize: true })
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      let main = def.find((el: any) => el['nodeName'] == 'MAIN')
-      if (!main) {
-        return
-      }
-      main = removeEmptyTextNodes(main)
-
-      const defStyle = options?.defaultStyle || {
-        font: 'THSarabun',
-      }
-
-      const margin = options?.pageMargins ?? 40
-      const pageSize = options?.pageSize ?? 'A4'
-      const pageOrientation = options?.pageOrientation ?? 'portrait'
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      let header: any = def.find((el: any) => el['nodeName'] == 'HEADER')
-      header = removeEmptyTextNodes(header)
-      const hd = header ? JSON.stringify(header) : undefined
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      let footer = def.find((el: any) => el['nodeName'] == 'FOOTER')
-      if (footer) {
-        footer = removeEmptyTextNodes(footer)
-      }
-      const ft = footer ? JSON.stringify(footer) : undefined
-
-      const content: TDocumentDefinitions = {
-        content: main,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        header: function (currentPage, pageCount, pageSize) {
-          if (!hd) {
-            return ''
-          }
-
-          const h = hd.replace('{{pageNo}}', currentPage.toString()).replace('{{totalPages}}', pageCount.toString())
-          return JSON.parse(h)
-        },
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        footer: function (currentPage, pageCount, pageSize) {
-          if (!ft) {
-            return ''
-          }
-          const f = ft.replace('{{pageNo}}', currentPage.toString()).replace('{{totalPages}}', pageCount.toString())
-          return JSON.parse(f)
-        },
-        pageSize: pageSize,
-        pageOrientation: pageOrientation,
-        pageMargins: margin,
-        defaultStyle: defStyle,
-      }
-
-      pdfMake.createPdf(content).open()
-
-      resolve('Make pdf successfully')
-    }
-  })
-}
-
-export type PageOptions = {
-  defaultStyle?: Style | undefined
-  pageSize?: PageSize | undefined
-  pageOrientation?: PageOrientation | undefined
-  pageMargins?: Margins | undefined
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const removeEmptyTextNodes = (obj: any): any => {
-  // If obj is an array, iterate through each element and filter
-  if (Array.isArray(obj)) {
-    return obj
-      .map(removeEmptyTextNodes) // Recursively apply the function
-      .filter(item => !(item && item.text === ' ')) // Remove elements where text is " "
-  }
-
-  // If obj is an object, check each key
-  if (typeof obj === 'object' && obj !== null) {
-    // eslint-disable-next-line prefer-const
-    for (let key in obj) {
-      // eslint-disable-next-line no-prototype-builtins
-      if (obj.hasOwnProperty(key)) {
-        obj[key] = removeEmptyTextNodes(obj[key])
-      }
-    }
-  }
-
-  return obj
-}

package/src/index.ts

@@ -1,5 +0,0 @@
-export * from './editors'
-export * from './formatters'
-export * from './ui'
-export * from './globals'
-export * from './helpers'

package/src/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "declaration": true,
-    "declarationDir": "../dist",
-    "emitBOM": true,
-    "emitDeclarationOnly": false,
-    "esModuleInterop": true,
-    "inlineSources": true,
-    "isolatedModules": true,
-    "forceConsistentCasingInFileNames": true,
-    "noImplicitAny": true,
-    "sourceMap": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "skipLibCheck": true,
-    "types": ["jquery", "jquery.validation", "jqueryui", "toastr"],
-    "outDir": "../dist",
-    "target": "ES2020",
-    "lib": ["ES6", "ES2020", "DOM"],
-    "noEmitHelpers": false,
-    "importHelpers": false,
-    "jsx": "react-jsx",
-    "typeRoots": ["../node_modules/@types"]
-  },
-  "include": ["**/*"],
-  "exclude": ["**/*.spec.ts"]
-}