@idevs/corelib 0.0.96 → 1.0.0

package/src/globals/index.ts

@@ -1,385 +0,0 @@
-import { DataGrid, ListRequest, ServiceResponse, ToolButton } from '@serenity-is/corelib'
-import { isEmptyOrNull } from '@serenity-is/corelib'
-
-declare global {
-  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  interface Number {
-    toDecimal(precision?: number): string
-    toTimeString(): string
-  }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  interface String {
-    truncate(maxLength?: number): string
-    toNumber(): number
-    toMethodRound(method?: number): number
-  }
-
-  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-  interface Date {
-    toSqlDate(): string
-    toNumber(): number
-  }
-
-  type IModalOptions = {
-    events?: IEvent[]
-  }
-
-  type IEvent = {
-    event: string
-    callback: (e: Event) => Promise<unknown>
-  }
-}
-
-Date.prototype.toSqlDate = function (): string {
-  const date = this.valueOf()
-  return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString()
-}
-
-Date.prototype.toNumber = function (): number {
-  const date = this.valueOf()
-  const hours = date.getHours()
-  const minutes = date.getMinutes()
-  const seconds = date.getSeconds()
-  return hours * 60 + minutes + seconds / 60
-}
-
-Number.prototype.toTimeString = function (): string {
-  const value = this.valueOf()
-  const hours = `0${Math.floor(value / 60)}`.slice(-2)
-  const minutes = `0${value % 60}`.slice(-2)
-  return `${hours}:${minutes}`
-}
-
-Number.prototype.toDecimal = function (precision?: number): string {
-  const numb = precision || 0
-  const options = {
-    minimumFractionDigits: numb,
-    maximumFractionDigits: numb,
-  }
-  let value = Intl.NumberFormat('en-US', options).format(this.valueOf())
-  value = parseFloat(value.replace(/,/g, '')).toString()
-  return Intl.NumberFormat('en-US', options).format(parseFloat(value))
-}
-
-String.prototype.truncate = function (maxLength: number) {
-  const str = String(this)
-  return str.length > maxLength ? str.substring(0, maxLength - 1) + '&hellip;' : str
-}
-
-String.prototype.toNumber = function () {
-  return this.valueOf() ? parseFloat(this.valueOf().replace(/,/g, '')) : 0
-}
-
-String.prototype.toMethodRound = function (method: number): number {
-  const input = parseFloat(this.valueOf())
-  let value = isNaN(input) ? 0 : input
-  if (value == 0) return 0
-
-  const r = parseFloat(value.toFixed(2))
-  switch (method) {
-    case 1:
-      value = r - (parseFloat(((r % 1) * 100).toFixed(2)) % 25) / 100
-      break
-
-    case 2:
-      value = r - (parseFloat(((r % 1) * 100).toFixed(2)) % 50) / 100
-      break
-
-    case 3:
-      value = Math.floor(r)
-      break
-
-    case 4:
-      value = Math.floor(r) + (Math.floor((r % 1) * 100) + (25 - (Math.floor((r % 1) * 100) % 25))) / 100
-      break
-
-    case 5:
-      value = Math.floor(r) + (Math.floor((r % 1) * 100) + (50 - (Math.floor((r % 1) * 100) % 50))) / 100
-      break
-
-    case 6:
-      value = Math.ceil(r)
-      break
-
-    case 7:
-      value = Math.floor(r) + (parseFloat((parseFloat(((r % 1) * 100).toString()) / 25).toFixed(0)) * 25) / 100
-      break
-
-    case 8:
-      value = Math.floor(r) + (parseFloat((parseFloat(((r % 1) * 100).toString()) / 50).toFixed(0)) * 50) / 100
-      break
-
-    case 9:
-      value = parseFloat(r.toFixed(0))
-      break
-
-    default:
-      value = r
-      break
-  }
-
-  return value
-}
-
-export function ToTimeString(value: number): string {
-  const hours = `0${Math.floor(value / 60)}`.slice(-2)
-  const minutes = `0${value % 60}`.slice(-2)
-  return `${hours}:${minutes}`
-}
-
-export function ToNumber(date: Date): number {
-  const hours = date.getHours()
-  const minutes = date.getMinutes()
-  const seconds = date.getSeconds()
-  return hours * 60 + minutes * 60 + seconds
-}
-
-export function GetElementWidth(element?: HTMLElement): number {
-  if (element) {
-    return element.clientWidth
-  }
-
-  return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
-}
-
-export function GetElementHeight(element?: HTMLElement): number {
-  if (element) {
-    return element.clientHeight
-  }
-
-  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
-}
-
-export function RemoveChildren(parent?: HTMLElement): void {
-  if (!parent) {
-    return
-  }
-
-  while (parent.firstChild) {
-    parent.removeChild(parent.firstChild)
-  }
-}
-
-export function IsOverflow(el: HTMLElement): boolean {
-  return el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth
-}
-
-export function IsOverflowY(el: HTMLElement): boolean {
-  return el.scrollHeight > el.clientHeight
-}
-
-export function IsOverflowX(el: HTMLElement): boolean {
-  return el.scrollWidth > el.clientWidth
-}
-
-export function InnerDimensions(el: HTMLElement | null): [number, number] {
-  if (!el) {
-    return [0, 0]
-  }
-
-  const style = getComputedStyle(el)
-  let width = el.clientWidth
-  let height = el.clientHeight
-
-  height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom)
-  width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight)
-
-  return [height, width]
-}
-
-export function neededTarget(el: HTMLElement, target: string): HTMLElement {
-  if (target.slice(0, 1) == '.') {
-    if (el.classList.contains(target.slice(1)) === false) {
-      el = el.closest(target) as HTMLElement
-    }
-  } else {
-    if (el.tagName.toLowerCase() !== target.toLowerCase()) {
-      el = el.closest(target) as HTMLElement
-    }
-  }
-  return el
-}
-
-export function dateStringOption(): Intl.DateTimeFormatOptions {
-  return {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-  }
-}
-
-export function toDateString(date: Date): string {
-  return date.toLocaleString('en-GB', dateStringOption())
-}
-
-// export function GetModal(name: string, options?: IModalOptions): Modal {
-//   const el = document.querySelector(name) as HTMLElement
-//   if (options?.events?.length) {
-//     options.events.forEach(callback => {
-//       el.addEventListener(
-//         callback.event,
-//         (e: Event) => {
-//           callback.callback(e)
-//         },
-//         { once: true },
-//       )
-//     })
-//   }
-
-//   return Modal.getOrCreateInstance(el, { backdrop: 'static' })
-// }
-
-export const setCookie = (name: string, value: string, expires?: number): void => {
-  let cookie = `${name}=${value}`
-  if (expires) {
-    const date = new Date()
-    date.setTime(date.getTime() + expires * 24 * 60 * 60 * 1000)
-    const exp = `expires=${date.toUTCString()}`
-    cookie = `${cookie}; ${exp}`
-  }
-  document.cookie = `${cookie}; path=/`
-}
-
-export type dateProxyInputOption = {
-  name: string
-  readOnly?: boolean
-  width?: number
-}
-
-export function addDateProxyInput(opt: dateProxyInputOption): HTMLInputElement {
-  const input: HTMLInputElement = document.querySelector(`input[name="${opt.name}"]`)
-  const cloneInput: HTMLInputElement = input.cloneNode(true) as HTMLInputElement
-  cloneInput.setAttribute('name', `${opt.name}-2`)
-  cloneInput.setAttribute('id', `${input.getAttribute('id')}-2`)
-  cloneInput.setAttribute('readonly', 'readonly')
-  cloneInput.classList.remove('customValidate')
-  cloneInput.classList.remove('s-DateEditor')
-  cloneInput.classList.remove('s-Serenity-DateEditor')
-  cloneInput.classList.remove('dateQ')
-  cloneInput.classList.remove('hasDatepicker')
-  if (opt.readOnly) {
-    cloneInput.style.backgroundColor = 'rgba(var(--s-bright-rgb), 0.02)'
-  } else {
-    cloneInput.style.backgroundColor = 'white'
-  }
-  if (opt.width) {
-    cloneInput.style.width = `${opt.width}px`
-  }
-
-  input.parentNode.insertBefore(cloneInput, input.nextSibling)
-  input.classList.add('d-none')
-
-  return cloneInput
-}
-
-export function updateDateProxyValue(name: string, dateValue: string | Date | null, locale?: string): void {
-  let target = document.querySelector(`#${name}-2`) as HTMLInputElement
-  if (!target) {
-    target = document.querySelector(`input[name=${name}-2]`) as HTMLInputElement
-  }
-  if (isEmptyOrNull(dateValue?.toString())) {
-    target.value = ''
-  } else {
-    if (!locale) {
-      locale = 'en-GB'
-    }
-    target.value = (dateValue.constructor == Date ? dateValue : new Date(dateValue)).toLocaleString(
-      locale,
-      dateStringOption(),
-    )
-  }
-}
-
-export function toSqlDateString(date: Date): string {
-  const offset = date.getTimezoneOffset()
-  date = new Date(date.getTime() - offset * 60 * 1000)
-  return date.toISOString().split('T')[0]
-}
-
-export enum PageSizes {
-  A4 = 0,
-  A3 = 1,
-}
-
-export enum PageOrientations {
-  Portrait = 0,
-  Landscape = 1,
-}
-
-export type PageSize = {
-  Size: PageSize
-  Orientation: PageOrientations
-}
-
-export type PageMargin = {
-  MarginLeft: string
-  MarginTop: string
-  MarginRight: string
-  MarginBottom: string
-}
-
-export type IdevsExportRequest = ListRequest & {
-  viewName?: string
-  companyName?: string
-  reportName?: string
-  selectionRange?: string
-  conditionRange?: string
-  logo?: string
-  pageSize?: PageSize
-  margin?: PageMargin
-  entity?: unknown
-}
-
-export type IdevsExportOptions = IdevsExportRequest & {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  grid: DataGrid<any, any>
-  service: string
-}
-
-export type ExportOptions = IdevsExportOptions & {
-  title?: string
-  hint?: string
-  separator?: boolean
-  exportType: 'PDF' | 'XLSX'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  onClick?: (e: any) => void
-}
-
-export type IdevsContentResponse = ServiceResponse & {
-  Content: string
-}
-
-export function createExportToolButton(options: ExportOptions): ToolButton {
-  return {
-    hint: options.hint || options.exportType,
-    title: options.title || '',
-    cssClass: `export-${options.exportType.toLowerCase()}-button`,
-    onClick: options.onClick,
-    separator: options.separator,
-  }
-}
-
-export function toBeginMonth(date: string): string {
-  if (isEmptyOrNull(date)) {
-    return date
-  }
-
-  return `${date.substring(0, 8)}01`
-}
-
-export function toEndMonth(date: string): string {
-  if (isEmptyOrNull(date)) {
-    return date
-  }
-
-  const dateArr = date.split('-')
-  const d = new Date(parseInt(dateArr[0]), parseInt(dateArr[1]), 0)
-
-  return `${date.substring(0, 8)}${d.getDate()}`
-}
-
-export class globals {
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  public static load() {}
-}

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'